@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic,600,600italic,300,300italic);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);


html, body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
}

 

#wpadminbar {
	position: fixed;
}
article, aside, footer, header, hgroup, main, nav, section {
	clear: both;
		display:block;
}
main {
	/*margin-top: 10px;*/
		display:block;
}
div.wrapper {
	position: relative;
	min-width: 240px;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0px;
	
}
.visuallyHidden, .visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
div.connection p {
	padding: 0px;
	margin: 0px;
	height: 25px;
	max-width: 215px;
	/*/	overflow:hidden;*/
	text-align: right;
}
#header, #footer {
}
#header {
	padding-top: 0px;
}
footer {
	margin-right: 10px;
	margin-left: 10px;
	background: #252525;
	color: #ccc;
	text-align: center;
}
#contenu {
	background: rgba(255,255,255, .85);
	background:url(../img/bg_main.gif);
	background-repeat:repeat-y;
	word-wrap: break-word;

	/* background: #fff;
    opacity: .85;	
	filter: alpha(opacity=85);For IE8 and earlier */
	
/*margin: 0px 10px;*/
	padding-top: 10px;
	padding-left: 4%;
	padding-right: 4%;
}
#enTete {
	/*	background: rgba(0,0,0, .7);*/
	background: #222;
	color: #fff;
	/*width:100%;*/
	height: 40px;
	z-index: 50
}
#id_cours {
	position: absolute;
	top: 30px;
	left: 15px;
	z-index: 50;
	font-size: 12px;/*font-weight: 600;*/
}
.al_rigth {
	float: right;
}
#enTete ul {
	padding: 0px;
	margin: 0px;
}
#enTete ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	list-style: none;
	padding-top: 5px;
	padding-left: 10px;
}
#enTete ul li:first-child {
	padding-top: 10px;
}
#enTete ul li.logo {
	padding-top: 0px;/* padding-right: 10px;*/
}
#logo::before {
	display: block;
	/* petit lgo cell*/	 
	background-image: url('https://www.teluq.ca/libimg/logo/logo_teluq_nb_xs.png');
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	content: "";
}
#logo {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
}
.imgReplaceText {
	background-color: transparent;
	border: 0;
	overflow: hidden;
}
#enTete .wrapper .al_rigth ul li .connection, #enTete .wrapper .al_rigth ul li .connection p a {
	color: #b2b2b2;
	font-size: 12px;
}
#baniere {
	/*	background: rgba(0,0,0, .7);*/
	/*opacity:0.85;*/
	/*filter: alpha(opacity=85);  For IE8 and earlier */
	background: #222;
	height: 40px;
	position: relative;
	padding: 0px 0px 5px 5px;
	overflow: hidden;
}
#baniere_popup{
    height: 210px;
    /* width: 100%; */
    position: initial;
    background: url(../img/ban_popup.jpg) no-repeat;
	}
#copyright {
	padding: 5px 0px;
	margin: 0px;
	font-size: 14px;
}
#outilsRecherche {
	position: absolute;
	z-index: 55;
	top: 87px;
	right: 0px;
	padding: 5px;
	border-radius: 10px;/*background: rgba(0,0,0, .7);*/
}
#outilsRecherche:focus-within {
 background: rgba(0,0,0, .7);
}
#outilsRecherche form button[type=submit] {
	display: block;
	float: right;
	width: 30px;
	height: 20px;
	margin: 0;
	border: none;
	padding: 0;
	background-image: url(../img/icones/ico_recherche.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center center;
}
#outilsRecherche form input[type=text] {
	/*float: left;*/
	width: 0px;
	/*  width: 175px;*/
	height: 20px;
	margin: auto 0;
	background: none;
	border: none;
	color: #fff;
}
#outilsRecherche form input[type=text]:focus {
	width: 175px;
}
#bgImagemod1, #bgImagemod2, #bgImagemod3, #bgImagemod4, #bgImagemod5, #bgImagemod6, #bgImagemod7, #bgImagemod0 {
	position: absolute;
	height: 100%;
	width: 100%;
	/*	background: url(https://edu1013.teluq.ca/files/2016/09/EDU1013_bg_accueil-2.png) no-repeat top center;*/
	background-size: 100% auto;
	z-index: -1;
}/*
#bgImagemod1 {
	background: url(../img/theme/ENV3114_Module1.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod2 {
	background: url(../img/theme/ENV3114_Module2.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod3 {
	background: url(../img/theme/ENV3114_Module3.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod4 {
	background: url(../img/theme/ENV3114_Module4.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod5 {
	background: url(../img/theme/ENV3114_Module5.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod6 {
	background: url(../img/theme/ENV3114_Module6.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod7 {
	background: url(../img/theme/ENV3114_Module1.jpg) no-repeat top center;
	background-size: 100% auto;
}
#bgImagemod0 {
	background: #C90;
}*/
 



h1 {
	font-family: 'Oleo Script Swash Caps', cursive;
	font-size: 20px;
	color: #fffefe;
	font-weight: normal;
	padding: 0;
	margin: 0;
	margin-left: 5px;
}
h1 a {
	color: #fffefe;
	text-decoration: none;
	position: absolute;
	padding-top: 5px;/*padding-left:5px;*/
}
h2 {
    font-size: 30px;
    font-weight: 200;
    text-transform: uppercase;
    color: #333333;
    margin: 0px;
    line-height: 36px;
    padding-bottom: 15px;
}
h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 12px;
    color: #333333;
}
.noIndent {
	text-indent: 0px!important;
	margin-left: 0px!important;
}
h4 {
    font-size: 18px;
    margin: 0px;
    padding-bottom: 3px;
    padding-top: 18px;
    color: #333333;
    font-weight: 500;
}
 
h5 {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
}

sup {
	  line-height: 0px;
	}



#contenu a {
    color: #5c7d05;
}

#contenu a:hover {
    color: #ef9208;
}

#contenu a.titreTD {
color:#000;	
}
#contenu ul, #contenu ol, #contenu figure {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	/*padding-top:20px;*/
	padding-bottom: 14px;
	padding-left: 25px;
}
#contenu table {
	font-size: 15px;
}
#contenu p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	font-size: 15px;
}




#contenu .espaceApres {
	padding-bottom:20px;
	}


#contenu p.spaceB {
	padding-top: 10px;
}
#contenu p.avantListe, #contenu p.avantliste {
	padding-bottom: 7px;
}



 
#contenu div.tabOverFlow {
	overflow-x: scroll
}

#contenu div.encadre {
	background: #dce2c6;
	margin-top: 20px;
	padding: 10px 20px 0px 20px;
}

#contenu #froute {
	width: 100%;
}
#contenu #froute td.on {
	color: #000;
	border: 1px solid #b9c58d;
	background-color: #b8c689;
}
#contenu #froute th {
	border: 1px solid #b9c58d;
}
span.preNum {
	padding-right: 15px;
}
span.preNum2 {
	padding-right: 8px;
}
		
		
img.large {width:100%;}
	 
/*fix ie9 border etrange*/		
	.wrapper #main .container .row #contenu p a .icn_act_note	{
		border:none;}
		
	
	
/**************************changement de taille ecrant*******************/


@media only screen and (min-width: 768px) {/* version tablette portrait*/

	#logo::before {
		display: block;
		background-image: url('https://www.teluq.ca/logo_teluq/logo_teluq_blanc.png');
		background-size: 115px 40px;
		width: 115px;
		height: 40px;
		content: "";
	}
	#logo {
		width: 115px;
	}

	#id_cours {
		display:none;
		}

	footer {
		margin-right: 0px;
		margin-left: 0px;
	}

.jPushMenuBtn {
	display: none;
}

	/********contenu******/
 	h1 {
		font-size: 28px;
		display:none;
	}
	h1 a {
		color: #fffefe;
		text-decoration: none;
		position: absolute;	
		padding-left: 105px
	}
	
	
	/**************/
#baniere {
	    height: 252px;
/*	width:100%;*/
     position: initial;
	 background:url(../img/baniere.jpg) no-repeat;

}	
#contenu {
		/*padding: 0px 100px;*/
		padding-top: 35px;
		line-height: 23px;
		min-height: 320px;
		padding-left: 10%;
		padding-right: 10%;
		 
	}

#outilsRecherche{
    top: 96px;
    right: 10px;
}


#enTete ul li.logo {   
    padding-right: 10px;
}
	
	
	
	/**********************/
main {
    margin-top: 0px;

}
	
	
#contenu {
	/*margin-left:85px;
	margin-right:85px;*/
	}
	

	
	#contenu  .oldTable {
	padding-bottom:5px;
	display: inline-block;
	}

}


 /****************Fin version tablette ******************/

@media only screen and (min-width: 900px) {/* version tablette landscape*/
	#contenu div.tabOverFlow {
		overflow: inherit;
	}
	#contenu .figUnique table tbody tr td img {
		max-width: 675px;
		padding: 20px 20px;
		border: none;
		padding-bottom: 0px;
	}

}


@media only screen and (min-width: 1023px) {/* version ordi*/


	/***baniere**/
	#header, #footer {
		padding-left: 100px !important;
		padding-right: 100px !important;
	}
	#header {
		/*padding-top: 30px;*/
	}
	footer {
		margin-right: 100px;
		margin-left: 100px;
	}
	
	div.connection p {
		max-width: 550px !important;
		padding-top: 4px;
		overflow: hidden;
	}
	#enTete {
		float: none;
		margin: 0px;
		background: #000;
		color: #fff;
		width: 100%;
		height: 40px;
	}
	#logo::before {
		display: block;
		background-image: url('https://www.teluq.ca/logo_teluq/logo_teluq_blanc.png');
		background-size: 115px 40px;
		width: 115px;
		height: 40px;
		content: "";
	}
	#logo {
		width: 115px;
	}
	#contenu {
		margin: 0px 100px;
		padding-top: 35px;
		line-height: 23px;
		min-height: 320px;
		padding-left: 10%;
		padding-right: 10%;
		border-right: solid 1px #666666;
	}
	#id_cours {
		position: initial;
		float: left;
		padding-top: 12px;
		padding-left: 100px;
		font-size: 14px;
		/*   font-weight: 600;*/
		font-family: 'Roboto', sans-serif;
	}
	#id_cours::before {content:"";}
	#enTete ul li.logo {
		padding-top: 0px;
		padding-right: 100px;
	}
	#baniere {
	/*	height: 120px;
		background:rgba(0,0,0, .7);*/
		padding: 5px 0px 0px 5px;
    	position: relative; 
		width:auto;
		border-right: solid 1px #666666;
	}
	
	#contenu ul.tnliste li {
		padding-bottom: 5px;
	}
	/**section recherche **/	
	#outilsRecherche {
		position: inherit;
		top: auto;
		right: auto;
		padding: 0px;
		border-radius: 0px;
		background: none;
	}
	#outilsRecherche form input[type=text] {
		/*float: left;*/
		width: 0px;
		height: 26px;
		margin: auto 0;
		/*  padding: 0 5px;*/
		background-image: none;
		border: none;
		-webkit-transition: width 0.1s ease-in-out;
		transition: width 0.1s ease-in-out;
	}
	#outilsRecherche form input[type=text]:focus {
		width: 175px;
	}


#id_cours {
	top:0px;
	left:0px;
	float: left;
	padding-top: 10px;
	padding-left: 100px;
	font-weight: 600;
}
#enTete ul li.logo {
	padding-top: 0px;
	padding-right: 100px;
}
#outilsRecherche form button[type=submit] {
	display: block;
	float: right;
	width: 30px;
	height: 28px;
	margin: 0;
	border: none;
	padding: 0;
	background-image: url(../img/icones/ico_recherche.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#outilsRecherche form input[type=text] {
	/*float: left;*/
	width: 0px;
	/*  width: 175px;*/
	height: 26px;
	margin: auto 0;
	background: none;
	border: none;
	color: #fff;
}




	h1:before {
		content: url(../img/icone_vache.png);
		float: left;
	    position: relative;
		top:0px;
		overflow:auto;
		height:auto;
	}
	
#contenu	h1:before {content:''}
	h1 {
		font-size: 40px;
	}
	h1 a {
		color: #fffefe;
		text-decoration: none;
		position: absolute;
		padding-top: 33px;
		padding-left: 15px;
	}
}
 
 
 
 @media print {
	@page {
		margin: 0.5cm;
		margin-left:2.5cm;
		margin-right:2.5cm;
	}
	
	#main {
		margin:0px;	
	}
	
	
	#navPageForm,
	div.al_rigth {
		display:none;
		}

	#baniere { 
	height:auto;
	position:inherit;
	overflow:visible;
 }
	h1 {

		font-size: 25px;
	}
	h1 a {
		color: #fffefe;
		text-decoration: none;

	}
		

}