/*
		.container, .num-serie{
				border: 1px solid brown;
		}
		.row{
				border: 2px solid grey;
		}

		.col-auto{
			border: 5px solid green;
		}
		
		
		
		.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6 {
			border: 1px solid #0B610B;
		}	
		.col-xs-8, .col-sm-6, .col-md-4,.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6 {
			border: 2px solid #04B404;
		}
		.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6{
			border: 3px solid #00FF00;
		}
		*/
		
		/*
		.container-images{
			border: 2px solid green;
		}
		
		.col-images{
			border: 3px solid blue;
		}
		*/
		
		
     
	
		
		
		
/* ??? 
.padding-left-right-0 {
     padding-left: 5;
     padding-right: 5;
}	
*/

/*	
.separation3{
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
	}

	
	.separation1{
margin: 0px 0px 0px 0px;
height: 0px;
background-color: blue;
	}
	.separation2{
margin: 15px 0px 15px 0px;
height: 5px;
background-color: blue;
	}
*/



body 
{
  min-height: 75rem;
  padding-top: 5rem;/*séparation menu-body*/
  /*background-color: #E6E6E6;*/
}


/*********************navbar*******************************/
 .navbar-nav {
    font-size: 1.2em;
    margin: 0px 0px 0px 50px;
}

/* change the background color */
.navbar-custom {
    background-color: #A26AF7;
}
.navbar-brand{/*taille du logo code3000*/
    height: auto;
    width: 180px;
}



/*largeur du formulaire insertion du mail et du mot de passe*/
.navbar .dropdown-menu .form-control {
    /*width: 200px;*/
}
/*********************fin navbar*******************************/


/******************************************************/

/*boutons diapo précédente suivante, son, validation, choix série*/	

.bouton-diapo-suivante, .bouton-diapo-precedente{
	width: 180px;
	height: 70px;
	border-radius: 35px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.bouton-stats{
	height: 70px;
	border-radius: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	line-height: 70px;
	color: white;
	font-size: 1.6rem;
}
.bouton2-stats{
	height: 36px;
	border-radius: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	line-height: 36px;
	color: white;
	/*font-size: 1.6rem;*/
}
.registration{
	border: 1px solid #0099ff;;
	border-radius: 18px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 1.6rem;/**/
}
.registration em{
	color: #0099ff;;
	font-style: normal;
}

.acces_inscription{
color: white;	
}

@media (max-width: 576px) {/*767*/
	.bouton-diapo-suivante{
		width: 70px;
		height: 70px;
		font-size: 1.2rem;
		padding: 0px 0px 0px 10px;
	}
		.bouton-diapo-precedente{
		width: 70px;
		height: 70px;
		font-size: 1.2rem;
		padding: 0px 10px 0px 0px;
	}
}

.bouton-valider-question, .bouton-valider-question p{
	height: 70px;
	border-radius: 35px;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 1.2rem;
	font-weight: bold;
}

.bouton-audio, .bouton-audio p, .bouton-audio-inactif, .bouton-audio-inactif p { 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.bouton-choix-serie{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 70px;
}

/*bouton du son*/
.btn-circle {
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  padding: 0.375rem 0;
  font-size: 0.75rem;
  line-height: 1.428571429;
  border-radius: 0.938rem;
}
.btn-circle.btn-lg {
  width: 3.125rem;
  height: 3.125rem;
  padding: 0.625rem 1rem;
  font-size: 1.125rem;
  line-height: 1.33;
  border-radius: 1.563rem;
}

@media (max-width: 768px) {/*767*/
	#myaudio, #myaudio-mute {/*lecteur de son lui-même*/
		width: 150px;
		/*height: auto;*/
		padding: 0px;
		margin: 8px;
		border-radius: 30px;
		/*background-color: black;
		border-width: 1px;
		border-style: solid ;*/
	}		
}

#myaudio, #myaudio-mute {/*lecteur de son lui-même*/
	padding: 0px;
	margin: 4px;/*8px;*/
	border-radius: 30px;
	/*background-color: red;
	border-width: 1px;
	border-style: solid ;*/
	max-width: 270px;
	/*height: auto;*/
	
}

#myaudio-mute {
	padding: 4px;
	margin: 0px;
	border-radius: 30px;
}
.audio {
	padding: 0px;
	margin: 0px;
	
}
/* fin bouton audio avec son inactif*/
/*****************************************************/



/*indication des n° série, n° question et taux de réussite*/

.taux, .num-question, .reponse {
	color: #666666;	
	padding-left: 0;
	padding-right: 0;
}

.taux, .num-question,{
	font-weight: bold;
	font-size: 1.2rem;
	width: 100%;
	margin: 0px 0px 0px 0px;
	
}
.taux em, .num-question em, .num-serie em {
	font-weight: bold;
	font-size: 1.3rem;
	font-style: normal;
	color: #007bff;
}
.num-serie {
	color: green;	
	padding-left: 0;
	padding-right: 0;
	font-weight: bold;
	font-size: 1.5rem;
	width: 100%;
	margin: 0px 0px 0px 0px;

}
.num-serie2 {
	color: #007bff;	
	display: inline;
	font-weight: bold;
	font-size: 2rem;
	-width: 100%;
	}



/*fin d'affichage indication n° série n° question et taux de réussite*/

/********** pub	************/
.pub1{ /* en haut */
/*	width:728px;
	height:90px;*/
	padding: 0px;
	margin: 0px 0px 10px 0px ;
	text-align: center;
	}
.pub2{ 
/*	width:728px;
	height:90px;*/
	padding: 0px;
	margin: 20px 0px 0px 0px ;
	text-align: center;
	}

@media (min-width: 350px) and (max-width: 575px) {/*767*/
	.pub4{ /* en haut */
		padding: 0px;
		margin: 15px 0px 15px 0px ;
		text-align: center;
		/*background-color: green;
		display: d-none;*/
	}


}
.pub3{  /* en bas */
	padding: 0px;
	margin: 15px 0px 15px 0px ;
	text-align: center;
	/*background-color: red;*/
	}



	/********** fin pub	************/	
		

/********** affichage question, réponse et explication	************/
.reponse, .reponse p {/*affichage de la réponse*/
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.2rem;
	font-style: normal;
	
}
.reponse em{/*affichage de la réponse*/
	color: #007bff;
	font-size: 1.3rem;
	font-style: normal;
}
.explication {
	color: #333333;
	margin: 15px 0px 0px 0px;
	font-size: 1rem;
}

.lettre {
	color: #007bff;
	/*font-family: courier new;*/
	font-size: 1.1rem;
	font-weight: bold;
	}	
.docaudio{
	color: #333333;
	font-size: 1.3rem;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #e0dfdf;
	border-radius: 10px;
}
	


/*
input[type=checkbox][checked]{
    outline:2px solid blue;
}
*/
/********** affichage question, réponse et explication	************/

footer .legal a {
	color: #737373;  /*texte gris*/
	font-size: 0.8rem;
	/*font-weight: bold;*/
	}	
	

	/**********************affichage image******************************/

label{
	display: block;/* inline-block par défaut dans bootstrap */
	margin: 2px 0px 2px 5px;

}
.diapo { 
	max-width: 100%;
	height: auto;
	box-sizing: border-box;/**/
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.diapo_01 { 
	max-width: 50%;
	height: auto;
	box-sizing: border-box;/**/
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.diapo_04 { 
	max-width: 30px;
	height: auto;
	box-sizing: border-box;/**/
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.diapo_p6p7 { 
	max-width: 100%;
	height: auto;
	box-sizing: border-box;/**/
	margin: 0px 0px 0px 0px;
	border: 5px solid #007bff;
	border-radius: 10px;
}
/************** fin page tests-code-route.php ************************/

/************** page index.php ************************/
/*
[class*="col"] { margin-bottom: 20px; } /* effet secondaire: agrandit la hauteur du menu*/
.mozaique{
	margin-bottom: 20px;
}
.cadre_index{
	margin: 20px 0px 0px 0px;
	
}

.series_assr{
	margin: 0px 0px 0px 0px;
	/*border: 1px solid black;*/
	border-radius: 30px;
	background-color: #cc6600;
}

.series_membres1, .series_membres2{
	margin: 20px 0px 0px 0px;
	/*border: 1px solid black;*/
	border-radius: 30px;
}
.series_membres1{
	background-color: #ff3300;
}
.series_membres2{
	background-color: #9E8D91;
}


.series_offertes{
	margin: 0px 0px 0px 0px;
	/*border: 1px solid black;*/
	border-radius: 30px;
	background-color: #0099ff;
}
.series_membres1 img, .series_membres2 img, .series_offertes img, .cadre_index img, .series_assr img{
	max-width: 100%;
	margin: 0px 0px 10px 0px;
}

#imageseriegratuite { 
	max-width: 100%;
	/*display: block;
	width: 456px;
	height: 294px;
	margin-left: auto;
	margin-right: auto;*/

background: url(autresimages/imageseriegratuite.jpg) no-repeat 0 0px;
}

#imageseriegratuite:hover{
	background: url(autresimages/imageseriegratuite.jpg) 0 294px;
}
#imageseriegratuite spam{ 
	border: 3px solid #EA6E01;/**/
}
/************** fin page index.php ************************/


/************** effet au survol des images ************************/
.zoom  img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	/*border: 5px solid #EA6E01;blue*/
}
.zoom img.bordures-images-selectionnee1{
	border: 5px solid #0004fc; /*violet clair*/
}
.zoom img.bordures-images-selectionnee2{
	border: 10px solid #261495; /*bleu*/
}
.zoom img.bordures-images-selectionnee3{
	border: 10px solid #ffff00; /*jaune*/
}



.zoom img:hover  {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* Opacité */
.opacity1 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.opacity1 img:hover {
	opacity: 1;
}

/* Opacité */
.opacity2  {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.opacity2:hover {
	opacity: 0.8;
}


/**************fin effet au survol des images ************************/


@media only screen and (max-width: 575px) {/*diminue la taille du texte sur petit écran*/
	h2 {
		font-size: 1.5em;
	}
}

/* ------------------------------------ *
 boutons pour arrêter une série en cours
 * ------------------------------------ */
.stop_test p{/*message alerte test en cours*/
text-align: center;
font-size: 110%;
font-weight: bold;
margin: 0px 0px 0px 0px;
/*background-color : grey;*/
color: red;
}


@media (max-width: 768px) {/*767*/
	.stop_test p{
		font-size: 90%;
	}
}



/* ------------------------------------ *
 fin boutons pour arrêter une série en cours
 * ------------------------------------ */

.num_serie p {/*, a:hover, a:focus, a:active*/
	
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	font-style: normal;
	color: #ffffff;
	/*background-color: red;*/
	margin: 10px 0 0 0;
}
.entete{
	background-color: #A72CAB;	
	margin: 0px 0px 0px 0px;/**/
	font-size: 1.2em;
	color: #EFF3F3;
	border-radius: 30px;
	padding-bottom: 10px;
}

.conteneur_articles{
	padding: 0px 0px 0px 0px; /**/	
	/*background-color: green;*/
}

.article1, .article2, .article3, .article4, .article5, .article6, .article7, .article8, .article9,
.article10, .article11, .article12, .article13, .pub_300-600, .article-stats3, .article-stats4{
	height: 100%;
	width: 100%;
	border-radius: 30px;
	margin:0px 0px 0px 0px;
	padding-bottom: 10px;
}

.corps_article{
	margin: 0px 10px 0px 10px;/**/
}

.article1-1, .article2-1, .article3-1, .articlenum4-1, .article5-1, .article6-1, .article7-1, .article8-1, .article9-1, 
.article10-1, .article11-1, .article12-1, .article13-1 {
	font-size: 1.2em;
	margin: 20px 0px 0px 0px;
}

.titrestats{
	font-size: 2.5em;
	font-weight: bold;
	color: #27A844;
	text-align: center;
	margin: 0px 0px 0px 0px;	
}
.titremode{
	font-size: 1.2em;
	font-weight: bold;
	color: #007bff;
	margin: 0px 0px 0px 0px;
	padding-left: 0;
	padding-right: 0;

}
.titremode2{
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	
	}

.cadremode{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	/*border: 1px solid black;*/
	border-radius: 30px;
}
.cadre-q-restantes{
	
	font-size: 1.4em;
	font-weight: bold;
	color: black;
	/*border: 1px solid black;*/
	border-radius: 30px;
}
.miseenforme1{
	font-size: 1.4em;
	color: #666666;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.miseenforme1 em{
	font-style: normal;
	color: #007bff;
}

.titrechangeserie1{
	font-size: 1.5em;
	font-weight: bold;
	color: black;
	text-align: center;
	margin: 0px 0px 0px 0px;	
}
.titrechangeserie2{
	font-size: 1.5em;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin: 0px 0px 0px 0px;	
}
.titrechangeserie22{
	display: inline;
	/*font-size: 0.8em;*/
	font-weight: bold;
	color: #007bff;
	text-align: center;
	margin: 0px 0px 0px 0px;	
}

.stats1, .stats2{
	margin: 20px 0px 0px 0px;	
}

.stats3, .stats4{
	margin: 20px 0px 0px 0px;
}
.article1, .article5, .article9, .article13{
	background-color: #734DB4;
}
.article2, .article6, .article10, .article14{
	background-color: #AF5DE4;
} 
.article3, .article7, .article11, .article15{
	background-color: #7E40A6; /*#507097;*/
}
.article4, .article8, .article12{
	background-color: #5457A8; /*#507097;*/
}

.article-stats3{
	background-color: #EED8EA; /*#507097;*/
}
.article-stats4{
	background-color: #DBD8EE; /*#507097;*/
}

@media (max-width: 575px) {/*élargissement de la couleur de fond 767px 991px*/
	.stats1{
		background-color:  #7E40A6;
		border-radius: 30px;
	}
	.stats2{
		background-color: #5457A8;
		border-radius: 30px;
	}
	.stats3{
		background-color:  #EED8EA;
		border-radius: 30px;
	}
	.stats4{
		background-color: #DBD8EE;
		border-radius: 30px;
	}
	
	
	
	.article1-1{
		background-color:  #734DB4;
		border-radius: 30px;
	}
	.article2-1{
		background-color:  #AF5DE4;
		border-radius: 30px;
	}
	.article3-1{
		background-color:  #7E40A6;
		border-radius: 30px;
	}
	.article4-1{
		background-color: #5457A8;
		border-radius: 30px;
	}
	.article5-1{
		background-color:  #734DB4;
		border-radius: 30px;
	}
	.article6-1{
		background-color:  #AF5DE4;
		border-radius: 30px;
	}
	.article7-1{
		background-color:  #7E40A6;
		border-radius: 30px;
	}
	.article8-1{
		background-color:  #5457A8;
		border-radius: 30px;
	}
	.article9-1{
		background-color: #734DB4;
		border-radius: 30px;
	}
	.article10-1{
		background-color:  #AF5DE4;
		border-radius: 30px;
	}
	.article11-1{
		background-color:  #7E40A6;
		border-radius: 30px;
	}
	.article12-1{
		background-color:  #5457A8;
		border-radius: 30px;
	}
	.article13-1{
		background-color: #734DB4;
		border-radius: 30px;
	}
	.article14-1{
		background-color: #AF5DE4;
		border-radius: 30px;
	}
	.article15-1{
		background-color:  #7E40A6;
		border-radius: 30px;
	}
	
}

.article1-1{
	color: white;/* couleur du texte*/
}

.article2-1{
	color: white;	
} 
.stats1, .stats2{
	color: white;
	font-size: 1em;	
}
.stats3, .stats4{
	font-size: 1em;	

}
.article-stats3, .article-stats4{
	color: black;
	font-size: 1em;		
}
.titre-stats1{
	font-size: 2em;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.titre-stats2{
	font-size: 1.5em;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.titre-article-stats3{
	font-size: 2em;
	font-weight: bold;
	color: black;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.sous-titre {
	margin: 30px 0px 0px 0px;
	color: #007bff;
}
.sous-titre p{
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
}

.article3-1{
	color: white;	
	/*background-color:  #7E40A6;*/
}
.article4-1{
	color: white;
}

.article5-1{
	color: white;	
} 
.article6-1{
	color: white;
}

.article7-1{
	color: white;	
} 
.article8-1{
	color: white;
}

.article9-1{
	color: white;	
} 
.article10-1{
	color: white;
}

.article11-1{
	color: white;	
} 
.article12-1{
	color: white;
}

.article13-1{
	color: white;	
} 

	
.fin_article{
	background-color: #A72CAB;	
	color: #EFF3F3;
	font-size: 120%;
	margin: 20px 0px 0px 0px;/**/
	border-radius: 30px;
	padding-bottom: 10px;
}

.titre_article, .titre_entete{
	font-weight: bold;
	color: white;
	font-size: 1.8em;
	text-align: center;
	margin: 10px 0px 30px 0px;
}
.titre_article2{
	font-weight: bold;
	color: white;
	font-size: 1.8em;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
.titre_article3{
	color: white;
	text-align: center;
	margin: 0px 0px 30px 0px;
}


.titre_article span{
	font-weight: normal;
	font-size: 0.6em;
}

.definition{
	font-size:0.8em;
	border: 1px solid #c0c0c0;/**/
	margin: 10px 5px 10px 5px;
	border-radius: 10px;
}

.definition dfn{
	padding-left:10px;
}
.gpe_colonne{
	margin: 0px 0px 0px 0px;	
	/*background-color: blue;*/
}

.pub_300-600 {   /*300x600 à droite*/
		/*float: left;
	height: 600px;
	width: 300px;*/
	/*background-color: red;*/
	margin: 20px 0px 0px 0px;/**/
	padding: 10px 0px 10px 0px;
	text-align: center;	
	/*border: 1px solid #c0c0c0;*/
}
.pub-admobile1{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	/*z-index:-10;*/
	text-align: center;
	/*border: 1px solid #c0c0c0;*/
}

@media (min-width: 992px) {
	.hauteur600{
	height: 600px;
	}
}
.image-resp{
	max-width: 100%;
	height: auto;
	display: block;
}

.reduction{
	max-width: 50%;
	height: auto;
}

.img-abo, .img-abo2{
	width: 100%;
	margin: 0 auto;
 }
 
.img-abo{
	opacity: 0.7;
 }
 
.img-abo2{
 	opacity: 0.8;
 } 

.img-abo:hover, .img-abo2:hover{
	opacity: 1;
}
.progress1 {/*contenant de la barre de progression*/
	height: 8px;
	width: 100%;
	background-color: #ddd;
	border-radius: 4px;
}

.progress-bar1 {/*barre de progression*/
	border-radius: 4px;
	height: 8px;
}
		
.progression_bar {
	margin: 10px 0 0 0;
}

/* ----------------page inscription-------------------- */
 

.ennonce-numero{
	display: inline;
	color: #007bff;
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
	/*background-color: lightcoral;*/
}
.ennonce-pouce{
	display: inline;
}
.ennonce-texte{
	color: black;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 2rem;
	font-weight: bold;
	font-size: 1.2em;
}
.icone-solution { /*ampoule ou pouce*/
	height: 25px;
	margin: 0px 0px 10px 0px;
	/*margin: auto 5px auto 0px;*/
	/*background-color: yellow;*/
}	

.lettre {
	color: #404040;    /*gris foncé (#999999gris clair)*/
	font-weight: normal;
	font-size: 0.8rem;
	font-family: Arial, Helvetica, sans-serif ;/**/
	position: relative;
	bottom: 2px;
}

.item{/*rend toute la ligne cliquable*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p.item:hover{
	color:black;/*#012E60*/
	background-color: #ECEAEA;/*    #9999CC #ECEAEA*/
}
p.item{/*rend toute la ligne cliquable*/
	color: #404040;
	font-size: 1.2em;
	background-color:#F5F5FB;/*gris très clair*/
	}
.bonnereponse{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: green; /*#33CC00vert clair*/
	font-weight: bold;
	font-size: 1.1em;
	background-color: #c4c2c2;
}

p.bonnereponse{/*rend toute la ligne cliquable*/
	background-color: #CCCCCC;/*gris foncé*/
}	
p.bonnereponse:hover{
	color: green;
	background-color: #999999;
}
		
/* ----------------fenêtre modale de fin d'examen-------------------- */
.modal-title{
	/*background-color: #A72CAB;	*/
	color: #27A844;
	font-size: 2em;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	text-align: center;	
}

.modal-body{
	text-align: center;			
}

.modal-body2 {
	background-color: #A72CAB;	
	color: #EFF3F3;
	font-size: 2em;
	font-weight: bold;
	border-radius: 10px;
	padding: 0px 20px 0px 20px;
	margin: 0px 20px 20px 20px;
	text-align: center;	
}
.modal-body3{
	text-align: center;	
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	margin: 0px 0px 20px 0px;

	padding: 5px 15px 10px 15px;
	height: 36px;
	border-radius: 36px;
	background-color: #27A844;	
	line-height: 36px;
	color: white;
}

.symbole{
display: inline;
}

	/* ----------------/fenêtre modale de fin d'examen-------------------- */
.police1{
	font-family: Arial, Helvetica, sans-serif; 
	display: inline;
}

.listepageindex{
	/*font-size: 1.7em;*/
	font-size: 4vmin;
	/*font-weight: bold;*/
	color: #330000;
	/*text-align: left;*/
}

.img-index img{
	max-width: 100%;
	margin: 0px 0px 10px 0px;
}	

.score {
	max-width: 100%;
	margin: 0px 0px 0px 0px;
}	

.titre_index{
	font-weight: bold;
	color: #007bff;
	/*font-size: 10vmin;
	font-size: 5.9vw;
	font-size: 8vmax;*/
	font-size: 4vmin;/*police adaptative à l'écran*/
	text-align: center;
	margin: 0px 0px 20px 0px;
}


/*stats*/
.tauxsuccess{
	color: #009900;/*vert*/
	font-size: 1em;
	font-weight: bold;
	display: inline;
}
.tauxsuccess2{
	color:#00fb00; /*rgb(146, 255, 113);*/
	font-size: 1.3em;
	font-weight: bold;
	display: inline;
}
.tempspart{
	color: #7a3b69;
	font-size: 1em;
	font-weight: bold;
	display: inline;
}

.totalpart{
	/*border: 1px solid blue; */
}

.cadrestat1{
	background-color: rgb(190, 192, 230);
	border-radius: 30px;
	color: black;
	margin: 10px 0 10px 0;
}

.cadrestat2{
	background-color: rgb(212, 253, 242);/* rgb(247, 218, 122);*/
	border-radius: 30px;
	color: black;
	margin: 10px 0 10px 0;
}
.cadrestat3{
	background-color: rgb(255, 230, 230);/* rgb(247, 218, 122);*/
	border-radius: 30px;
	color: black;
	margin: 10px 0 10px 0;
}

.titrestat{
	font-weight: bold;
	text-align: center;
	color: white;
	font-size: 2em;
}

.titrepart{
	display: inline;
	font-weight: bold;
	color: rgb(53, 60, 243);
	font-size: 1em;
}

.statlisterning1{
font-size: 1.2em;
margin: 20px 0px 0px 0px;
background-color: rgb(53, 60, 243);
border-radius: 30px;
}
.statlisterning2{
	font-size: 1.2em;
	margin: 20px 0px 0px 0px;
	background-color: rgb(248, 44, 44);
	border-radius: 30px;
	color: white;
}

.stat_score_total{
	color: white;
	font-size: 2rem;
	margin: 0px 0px 0px 0px;
	background-color: rgb(175, 50, 248);
	border-radius: 20px;	
	}
	
.titretotal{
	display: inline;
	font-size: 2rem;
}

.titretotal2{
	display: inline;
	font-size: 1.5rem;
	color: rgb(146, 255, 113);
}

.titretotal3{
	display: inline;
	font-size: 1.5rem;
	color: white;
}

.titretotal3 i{
	font-size: 1rem;
}

.titretotal4{
	display: inline;
	color: rgb(146, 255, 113);
}

.article4{
	height: 100%;
	width: 100%;
	border-radius: 30px;
	margin:0px 0px 0px 0px;
	padding-bottom: 10px;
	background-color: rgb(219, 120, 223);
}

.fieldset1{
	background-color: #F1F1F1;
	padding:5px;
	margin: 10px 5px 10px 5px;
	font-size: 100%;
	border: 1px solid blue;
	border-radius: 10px;
	}

/*afficher le nombre de q réussies, échouées, non faites*/
.legende1, .legende2, .legende3 {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2rem;
	margin: 0px 0px 0px 0px;
	}

	.legende1{
		color: #009900;/*vert*/
		/*background-color: yellow; */
	}

	.legende2{
		color: rgb(255, 0, 0);/*rouge pale*/
		/*background-color: yellow; */
		margin: 0px 0px 10px 0px;
	}

	.legende3{
		color: #404040;    /*gris très foncé (#999999gris clair)*/
		/*background-color: yellow; */
	}

	/*****affichage en couleur des questions pas faites, r�ussies ou �chou�es******/
	.questpasfaites{
		display: inline;
		/*color: #333333; gris fonc� */
		font-size: 1rem;
	}
	.questreussies{
		display: inline;
		color: #009900;/*vert*/
		font-weight: bold;
		font-size: 1rem;
	}
	.questechouees{
		display: inline;
		color: rgb(255, 0, 0);
		font-weight: bold;
		font-size: 1rem;
	}
	.stat_score_total{
		text-align:center;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		font-weight:bold;
		font-size: 1rem;
		}
/*/stats*/
.btg{
	background-color: lightcoral;
}
.btc{
	background-color: lightgreen;
}
.btd{
	background-color: rgb(236, 236, 27);
}