body
{
	padding:			5px;
	padding-left:		5%;  /* Marges latérales par défaut */
	padding-right:		5%;	 /* Marges latérales par défaut */
	height:				900px;
	background-color:  	rgb(50, 50, 50); 
	font-family: 		verdana, "Times New Roman", Serif; 
	font-size:			16px;
	margin: 			auto;
	font-size:			12px;
}

a 
{
	color: 				rgb(50, 50, 100);			
	text-decoration:	none;
}

a:link 
{
	color: 				rgb(30, 30, 30);			
	text-decoration:	none;
}

a:hover
{
	font-weight:		bold;
}

table
{ 
	text-align: 		justify;
	font-size:			1em;
	margin:				auto;
	border-collapse: 	collapse;
}

td
{ 
	border:				2px solid rgb(50, 50, 100);
	font-size:			1em;
}

th
{ 
	border:				2px solid rgb(50, 50, 100);
	font-size:			1em;
	text-align:			center;
	font-weight:		bold;
}

#en_tete
{
	width: 				100%;
	height: 			11%;
	overflow:			hidden;	
	background-color: 	rgb(51, 153, 255); 
	border: 			3px groove rgb(250, 250, 250);
}

#Baniere
{
	background-image: 	url("../../../images/Baniere-Reduite-V1.jpg");
	background-repeat: 	no-repeat;
	background-color: 	rgb(51, 153, 255); 
	background-position:50% 50%;	
	width: 				35%;
	height: 			90%;
	border: 			3px groove rgb(250, 250, 250);
	margin:				auto;
	float:				left;
}

#Titre
{
	width:				57%;
	height: 			90%;
	margin:				auto;
	color:				rgb(255,255,255);
	background-color: 	#280099; 
	border: 			3px groove rgb(250, 250, 250); 	
	text-align:			center;
	float:				left;
	font-size:			0.8em;
}


#Central
{
	width: 				100%;
	height:				80%;
	background-color:	rgb(250, 250, 250);
	margin:				auto;
	border: 			3px groove rgb(250, 250, 250); 	
	overflow:			auto;	
}

#ContenuCours
{
	width:				99%;
	margin:				auto;
	padding:			5px;
	background-color:	rgb(250, 250, 250);
}

#ContenuEval
{
	height:				100%;
	width:				98%;
	margin:				auto;
	padding:			5px;
	background-color:	rgb(250, 250, 250);
}

#Sommaire
{
	width:		49%;
	height:		100%;
	border:		1px solid rgb(50, 50, 100);
	color: 		rgb(50, 50, 100);
	overflow:	auto;
	float:		left;
}

#Sommaire a 
{
	color: 				rgb(50, 50, 100);
	text-decoration:	none;
	font-style:			normal;
}

#Sommaire ul
{
	list-style-type : 	none;
}

#Evaluation
{
	height:		100%;
	width:		49%;
	float:		left;
	overflow:	auto;
	float:		right;
}

.Chapitres
{
	padding:			5px;
	background-color: 	rgb(250, 250, 250);
	text-align:			justify;
	font-size:			1.0em;
	color: 				rgb(50, 50, 50);			
}

.Chapitres a
{
	color: 				rgb(50, 50, 100);			
	font-style:			italic;
	text-decoration:	underline;
}

.ImagesChapitres
{
	border:		 		5px groove rgb(150, 150, 150);
	margin:				auto;
}

#pied
{
	width: 				100%;
	height:				5%;
	background-color: 	rgb(51, 153, 255); 
	font-size: 			1em;
	text-align:			center; 
	border: 			3px groove rgb(250, 250, 250); 	
}

#pied a
{
	font-size: 			1em;	
	color:				rgb(250, 250, 250);	
	background-color: 	rgb(51, 153, 255); 
}

.BlocCadre
{
	width:				50%;
	border: 			1px solid #280099;
	background-color:	yellow;
	margin: 			auto;
}

h1.FirstStyle 
{ 
	display:			block;
	width:				80%;
	margin:				auto;
	font-size: 			1.4em; 
	font-weight: 		bold;
	border: 			1px solid rgb(50, 50, 150); 
	color: 				rgb(50, 50, 150);			
	text-align: 		center; 
}

h2.FirstStyle 
{ 
	font-size: 			1.2em; 
	font-weight: 		bold;
	color: 				rgb(50, 50, 150);			
	text-align: 		center; 
}

h3.FirstStyle
{ 
	font-size: 			1em; 
	font-weight: 		bold;
	font-style: 		italic; 
	color: 				rgb(50, 50, 150);			
}

h4.FirstStyle
{ 
	font-size: 			1em; 
	font-weight: 		normal;
	font-style: 		normal; 
	color: 				rgb(50, 50, 150);			
	margin-left:		3%;
}

h5.FirstStyle
{ 
	font-size: 		1em; 
	font-weight: 	normal;
	font-style: 	italic; 
	color:			rgb(50, 50, 150);			
	text-align:		center;
}

h6.FirstStyle
{ 
	font-size: 		1em; 
	text-align:		justify;
	color: 			rgb(50, 50, 150);			
}

.RetourSommaire 
{ 
	min-width:			6%;
	height: 			90%;
	margin: 			auto;
	color:				rgb(250,250,250);
	background-color: 	rgb(51, 153, 255); 
	border: 			3px groove rgb(250, 250, 250);
	text-align: 		center; 
	float:				right;
}
		
.RetourSommaire a 
{ 
	width:				100%;
	text-decoration: 	none; 
	color:				rgb(230,230,230);
	font-size:			0.8em;
	margin:				auto;
}

.RetourSommaire a:hover
{ 
	font-weight:		bold;
}


#SuiviCours
{
	border:		1px solid #280099;
	width:		95%;
	margin: 	auto;
	overflow:	auto;
	text-align:	center;
}

#SuiviCours table
{
	border: 			1px solid #280099; 
	margin: 			auto;
	font-size:			1.3em;
	color:		 		#280099;
	background-color:	#f0f0f0;
	width:				95%;
}

#SuiviCours caption
{
	font-family: 		Courier New; 
	font-weight:		bold;
	text-align:			center;
	margin: 			auto;
}

#SuiviCours th
{
	font-family: 		Courier New; 
	border: 			1px solid #280099;
	border-collapse: 	collapse;
	text-align:			center;
	margin: 			auto;
}

#SuiviCours td
{
	font-family: 		Courier New; 
	border: 			1px solid #280099;
	border-collapse: 	collapse;
	text-align:			center;
	margin: 			auto;
	color:		 		#280099;
}

#Evaluation
{
	height:		100%;
	width:		49%;
	border:		1px solid #280099;
	float:		left;
	color: 		#280099;
	overflow:	auto;
	float:		right;
}

#Evaluation p
{
	color: 		#280099; 
	overflow:	auto;
}

.Corrige
{
	font-size:			1em;
	font-style: 		italic;
	background-color:	#FFFFCA;
}

.Corrige .Listing
{
	background-color:	#F0F0BA;
}

.App_vrai
{
	font-size:			1.2em;
	font-weight:		bold;
	font-style: 		italic;
	color:				#009D00;
	background-color:	#FFFFCA;
}	

.App_PlutotFaux
{
	font-size:			1.2em;
	font-weight:		bold;
	font-style: 		italic;
	color:				#FF5800;
	background-color:	#FFFFCA;
}	

.App_faux
{
	font-size:			1.2em;
	font-weight:		bold;
	font-style: 		italic;
	color:				red;
	background-color:	#FFFFCA;
}		

.App_sans
{
	font-size:			1.2em;
	font-weight:		bold;
	font-style: 		italic;
	color:				rgb( 150, 0, 150);
	background-color:	#FFFFCA;
}		
				
.Remarque 
{ 
	background-color: #dddddd; 
}

.Indentation
{
	position:	relative;
	left:		30px;
}

.Centrage
{
	text-align:	center;
	margin:		auto;
}

.Retrait1L
{
	text-indent: 30px;
}

.Listing
{
	font-family: Courier New; 
	background-color: #dddddd; 
}

.Eval_Reponse
{
	background-color: #00FFFF; 
}

.Eval_Reponse .Listing
{
	background-color: #00F0F0; 
}

.TableauEval td
{
	font-family: 		Courier New; 
	font-size:			0.8em;
	border: 			1px solid black; 
	border-collapse: 	collapse;
}

#Questions
{
	font-size:			0.9em;
	width:				95%;
	height:				600px;
	margin:				auto;
}

.BlocReponses
{
	width:				100%;
	max-height:			50%;
	border:		 		3px groove rgb(20, 20, 150);
	overflow:			auto;
	background-color: 	rgb(255, 255, 255); 
}

.BlocReponses select
{
	border:				none;
	border-bottom: 		1px dotted rgb(200, 200, 200);
}

.Cr_Tests
{
	background-color: 	#00F0F0; 
	border: 			2px solid #280099;
	width:				50%;
	margin:				auto;
	text-align:			center;
}


#Chronometre
{
	width:				130px;
	position:			absolute;
	top:				15px;
	left:				15px;
	border: 			5px groove rgb(250, 250, 250);
	z-index:			100;
}

#Chrono1
{
	font-size:			2.5em;
	font-weight:		bold;
	font-style: 		italic;
	font-family: 		Arial;
	text-align:			center;
	color:				red;
	background-color: 	rgb(51, 153, 255); 
	margin:				auto;
	width:				100%;
	height:				90%;
	z-index:			200;
}

#Chrono2
{
	font-size:			0.6em;
	text-align:			center;
	background-color: 	rgb(250, 250, 250); 
	border:		 		2px solid rgb(20, 20, 150);
	color:				rgb(20, 20, 150); 
	margin:				auto;
	width:				100%;
	height:				8%;
	z-index:			200;
}


#FinDelais
{
	width:				0px;
	height:				0px;
	font-size:			3em;
	font-weight:		bold;
	font-style: 		italic;
	font-family: 		Arial;
	text-align:			center;
	color:				rgb(51, 153, 255);
	background-color: 	rgb(250, 250, 250); 
}

#AideQuestionnaire
{
	width:				70%;
	border:		 		2px groove rgb(20, 20, 150);
	background-color:	#FFFFCA;
	margin:				auto;
}

#AideQuestionnaire a
{
	display:			block;
	width:				100%;
	text-decoration: 	none; 
	color:				rgb(50, 50, 150);
	font-size:			0.9em;
	text-align:			center;
}

#AideQuestionnaire a:hover
{
	font-size:			1.0em;
	font-weight:		bold;
	color:				rgb(20, 20, 100);
}

.Formule
{
	width: 50%;
	border:		 		1px solid rgb(20, 20, 150);
	font-family: 		Courier New; 
	text-align:			center;
	margin:				auto;
}

#Tableau_4_5 table
{
	width: 	50%;
}

#Tableau_4_5 td
{
	border: none;
}