@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: url(‘./fonts/Robot-Regular.ttf’) format(‘truetype’);
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: url(‘./fonts/Robot-Bold.ttf’) format(‘truetype’);
}



table {
font-size:12px;
}

/* Tableau structure page */

.tableau  tr,td {
border-width:0px;
padding:1px;
border:0px solid #000;
}

.tableau_bas  a img{
text-decoration:none;
}

.tableau_bas  a:hover img{
/* border: solid 1px black;
border-radius: 20%; */
filter: grayscale(80%);
}

/* Boutons rubriques de gauche */

.button {
  /* background-color: #4CAF50; /* Green */
  border: none;
  /* color: white; */
  padding: 10px 28px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 28px;
  vertical-align:middle;
}

.button_blue svg {
  stroke : rgba(0,0,0,0.95);
}

.button_blue:hover svg {
  stroke : rgba(255,255,255,0.95);
}

.button_blue_clicked svg {
  stroke : rgba(255,255,255,0.95);
}

.button_blue_admin svg {
  stroke : rgba(0,0,0,0.95);
}

.button_blue_admin:hover svg {
  stroke : rgba(255,255,255,0.95);
}

.button_red svg {
  stroke : rgba(255,0,0,0.95)
}

.button_red:hover svg {
  stroke : rgba(255,255,255,0.95)
}

.button_red_clicked svg {
  stroke : rgba(255,255,255,0.95);
}

/* Bouton VALID prof_redaction */

.button_valid {
  background-color: gray;
  font-size : 24px;
  border: 2px solid gray;
  cursor:not-allowed;
  color: #ffffff;
  padding: 10px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  border-radius: 14px;
  vertical-align:middle;  
  z-index:0;
}

.mini_button_valid {
  background-color: gray;
  font-size : 24px;
  border: 2px solid gray;
  cursor:not-allowed;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 14px;
  vertical-align:middle;  
}

.button_valid_paiement {
  background-color: red;
  font-size : 18px;
  border: 2px solid #ff0000;
  cursor:pointer;
  color: #ffffff;
  padding: 10px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  border-radius: 14px;
  vertical-align:middle;  
}

.button_valid_paiement {
  background-color: red;
  font-size : 18px;
  border: 2px solid #ff0000;
  cursor:pointer;
  color: #ffffff;
  padding: 10px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  border-radius: 14px;
  vertical-align:middle;  
}

.mini_button_historique_paiement {
	background-color: red;
  font-size : 24px;
  border: 2px solid red;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 14px;
  vertical-align:middle;		
}

.button_valid svg {
  stroke : rgba(255,255,255,0.95);
}

.mini_button_valid svg {
  stroke : rgba(255,255,255,0.95);
}

/* Intervient dans index.php login/mdp */

.heighttext{
  height:10px;
  padding: 10px 10px;
  line-height: 10px; 
}

/* Contenu page principale */

h1
{
	color:gray;
	margin:0;
	min-height:0;
	padding:0;
	text-decoration:none;
	text-align:left;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

/* La ligne et le titre en haut de la page */

.form_description 
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
	font-size:12px;
}

.form_description[class]
{
	display:block;
	font-size:12px;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

.form_description p
{
	font-size:100%;
	line-height:130%;
	margin:0 0 12px;
}

/* Choix classe dans prof_redaction.php */

/* .choixclasse */
/* { */
/* display:block; */
/* position:relative; */
/* top:170px; */
/* left:-200px; */
/* } */

/* Divers */

.blink_text{

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

/* Photos élèves au survol */

.photo_redaction_eleve {
	display:block;
	position:relative;
	float : right;
	top: 0px; 
	left: -16px;  	
}

a.photo_eleve {
  position:relative;
  color:#000000;
  text-decoration: none; 
}
a:hover.photo_eleve {
  text-decoration: none; 
  background: none;
}
a.photo_eleve span.photo_eleve_inside {display: none;}

a:hover.photo_eleve span.photo_eleve_inside {
  display: inline; 
  position: absolute;  
  top: -85px; 
  left: 10px; 
  z-index: 20; 
  width:100%;
  /* border:1px solid #000; */
  /* padding:0px 0px; */
}

a.photo_eleve2 {
  position:relative;
  text-decoration: none; 
}
a:hover.photo_eleve2 {
  text-decoration: none; 
  background: none;
}
a.photo_eleve2 span.photo_eleve2_inside {display: none;}

a:hover.photo_eleve2 span.photo_eleve2_inside {
  display: inline;  
  position: absolute;  
  top: -80px; 
  left: -78px; 
  z-index: 20; 
  width:100%;
}

/* Commentaires au survol */

span.commentaire_eleve {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.commentaire_eleve:hover {
	z-index:25;
	}
span.commentaire_eleve span.commentaire_eleve_inside {
	display: none;
	}
span.commentaire_eleve:hover span.commentaire_eleve_inside {
	display:block;
	position:absolute;
	top:-80px;
	left:+100px;
	width:350px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	}

span.commentaire2_eleve {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.commentaire2_eleve:hover {
	z-index:25;
	}
span.commentaire2_eleve span.commentaire2_eleve_inside {
	display: none;
	}
span.commentaire2_eleve:hover span.commentaire2_eleve_inside {
	display:block;
	position:absolute;
	top:-80px;
	left:-400px;
	width:350px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	}

/* Nom et prénom élèves au survol */
	
span.label_nom_prenom_eleve {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.label_nom_prenom_eleve:hover {
	z-index:25;
	}
span.label_nom_prenom_eleve span.label_nom_prenom_eleve_inside {
	display: none;
	}
span.label_nom_prenom_eleve:hover span.label_nom_prenom_eleve_inside {
	display: inline-block;
	position:absolute;
	top:-20px;
	left:+100px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #fff; opacity: 1;
	font-size:12px;
	}

/* Semaine de colle survol */
	
span.label_semaine_colle {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.label_semaine_colle:hover {
	z-index:25;
	}
span.label_semaine_colle span.label_semaine_colle_inside {
	display: none;
	}
span.label_semaine_colle:hover span.label_semaine_colle_inside {
	display:inline-block;
	position:absolute;
	top:-50px;
	left:-120px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffead5; opacity: 1;
	font-size:12px;
	}

/* Commentaire rédaction de colle survol */

span.label_redaction_icon {
	position:relative;
	z-index:0;
	cursor: pointer;
	}
span.label_redaction_icon:hover {
	z-index:0;
	}

span.label_redaction_icon span.label_redaction_icon_inside {
	display: none;
	}
	
span.label_redaction_icon:hover span.label_redaction_icon_inside {
	display:inline-block;
	position:absolute;
	top:-60px;
	left:-120px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	}

span.label_redaction {
	position:relative;
	z-index:24;
	cursor: pointer;
	}

span.label_redaction_:hover {
	z-index:27;
	}

span.label_redaction span.label_redaction_inside {
	display: none;
	}

span.label_redaction:hover span.label_redaction_inside {
	display:inline-block;
	position:absolute;
	top:-60px;
	left:-120px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	}

span.label_redaction_button_valid {
	position:relative;
	z-index:0;
	}
span.label_redaction_button_valid:hover {
	z-index:0;
	}
	
span.label_redaction_button_valid span.label_redaction_button_valid_inside {
	display: none;
	}
	
span.label_redaction_button_valid:hover span.label_redaction_button_valid_inside {
	display:inline-block;
	position:absolute;
	bottom:30px;
	left:-120px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	}
	
/* Commentaire icone de colle survol */

span.label_icone {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.label_icone:hover {
	z-index:25;
	}
span.label_icone span.label_icone_inside {
	display: none;
	}
span.label_icone:hover span.label_icone_inside {
	display:block;
	position:absolute;
	top:+30px;
	left:0px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	font-weight:normal;
	z-index:25;
	}


span.label_stats {
	position:relative;
	z-index:1;
	cursor: pointer;
	}
span.label_stats:hover {
	z-index:2;
	}
span.label_stats span.label_stats_inside {
	display: none;
	}
span.label_stats:hover span.label_stats_inside {
	display:block;
	position:absolute;
	top:+30px;
	left:0px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	font-weight:normal;
	z-index:2;
	}


span.label_quota {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.label_quota:hover {
	z-index:25;
	}
span.label_quota span.label_quota_inside {
	display: none;
	}
span.label_quota:hover span.label_quota_inside {
	display:block;
	position:absolute;
	top:+30px;
	left:0px;
	border:1px solid #000;
	color: #000;
	padding: 10px;
	text-align:left;
	background-color: #ffffdd; opacity: 1;
	font-size:12px;
	font-weight:normal;
	z-index:25;
	}

/* eleves_notes.php */

.brightness img
{
        filter: brightness(100%);
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -o-filter: brightness(100%);
        -ms-filter: brightness(100%);
		
}
.brightness img:hover
{
        filter: brightness(130%);
        -webkit-filter: brightness(130%);
        -moz-filter: brightness(130%);
        -o-filter: brightness(130%);
        -ms-filter: brightness(130%);
}

/* Boutons quota, telecherger notes, etc... */


/* Disparition affichage pour étude ou informatique dans prof_redaction */

/* div. { */
    /* display: none; */
/* } */


/* Messages d'alerte ou confirmation */


.alert{
	padding:15px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:4px
}

.alert-success{
	color:#00CC00;
	background-color:#dff0d8;
	/* border-color:#d6e9c6; */
}

.alert-warning{
	color:orange;
	background-color:#fcf8e3;
	/* border-color:#faebcc; */
}

.alert-danger{
	color:red;
	background-color:#f2dede;
	/* border-color:#ebccd1; */
}

/* Boutons quota, telecherger notes, etc... */

.btn{
	display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:0px solid transparent;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;-ms-user-select:none;
	user-select:none;
}

.btn-primary{
	color:#fff;
	background-color:#C33540;
	border-color:#2e6da4;
}

.btn-primary:hover{
	color:#fff;
	background-color:#C33540;
	opacity: 0.33;
	border-color:#2e6da4;
	
}

/* Popup contact, télécharger notes, password oublié */

#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:100%;
	height:19px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	background-color: #269CE9;
	font-weight: bold;
	color:white;
	text-align:center;
}