@charset "utf-8";

html {
	font-size: 1rem;
	text-size-adjust: none; /* Permet d'empécher le font boosting sur des navigateurs pour smartphone 
							(les longs commentaires peuvent sinon appraitre avec une taille de caractères 
							plus grand que le reste du site). */
}

body{
	padding:0;
	margin:0;
	background-color: #ffffff;	
	font-family: Georgia, serif;	
}

table{
	font-size: 1rem; 
	border-collapse: collapse;
}

/* Règles selon l'écran et sa taille */
@media only screen and (max-device-width:800px) {
	html {
		font-size: 2rem; /*  Agrandi le texte sur smartphone */
	}
}

@media (max-width: 1400px) {	
	#main_container{
		max-width: 90%; /* limite les affichages à 90% de la largeur de la page */
	}
}

@media (min-width: 1401px) {	
	#main_container{
		max-width: 1200px; /* sauf sur grand écran où on limite à 1200 px */
	}
}


/* Généralités */
.main_color_text{
	color: #d10019;
}

/* Les liens */
a, a:link, a:visited, a:focus, a:active {
	color: #d10019;
	outline: none;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.table_bordure {
	border-width:1px; 
	border-style:solid; 
	border-color:#d10019;
	border-collapse: collapse;
 }
 
.td_bordure { 
	border-width:1px;
	border-style:solid; 
	border-color:#d10019;
	border-collapse: collapse;
	text-align: center; 
 }

.sommaire {
	margin: auto;
	width: 400px;
	}

/* Les tailles de police */
h1 {font-size: 2rem;}
h2 {font-size: 1.5rem;}
h4 {font-size: 1.12rem;}

/* Barre de navigation */
nav {
  padding: 10px;
  box-shadow: 0px 1px 5px #d10019;
}


#logonav{
	display: inline-block;
}

.deco{
	float: right;
	font-size: 15px;
}

.titre_page {font-size: 2rem;}

#titre_page{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 82%;
	color:#d10019;
}

/* Contenu des pages */
#main_container{
	margin-left: auto;
	margin-right: auto;
}

.affich_nom{
	font-weight:bold;	
}

.modules, .categories, .examens, .mises_de_cote, .non_repondues, .mal_repondues, .liste_examens_encours, .liste_examens_finis, .debuter_examen{	
	width: 70%;
	margin: auto;
	color: #d10019;
}

.affich_nom{
	font-weight:bold;
	font-size: 24px;	
}

nb_questions_module, nb_questions_non_repondues_module, nb_questions_reussies_module, nb_questions_echecs_module {
	white-space: nowrap;
	font-size: 0.9rem;
}

#annexe {
	max-width: 300px;
}


.bouton {
	display: inline-block;
	padding: 0.75rem 1.2rem;
	border: 0.1rem solid #d10019;
	margin: 0 0.3rem 0.3rem 0;
	border-radius: 0.4rem;
	box-sizing: border-box;
	text-decoration: none;
	font-weight:bold;	
	text-align: center;
	transition: all 0.2s;	
	min-height: 3rem;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
	vertical-align: middle;	
	font-size: 1rem;
	background-color:#ffffff;
}


.bouton:hover {
	color: #ffffff;
	background-color:#d10019;
}

#login, #mdp {
	border: 2px solid #d10019;
	color: #d10019;
	border-radius: 0.4rem;
	box-sizing: border-box;	
	line-height: 1.4rem;
	font-weight: bold;
	padding: 0 5px 0 5px;
	width: 20rem;
	font-size: 1rem;
}

input[type="password"] {
	border: 2px solid #d10019;
	color: #d10019;
	border-radius: 0.4rem;
	box-sizing: border-box;	
	line-height: 1.4rem;
	font-weight: bold;
	padding: 0 5px 0 5px;
	width: 20rem;
	font-size: 1rem;
}

/* Graphiques */

#titre_page_stats {
	font-size: 1.5rem;
	color:#d10019;
	font-weight: bold;
	}


.barre_histogramme{ fill: steelblue; }


/* Cartes chloropethe */
#svg {
	display: block;
	margin: auto;
	font-size : 1em;
	font-family: Calibri
}
#info {
	margin-top: 50px;
}

#titre_graph{
	font-family: Calibri	
}

.commune {
	cursor: pointer;
	stroke: black;
	stroke-width: .5px;
}

.commune:hover {
	stroke-width: 2px;
}	

div.tooltip {
	position: absolute;
	opacity:0.8;
	z-index:1000;
	text-align:left;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:8px;
	color:#fff;
	background-color:#000;
	font: 12px sans-serif;
	max-width: 300px;
	height: 30px;
}

/* Variance de bleus */
.bleus_1-6{fill:rgb(198,219,239)}
.bleus_2-6{fill:rgb(158,202,225)}
.bleus_3-6{fill:rgb(107,174,214)}
.bleus_4-6{fill:rgb(66,146,198)}
.bleus_5-6{fill:rgb(33,113,181)}
.bleus_6-6{fill:rgb(8,69,148)}

/* Variance de rouges avec première valeur en gris*/
.rouge_1-10{fill:#eaeaea}
.rouge_2-10{fill:#ffffcc}
.rouge_3-10{fill:#ffeda0}
.rouge_4-10{fill:#fed976}
.rouge_5-10{fill:#feb24c}
.rouge_6-10{fill:#fd8d3c}
.rouge_7-10{fill:#fc4e2a}
.rouge_8-10{fill:#e31a1c}
.rouge_9-10{fill:#bd0026}
.rouge_10-10{fill:#800026}

/* Variance de rouge à vert */
.rouge_vert_1-6{fill:rgb(215,48,39)}
.rouge_vert_2-6{fill:rgb(252,141,89)}
.rouge_vert_3-6{fill:rgb(254,224,139)}
.rouge_vert_4-6{fill:rgb(217,239,139)}
.rouge_vert_5-6{fill:rgb(145,207,96)}
.rouge_vert_6-6{fill:rgb(26,152,80)}

/* Variance de vert à rouge */
.vert_rouge_1-6{fill:rgb(145,207,96)}
.vert_rouge_2-6{fill:rgb(217,239,139)}
.vert_rouge_3-6{fill:rgb(255,255,191)}
.vert_rouge_4-6{fill:rgb(254,224,139)}
.vert_rouge_5-6{fill:rgb(252,141,89)}
.vert_rouge_6-6{fill:rgb(215,48,39)}

.vert_rouge_1-10{fill:#006837}
.vert_rouge_2-10{fill:#1a9850}
.vert_rouge_3-10{fill:#66bd63}
.vert_rouge_4-10{fill:#a6d96a}
.vert_rouge_5-10{fill:#d9ef8b}
.vert_rouge_6-10{fill:#fee08b}
.vert_rouge_7-10{fill:#fdae61}
.vert_rouge_8-10{fill:#f46d43}
.vert_rouge_9-10{fill:#d73027}
.vert_rouge_10-10{fill:#a50026}


/* Divers, positionnements d'éléments */
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.center{text-align: center;}
.align_right{text-align: right;}
.align_bottom{vertical-align: bottom;}
.droit{	text-align: right;}
.lien{cursor: pointer;}