html
{
}

body
{
  font-size: large;
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
   width: <?php echo $_SESSION['Largeur'] ?>px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: #F0F0F0;
}

body a
{
    text-decoration : none;
}


/* la bannière */

header
{
	width: 100%;
}

#en_tete 
{
   text-align: center;
   background-color: #20272D ;
}

#lettres 
{
   height: 91px;
   vertical-align: middle;
}

#menu
{
	position: relative;
	background-color: #323844;
   color: white;
	height: 30px;
	max-width: 1024px;
	margin: 0px auto;
	border-top: 1px solid white
}

#enteteindex
{
   text-align: center;
}

#texteindex
{
   text-align: center;
   color: maroon;
}


#onglets
{
   background-color: #323844;
   position: relative;
   max-width: 1024px;
   margin: 0px auto;
}

#onglets li
{
	border-right: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	border-collapse: collapse;
	text-align: center;
	text-decoration : none;
	color : orange;
	padding: 0px 20px;
	font-weight: bold;
	vertical-align: middle;
}

#onglets .nondeconnexion
{
	float: left;
	list-style-type: none;
}

#onglets #deconnexion
{
	float: right;
	list-style-type: none;
}

#onglets a
{
	color : orange;
}

#onglets a:hover
{
	color : red;
}

#pourcreu
{
	color: red;
}
/* Le corps de la page */

#corps
{
	min-height: 1024px;
   clear: left;
   max-width: 1024px;
	margin: 0px auto;
	padding: 20px 0px 25px;
	position: relative;
   color: #000000;
   	border: 1px solid #323844;
   background-color: white ;

}

#corps #titrecorps
{
   text-align: center;
}

#corps h1
{
   color: #2340FF;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h4
{
   color: #2340FF;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   padding-left: 30px;
   color: maroon;
   text-align: left;
}

.nom
{
	color: grey;
}

#formaccueil
{
	font-size: large;
	text-align: center;
}

.centrer 
{
	text-align: center;
}

.centrer  select
{
   font-size: 90%;
}


#notion 
{
	visibility: hidden;
}

#type 
{
	visibility: hidden;
}

#entrainer 
{
	visibility: hidden;
   font-size: 90%;
}

#evaluer 
{
	visibility: hidden;
   font-size: 90%;
}

#exercice
{
}

/* les graphiques */

#tablexercice
{
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	empty-cells: collapse;
}

#tablexercice td
{
	border: 5px solid #323844;
    border-style: groove;
	padding: 20px;
}

#tabval
{
	border-collapse: collapse;
	border: 1px solid black;
}

#tabval td
{
	text-align: center;
	width: 30px;
	border-collapse: collapse;
	border: 1px solid black;
}

#tabval tr
{
	border-collapse: collapse;
	border: 1px solid black;
}

.tableaucompetence .titretableaucompetence
{
	color: red;
	margin-bottom: 10px;
}

.tableaucompetence .tabchapitre
{
   background-color: #F0F0F0;
	margin: 1%;
	border: 3px #323844 groove;
	border-collapse: collapse;
	width: 98%;
	margin-top: 0%;
	margin-bottom: 5%;
	border-style: groove;
	text-align: center;
}

.tableaucompetence .tabnotion
{
   background-color: #F0F0F0;
	border: 3px #323844 groove;
	border-collapse: collapse;
	font-size: large;
	color: navy;
}

.tableaucompetence .tabtype
{
   background-color: #F0F0F0;
	border: 3px #323844 groove;
	border-collapse: collapse;
	font-size: large;
	color: purple;
	width: 40%;
}

.tableaucompetence .tabpourcent
{
   background-color: #F0F0F0;
	border: 3px #323844 groove;
	border-collapse: collapse;
	font-size: 20px;
	color: green;
	width: 40%;
}

.tableaucompetence .competence
{
   background-color: #F0F0F0;
	border: 3px #323844 groove;
	width: 80%;
}

.tableaucompetence .meilleurscore
{
   background-color: #F0F0F0;
	border: 3px #323844 groove;
	width: 20%;
}

.listeeleve
{
	border: 3px red groove;
	border-style: groove;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}

.listeeleve .cours
{
	width: 10%;
}

.listeeleve .long
{
	width: 20%;
}

.medaille
{
	vertical-align: middle;
}

#moistableaucompetence a
{
   text-decoration: none;
   padding-left: 16px;
   padding-right: 16px;
}

.titretableaucompetence
{
   font-size: x-large;
   color: purple;
}

#rappel
{
	display: inline;
	color: purple;
}

#commentaire
{
	display: inline;
	color: green;
}

#reponses
{
	color: red;
}

#solution
{
	padding-left: 8%;
	padding-left: 8%;
	display: inline;
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	margin: 0px;
	min-width: 80%;
}
#solution td
{
	border: 0px;
	padding: 2px;
	margin: 1px;
	min-width: 80%;
}

.construction
{
	padding-left: 150px;
}


#tabfracinit
{
	display: inline;
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#tabfracinit td
{
	border: 0px;
	padding: 2px;
	margin: 1px;
}

#rappel #tabfracinit td
{
	color: purple;
}

#commentaire #tabfracinit td
{
	color: green;
}

#reponses  #tabfracinit td
{
	color: red;
}

#rappel #tabfracinit
{
	display: inline;
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#rappel #tabfracinit td
{
	border: 0px;
	padding: 2px;
	margin: 1px;
}

.tabfrac
{
	display: inline;
	border-collapse: collapse;
	border: 0px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	vertical-align: middle;
}
.tabfrac td
{
	border: 0px;
	padding: 1px;
	margin: 1px;
	vertical-align: middle;
}

#QCM
{
	display: inline;
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#QCM td
{
	border: 0px;
	padding: 2px;
	margin: 1px;
}

.tabqcm
{
	display: inline;
	border-collapse: collapse;
	border: 0px;
	padding: 1px;
	margin: 1px;
	text-align: center;
}
.tabqcm td
{
	border: 0px;
	padding: 1px;
	margin: 1px;
}
#tabposadd
{
	border-collapse: collapse;
	border-style: none;
}

#tabposadd td
{
	width: 20px;
	height: 16px;
	border-style: none;
}