@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: 1150px;
	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);
	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;
}
#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;
}
/*Font Web – Oleo Script Swash Caps, Regular, 40 px, #fffefe
•	T1 : Roboto, Light, 30 px, Capital, #333333
•	T2 : Roboto, Bold, 17 px, #333333, espace avant de 30 px
•	T3 : Roboto, Medium, 16 px, #333333, espace avant de 20 px
•	P : Roboto, Regulier, 15 px, #333333, espace avant de 20 px
*/



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: 16px;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: #333333;
	text-indent: -40px;
	margin-left: 40px;
}
.noIndent {
	text-indent: 0px!important;
	margin-left: 0px!important;
}
h4 {
	font-size: 16px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 4px;
	color: #333333;
	font-weight: 500;
}
h4.indSTitre {
	text-indent: -52px;
	margin-left: 52px;
}
h5 {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
}

sup {
	  line-height: 0px;
	}


#contenu a {
	color : #dfa625;
}

#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 ul {
	list-style-image: url(../img/tiret.png);
}
#contenu ul.couleur, #contenu ul.tnliste {
	list-style-image: url(../img/tiret_couleur.png);
}
#contenu table {
	font-size: 15px;
}
#contenu p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 14px;
	font-size: 15px;
}
#contenu p.lectSupp{
	    text-indent: 0px;
    margin-left: 40px;
	margin-top: 5px;
	}
div.figUnique, div.figPaire {
	width: 95%;
}
div.figUnique img {
	border: solid 1px #9c9c9c;
	background: #fff;
	padding: 8px;
	/*  max-width: 730px;*/
	max-width: 100%;
}
div.figUnique img.fullsize {
 width:100% border:solid 1px #9c9c9c;
}
div.figUnique img.centre {
	border: solid 1px #9c9c9c;
}
div.figPaire div {
	width: 100%;
	display: inline-block;
	padding-right: 35px;
	vertical-align: top;
}
div.figPaire img {
	width: 100%;
	border: solid 1px #9c9c9c;
	padding: 8px;
}
img.imgTab {
	border: solid 1px #9c9c9c;
	padding: 5px;
	max-width: 100%;
}
img.icn_act_note, img.icn_lecture {
	float: left;
	padding-right: 10px;
}
#contenu div.figTableau {
	padding-top: 15px;/*	padding-bottom:10px;*/
}
div.figPaire:before, div.figUnique:before {
	display: block;
	content: '';
	background-image: url(../img/icone_figures.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	width: 100px;
	height: 45px;
}
#contenu div.figPaire p.txt33 {
	color: #333333;
	padding-bottom: 15px;
}
#contenu div.figPaire p, #contenu div.figUnique p {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #646567;
	padding-bottom: 12px;
}

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


#contenu p.titreTab {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #646567;
}
#contenu p.titreTab span.idTab {
	color: #748c1c;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
}
#contenu p.spaceB {
	padding-top: 10px;
}
#contenu p.avantListe, #contenu p.avantliste {
	padding-bottom: 7px;
}
#contenu p.titreEncadre {
	font-family: 'Roboto Slab', serif;
	font-size: 15px;
	font-weight: bold;


}
#contenu p.apresSource {
	padding-top: 10px;
}
#contenu p.listPrees {
	text-indent: -37px;
	margin-left: 40px;
	padding-bottom: 2px;
}
#contenu p.listobj {
	text-indent: -84px;
	margin-left: 84px;
	padding-bottom: 2px;
}
#contenu p.listPrees.Last, #contenu p.listobj.Last {
	padding-bottom: 14px;
}
#contenu p.noBreak {
	word-break: normal!important;
}
#contenu div span.figCouleur {
	font-family: 'Roboto Slab', serif;
	font-size: 15px;
	font-weight: bold;
	color: #7ca74d;
	text-transform: uppercase;
	display: block;
	padding-bottom: 8px;/*padding-top:5px;*/
}
#contenu table.tab2 td p {
	padding-left: 20px;
 
}
#contenu table.tab2 {
	padding-top: 0px;
	margin-top: 0px;
}
#contenu .figTableau table td p.source, #contenu table td p.source, #contenu p.source, #contenu p.source2 {
	font-family: 'Roboto Slab', serif;
	font-size: 14px !important;
	color: #333333;
	/*	padding-top:5px !important;*/
	padding-bottom: 40px !important;
	line-height: 20px;
}


#contenu p.source2 {
	padding-bottom: 20px !important;
	
  word-wrap: break-word;
  word-break: break-all;
}
 #contenu table td p.source3 {
	font-family: 'Roboto Slab', serif;
	font-size: 14px !important;
	color: #333333;
	padding-bottom: 20px !important;
	padding-left:20px;
	
	
  word-wrap: break-word;
  word-break: break-all;
}
#contenu div.figUnique table {
	word-break: break-word;
}
#contenu .figUnique table tbody tr th {
	background-color: #b8c689;
	padding: 10px 30px;
	text-align: left;
}
#contenu .figUnique table tbody tr td img {
	max-width: 85%;
	padding: 20px 20px;
	border: none;
	padding-bottom: 0px;
}
#contenu div.figUnique table td {
}
/*
Couleur de fond dans l’entête : #b9c58d
Bordure du tableau : 1px, #333
Font dans l’entete : Roboto, Bold, 14 px, #000
Font générale : Roboto, Regular, 14 px, #333
*/

#contenu table {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contenu th {
	padding: 10px;
	background-color: #b9c58d;
	border: 1px solid #b9c58d;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
}
#contenu td {
	padding: 10px;
	color: #333;
	border: 1px solid #b9c58d;
}
#contenu td p, #contenu th p {
	padding: 0;
	margin: 0;
}
/*#contenu .figTableau table img {max-width:713px;}*/

#contenu .figTableau table img {
	max-width: 100%;
}
#contenu .figTableau table, #contenu .figTableau table.tabLarge {
	border-collapse: collapse;
	margin-top: 0px;
}
#contenu .figTableau table th {
	padding: 10px;
	background-color: #b9c58d;
	/*	border: 1px solid #738d08;*/
	border-bottom: 2px solid #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;

}

#contenu .figTableau .oldTable img { max-width:100%}
#contenu .figTableau .oldTable div.vert2{
	padding: 10px;
	border-bottom: 2px solid #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 20px;

	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	
	background: #748e07;
	color: #fff;
	letter-spacing: 1px;
}

#contenu  .oldTable {
	padding-bottom:5px;
	display: block;
	}
#contenu .oldTable div.sTitreTab  {
	padding: 10px 25px;
	border-bottom: 2px solid #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 20px;

/*	font-weight: bold;*/
	vertical-align: middle;
	text-align: left;
	
	color: #333;
	border: 1px solid #b9c58d;
	background-color: #b8c689;
 
}
#contenu  .oldTable div.imgTab {
	padding: 10px 25px;
	color: #333;
	border: 1px solid #b9c58d;
	}
#contenu  .oldTable div p {
	padding-bottom:5px;
	line-height:20px;	
	}
#contenu  .oldTable div img{
	max-width:100%;
	border: none;
     background: #fff;
	 padding:0px;
   

	}

#contenu  .oldTable div.sTitreTabBold  {
    background-color: #b8c689;
    padding: 10px 25px;
    text-align: left;

    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    vertical-align: middle;
}



#contenu .figTableau table th.vert2{
	background: #748e07;
	color: #fff;
	letter-spacing: 1px;
}


#contenu .figTableau table td.sTitreTab {
	color: #333;
	border: 1px solid #b9c58d;
	background-color: #b8c689;
}
#contenu .figTableau table td {
	padding: 10px 25px;
	color: #333;
	border: 1px solid #b9c58d;
	background: #fff;
}
#contenu .figTableau table td.centre {
	text-align: center;
}
#contenu .figTableau table td p {
	padding: 0;
	margin: 0;
	/*word-break: break-word;*/
}
#contenu .figTableau table.tabLarge th {
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #b9c58d;
}
#contenu .figTableau table.tabLarge td {
	padding: 5px;
}
#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 {
		left:115px;
	    font-size: 15px;
		
		}
	
	#id_cours::before {
		content: url(../img/icone_vache_small.png);
		 position: absolute;
		top: -31px;
		left: -109px;
		overflow: hidden;
		height: 88px;
	}
	
	
	footer {
		margin-right: 0px;
		margin-left: 0px;
	}
	

	/********contenu******/
 	h1 {
		font-size: 28px;
	}
	h1 a {
		color: #fffefe;
		text-decoration: none;
		position: absolute;	
		padding-left: 105px
	}
	
	
	/**************/
#baniere {
	height:50px;	
	width:100%;
     position: initial;

}

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


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

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

	div.figPaire div {
		width: 44%;
		display: inline-block;
		/*	padding-right: 35px;*/
		padding-right: 5%;
		vertical-align: top;
	}
	
	
	#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;
	}
	main {
		margin-top: 50px;
	}
	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: 8%;
		padding-right: 8%;
	}
	#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;
	}
	
	#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;
}
.jPushMenuBtn {
	display: none;
}



	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;

	}
		

}
 /* =============================================== */
/* Video/audio jwplayer                            */
/* ----------------------------------------------- */
#contenu .animVideoPlaylist ul.jw-rightclick-list li.jw-rightclick-item:before, #contenu .animAudioPlaylist ul.jw-rightclick-list li.jw-rightclick-item:before {
	display: none;
  }
  #contenu .animVideoPlaylist ul.jw-rightclick-list li.jw-rightclick-item.jw-featured, #contenu .animAudioPlaylist ul.jw-rightclick-list li.jw-rightclick-item.jw-featured {
	display: none;
  }
  #contenu .animVideoPlaylist ul.jw-rightclick-list li.jw-rightclick-item a, #contenu .animAudioPlaylist ul.jw-rightclick-list li.jw-rightclick-item a {
	color: #fff;
  }
  #contenu .animVideoPlaylist figure {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.23%;
  }
  #contenu .animVideoPlaylist figure .boiteAnimVideo {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(270deg, #b6b6b6, #dadada, #ffffff);
	background-size: 600% 600%;
	-webkit-animation: skeleton 3s infinite, 1;
	-moz-animation: skeleton 3s infinite, 1;
	-o-animation: skeleton 3s infinite, 1;
	animation: skeleton 3s infinite, 1;
  }
  #contenu .animVideoPlaylist .sidebar {
	width: 100%;
	height: 250px;
	background-color: #f7f7f7;
	border-top: 5px solid #666;
	border-bottom: 5px solid #666;
	margin-bottom: 35px;
	padding: 20px;
  }
  #contenu .animVideoPlaylist .sidebar h3 {
	padding: 20px;
	margin: 0;
	color: #ffffff;
	text-align: left;
  }
  #contenu .animVideoPlaylist .sidebar .searchbox {
	margin: 0 0 20px;
	display: block;
	position: relative;
  }
  #contenu .animVideoPlaylist .sidebar .searchbox input {
	border-radius: 5px;
	box-sizing: border-box;
	color: #333333;
	width: 100%;
	padding: 10px 20px 10px 30px;
	background: white url(../img/icones/png/ico_recherche_gris.png) no-repeat left center;
	border: none;
  }
  #contenu .animVideoPlaylist .sidebar .searchbox .match {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #333333;
  }
  #contenu .animVideoPlaylist .sidebar .transcript {
	padding: 0 20px 0 0;
	position: relative;
	max-height: 75%;
	overflow: auto;
  }
  #contenu .animVideoPlaylist .sidebar .transcript p {
	overflow: hidden;
	text-align: left;
	color: #333333;
	line-height: 1.5;
  }
  #contenu .animVideoPlaylist .sidebar .transcript a {
	padding: 4px 2px;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
  }
  #contenu .animVideoPlaylist .sidebar .transcript a em {
	font-style: normal;
	border: 2px solid #cccccc;
  }
  #contenu .animVideoPlaylist .sidebar .transcript a em.current {
	background: #FEFDC7;
  }
  #contenu .animVideoPlaylist .sidebar .transcript a.current {
	background: #fdfca4;
  }
  #contenu .animVideoPlaylist .sidebar .transcript a:hover {
	background-color: #e6e6e6;
  }
  #contenu .animVideoPlaylist .sidebar .transcript h4 {
	margin: 20px 0 10px;
	text-align: left;
	color: #333333;
	font-weight: bold;
  }
  #contenu .animVideoPlaylist video {
	background-color: #fff;
  }
  #contenu .animVideoPlaylist.visionneuse figure, #contenu .animAudioPlaylist.visionneuse figure {
	margin-bottom: 0;
  }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets {
	margin-top: 7px;
	width: 100%;
	margin-left: 0px;
	display: inline-block;
  }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li {
	list-style: none;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	padding-right: 0px;
  }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li:before, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li:before {
	content: none;
  }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a {
	display: block;
	padding: 13px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	width: 100%;
	height: 100%;
	font-weight: 300;
	background-color: #00676d;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 17px;
	line-height: 1.7rem;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
  }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a:active, #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a.active, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a:active, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a.active {
	background-color: #3d3d3d;
  }
  #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a:hover, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a:hover {
	background-color: #6c6b6a;
  }
  
  .-ms- #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li {
	width: 100%;
  }
  @media screen and (min-width: 470px) {
	.-ms- #contenu .animVideoPlaylist.visionneuse ul.listeOnglets li {
	  width: 50%;
	}
  }
  @media screen and (min-width: 610px) {
	.-ms- #contenu .animVideoPlaylist.visionneuse ul.listeOnglets:not(.demi) li {
	  width: 33.33%;
	}
  }
  
  /* Media Queries---------------------------------- */
  @media screen and (min-width: 470px) {
	#contenu .animVideoPlaylist.visionneuse ul.listeOnglets li, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li {
	  float: left;
	  width: 50%;
	  padding-right: 6px;
	}
	#contenu .animVideoPlaylist.visionneuse ul.listeOnglets li:nth-child(2n), #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li:nth-child(2n) {
	  padding-right: 0px;
	}
	#contenu .animVideoPlaylist.visionneuse ul.listeOnglets li a .temps, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li a .temps {
	  display: block;
	  width: 100%;
	}
  }
  @media screen and (min-width: 610px) {
	#contenu .animVideoPlaylist.visionneuse ul.listeOnglets:not(.demi) li, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets:not(.demi) li {
	  width: calc(100%/3);
	  margin-bottom: 6px;
	  padding-right: 6px;
	}
	#contenu .animVideoPlaylist.visionneuse ul.listeOnglets:not(.demi) li:nth-child(2n), #contenu .animAudioPlaylist.visionneuse ul.listeOnglets:not(.demi) li:nth-child(2n) {
	  padding-right: auto;
	}
	#contenu .animVideoPlaylist.visionneuse ul.listeOnglets:not(.demi) li:nth-child(3n), #contenu .animAudioPlaylist.visionneuse ul.listeOnglets:not(.demi) li:nth-child(3n) {
	  padding-right: 0px;
	}
  }