html{
	font-family: "Comic Sans MS","Lucida Sans","Arial","sans-serif";
	background-color:white;
}


header{
	display: table;
	width: 100%;
	top: 0;
	left: 8px;
	/*width: calc(100% - 24px);/*car margin body=8px et border=4px donc 24px=2*8+8*!/*/
	/*height: 2em;*/
	/*color: #414241;*/
	font-size: 3em;
	text-align: center;
	background-color: #e5e6e5;
	border: 4px solid #f66662;
}
header > div {
	display: table-cell;
	vertical-align: middle;
}
header img{
	float: left;
}
div.header{
width: 33%;
}
.jai{
	color: green;
}
div#info_utilisateur{
	font-size: 0.3em;
    float: right;
    border: 2px solid rgba(64, 118, 226, 0.63);
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
    background: #f0f0f0;
    
}
div#info_utilisateur p{
    margin: 0px;

}
#id_user {
	display: none;
}

#bandeau_classe_tssi {
	text-align: center;
	font-size: 2em;
	background: white;
	border-top-style: none;
	border-top-width: 0;
	border-bottom: 3px solid gray;
}

#bandeau_classe{
	display: table;
	width: 100%;
	text-align: center;
	font-size: 2em;
	background: white;
	border-top-style: none;
	border-top-width: 0;
	border-bottom: 3px solid gray;
}
#bandeau_classe > div {
	display: table-cell;
	vertical-align: middle;
}
button.menu {
	height: 2.5em;
	float: left;
	margin: 1em 0.5em 0.5em 0.5em;
	background-color: #fed271;
}
button.menu:hover {
	background-color: #fe8b00;
}
button.menu.droite {
	float:right;
}

nav{
	
	background: #fed271;
	text-align: right;
	float: left;
}
#corps{
	padding: 1em;
	min-height: 634px;
	background:  url(Fond/Paperbackground.jpg);;
}
h1.entete_corps {
	margin-top: 0;
	text-decoration: underline;
	text-align: center;
}
p.ind{
	text-indent: 1em;
}
fieldset.contenu_cours {
	background-color: #fed271;
	border: 3px solid #333;
	margin: 1em;
	border-radius: 10px;
}
fieldset.teletravail {
	
	border: 3px solid #333;
	margin: 1em;
	border-radius: 10px;
}
fieldset.contenu_cours legend {
	background: cornsilk;
	border: 1px solid #333;
	border-radius: 4px;
}
fieldset.contenu_cours :not(legend) {
	/*line-height: 4em;*/
}

div.document {
	margin: 8px;
	float: left;
}
div.document_ligne {
	margin: 8px;
}
div.groupe_document {
	border-left: 5px solid cornflowerblue;
	margin-left: 1em;
}

div.dossier {
	margin: 8px;
	float: left;
}
div.titre_dossier {
	vertical-align: middle;
	display: inline-block;
}
h4.titre {
	color: darkgreen;
	text-decoration: underline;
	font-size: 1.5em;
}
img.lien {
	vertical-align: middle;
}
img.lien:hover {
	cursor: pointer;
}
/*    CHANGER MOT DE PASSE  */
#formulaire_password{
    background: white;
    border: 5px groove chocolate;
    border-radius: 15px;
    float: left;
    margin: 30px;
    padding: 20px;
}
.form_mdp {
    margin: 7px;
}
#formulaire_password>form>p{
    color: chocolate;
    font-size: 22px;
}
#user{
    text-decoration: underline;
}
span.form{
    display: none;
}
            span.erreur{
                color : red;
            }
            span.valide{
                color : green;
            }
            span.info{
                color : darkorange;
            }
span.marqueur {
	background-color:#ffffff ;
	
}            
div.resultats_qcms {
	margin: 1em;
	font-size: 1.5em;
	color: darkred;
}

table.resultats_qcm caption {
	text-align: left;
	text-decoration: underline;
	font-size: 1.8em;
	margin: 1em 0 0.5em 0.5em;
	color: darkslategrey;
}
table.resultats_qcm th.notes {
	width: 80px;
}
p.aucun_resultat_qcm {
	text-align: left;
	text-decoration: underline;
	font-size: 1.8em;
	margin: 1em 0 1em 0.5em;
	color: darkslategrey;
}

table.resultats_qcm {
	text-align: center;
	font-size: 1.1em;
	border: 5px solid #333;
	border-collapse: collapse;
}
table.resultats_qcm td.vide {
	background: repeating-linear-gradient(
	   45deg,
	   transparent,
	   transparent 10px,
	   #ccc 10px,
	   #ccc 20px
	 ),linear-gradient(
	    to bottom,
	    #eee,
	    #999
	  );
}
table.resultats_qcm td.automatismes {
	background: pink;
}
table.resultats_qcm td.grand_retard_vide {
	background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #FF5722 20px ),linear-gradient( to bottom, #eee, #999 );
}

table.resultats_qcm td.petit_retard_vide {
	background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #FFEB3B 20px ),linear-gradient( to bottom, #eee, #999 );
}

table.resultats_qcm td.a_temps {
	background: lightgreen;
}

table.resultats_qcm td.petit_retard {
	background: yellow;
}

table.resultats_qcm td.grand_retard {
	background: #fd938b;
}

table.resultats_qcm.eleve {
	margin-left: auto;
	margin-right: auto;}

table.resultats_qcm.prof {
	margin: 1em auto 1em auto;
}
table.resultats_qcm.prof span.caption_nom {
	font-size: 1.4em;
}
table.resultats_qcm.prof span.caption_info {
	font-size: 0.9em;
	color: #489861;
}
table.resultats_qcm th {
	padding: 0.5em;
	background: #f5d462;
	border: 3px solid #333;
}
table.resultats_qcm td {
	padding: 0.5em;
	border: 3px solid #333;
}
table.resultats_qcm tr:nth-child(even) {
	background: #e3e0df;
}
table.resultats_qcm tr:nth-child(odd) {
	background: #f0efef;
}
table.resultats_qcm td.page_interdite {
	background:url('/x_ressources/sens_interdit_marge.png') no-repeat left center;
	text-align: right;
}
p.remarque_resultats_qcm {
	text-align: center;
}
p.remarque_resultats_qcm img {
	vertical-align: middle;
}
.italique {
	font-style: italic;
}
span.souligne{
	text-decoration:underline;
	color: darkblue;	
}
span.stabilo {
	background: yellow;
}
img.ajax_img {
	display: inline-block;
	vertical-align: middle;
	padding-left: 1em;
	padding-right:1em ;
}
footer img.footer_gauche {
	float: left;
}
footer img.footer_droite {
	float: right;
}
footer {
	border-top:3px solid gray;
}
fieldset.document_ligne {
    border: 6px double gainsboro;
    border-radius: 20px;
    margin: 20px 20px 40px;
    box-shadow: 5px 5px 30px gray;
    
    font-family: 'Comic Sans MS','Comic Sans';
}
fieldset.document_ligne legend{
    border: 6px double gainsboro;
    border-radius: 20px;
    background: white;
    padding-left: 12px;
    padding-right: 12px;
    color: maroon;
}