/* styles.css
 * G�re l'apparence des styles
 * Cours : FIN 2022
 * Derni�res modifications : septembre 2017
 * Auteur : M-J B (� partir du cours FIN 1932 de C-E B & FEB (bas� sur EUT 1123))
 * Note : Les prefixes CSS sont g�r�s par modernizr
 * ==================================================
 * Table des mati�res :
 * g�n�raux
 * conteneurs principaux
 * zoneHautPage
 * zoneAccessible
 * menu principal (gauche)
 * contenu
 * zoneBasDePage
 * panneau d'outils
 * �valuation du cours
 * moodle 2 (sp�cificit�es relatives � la plateforme)
 * outils (classes utilitaires)
 * impression */


/* ==================================================
 * g�n�raux
 * ================================================== */

*{
	padding: 0px;
	margin: 0px;
}
html{
	/*background: url(../img/structure/body_fond.gif) repeat #cccccc;*/
	background:#e4eff5;
} 
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 100%; /* 16 */
	line-height: 1.4; /* 22.4/16 */
	/*background: url(../img/structure/body_fond.gif) repeat #cccccc;*/
	color: #000;
	background:#e4eff5;
}
.ombrage{
	box-shadow: 0px 3px 25px 0px #d1d1d1;
}
#zoneHautPage,
#zoneAccessible,
#left-column{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background-repeat: no-repeat;
}

/*Retour au sommet*/
/* Lien retour au haut de la page */
a.retour-sommet {
    border-bottom: medium none;
    bottom: 6em;
    color: #000000;
    display: none;
    font-size: 12px;
    padding: 0em;
    position: fixed;
    right: 2em;
    text-align: center;
    text-decoration: none;
	width: 47px;
	height: 47px;
	background: url(../img/structure/ico_retour-sommet.svg) no-repeat center center;
	opacity: 0.7;
    filter: alpha(opacity=50); /* IE8 */
	position: fixed;
}
a.retour-sommet:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* IE8 */
}

/* Image replacement */
.ir{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before{
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* ==================================================
 * conteneurs principaux
 * ================================================== */

#conteneur{
	width: 958px;
	margin: 0px auto;
	text-align: left;
	border: none;
	background-color: #f1f1f1;
	
	box-shadow: 0px 10px 15px 5px rgba(153,153,153,0.64);
}
#layout-table{
	margin-top: 0px;	
}
#content{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}
#course-view .section td.content{
	padding: 0px;
	background-color: #ffffff;
}
span#maincontent{
	display: none;
}

/* Override des borders */
#course-view, .content, .navbar, .generalbox{
	border: none !important;
}
.generalbox{
	margin-bottom: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
}
#right-column{
	float: left;
	width: 200px;
}

/* ==================================================
 * zoneHautPage
 * ================================================== */

#zoneHautPage{
	position: relative;
	height: 195px;
	padding: 0 5px 0px 20px;
	background: url(../img/structure/zonebandeau_fond.png) no-repeat;
}

/* Titre */
#zoneHautPage h1{
	position: absolute;
	bottom: 22px;
	left: 20px;
	margin: 0;
	padding: 10px 0 0 0;
	width: 10em;
	font-family: corehumanistsansregular, Arial, sans-serif;
	font-size: 2.188em; /* 25/16 */
	line-height: 0.920em; /* 23/25 */
	font-weight: normal;
	color: #49556f;
}
#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited{
	text-decoration: none;
	color: #49556f;
}
#zoneHautPage h1 a:hover, #zoneHautPage h1 a:active{
	text-decoration: none;
}
#zoneHautPage h1 span{
	display: block;
	margin: 0;
	font-family: corehumanistsansregular, Arial, sans-serif;
	font-size: 0.560em; /* 14/25 */
	line-height: 2;
	color: #49556f;
}
#zoneHautPage h2.note {
	position: absolute;
	bottom: 3px;
	left: 20px;
	padding: 0;
	margin: 0;
	font-family: corehumanistsansregular, Arial, sans-serif;
	font-size: 0.860em;
	line-height: 1;
	font-weight: normal;
	color: #49556f;
	font-style: italic;
}


/* ==================================================
 * zoneConnexion
 * ================================================== */
#zoneConnexion{
	width: 100%;
	height: 75px;
	padding: 0px;
	margin: 0px;
	
/*	-webkit-box-shadow: 0px 5px 15px 0px #999999;
	-moz-box-shadow: 0px 5px 15px 0px #999;
	box-shadow: 0px 5px 15px 0px #999; 
    behavior: url(/theme/fin1931/style/pie.htc); /* IE8 et moins */

/*	background: #545759;*/
	

	
}

/* ==================================================
 * zoneRoleLogo
 * ================================================== */

#zoneRoleLogo {
	width: 958px;
	padding: 0px;
	margin: 0 auto;
	text-align: right;
	height:150px;

    background: url(https://m2-test.teluq.ca/theme/fin2022/css/../img/structure/zonebandeauTop_fond.png) no-repeat;


}
#zoneRoleLogo #menuRole{
	float: left;
	width: auto;
}
#zoneRoleLogo #menuRole form {
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	width: auto;
}
#zoneRoleLogo #logo{
	float: right;
	width: auto;
	/*margin-top: 5px;*/
}
#zoneRoleLogo #logo a{
	color: #fff;
}

#zoneRoleLogo #menuRole input[type=submit],
#zoneRoleLogo #menuRole a#EditPage{
	display: inline-block;
	margin: 0;
	padding: 7px 10px 7px 10px;
	font-size: 0.9375em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #6792ad;
	border: none;
	color: #ffffff;
	cursor: pointer;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneRoleLogo #menuRole input[type=submit]:hover,
#zoneRoleLogo #menuRole a#EditPage:hover{
	background-color: #d9f3f6;
	color: #555555;
}

/* ==================================================
 * zoneAccessible
 * ================================================== */

#zoneAccessible{
	min-height: 30px;
	font-size: 0.75em; /* 12/16 */
	color: #555555;
	margin-left: 35px;
}

/* Liens */
#zoneAccessible a:link, #zoneAccessible a:visited{
	font-weight: normal;
	text-decoration: none;
	color: #555555;
}
#zoneAccessible a:hover, #zoneAccessible a:active{
	text-decoration: underline;
}

/* Fil d'ariane */
#zoneAccessible #filAriane{
	float: left;
	width: auto;
}
#zoneContenu #filAriane ul,
#zoneContenu #filAriane li,
#zoneContenu #filAriane li a{
	margin: 0px 2px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#zoneAccessible #filAriane li{
	float: left;
}

/* Informations de connexion */
#zoneAccessible .logininfo{
	float: right;
	width: auto;
}

/* ==================================================
 * menu principal (gauche)
 * s'applique pour les menus de type HTML et RSS (bloc)
 * ================================================== */

#left-column{
	float: left;
	width: 280px;
	padding: 0px 0px 0px 0px;
	/*padding: 0px 20px 0px 20px;*/
}
#left-column .block{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Ent�te de menu de niveau 1 */
#left-column .block_html .header,
#left-column .block_rss_client .header{
	padding: 0;
	border: none;
	background: none;
}
#left-column .block_html .header .title{
	margin: 0;
}
#left-column .menuAccordeon {
	margin-bottom: 20px;
}
#left-column .block_html .header h2,
#left-column .block_rss_client .header h2,
/*#left-column .block_settings .header h2,*/
#left-column .menuAccordeon h3{
    margin-left: 1px;
    margin-right: 10px;
    padding: 5px 0px 4px 24px;
    font-size: 0.9em;
    line-height: 1;
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #4773a2;
    color: #ffffff;
    position: relative;
    cursor: pointer;
    border: solid 1px #fff;
}
#left-column .block_html .header .itemActif h2 {
	background-color: #c94b35;
}

div.bgMain {background:#fff; }
#left-column .menuAccordeon h3:hover{
	background-color: #375a72;
}
#left-column .menuAccordeon span.iconeEtatMenu{	
	background: url(../img/structure/ico_menuAccordeons.svg) no-repeat right top;	
    display: block;
    height: 11px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 11px;
}
#left-column .menuAccordeon.selectionne span.iconeEtatMenu{	
	background-position: 0 -22px
}
#left-column .block_html .header .hide-show-image{
	display: none;
}

/* Contenu de menu */
#left-column .block_html .content,
#left-column .block_rss_client .content{
	 margin: 3px 10px 15px 3px;
	padding: 0px;
	background: none;
}
#left-column .block_html .content ul,
#left-column .block_rss_client .content ul{
	margin: 0;
	padding: 0px 0px 0px 5px;
	list-style-type: none;
}
#left-column .block_html .content li ul,
#left-column .block_rss_client .content li ul{	
	padding: 0px 0px 0px 10px;
}
#left-column .block_html .content li,
#left-column .block_rss_client .content li{
    font-size: 15px;
    color: #333;
    margin: 0px 40px 0px 20px;
    padding-bottom: 4px;
}
#left-column .block_html .content li:first-child,
#left-column .block_rss_client .content li:first-child{
	margin-top: 5px;
}
#left-column .block_html li a:link,
#left-column .block_rss_client li a:link,
#left-column .block_html li a:visited,
#left-column .block_rss_client li a:visited{
	text-decoration: none;
	color: #252525;
	font-weight: normal;
	font-size: 16px;
}
#left-column .block_html li a:link,
#left-column .block_rss_client li a:link,
#left-column .block_html li a:visited,
#left-column .block_rss_client li a:visited{
	text-transform: none;
}
#left-column .block_html li span.icoNouvFen{
	width: 13px;
	background: url(../img/structure/ico_nouvfenetre.gif) no-repeat top left; 
}
#left-column .block_html li a:hover,
#left-column .block_rss_client li a:hover,
#left-column .block_html li a:active,
#left-column .block_rss_client li a:active{
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #be2a26;
}
#left-column .block_html li a.itemActif,
#left-column .block_rss_client li a.itemActif{
	/*text-decoration: underline;*/
 	color: #be2a26;
}
#left-column .block_html .content li,
#left-column .block_rss_client .content li{	
/*	background: url(../img/structure/puce_menu.svg) no-repeat 0 0.5em; */
	padding-left: 0.5em;
}


#left-column .block_html li a.tpmenu {
    /* font-weight: bold; */
    color: #0561b3;
    /* text-transform: uppercase; */
    font-size: 16px;
    border-left: 3px solid #4773a2;
    padding-left: 5px;
	}


#left-column .block_html li a.tpmenu:hover {
	color:#be2a26;
}


/* Autres */
#left-column li,
ul.section li,
div.filAriane li{
	list-style-image: none;
}
.block.block_html .content .no-overflow{
	padding: 0px;
	margin: 0px;
}
.block-hider-hide{
	display:none;
}

/* Cache la navigation (menu automatique de Moodle) */
.block_navigation{
	display: none;
}
.skip-block-to{
	height: 0px;
}



#zoneContenu div[role=main] {
	   padding: 0px 20px 0px 35px;
    clear: both;;
	}

/* ==================================================
 * contenu
 * ================================================== */

#pagecontent{  background:url(../img/structure/menuLeft.png) repeat-y ;}
#middle-column .course-content ul.topics li.section .content,
#middle-column .course-content ul.topics li.section,
#middle-column .course-content ul.topics{
	margin: 0;
	padding: 0;
}
#middle-column{
	position: relative;
	float: left;
	width: 696px;
	margin: 0;
	padding: 0px 20px 20px 0px;
}
#middle-column div.course-content,
#middle-column div.generalbox{
	padding: 0;
}
#middle-column div.no-overflow{
	overflow: visible;
}
#zoneContenu{
	/*padding: 20px 20px 20px 20px;*/
	padding-top:10px;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.466666666666667; /* 22/15 */
	background: #ffffff;
}

/* ******************** */
table .noBorder {
	border: none;
}
.marge {
	padding-left: 20px!important;
}
/* ******************** */
#zoneContenu .sansMarge{
	margin: 0px 0px 5px 0px;
}
#zoneContenu .grandeMarge,
#zoneContenu .accordeon.grandeMarge{
	margin-top: 30px;
}
#zoneContenu :last-child{
	margin-bottom: 12px;
}

/* Titres */
#zoneContenu h1,
#zoneContenu h2,
#zoneContenu h3,
#zoneContenu h4,
#zoneContenu h5{
	font-family: Arial, Helvetica, sans-serif;	
}
#zoneContenu h1{
	margin: 35px 0px 25px 0px;
	padding: 0;
	font-size: 1.466666666666667em; /* 22/15 */
	line-height: 1.181818181818182; /* 26/22 */
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}
#zoneContenu h1 span{
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 0;
	font-size: 0.9090909090909091em; /* 20/22 */
	line-height: 1.2; /* 24/20 */
	font-weight: 100;
	text-transform: uppercase;
	color: #000;
}
#zoneContenu h2{
    margin: 35px 0px 22px 0px;
    padding: 0;
    font-size: 1.45em;
    line-height: 1.210526315789474;
    font-weight: 700;
    text-transform: none;
    color: #4773a2;
	  border-bottom: solid 1px #4773a2;
}
#zoneContenu h3{
    margin: 30px 0px 6px 0px;
    padding: 0;
    font-size: 1.3em;
    line-height: 1.25;
    font-weight: bold;
    color: #000;
    font-family: arial;
}
#zoneContenu h4,
#zoneContenu .interTitre{
    margin: 25px 0px 3px 0px;�
    padding: 0;
    font-size: 1.17em;
    line-height: 1.25;
    font-weight: bold;
    color: #c94b35;
}
#zoneContenu h5{
    border-bottom: solid 1px #4773a2;
    font-size: 1.2em;
    padding-top: 21px;
    color: #4773a2;
    margin-bottom: 12px;
}
#zoneContenu .interTitre{
	display: inline-block;
	margin: 0px 0px 10px 0px;
}
#zoneContenu .interTitre.alignCentre{
	width: 100%;
}
.forumtype-general #zoneContenu h2:first-of-type,
.path-mod-quiz #zoneContenu h2:first-of-type{
	margin: 0px 0px 25px 0px;
	padding: 0;
	font-size: 1.466666666666667em; /* 22/15 */
	line-height: 1.181818181818182; /* 26/22 */
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}

/* Contenu g�n�ral */
#zoneContenu p,
#zoneContenu ul,
#zoneContenu ol,
#zoneContenu table,
#zoneContenu img,
#zoneContenu figure{
	margin: 0px 0px 15px 0px;
	font-size: 1.00em;
}
#zoneContenu table p,
#zoneContenu table ul,
#zoneContenu table ol,
#zoneContenu p,
#zoneContenu ol p,
#zoneContenu table,
#zoneContenu ol table,
#zoneContenu ul,
#zoneContenu ol ol {
	font-size: 1.00em;
}

#zoneContenu ul.encadre {
    background-color: #e2e5e8;
    padding: 9px;
    list-style: none;
	margin-bottom: 14px;
}

#zoneContenu p.source,
#zoneContenu span.source,
#zoneContenu p.note,
#zoneContenu span.note,
#zoneContenu .note{
	font-size: 0.8em; /* 12/15 */
	line-height: 1.5; /* 18/12 */
}

#zoneContenu span.souligne{
	text-decoration:underline;
}
#zoneContenu span.dblSouligne{ 
	border-bottom: 3px double; 
}

#zoneContenu a:link, #zoneContenu a:visited,
.tooltipster-content a:link, .tooltipster-content a:visited{
	text-decoration: underline;
	/*color: #0f76ff;*/
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneContenu a:hover, #zoneContenu a:active,
.tooltipster-content a:hover, .tooltipster-content a:active{
	color: #be2a26;
}

#zoneContenu a:link,
#zoneContenu a:visited{
	text-decoration: underline;
	color: #1274dc;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneContenu a:hover,
#zoneContenu a:active{
	color: #9c072f;
}

#zoneBasDePage a:link,
#zoneBasDePage a:visited{
	text-decoration: underline;
	color: #fff;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneBasDePage a:hover,
#zoneBasDePage a:active{
	color: #666;
}

/* Liens infobulles*/
#zoneContenu a.infobulle:link,
#zoneContenu a.infobulle:visited{
	text-decoration: none;
	border-bottom: dotted 1px #555555;
}
#zoneContenu a.infobulle:hover,
#zoneContenu a.infobulle:active{
	border-bottom: dotted 1px #555555;
}
/*Lien externe*/
a.lienExterne:after {
	content: "";
    display: inline-block;
    background: url(../img/structure/ico_extlink.svg) no-repeat top right;
    width: 12px;
    height: 10px;
}

#zoneContenu .sansItal{
	font-style: normal;
}
#zoneContenu .soulignement{
	text-decoration: underline;
}
#zoneContenu .dblSoulignement{
	text-decoration: underline;
	border-bottom: 1px solid #555555;
}
#zoneContenu .contenuInvisible{
	display: none;
}
#zoneContenu .btForum{
	margin: 30px 0px 15px 0px;
	font-size: 0.8em; /* 12/15 */
	line-height: 1;
}
#zoneContenu .btForum a:before{
	content: url(../img/structure/ico_forum.svg);
	position: absolute;
	width: 25px;
	height: 21px;
	top: 7px;
	left: 15px;
}
#zoneContenu .btForum a:link,
#zoneContenu .btForum a:visited{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 12px 25px 12px 50px; /* 25 + 15 */
	text-transform: uppercase;
	text-decoration: none;
	background-color: #d9f3f6;
	color: #000000;
	border-radius: 10px;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneContenu .btForum a:hover,
#zoneContenu .btForum a:active{
	background-color: #bfeaef;
}

/* Alignements */
#zoneContenu .alignGauche{
	text-align: left;
}
#zoneContenu .alignDroite{
	text-align: right;
}
#zoneContenu .alignCentre{
	text-align: center;
}

/* Exposants, citations */
#zoneContenu sup{
	vertical-align: 3px;
}
#zoneContenu blockquote{
	margin: 0px 0px 15px 45px;
	font-style: italic;
}
#zoneContenu blockquote.sansItalique{
	font-style: normal;
}
#zoneContenu blockquote.sansRetrait{
	margin-left: 0;
}

/* Liste */
#zoneContenu ul,
#zoneContenu ol{
	padding: 2px 0 0 18px;
	margin-left:10px;
}
#zoneContenu ul{
	list-style-type: disc;	
}
#zoneContenu ul{
	list-style-type: disc;
}
#zoneContenu li,
#zoneContenu ol li{
	margin-bottom: 5px;
}
#zoneContenu ul,
#zoneContenu ol ol,
#zoneContenu ol,
#zoneContenu ol ul{
	margin-bottom: 5px;
}
#zoneContenu ul.margesDefauts,
#zoneContenu ol.margesDefauts{
	margin-bottom: 15px;
}
#zoneContenu ul.grandsEspacements li,
#zoneContenu ol.grandsEspacements li{
	margin-bottom: 15px;
}
#zoneContenu ul.sansPuce,
#zoneContenu ol.sansNum{
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}
#zoneContenu ul.sansPuce.biblio li{
	margin-bottom: 15px;
}

#middle-column ol.lstLettre{
	list-style-type: lower-alpha;
	counter-reset: list;
}
/*
#middle-column ol.lstLettre > li,
#middle-column ol.lstPar > li {
	list-style: none;
	position: relative;
	padding-left: 0.35em;
}
#middle-column ol.lstLettre > li:before,
#middle-column ol.lstPar > li:before {
	content: counter(list, lower-alpha) ") ";
	counter-increment: list;
	position: absolute;
	left: -1em;
}
*/
#middle-column ol.lstPar {
	list-style-type: decimal;
	counter-reset: list;
}
#middle-column ol.lstPar > li:before {
	content: counter(list, decimal) ") ";
}

#zoneContenu ol.lstNbreRomain{
	list-style-type: lower-roman;
}

/* Liste questionnaire */
#zoneContenu form.notes {
	margin-left: 16px;
}
#zoneContenu .btFormRep{
	display: inline-block;
	padding: 5px 15px 5px 15px;
	font-size: .8em; /* 12/15 */
	line-height: 1.333333333333333; /* 16/12 */
	text-transform: uppercase;
	text-align: center;
	background-color: #e4e4e4;
	border: none;
	color: #000000;
	cursor: pointer;
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneContenu .btFormRep:hover{
	background-color: #d9f3f6;
}
#zoneContenu .btFormRep:disabled{
	opacity: 0.5;
	cursor: default;
}
#zoneContenu .btFormRep:disabled:hover{
	background-color: #e4e4e4;
}
#zoneContenu .lstQuest textarea{
	display: block;
	width: 100%;
	max-width: 100%;
	height: 150px;
	padding: 10px;
	font-size: 1em; /* 15/15 */
	line-height: 1.466666666666667; /* 22/15 */
	border: 1px solid #b6b6b6;
	color: #555555;
	
	/* assure une largeur fluide */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#zoneContenu .lstQuest .msgAnswer{
	padding: 5px 10px 5px 10px;
	background-color: #f1f1f1;
}
#zoneContenu .lstQuest .msgAnswer.valide{
	background-color: #6792ad;
	color: #ffffff;
}
#zoneContenu .lstQuest .msgAnswer.invalide{
	background-color: #c1676a;
	color: #ffffff;
}

/* Liste forums */
#zoneContenu .lstForum h2{
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 1.066666666666667em; /* 16/15 */
	line-height: 1.25; /* 20/16 */
	font-weight: 400;
	text-transform: none;
	color: #333333;
	background-color: #eefafb;
	border-top: solid 1px #777777;
}
#zoneContenu .lstForum > li > *{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

/* Alignements de figure */
#zoneContenu img.alignCentre{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#zoneContenu img.alignGauche{
	float: left;
	width: auto;
	margin: 0px 15px 15px 0px;
}
#zoneContenu img.alignDroite{
	float: right;
	width: auto;
	margin: 0px 0px 15px 15px;
}
#zoneContenu img.encadree{
	border: 1px solid #555555;
}

/* Bo�tes sp�cialis�es */
#zoneContenu .boite{
	margin: 0px 0px 15px 0px;
	padding: 10px 15px 10px 15px;
	border: 1px dotted #555555;
	border-radius: 15px;
}
#zoneContenu .boite > :last-child{
	margin-bottom: 0px;
}
#zoneContenu .boite.ico{
	position: relative;
	margin-left: 16px;
	padding-left: 30px;
}
#zoneContenu .boite.ico:before{
	content: "";
	position: absolute;
	top: -5px;
	left: -16px;
}
#zoneContenu .boite.ico.astuce:before{
	content: url(../img/structure/ico_astuce.svg);
}
#zoneContenu .boite.ico.forum:before{
	content: url(../img/structure/ico_forum.svg);
}
#zoneContenu .boite.encadre{
	border: 1px dotted #567a91;
	border-radius: 0;
}

/* Tableaux */
#zoneContenu table{
	width: 100%;
	text-align: left;
	/*border: none;*/
}
table, th, td {
   border: 1px solid black;
}
table.noBorder, table.noBorder th, table.noBorder td {
   border: none;
}
#zoneContenu table.lgDemi{
	width: 50%
}
#zoneContenu table.lgTroisQuarts{
	width: 75%
}
#zoneContenu table tr,
#zoneContenu table th,
#zoneContenu table td{
	vertical-align: top;
}
/*
#zoneContenu table tr{
	border-bottom: solid 1px #b6b6b6;
}
#zoneContenu table tr:first-child{
	border-top: solid 1px #777777;
	border-bottom: solid 1px #b6b6b6;
}
*/
#zoneContenu table tr.bordure{
	border-bottom: solid 1px #b6b6b6;
}
#zoneContenu table .bordureDrt{
	border-right: solid 1px #b6b6b6;
}
#zoneContenu table th,
#zoneContenu table td{
	padding: 5px 5px 5px 5px;	
	line-height: 1.25;
}
#zoneContenu table th{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	/*background-color: #eefafb;*/
	color: #000;
}
#zoneContenu table tr.sousEntete{
	border-top: solid 2px #555555;
}
#zoneContenu table caption{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 1.20em;
	line-height:1.25;
	color:#333333;
	text-align:center;
	margin-bottom: 3px;
}
#zoneContenu table .sansBordures{
	border:none!important;
}
#zoneContenu table .couleur0{
	background-color: #eefafb;
}
#zoneContenu table .couleur1{
	background-color: #f7f4c8;
}
#zoneContenu table .couleur2{
	background-color: #d4d9e6;
}
#zoneContenu table .couleur3{
	background-color: #d7f4af;
}
/*#zoneContenu table td p,
#zoneContenu table td ul{
	font-size: 0.9em;
	line-height: 1.25;
}*/

#zoneContenu table .alignCentre{
	text-align: center;
}
#zoneContenu table .alignDroite{
	text-align: right;
}
#zoneContenu table .alignHaut{
	vertical-align: top;
}
#zoneContenu table .lgDemi{
	width: 50%
}
#zoneContenu table .lgTier{
	width: 33%
}
#zoneContenu table .lgQuart{
	width: 25%
}
#zoneContenu table .lgVingtieme{
	width: 20%
}
#zoneContenu table .lgDixieme{
	width: 10%
}

/* Accord�ons */
#zoneContenu .accordeon{
	 margin: 8px 0px 50px 0px;
}
#zoneContenu .accordeon .toggler{
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 3px 90px 3px 0px;
	font-size: 1.3em;
	line-height: 1.666666666666667;
	color: #000;
	cursor: pointer;
	border-bottom: solid 1px #333;
}
#zoneContenu .accordeon .toggler:first-child{
	margin-top: 0px;
}
#zoneContenu .accordeon .toggler span{
	display: block;
	position: absolute;
	top: 6px;
	right: 10px;
	width: 14px;
	height: 14px; /* hauteur de l'ic�ne */
	font-size: 0.7333333333333333em; /* 11/15 */
	line-height: 2.090909090909091; /* 23/11 */
	text-transform: uppercase;
	background: url(../img/structure/ico_accordeons.svg) no-repeat top right;
}
#zoneContenu .accordeon .toggler.multiLignes span{
	top: 0;
	bottom: 0;
	margin: auto;
}
#zoneContenu .accordeon .toggler.active span{
	background-position: right -14px;
}
#zoneContenu .accordeon .toggler.active{}
#zoneContenu .accordeon > div{
	padding: 15px 0px 15px 10px;
/*	border-bottom: 1px dotted #555555;*/
}
#zoneContenu .accordeon .toggler.ico{
	position: relative;
	margin: 30px 0px 0px 16px; /* (largeur de l'ic�ne) */
	padding-left: 26px; /* 10px + 16px (largeur de l'ic�ne) */
}
#zoneContenu .accordeon .toggler.ico:before{
	content: "";
	position: absolute;
	top: -15px;
	left: -16px;
}
#zoneContenu .accordeon.rep .toggler.ico:before{
	content: url(../img/structure/ico_quest.svg);
}
#zoneContenu .accordeon.rep {
	margin: 8px 0 30px;
}
#zoneContenu .accordeon.rep > div{
	margin-left: 16px;
	padding-left: 0;
}



#zoneContenu h3.accordeon {
	display:block;
	background:#d9f3f6;
	border-bottom:1px solid #b6b6b6;
	margin-bottom: 10px;
	cursor:pointer;
	text-transform: initial;
	
	font-weight:bold;
}




/* Onglets */
#zoneContenu .onglets{
    margin: 10px 0px 15px 0px;
    border-left: 1px solid #cbced0;
}
#zoneContenu .onglets ul.nav{
	margin: 0px 0px 15px 0px;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #125985;
}
#zoneContenu .onglets.multiLignes ul.nav{
	margin-bottom: 25px;
}
#zoneContenu .onglets ul.nav li:before{
	display: none;
}
#zoneContenu .onglets ul.nav li{
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2; /* 18/15 */
	font-weight: 400;
	color: #333333;
}
#zoneContenu .onglets ul.nav li a:link,
#zoneContenu .onglets ul.nav li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
	font-size: 15px;
	display: block;
	width: auto;
	margin: 0;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	border-left: 1px solid #125985;
	color: #7b7b7b;
}
#zoneContenu .onglets.sep ul.nav li a:link,
#zoneContenu .onglets.sep ul.nav li a:visited{		
	font-size: 17px;
}
#zoneContenu .onglets.multiLignes ul.nav li a:link,
#zoneContenu .onglets.multiLignes ul.nav li a:visited{
	min-height: 36px;
	padding: 10px 7px 10px 7px;
}
#zoneContenu .onglets ul.nav li a:hover{
	background-color: #e2e1de;
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneContenu .onglets ul.nav li a:active{
	background-color: #eefafb;	
	/* Transition/animation 
	background-color: #039cc8;*/	
	transition: all 0.3s ease-out;
}
#zoneContenu .onglets ul.nav li:first-child a{
	border-left: none;
}
#zoneContenu .onglets ul.nav li a.active{
	background-color: #4773a2;
    color: #fff;
}

/* Clearfixing tabs for beautifstacking */
#zoneContenu .onglets ul.nav:before,
#zoneContenu .onglets ul.nav:after{
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
#zoneContenu .onglets ul.nav:after{ clear: both; }
#zoneContenu .onglets ul.nav{ zoom: 1; border-bottom: solid 1px #cbced0;}

#zoneContenu .onglets .contenu{
	padding: 0 0 0 10px;
	position: relative;
}
#zoneContenu .onglets.sep .contenu{
	padding: 0px 0px 15px 25px;
}
#zoneContenu .onglets .contenu > div > div > :first-child{
	margin-top: 0;
}
#zoneContenu .onglets .contenu > div > div > :last-child{
	margin-bottom: 0;
}
#zoneContenu .onglets.alt .contenu{ background: #d2d2d2; border:0; }
#zoneContenu .onglets .contenu h1.visuallyhidden{ /* Titre de l'onglet pour l'impression */
	font-size: 18px;
	margin-top: 0;
	text-transform: none;
}
		
/* Onglets verticaux */
#zoneContenu .onglets_v ul.nav, #zoneContenu .onglets_v .contenu{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#zoneContenu .onglets_v{ margin: 20px 0; overflow: hidden; }
#zoneContenu .onglets_v ul.nav{
	display: block;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}
#zoneContenu .onglets_v ul.nav li{
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
}
#zoneContenu .onglets_v ul.nav li:first-child{ margin-top:0; }
#zoneContenu .onglets_v ul.nav li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	width: auto;
	padding: 5px 10px;
	margin: 0;
	background: #DADADA;
	border-right: 5px solid #FFF;
}
#zoneContenu .onglets_v ul.nav li a.active{
	background-color: #d2d2d2;
	border-right-color: #d2d2d2;
}
#zoneContenu .onglets_v .contenu { float: left; width: 75%; background: #fff; padding: 10px; border: 5px solid #d2d2d2; }
#zoneContenu .onglets_v.alt .contenu { background: #d2d2d2; border:0; }
#zoneContenu .onglets_v .contenu h1.print_only { /* Titre de l'onglet pour l'impression */
	font-size: 20px;
	margin-top: 0;
}





/* Boutons */
#zoneContenu .btRetour{
	margin: 30px 0px 15px 0px;
	font-size: 0.8em; /* 12/15 */
	line-height: 1.333333333333333; /* 16/12 */
}
#zoneContenu .btRetour a:link,
#zoneContenu .btRetour a:visited{
	display: inline-block;
	padding: 5px 15px 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
	background-color: #d9f3f6;
	color: #000000;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#zoneContenu .btRetour a:hover,
#zoneContenu .btRetour a:active{
	background-color: #eefafb;
}

/* Infobulles */
.infobulleDefaut{
	background-color: #d9f3f6;
}
.tooltipster-content{
	padding: 10px 10px 10px 10px;
	font-size: 15px; /* Tooltipster ne supporte que l'unit� absolue px */
	line-height: 1.466666666666667; /* 22px/15px */
	color: #555555;
}
.tooltipster-content :last-child{
	margin-bottom: 0px;
}

/* Particularit� : Mot de bienvenue */
#middle-column ul.topics{
    list-style-image: none;
	list-style-type: none;
}

/* Faire dispara�tre le chiffre associ� � la semaine */
#course-view .section td.left{
	width: 1px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 1px;
	color: #ffffff;
}
body#site-index .headingblock, body#course-view .headingblock,.modified{
	display:none;
}

/* ==================================================
 * zoneBasDePage
 * ================================================== */

#zoneBasDePage{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	background:#000;
}
#mod-resource-view div#zoneBasDePage{
	margin-top: 0px;	
}
#zoneBasDePage p{
	margin: 0px;
	padding: 0px;
	font-size: 0.75em; /* 12/16 */
	line-height: 1.333333333333333; /* 16/12 */
	color: #fff;
}

/* ==================================================
 * panneau d'outils
 * ================================================== */

/* Panneaux en g�n�ral */
.panneau{
	position: fixed;
	right: 0px;
	display: none;
	height: auto;
	padding: 20px 150px 20px 20px;
	background: #000000;
	border: 1px solid #111111;

	opacity: 1;
	z-index: 10;
    
    /* Coins arrondis */
    -moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
	behavior: url(/theme/fin1931/style/pie.htc); /* IE8 et moins */
}

/* Style de contenu des panneaux */
.panneau h3{font-size: 15px; color: #ffffff; margin-top: 0px;}
.panneau p{margin: 0px 0px 15px 0px; padding: 0px; color: #ffffff;}
.panneau a{color: #9FC54E; text-decoration: none;}
.panneau a:hover {margin: 0px; padding: 0px; text-decoration: none; border-bottom: 1px solid #9FC54E;}

/* Boutons d'acc�s en g�n�ral */
a.btnPanneau{
	position: fixed;
	right: -95px;
	display: block;
	width: 90px;
	padding: 12px 0px 12px 40px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	background-color: #59595A;
	color: #ffffff;

	z-index:11;
    outline: none;
    
    /* Coins arrondis */
    -moz-border-radius: 15px 0px 0 15px;
	-webkit-border-radius: 15px 0px 0 15px;
	border-radius: 15px 0px 0 15px;

	/* G�n�rateur de Gradient :   http://gradients.glrzad.com/   */
	background-image: linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -o-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -moz-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -webkit-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -ms-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #59595A),
		color-stop(1, #999999)
	);
	-pie-background: linear-gradient(left , #59595A, #999999);
	behavior: url(/theme/fin1931/style/pie.htc); /* IE8 et moins */
}

a.btnPanneau span.img {position: absolute; left: 7px; top: 7px; width: 28px; height: 28px; background-repeat: no-repeat;}
a.active.btnPanneau span.img{
	left: 12px;
	top: 12px;
	background-image: url(../img/panneau/minus.png) !important;
}

/* Panneaux sp�cifiques */
#panneauRecherche  {top: 230px; width: 400px;} /* Positionnement du panneau de recherche */
#panneauNote       {top: 230px; width: 600px;} /* Positionnement du panneau de prise de notes */
#panneauActualites {top: 230px; width: 600px;} /* Positionnement du panneau des actualit�s */
#panneauActualites #result .no-overflow{
	max-height: 400px;
	min-height: 350px;
	padding: 5px 15px;
	overflow: scroll;
	word-wrap: break-word;
	background-color: #ffffff;
}
#panneauActualites #result .no-overflow p { color:#000000; }

/* Boutons d'acc�s sp�cifiques */
a#btnPanneauRecherche  {top:245px;}
a#btnPanneauNote       {top:295px;}
a#btnPanneauActualites {top:215px;}

a#btnPanneauRecherche  span.img {background-image:url(../img/panneau/ico_recherche.png);}
a#btnPanneauNote       span.img {background-image:url(../img/panneau/ico_notes.png);}
a#btnPanneauActualites span.img {background-image:url(../img/panneau/ico_actualites.png);}

/* ==================================================
 * �valuation du cours
 * ================================================== */

#middle-column .boxwidthwide{
	width: auto;
}
#middle-column .boxaligncenter{
	margin-left: 0px;
	margin-right: 0px;
}
#middle-column .feedback_form .feedback_required_mark{
	display: block;
	margin: 0px 0px 15px 0px;
}
#middle-column .feedback_items .feedback_required_mark{
	display: inline;
}
#middle-column .feedback_form .feedback_item_label_left{
	margin: 0px 0px 5px 0px;
}
#middle-column .feedback_form .feedback_item_presentation_left ul{
	margin-left: 0px;
}

/* ==================================================
 * moodle 2
 * sp�cificit�es relatives � la plateforme
 * ================================================== */

.course-content > h2{ display: none; }
.course-content li.section > div{ float:none }
.course-content li.section > .left , .course-content li.section > .right{ display: none; }
.modeEdition .course-content li.section > .left , .course-content li.section > .right{ display: block; }

.no-overflow{
	padding-bottom: 0px;
}

/* Retire le titre automatique de Moodle (ressources, quiz) */
#middle-column h2.main{
	display: none;
}
/*Ajuste l'aparence du bloc admin (pour tuteurs, profs, etc. sauf �tudiants)*/
#left-column .block_settings {
	color: #666;
}
#left-column .block_settings .header {
	background-color: #282828;
	border: solid 1px #fff;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #60504a;
	cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
	width: 89%;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;    
}
#left-column .block_settings .header:hover {
	background-color: #757474;
}
#left-column .block_settings .header h2{
	border: none;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
    font-size: 0.9em;
    line-height: 1;
	padding: 0 0 0 15px;
}
#left-column .block_settings hr{
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
#left-column .block_settings a:link 	{ color:#555; }
#left-column .block_settings a:visited 	{ color:#acacac; }
#left-column .block_settings a:hover 	{ color:#888; }

/*Cache les topics pour tout le monde si pas en mode �dition
#pagecontent .topics li.section {display:none;}
#pagecontent .topics li.section:first-child,
#pagecontent.modeEdition .topics li.section {display:block;}*/


/* Quiz */
#mod_quiz_navblock .title,
#mod_quiz_navblock .content .qn_buttons,
#mod_quiz_navblock .content .othernav .endtestlink,
#mod_quiz_navblock .content .othernav .singlebutton{
	display: none;	
}
#mod_quiz_navblock a {
	color: #333;
}
#mod_quiz_navblock #quiz-timer {
	font-size: 23px;
	margin: 5px 0 15px 0;
}
#middle-column .questionflag,
#mod_quiz_navblock{
	/*display: none;	*/
}
.que .info input[type="submit"] {
    white-space: normal;
    width: 98px;
}
/*description en r�ponse our questions a d�veloppement*/
.que .outcome {
	background: #D1DEE6;
}
.que .formulation input[type="submit"] {
	padding:5px;
    background: #D1DEE6;
	border: 1px solid #fff;
	color: #000000;
	text-transform: uppercase;
	font-family: Arial,sans-serif;
	font-size: 0.8em;
	cursor: pointer;
}
.que .formulation input[type="submit"]:hover,
.que .formulation input[type="submit"]:disabled {
	background: #EEE;
}
.que .formulation input[type="submit"]:disabled {
	cursor: default;
}
.que .formulation {
	background: #fff;
}
.que.description .info{
	display: none;
}
#zoneContenu .que.description .accordeon.rep {
	margin:0;	
}
/*cache les num�ro de questions pour les questions a developpement*/
.que.essay.manualgraded .info{
	/*display:none;*/
}
.que.essay.manualgraded .content .info{
	display:block;
}
.que.essay.manualgraded .content{
	/*margin: 0;*/
}
.que.essay.manualgraded .content div.cnt,
.que.essay.manualgraded .answer{
	/*margin-left: 119px;*/
}
#middle-column .que.essay.manualgraded .answer textarea {
/*	width: 520px;*/
}


.que.essay.manualgraded .info h3 { margin-top:5px!important}




/* Forums */
.forumsearch{
	display: none;
}

/* Arbre de fichiers */
#middle-column #pageintro{
	margin: 0px;
	padding: 0px;
	border: none;
}
#middle-column #folder_tree table,
#middle-column #folder_tree table tr,
#middle-column #folder_tree table td{
	margin: 0px;
	padding: 0px;
	border: none;
}
#middle-column #folder_tree a:link, #middle-column #folder_tree a:visited{
	text-decoration: none;
}

/* Dossiers */
#middle-column #folder_tree .ygtvlabel{
	font-weight: bold;
}

/* Formulaires */
#middle-column input[type=text],
#middle-column input[type=password],
#middle-column textarea{
	width: 100%;
}

/* Retour aux styles par d�faut */
#section-1 p,
#section-1 ul,
#section-1 ol,
#section-1 table,
#section-1 img,
#section-1 figure{
	margin: inherit;
}

.path-course-view .section .summary{
	line-height: inherit;
}

/* ==================================================
 * outils (classes utilitaires)
 * ================================================== */

/* Image replacement */
.ir{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before{
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
/* .hidden{
    display: none !important;
    visibility: hidden;
} */
div.cacher {display:none;}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible{
    visibility: hidden;
}

/* clearfix : clear selon la mani�re actuelle (id�ale) */
.clearfix:before,
.clearfix:after{
    content: " ";
    display: table;
}
.clearfix:after{
    clear: both;
}
.clearfix{
    *zoom: 1;
}

/* clearbase : clear selon la mani�re traditionnelle */
.clearbase{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


      .glossarydisplay {margin-top: 50px;}

      .mform .fitem .fitemtitle {width: 100%; text-align: left;}
      .mform .fitem .felement {margin-left: 0;}
#middle-column .course-content ul.topics li.section {
    List-style: none;
    list-style-image: none;
}
#middle-column .course-content ul.topics li.section:before {
    content:"";
    padding: 0;
    margin: 0;
}
#middle-column .course-content ul.topics h3.sectionname,
#middle-column .course-content ul.topics .hidden {
    display: none;
}


/*******************************************************
*  
********************************************************/
div.formule_ico, div.exercice_ico, div.perfectionnement_ico,  div.questionnaire_ico, 
div.termino_ico , div.concep__ico , div.conseil_ico {
	padding-top:10px;
    padding-left: 45px;
    padding-right: 15px;
    min-height: 45px;
}



div.formule_ico {	
	background:url(../img/icone/formule.png) no-repeat;	
    background-position: 0 50%;	
	}

div.exercice_ico, div.perfectionnement_ico {	
	background:url(../img/icone/exercie.png) no-repeat;	
    background-position: 0 50%;	
	}

div.questionnaire_ico {	
	background:url(../img/icone/question.png) no-repeat;	
    background-position: 0 50%;	
	}
div.termino_ico {	
	background:url(../img/icone/termino.png) no-repeat;	
    background-position: 0 50%;	
	}	
div.concep__ico {	
	background:url(../img/icone/truc.png) no-repeat;	
    background-position: 0 50%;	

	}	

div.conseil_ico {	
	background:url(../img/icone/truc.png) no-repeat;	
    background-position: 0 50%;	
	padding-bottom:15px!important;	
	}	


/* ==================================================
 * Feuille de route
 * ================================================== */
#froute, #evaluation {
	font-family: Arial, Helvetica, sans-serif;
border-collapse: separate;
    border-spacing: 2px;
border:none;
padding-bottom:15px;
padding-top:20px;
}

#froute td, #froute th , #evaluation td {
	padding: 5px;
	border: 1px solid #ADCADA;
}
#froute th{
	background-color: #FFFFFF;
	color: #000;
	text-align: center;
	border: solid 1px #ADCADA;
	border-top: none;
}
#froute .examen{
	background-color: #FDE2E1;
	color: #900;
	text-align: center;
	border: 1px solid #993300;
}

#froute .partie1{
	background-color: #a15d5c;
	color: #fff;
	border: 1px solid #AC0B06;
	text-align: center;
	font-weight: bold;
}
#froute .partie2{
	background-color: #BED3CA;
	color: #000;
	border: 1px solid #70A089;
	text-align: center;
	font-weight: bold;
}
#froute .tp{
	background-color: #E6EBF0;
	color: #000;
	border: 1px solid #DE3D3D;
	text-align: center;
}

#froute .blanc{
	border:none;
}

.cent {
	text-align: center;
}

#evaluation th{
		padding: 5px;
 background-color: #f7e8e8;
    color: #8a372e!important;
    border: 1px solid #d8a2a0;
    text-align: center !important;
}




/* ==================================================
 * impression
 * ================================================== */

@media print {
	/* G�n�ralit�s */
	/* bas�es sur les normes d'impression CSS de HTML5 Boilerplate */
	*{
		background: transparent !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited{
		text-decoration: underline;
	}
	pre,blockquote{
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead{
		display: table-header-group; /* h5bp.com/t */
	}
	tr,img{
		page-break-inside: avoid;
	}
	img{
		max-width: 100% !important;
	}
	@page{
		margin: 1cm;
	}
	p,h2,h3{
		orphans: 3;
		widows: 3;
	}
	h2,h3{
		page-break-after: avoid;
	}
	
	/* Conteneurs principaux */
	#conteneur{
		width: 100%;
	}
	.course-content,
	#middle-column,
	#middle-column div.course-content,
	#middle-column div.generalbox{
		margin: 0px;
		padding: 0px;
		border: 0;
	}
	#middle-column{
		width: 100% !important;
	}
	#middle-column div.no-overflow,
	#pagecontent{
		overflow: inherit;
	}
	#zoneConnexion, #zoneRoleLogo, #zoneAccessible, #left-column, #zoneBasDePage{
		display: none;
	}
	#zoneBandeau{
		height: auto;
	}
	#zoneBandeau h1{
		width: auto;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}
	
	/* Panneaux d'outils */
	.panneau{
		display: none;
	}
	a.btnPanneau{
		display: none;
	}
	
	/* Bandeau adapt� � l'impression */
	#bandeauImpression{
		display: block;
	}
	
	/* Chargement */
	#loading{
		display: none;
	}
	
	/* Particularit�s du cours */
	#middle-column #navigation{
		display: none;
	}
	#middle-column .contenuImpression{
		display: inline;
	}
	#middle-column #titreSemaine span.numeroSemaine{
		padding: 0px 10px 0px 0px;
	}
	.cacherCntEtudiant{display:none}
}

.visuallyhidden, .sr-only {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}

.que .formulation ul.sansPuce li{
	display: flex;
  }

.que .formulation ul.sansPuce li span{
	margin-left: 1px;
	margin-right: 10px;
}

#middle-column input[type="text"], #middle-column input[type="password"], #middle-column textarea {
	width: auto;
	max-width: 100%;
}