@font-face {
		font-family: "HelveticaCondensed";
		font-style: normal;
		font-weight: normal;
		src: url('https://education.francetv.fr/_assets/fonts/HelveticaCondensed.eot');
		src: url('https://education.francetv.fr/_assets/fonts/HelveticaCondensed.eot?#iefix') format('embedded-opentype'),
				url('https://education.francetv.fr/_assets/fonts/HelveticaCondensed.ttf') format("truetype");
}
@font-face {
		font-family: "HelveticaCondensed";
		font-style: normal;
		font-weight: bold;
		src: url('https://education.francetv.fr/_assets/fonts/HelveticaCondensedBold.eot');
		src: url('https://education.francetv.fr/_assets/fonts/HelveticaCondensedBold.eot?#iefix') format('embedded-opentype'),
			   url("https://education.francetv.fr/_assets/fonts/HelveticaCondensedBold.ttf") format("truetype");
}

.veveyregular
{
	font-family: 'veveyregular';
}
.wisdom
{
	font-family: 'wisdom_script_airegular';
}
#ST_revolution
{
	background: #F2F2F1;
	font-family: Arial;
	font-size: 0.8em;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
	#ST_revolution img
	{
		border: 0;
	}

	#ST_revolution ul, #ST_revolution ul li, #ST_revolution dl, #ST_revolution dl dt, #ST_revolution dl dd
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
.ST_center
{
	margin: 0 auto;
	max-width: 1024px;
	width: 70%;
}
.ST_fltRght
{
	float: right;
}
#ST_revolution nav
{
	background: #444;
	cursor: pointer;
	position: fixed;
	right: 0;
	width: 200px;
	z-index: 2;
}
	#ST_revolution nav a
	{
		color: #FFF;
	}
	#ST_revolution nav #openLeftMenu
	{
		position: absolute;
		text-align: center;
	}
	#ST_revolution nav ul
	{
		font-family: 'veveyregular';
		font-size: 1.6em;
		margin: 0 13%;
		overflow: auto;
		position: relative;
		width: 160px;
	}
		#ST_revolution nav ul li
		{
			padding: 10% 0;
			text-transform: uppercase;
		}
			#ST_revolution nav ul li:first-child
			{
				/*margin-bottom: 30%;*/
			}
				#ST_revolution nav ul li:first-child a
				{
					border-bottom: 1px solid #FFF;
				}
			#ST_revolution nav ul li:last-child
			{
				margin-top: 30%;
			}
			#ST_revolution nav ul li a
			{
				text-decoration: none;
			}
				#ST_revolution nav ul li a:hover, #ST_revolution nav ul li.active a
				{
					color: #858585;
				}
			
			
#ST_revolution #ST_flecheContainer
{
	bottom: 0;
	height: 40px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index:3;
}
#ST_revolution .ST_blocFrise
{
	font-family: "HelveticaCondensed";
	float: left;
	overflow: auto;
	width: 45%;
}
#ST_revolution .ST_blocFrise:first-child
{
	margin-right: 0%;
	width: 55%;
}
#ST_revolution .ST_blocFrise:last-child
{
	text-align: center;
}
	#ST_revolution .ST_blocFrise h3
	{
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
		#ST_revolution .ST_blocFrise h3 span
		{
			font-size: 1.4em;
		}
		#ST_revolution .rouge .ST_blocFrise h3 span
		{
			color: #c05353;
		}
		#ST_revolution .jaune .ST_blocFrise h3 span
		{
			color: #e6c85b;
		}
		#ST_revolution .bleue .ST_blocFrise h3 span
		{
			color: #556777;
		}
	#ST_revolution .ST_blocFrise p
	{
		line-height: 150%;
		font-size: 1.2em;
		margin: 0;
		padding: 0;
	}
		#ST_revolution .ST_blocFrise p a
		{
				color: #000;
		}
		
	
	
	.ST_imgFltRight
	{
		float: right;
		position: absolute;
		right: 0;
	}
	
	.ST_page h1.ST_titreChrono
	{
		position: fixed;
	}
	.pageTheme .ST_page h1.ST_titreChrono
	{
		position: relative;
	}
	.ST_page .ST_titreChrono
	{
		display: inline;
		font-size: 2em;
		font-weight: 100;
	}
	.ST_page .ST_titreChrono a
	{
		color: inherit;
		text-decoration: none;
	}
	.ST_page .ST_titreChrono span
	{
		font-family: 'wisdom_script_airegular';
		font-size: 1em;
	}
	.ST_page .ST_titreChrono strong
	{
		letter-spacing: 2px;
		font-family: 'veveyregular';
		padding: 0 0 8px 0;
		text-transform: uppercase;
	}
	
	#ST_revolution .ST_page.rouge .ST_titreChrono
	{
		color: #c05353;
	}
		#ST_revolution .ST_page.rouge .ST_titreChrono  strong
		{
			border-bottom: 1px solid #c05353;
		}
	#ST_revolution .ST_page.jaune .ST_titreChrono
	{
		color: #e6c85b;
	}
		#ST_revolution .ST_page.jaune .ST_titreChrono  strong
		{
			border-bottom: 1px solid #e6c85b;
		}
	#ST_revolution .ST_page.bleue .ST_titreChrono
	{
		color: #556777;
	}
		#ST_revolution .ST_page.bleue .ST_titreChrono  strong
		{
			border-bottom: 1px solid #556777;
		}
		
		
		
		
		
		
		
		
	#ST_revolution #ST_frise dl dd
	{
		background: url("../images/chrono/little_btn.png") left 5px no-repeat;
		font-size: 1.4em;
		padding-left: 33px;
	}
		#ST_revolution #ST_frise dl dd a
		{
			color: #c7c6c2;
			text-decoration: none;
		}
#ST_titreAccueil
{
	margin: 5% auto 2%;
	width: 191px;
}

	#ST_titreAccueil img 
	{
	width:95%;
	}

#ST_revolution #ST_centreContainer
{
	margin: 0 auto;
	width: 40%;
}
	#ST_revolution #ST_centreContainer img
	{
		max-width: 123px;
		width: 49%;
	}

#ST_revolution .ST_page
{
	overflow: hidden;
	position: relative;
	width: 100%;
}


#ST_revolution #hpPersonnages
{
	margin-top: 12%;
}
	#ST_revolution #hpPersonnages .ligne
	{
		clear: both;
	}
		#ST_revolution #hpPersonnages .ligne div
		{
			margin-bottom: 20px;
			float: left;
			font-family: 'veveyregular';
			position: relative;
			text-align: center;
			width: 20%;
		}
			#ST_revolution #hpPersonnages .ligne div h2
			{
				border: none;
				display: inline;
				margin: 0;
				padding: 0;
				text-align: center;
			}
			#ST_revolution #hpPersonnages .ligne div a
			{
				color: #c05353;
				text-decoration: none;
			}
			#ST_revolution #hpPersonnages .ligne div img
			{
				max-width: 123px;
				width: 100%;
			}
	#ST_revolution.lesPersonnages .ST_page h2
	{
		border-bottom: 1px solid #c05353;
		color: #c05353;
		padding-bottom: 5%;
		width: 90%;
	}
	.retourPerso
	{
		margin-top: -30px;
	}
	#ST_titreTheme
	{
		display: block;	
		text-align: center;
		width: 100%;
	}
	#ST_titreTheme a
	{
		color: #c05353;
		text-decoration: none;
	}
		#ST_titreTheme span
		{
			font-family: 'wisdom_script_airegular';
			font-size: 1.6em;
		}
		#ST_titreTheme strong
		{
			font-family: 'veveyregular';
			font-size: 1.5em;
		}
#ST_mobile-currentDate
{
	display: none;
}
@media only screen and (max-width: 480px) and (min-width: 200px)
{
	#ST_revolution .ST_blocFrise:first-child
	{
		width: 100%;!important
	}
	.ST_blocFrise:last-child
	{
		float: left;
	}
	#ST_revolution .ST_blocFrise:first-child
	{
		width: 80%;!important
	}
	#ST_mobile-currentDate
	{
		background: #000;
		color: #FFF;
		display: block;
		font-family: 'veveyregular';
		position: fixed;
		padding: 2% 5%;
		top: 10%;
	}
	#ST_revolution .ST_page .ST_titreChrono
	{
		text-align: right;
		float: right;
		width: 100%;
	}
	#ST_revolution .ST_page.rouge .ST_titreChrono strong, #ST_revolution .ST_page.jaune .ST_titreChrono strong, #ST_revolution .ST_page.bleue .ST_titreChrono strong
	{
		border: none;
	}
}