/*GÉNÉRIQUE*/
html,
body {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	height: 100%;
	line-height: 22px;
	width: 100%;
}
#conteneur {color:#4C4C4C; margin:0 auto -300px; min-height:100%; width:100%;}
p {margin: 0 0 30px 0;}
hr {border-color:#d9d9d9; margin:0 0 30px 0;}
	/*TITRE*/
	h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0 0 20px 0;}
	h1 {background: url('images/bg_pointille.png') repeat-x bottom left; font-size:225%; margin-top:-9px; padding-top:0; margin-bottom:35px;}
	h2 {font-size:187.5%; padding-top:20px;}
	h3 {font-size:150%; padding-top:20px;}
	/*h4 {background: url('images/bg_pointille.png') repeat-x top left; font-size:112.5%; padding:15px 0;}*/
	h4 {background: url('') repeat-x top left; font-size:112.5%; padding:15px 0;}
		p+h4{padding-top:30px;}
		h2+h4 {background:none;}
		table h4 {background:none;}
		.su-spoiler-content h4:first-child {background:none;}
	h5 {font-size:100%; font-weight:bold; }
	h6 {font-weight:bold;}
	
	/*LIENS*/
	a,
	a:link,
	a:visited,
	span.su-lightbox {color:#0079be; text-decoration:none;}
	a:hover,
	span.su-lightbox:hover{text-decoration:underline;}
	a.lien_externe,
	.lien_externe a {background: url("images/fleche_droite_bleu.svg") no-repeat right top 5px; padding-right:15px;}
	
	/*Meriem 31/08/2017 palier au problème de liens de publications qui dépassenet en mobile (ORH)*/
	#contenu_centre a{word-wrap: break-word;}
	
	/*LISTE*/
	ul,
	ul li ul {list-style:none; margin:0; padding:0;}
	ul li p{margin-bottom:0px;}
		#menu_principal ul li,
		#contenu_interieur ul li,
		#bigFooter ul li,
		#footer ul li {background: url('images/puce.svg') no-repeat; background-position-y:30%; background-position:left top 9px; padding:0 0 10px 18px;}

		#contenu_interieur .metaslider ul li{padding:0;}
		
	#contenu_centre ul {padding:0 0 20px 0;}
	#contenu_interieur .metaslider ul {padding:0;}
		#contenu_centre ul li ul {padding:10px 0 0 0;}
	ol,
	ol li ol {margin-left:10px; padding-left:20px;}
	/*TABLEAU*/
	#main table {display:block; max-width:100%;}
	#main table.noSticky {overflow:auto;}
		#main table thead {background:#ebebeb; font-weight:bold; text-transform:uppercase;}
			#main table thead tr {}
				#main table thead tr th {padding:10px 20px;}
				#main table thead tr th,
				#main table tbody tr td {border:1px solid #d9d9d9;}
		#main table tbody {}
			#main table tbody tr {}
				#main table tbody tr td {padding:15px 20px;}	
				#main .su-accordion table thead tr th,
				#main .su-accordion table thead tr td {background:#F2F2F2;}
				#main .su-accordion table tbody tr td {background:#FFF;}	
		/*dégradé, qui se met lorsque le tableau peut se continuer à droite*/	
		div.degrade {
			background: transparent;
			background: -moz-linear-gradient(right,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background: -webkit-linear-gradient(right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
			background: linear-gradient(to left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
			height: 50px;
			position: absolute;
				right: 15px;
			width: 50px; 
			z-index: 110;	
		}
		.tableTOlist+.degrade {display:none;}
		.sticky-thead+div.degrade {display:none;}
		.sticky-wrap {margin:0;}
			.sticky-wrap .sticky-thead {box-shadow:none;}
	/*ACCORDÉON*/
	#main .su-accordion {margin-bottom:20px; clear:both;}
		.su-accordion .su-spoiler {}
			
			.su-accordion .su-spoiler .su-spoiler-title {background: url('images/moins.svg') no-repeat #4c4c4c; background-position:right 20px center;  color:#FFF; font-size:112.5%; font-weight:normal; padding: 10px 40px 10px 20px;}
			.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {background: url('images/plus.svg') no-repeat rgba(0, 0, 0, 0.85); background-position:right 20px center; }
			.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title:hover {background-color:#4c4c4c;}
				.su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {left:auto; right:10px; top:5px;}
				.su-accordion .su-spoiler .su-spoiler-title span {display:none;}
			.su-accordion .su-spoiler .su-spoiler-content .degrade {
				background: transparent;
				background: -moz-linear-gradient(right,  rgba(235,235,235,1) 0%, rgba(235,235,235,0) 100%);
				background: -webkit-linear-gradient(right,  rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%);
				background: linear-gradient(to left,  rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%);
				margin-top:30px;
			}
			/*PSI-631*/
			.su-accordion .su-spoiler .su-spoiler-content h2,
			.su-accordion .su-spoiler .su-spoiler-content h3{padding-top:5px;}
	/*FORMULAIRE*/

	#header form input[type=submit],
	#header form input[type=text] {border:0; box-shadow:none; color:#757575; font-family:'Roboto', sans-serif; padding:0;}
	#header form input[type=text] {padding:0 0 0 7px;}

	/*BLOCKQUOTES*/
	blockquote {
		border-left: none;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		float: left;
		font-size: 150%;
		line-height: 120%;
    margin: 0 25px 25px 0;
		max-width: 350px;
    padding: 0 25px 25px 0;
	}
	/*EMPHASE*/
	mark {background:#ebebeb; display:block; padding:35px;}
		mark strong {display:block; /*padding-bottom:15px;*/}
	.su-accordion mark {background:#FFF;}	
	/*IMAGES*/
	#contenu_centre img {clear:left; /*float:left*/; padding-right:20px; padding-top:6px; padding-bottom:20px;}
	#contenu_centre .metaslider img{padding:0;}
	#contenu_centre table img {max-width:none;}
	/*TITRE*/
	#conteneur #header #header_couleur #header_interieur #titre #titre_site {margin:2px 0 4px;}
	/*ACCORDION*/
	#contenu_centre .su-accordion img {float:none;}
	
	
	/*MESSAGES D'INFO*/
	.message {color:#FFF; margin: 10px 0; padding: 40px 20px 35px 80px;}
	.message a {color:#fff; text-decoration:underline;}
	.message.info {
		background-color:#515151;
		background-image: url("http://gabarit-adaptatif.uqam.ca/icons/message-neutre-blanc.svg");
		background-repeat: no-repeat;
		background-position: 25px 37px;
		background-size: 25px 25px;
	}
							
/*CONTENU*/
#conteneur #contenu {}
		#conteneur #contenu #bannierehachure {
			background-image:url('images/fond_banniere.png');
			background-repeat: repeat;
			width: 100%;
		}
	/*BANNIERE*/				
	#conteneur #contenu #banniere {position:relative;}
	/*CONTENU INTERIEUR*/
	#conteneur #contenu #contenu_interieur {margin:0 auto;}
		/*CONTENU GAUCHE*/
		#conteneur #contenu #contenu_interieur #contenu_gauche {}
			#contenu #contenu_interieur #contenu_gauche h2 {font-size:150%; padding-bottom:5px; padding-top:0;}
			#contenu #contenu_interieur #contenu_gauche #liens_rapides_menu {padding: 15px 0 0 27px;}
			/*Menu Secondaire*/
			#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire {margin-bottom:30px;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire:empty{margin-bottom: 0px;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container,
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container  {}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul,
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul {}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container>ul>li,
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container>ul>li {
							background: rgba(0,0,0,0.85);
							margin-bottom: 5px;
							padding: 0;
						}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container>ul>li:hover,
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container>ul>li.current-menu-item,
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container>ul>li:hover,
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container>ul>li.current-menu-item {background:#4c4c4c;}
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li a,
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li a,
							#conteneur #contenu #contenu_interieur .admission {
								color: #FFF;
								cursor: pointer;
								display: block;
								font-size: 112.5%;
								padding: 10px 35px 10px 25px;
								text-decoration:none;
							}
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li.menu-item-has-children>a,
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li.menu-item-has-children>a {
								background: url('images/plus.svg') no-repeat;
								background-position:right 20px top 16px;
								background-position-x:92%;
								background-position-y:50%;
							}
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li a.active,
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li a.active {background: url('images/moins.svg') no-repeat right 20px top 16px #000;}
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul,
							#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul {
								background: #4C4C4C;
								display: none;
								padding: 15px;
							}
								#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li,
								#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li {
									background: none;
									padding: 0;
								}
									#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li a,
									#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li a {
										background: url('images/puce_sous_menu.svg') no-repeat left 10px top 13px;
										padding: 5px 10px 5px 30px;
									}
			/*Réseaux Sociaux*/
			#conteneur #contenu #contenu_interieur .suivez-nous {
				display: block;
				/*text-align: center;*/
			}
			#conteneur #contenu #contenu_interieur #contenu_gauche .suivez-nous+.suivez-nous {background: url('images/bg_pointille.png') repeat-x left top; padding-top:25px;}
				#conteneur #contenu #contenu_interieur .suivez-nous span {
					float: left;
					font-size: 150%;
					margin-bottom: 15px;
					padding-right: 15px;
				}
				#conteneur #contenu #contenu_interieur .suivez-nous div {float:left; margin-bottom:22px;}
				#conteneur #contenu #contenu_interieur #contenu_gauche .suivez-nous+.suivez-nous div {margin-bottom:35px;}
					#conteneur #contenu #contenu_interieur .suivez-nous div ul {padding:0;}
						#conteneur #contenu #contenu_interieur .suivez-nous div ul li {
							background: none;
							float: left;
							height: 24px;
							margin: 0 5px 0 0;
							padding: 0;
						}
						.suivez-nous div ul li.mauvais_nom {display:none;}
							.suivez-nous div ul li a {
								background-position: left top;
								background-repeat: no-repeat;
								background-size: 100%;
								display:block;
								height:30px;
								width:30px;
							}
							.suivez-nous div ul li a:hover {background-position: left bottom;}
							.suivez-nous div ul li.facebook a {background-image:url('images/reseaux_sociaux/facebook.svg');}
							.suivez-nous div ul li.twitter a {background-image:url('images/reseaux_sociaux/twitter.svg');}
							.suivez-nous div ul li.youtube a {background-image:url('images/reseaux_sociaux/youtube.svg');}
							.suivez-nous div ul li.rss a {background-image:url('images/reseaux_sociaux/rss.svg');}
							.suivez-nous div ul li.linkedin a {background-image:url('images/reseaux_sociaux/linkedin.svg');}
							.suivez-nous div ul li.instagram a {background-image:url('images/reseaux_sociaux/instagram.svg');}
							.suivez-nous div ul li.vimeo a {background-image:url('images/reseaux_sociaux/vimeo.svg');}
/*Demande d'admission*/
			#conteneur #contenu #contenu_interieur .admission {
				background-image: url('images/fleche_droite.svg');
				background-color: rgba(0,0,0,0.85);
				background-position: right 25px top 16px;
				background-position-x:93%;
				background-position-y:50%;
				background-repeat: no-repeat;
				clear: both;
				margin-bottom: 5px;
			}
			/*Liens rapides*/
			#conteneur #contenu #contenu_interieur #liens_rapides {margin:30px 0 20px;}
				#conteneur #contenu #contenu_interieur #liens_rapides span {
					font-size: 150%;
					padding: 0 15px 0 25px;
				}
			#conteneur #contenu #contenu_interieur .pourMobile>.textwidget+.admission {margin-top:30px;}
			#conteneur #contenu #contenu_interieur .admission:hover {background-image:url('images/fleche_droite.svg'); background-color:#4c4c4c;}
			/*Vignettes*/
			#conteneur #contenu #contenu_interieur #contenu_gauche .textwidget {margin-bottom:5px;}
			#conteneur #contenu #contenu_interieur #contenu_gauche .widgettitle {padding-left:25px;}
			#conteneur #contenu #contenu_interieur #contenu_gauche .pourMobile .widgettitle {display:none;}
			#esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.orange {background-color:#f67325;}
			#esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.orange:hover {background-color:#ff900d;}
			#esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.rouge {background-color:#bf311a;}
			#esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.rouge:hover {background-color:#ef3e23;}
			#esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.gris {background-color:#666666;}
			#esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.gris:hover {background-color:#8b8b8b;}
			/*Fondation*/
			#contenu #contenu_interieur .fondation {
				background: url('images/fleche_droite.svg');
				background-repeat: no-repeat;
				background-position: right 25px bottom 28px;
				background-position-x: 93%;
				background-position-y: 80%;
				background-color: rgba(0,0,0,0.85);
				color: #FFF;
				display: block;
				font-size: 150%;
				font-weight: bold;
				line-height: 28px;
				padding: 25px;
			}
			#contenu #contenu_interieur .fondation:hover {
				background-color: #4c4c4c;
				text-decoration: none;
			}
			#esg #contenu #contenu_interieur .fondation {background-color: #bf311a;}
			#esg #contenu #contenu_interieur .fondation:hover {background-color:#ef3e23;}
				#contenu #contenu_interieur .fondation span {
					display: block;
					font-size:75%;
					line-height: 28px;
					margin-bottom: 8px;
					padding-bottom: 13px;
				}
				#contenu #contenu_interieur .fondation span.campagne {
					background: url('images/bg_pointille_blanc.png') repeat-x left bottom;
					font-size:58.3%;
				}
				#contenu #contenu_interieur .fondation span.jeDonne {
					line-height: 20px;
					margin:0;
					padding:0;
				}
							
		/*CONTENU CENTRE*/ 
		#conteneur #contenu #contenu_interieur #contenu_centre a[target="_blank"]:after {
			content:url('images/lien_nouvel_onglet.svg');
			padding-right: 5px;
			position:relative;
				left:3px;
		}
		#conteneur #contenu #contenu_interieur #contenu_centre a.noAfterContent[target="_blank"]:after {content:none;}
			
	
			
		/*CONTENU DROITE*/
		#conteneur #contenu #contenu_interieur #contenu_droite {}

/*FOOTER*/
	#conteneur .push {min-height: 300px;}
	/*big footer*/
	#bigFooter {
		background: rgba(0,0,0,0.05);
		color: #4c4c4c;
		position: relative;
			/*top: 2px;*/
	}
		#bigFooter .bigFooterInterieur {margin:0 auto;}
		.fontPlus #bigFooter .bigFooterInterieur {}
			#bigFooter .bigFooterInterieur h2 {font-size:171.4%; padding-top:0;}
			#bigFooter .bigFooterInterieur h2,
			#bigFooter .bigFooterInterieur h3 {padding-bottom:10px;}
			#bigFooter .bigFooterInterieur p,
			#bigFooter .bigFooterInterieur .textwidget {
				line-height: 20px;
				margin-bottom: 0;
			}
			/*Info Faculté*/
			#bigFooter .bigFooterInterieur .infoFac .textwidget {}
			/*Coordonnées*/
			#bigFooter .bigFooterInterieur .coordonnees .liens {
				background: url('images/bg_pointille.png') repeat-x left top;
				margin-top: 10px;
				padding-top: 10px;
			}
				#bigFooter .bigFooterInterieur .coordonnees .liens ul {}
					#bigFooter .bigFooterInterieur .coordonnees .liens ul li {
						display: inline;
						padding: 0 35px 4px 0;
					}
					#bigFooter .bigFooterInterieur .coordonnees .liens ul li:first-child {
						background: url('images/bg_pointille_vertical.png') repeat-y right top;
					}
					#bigFooter .bigFooterInterieur .coordonnees .liens ul li+li {
						background: url('images/carte_icon.svg') no-repeat left top 4px;
						margin-left: 15px;
						padding-left: 20px;
					}
						#bigFooter .bigFooterInterieur .coordonnees .liens ul li a {
							background: url('images/fleche_droite_bleu.svg') no-repeat;
							background-position: right top;
							background-position-x: 100%;
							background-position-y: 5px;
							padding-right: 13px;
						}
		
/*FIL D'ARIANE*/
#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li:last-child {color:#585858;}

/*PAGE D'ACCUEIL*/
.home #conteneur #contenu #contenu_interieur #contenu_centre #main {}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil {padding-bottom:45px; position:relative;}
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {}
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul {}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {
					background: none;
					padding: 0;
				}
					.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous a {
						background:url('images/fleche_droite_bleu.svg') no-repeat right center;
						padding-right: 15px;
					}
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail a img,
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #experts .widget div .thumbnail a img,
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p a img {border:0; padding:0; width:100%;}
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title a,
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #experts .widget div .title a,
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p a {font-size:112.5%;}
						
	/*nouvelles*/		
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget {list-style:none; margin:0; padding:0;}
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail {border:0; margin:0; padding:0;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail a {border:0; margin:0; padding:0;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title span {display:block;}

	/*experts*/
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #experts .widget {list-style:none; margin:0; padding:0;}
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #experts .widget div .thumbnail {border:0; margin:0; padding:0;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #experts .widget div .thumbnail a {border:0; margin:0; padding:0;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #experts .widget div .title span {display:block;}

	/*babillard*/
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul {padding:0;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li {background:none; float:left;}
					.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p:last-child {}
						.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p:first-child a {padding:0;}
						
	/*événements*/
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen {margin:0; padding:0;}
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle {
				border: 0;
				clear: none;
				float: left;
				font-family: 'Roboto', sans-serif;
			}
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle:hover {background:none;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle img {display:none;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle .eventTime {
					color: #4c4c4c;
					font-family: 'Roboto', sans-serif;
					font-size: 160.0%;
					display: block;
				}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle a {color:#0079be; font-size:180.0%; line-height:22px;}
				.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle a:hover {text-decoration:underline !important;}
	/*bannière*/
		#conteneur #contenu #banniere .easingslider .easingslider-arrows {
			height: 33px;
			width: 17px;
		}
		#conteneur #contenu #banniere .easingslider .easingslider-prev {background-image:url('images/fleche_carousel_gauche.svg'); left:30px;}
		#conteneur #contenu #banniere .easingslider .easingslider-next {background-image:url('images/fleche_carousel_droite.svg'); right:30px;}
		#conteneur #contenu #banniere .easingslider .easingslider-pagination {bottom:15px;}
			#conteneur #contenu #banniere .easingslider .easingslider-pagination .easingslider-icon {background-image:url('images/point_carousel.svg'); opacity:0.2;}
			#conteneur #contenu #banniere .easingslider .easingslider-pagination .easingslider-icon:hover {opacity:0.5;}
			#conteneur #contenu #banniere .easingslider .easingslider-pagination .easingslider-icon.active {opacity:1;}
			
.wp-caption img{margin-top:25px; padding:0px !important;}		
.wp-caption .wp-caption-text {
    margin: 0;
	font-size:85%;
	text-align:left;
}	

/*ARTICLE*/
#conteneur #contenu #contenu_interieur #contenu_centre #main article {}
	#conteneur #contenu #contenu_interieur #contenu_centre #main article .entry-header {}
		#conteneur #contenu #contenu_interieur #contenu_centre #main article .entry-header .entry-meta {display:none;}
#conteneur #contenu #contenu_interieur #contenu_centre #main .post-navigation {display:none;}
	
/*CONTRASTE*/	
body.contraste {color: #000;}
.contraste #conteneur a {color:#00587f; text-decoration:underline;}
.contraste #conteneur p a {background:#00587f; color:#FFF; padding:2px; text-decoration:none;}
.contraste #conteneur a:hover {padding:0;}
.contraste #conteneur p a:hover {background:#000; padding:2px;}
	/*Réseaux sociaux*/
	.contraste #conteneur #contenu #contenu_interieur #contenu_gauche div ul li,
	.fontPlus #conteneur #contenu #contenu_interieur #contenu_gauche div ul li {height:32px;}
		.contraste #conteneur #contenu #contenu_interieur #contenu_gauche div ul li a,
		.fontPlus #conteneur #contenu #contenu_interieur #contenu_gauche div ul li a {padding:3px 0 0 36px !important;}
			
/*TABLEAU vers LISTE mobile*/
#conteneur #contenu #contenu_interieur #contenu_centre #main .tableTOlist li ul {margin-bottom:0;}
#contenu_interieur .tableTOlist>li {
    background: none;
    border-top: 1px solid #ccc;
    padding-top: 17px;
}

/* Pagination	*/
.pagination {
    width: 100%;
}
.pagination .nav-links {
    text-align: center;
}
.pagination .page-numbers {
    padding: 5px;
}
	.pagination .prev {
		float: left;
		margin-top: -5px;
	}
	.pagination .next {
		float: right;
		margin-top: -5px;
	}
		.pagination .prev:before, 
		.pagination .next:after {
			content: '';
			display: inline-block;
			padding: 10px 8px;
			background: url('images/fleche_verticale.svg') no-repeat right;
			vertical-align: sub;
		}
			.pagination .prev:before {
				transform: rotateY(180deg);
			}
			
/*****************************/
/*        ZONE VIDEO         */
/*****************************/

.zone_video{padding-top:25px;}
.zone_video .textwidget{ width: 100%; padding: 0!important;}
.zone_video .textwidget img{margin-top: 10px;}

.zone_video .video-container{ position: relative; display: inline-block; border: none; width: 100%;}
.zone_video .video-image{ border: none;}
.zone_video .play {
	background: url('/wp-content/uploads/sites/8/2016/08/play.svg') center center no-repeat;
	position: absolute;
	top: 55%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	z-index: 1000;
}
.zone_video a .play:hover{opacity: 0.65;}
.zone_video a.toutes-les-videos{ background: url('images/fleche_droite_bleu.svg') 265px 6px no-repeat; display:block; 
											padding-left: 20px; padding-right: 20px; margin-left:15px; margin-top: -15px; text-align:right;}
.zone_video a.titre{display:block; padding-top: 15px; margin-left:30px; font-size: 112%;}		
.zone_video a.lien_externe{margin-left:30px;}
#contenu_interieur .zone_video .metaslider ul li {padding:0;}

	/***************************************************/
/*         PUBLICATIONS - COLONNE DE GAUCHE        */
/***************************************************/
#contenu_gauche .publications{padding:0;}
#contenu_gauche .zone_video p.publications a.lien_externe{margin-left: 0; margin-right:2px;}
#contenu_gauche p.publications, #contenu_gauche_mobile p.publications{background: url(images/bg_pointille.png) repeat-x top left; padding-top:25px; padding-bottom:20px;  margin-top: 30px; text-align: right;}
#contenu_gauche p.publications{margin-right: 25px;margin-left:25px; }
#contenu_gauche_mobile p.publications{margin-right: 0px; margin-left:0px;}

#contenu_gauche h2.publications, #contenu_gauche_mobile h2.publications{color:#262626;}
#contenu_gauche h2.publications{padding:60px 25px 30px 23px !important;}
#contenu_gauche_mobile h2.publications{padding:60px 0px 30px 0px !important;}

#contenu_gauche .su-posts-teaser-loop{padding:0 25px;}
#contenu_gauche .su-posts-teaser-loop .su-post-thumbnail, #contenu_gauche_mobile .su-posts-teaser-loop .su-post-thumbnail {
    width: 50px;
    height: auto;
	margin-right:25px;
}	
#contenu_gauche .su-posts-teaser-loop .su-post-thumbnail img, #contenu_gauche_mobile .su-posts-teaser-loop .su-post-thumbnail img {
    padding: 0;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#contenu_gauche .su-posts-teaser-loop h3, #contenu_gauche_mobile .su-posts-teaser-loop h3{font-size:100%; padding-bottom:0; padding-top:0px; margin-top: -2px;}
#contenu_gauche .su-posts-teaser-loop .su-post .image, #contenu_gauche_mobile .su-posts-teaser-loop .su-post .image{ width:75px; float: left;}
#contenu_gauche .su-posts-teaser-loop .su-post .titre, #contenu_gauche_mobile .su-posts-teaser-loop .su-post .titre{overflow:hidden;}


/*****************************/
/*         CARROUSEL         */
/*****************************/		
		
.su-carousel .su-carousel-slide a { padding: 0 0px;}		 
.su-carousel .su-carousel-slide img { clear: left; float: left; padding: 0px !important; border: none !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important;}

/*****************************/
/*          GALLERY          */
/*****************************/	

.su-custom-gallery-slide { position: relative;  float: left; margin: 0px 1em 1em 0px !important; overflow: hidden;}
.su-custom-gallery-slide a img { padding: 0 !important;border: none !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important;}

/*****************************/
/*        NINJA FORM         */
/*****************************/
form .ninja-forms-all-fields-wrap .ninja-forms-required-items {display:none;}
form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select,
form .ninja-forms-all-fields-wrap .field-wrap textarea {margin:0 !important; width:75%;}
form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select {
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 33px;
	padding:3px;
}
form .ninja-forms-all-fields-wrap .field-wrap select {
	background: url('images/fleche_form.svg') no-repeat right top;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
form .ninja-forms-all-fields-wrap .field-wrap input[type=submit] {background:#0079BE; border:none; box-shadow:none; color:#FFF; float:right; font-weight:bold; line-height:normal; padding:7px 30px;}
form .ninja-forms-all-fields-wrap .field-wrap label {display:block; float:left; padding:5px 10px 0 0; text-align:right; width:25%;}
form .ninja-forms-all-fields-wrap .field-wrap span ul {margin-left:-15px;}
form .ninja-forms-all-fields-wrap .field-wrap span ul li,
#contenu_interieur .nf-form-content .nf-field-element ul li {background:none; float:none;}
form .ninja-forms-all-fields-wrap .field-wrap span ul li label {width:auto;}
.nf-field-description { margin-bottom: 10px;}

.label-right .checkbox-wrap .nf-field-label {max-width: 96%;}

.number-container.label-right .nf-field-label { width: 90%;}
.number-container.label-right .nf-field-element { width: 10%;}
hr.ninja-forms-field {border-color:#b2b2b2; margin-bottom: 10px;}

.nf-field .nf-field-element label {font-size: 14px; font-weight: normal;}

.nf-field input[type="text"],
.nf-field input[type="email"],
.nf-field input[type="url"],
.nf-field input[type="password"],
.nf-field input[type="search"],
.nf-field input[type="number"],
.nf-field input[type="tel"],
.nf-field input[type="range"],
.nf-field input[type="date"],
.nf-field input[type="month"],
.nf-field input[type="week"],
.nf-field input[type="time"],
.nf-field input[type="datetime"],
.nf-field input[type="datetime-local"],
.nf-field input[type="color"],
.nf-field textarea {
	color: #323232;
	border: 1px solid #7f7f7f;
	border-radius: 0;
}

.nf-field select {
	border-color: #7f7f7f;
	background-image: url('images/fleche_select.svg');
	background-repeat: no-repeat;
	background-position: right center;
}

.nf-field input[type="submit"],
.nf-field input[type="button"] {
	border:none;
	border-radius:0;
	box-shadow:none;
	text-shadow:none;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 30px;
	background-color: #303030;
}
.nf-field input[type="submit"]:hover,
.nf-field input[type="button"]:hover {
	background-color:#4c4c4c;
}
.submit-container .nf-field .submit-wrap input[type=button] {float: right;}

.nf-field input[type="radio"],
.nf-field input[type="checkbox"] {
	opacity: 0;
}
.listcheckbox-container .nf-field .nf-field-element label,
.checkbox-container .nf-field .nf-field-label label{
	position: relative;
	left: -10px;
}

.checkbox-container .nf-field .nf-field-label {
	padding-left: 0;
}

.listcheckbox-container .nf-field .nf-field-element label::before,
.checkbox-container .nf-field .nf-field-label label::before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	left: -10px;
	border: 2px solid #303030;
	border-radius: 2px;
	background: #F2F2F2;
}
.listcheckbox-container .nf-field .nf-field-element input:checked + label::before,
.checkbox-container .nf-field .nf-field-label label.nf-checked-label::before{
	background: #F2F2F2 url(images/crochet.svg) no-repeat 1px 1px;
	background-size: 8px;
}
.listcheckbox-container .nf-field .nf-field-element input:focus + label::before,
.checkbox-container .nf-field input:focus + label::before
{
	outline: rgb(59, 153, 252) auto 2px;
}

.listradio-container .nf-field .nf-field-element label {
	position: relative;
	left: -10px;
}
.listradio-container .nf-field .nf-field-element label::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	left: -10px;
	border: 2px solid #303030;
	border-radius: 7px;
	background: #F2F2F2;
}
.listradio-container .nf-field .nf-field-element input:checked + label::before {
	background: #303030;
	box-shadow: inset 0 0 0 2px #F2F2F2;
}
.listradio-container .nf-field .nf-field-element input:focus + label::before {
	outline: rgb(59, 153, 252) auto 2px;
}

/*****************************/
/*       ESG - BOUTONS       */
/*****************************/		

#conteneur #contenu #contenu_interieur .admission.rouge {background-color:#bf311a;}
#conteneur #contenu #contenu_interieur .admission.rouge:hover {background-color:#ef3e23;}

/*****************************************/
/* BACCUM (bac-cumul.esg.uqam.ca)        */
/* MACUM (macum.esg.uqam.ca)             */
/*****************************************/

/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0 0 30px 0;}

/*  COLONNES  */
.col{ display: block; float:left; margin: 1% 0 1% 1.6%;}
.col h2.baccum{ font-size: 120%; font-weight: bold; padding: 0 40px 0 40px;}
.col h2.macum{ font-size: 110%; font-weight: bold; padding: 0 20px 0 20px; text-align: center; height: 50px;}
.col .fleche{ margin: 5% 0 1% 45%;}
.col div.baccum{ float: left; width: 100%; background-color: #EBEBEB; padding: 40px;}
.col div.macum{ float: left; width: 100%; background-color: #d9d9d9; padding: 20px;}
.col div ul{ margin-bottom: -30px;}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.groupe:before,
.groupe:after{ content:""; display:table;}
.groupe:after{ clear:both;}
.groupe{ zoom:1;} /* For IE 6/7 */

/*  GRID OF TWO  */
.col_1{ width: 45%; margin-right: 4%;}
.col_2{ width: 45%;}
.col_5{ width: 22%;}
.col_6{ width: 26%;}
.col_7{ width: 25%;}
.col_8{ width: 22%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col{ margin: 1% 0 1% 0%;}
	.col_1, .col_2, .col_5, .col_6, .col_7, .col_8{ width: 100%; }
	.col h2:first-of-type{ margin-top: 20px;}
	.col h2.baccum{ font-size: 125%;}
	.col h2.macum{ height: 100%;}
	.col .fleche{ top: 50%; left: 50%;}
}

/* METASLIDER */
.slides li{/*margin-right:auto !important;*/}	/* ne pas remettre DJ */
#banniere .metaslider .caption-wrap {line-height: normal;} /*Ajouté par Sébastien 1 juin 2017 */

/* LISTE PUQ Temporaire - Voir : PSI-673 */
.liste-puq { padding: 0 0 15px; border-bottom: 1px solid #d9d9d9; margin-bottom: 35px; }
.liste-puq img { width: 100%; }

/*****************************/
/*     EDM (edm.uqam.ca)     */
/*****************************/

/* ROW séparation */
.row-separator{
	margin-right: -5px; margin-left: -5px; padding-top:25px; padding-bottom:15px; background: url('images/bg_pointille.png') repeat-x top left;}
.row-separator:first-of-type{ background: none; padding-top:0px; }

.row-separator-padding{
	margin-right: -5px; margin-left: -5px; padding-top:25px; padding-bottom:25px; background: url('images/bg_pointille.png') repeat-x top left;}
.row-separator-padding:first-of-type{ background: none; padding-top:0px; }

.row-separator-ul{
	margin-right: -5px; margin-left: -5px; padding-top:25px; padding-bottom:0px; background: url('images/bg_pointille.png') repeat-x top left;}
.row-separator-ul:first-of-type{ background: none; padding-top:0px; }

/* Meta Slider Pro */
.edm-banner-caption #metaslider_container_246 #metaslider_246 .slides li .caption-wrap{
	width: auto;
	height: auto;
	background-color: transparent;
	opacity: 0.9;
	margin-bottom: 1.2%;
	/*opacity: 0.5;*/
}
.edm-banner-caption #metaslider_container_246 #metaslider_246 .slides li .caption-wrap .caption{
	padding: 20px 25px 20px 25px;
	opacity: 1;
}
.edm-banner-caption #metaslider_container_246 #metaslider_246 .slides li .caption-wrap .caption h1{
	color: #ffffff;
	font-family: "Times New Roman";
	font-size: 350%;
	font-weight: bold;
	text-shadow: 4px 4px 6px #000000;
	opacity: 1;
	background: none;
	margin-bottom: -1.6%;
}
.edm-banner-caption #metaslider_container_246 #metaslider_246 .slides li .caption-wrap .caption p{
	color: #ffffff;
	font-family: "Times New Roman";
	font-size: 250%;
	font-weight: bold;
	text-shadow: 3px 3px 4px #000000;
	opacity: 1;
}

.post .entry-footer .cat-links{display:none;}

/***************************************************************/
/* MAÎTRISE DESIGN ENVIRONNEMENT (designenvironnement.uqam.ca) */
/***************************************************************/

/* BANNIÈRE */

#metaslider_128 .caption-wrap{ width: 24%; padding: 5px 0 5px 1.2%; opacity: 0.55; filter: alpha(opacity=55); /* Pour IE8 et précédentes */}


/***************************************************************/
/* NOS THÉMATIQUES DE RECHERCHE */
/***************************************************************/

.textwidget .thematiques{
	background-color: #40b239;
	padding: 38px 13px;
}
.textwidget .thematiques h3 {
	color: #FFF;
	font-weight: bold;
	padding: 0 0 20px 15px;
}
.textwidget .thematiques h4 {
	color: #ffffff;
	background:none;
}
.textwidget .thematiques div {padding:0 15px;}
.textwidget .thematiques div ul {padding:0;}
.textwidget .thematiques div ul li {background:url('images/bg_pointille_blanc.png') repeat-x bottom left !important; padding:0 !important;}
.textwidget .thematiques div ul li a {
	background: url('images/fleche_droite.svg') no-repeat center right;
	color: #FFF;
	display: block;
	padding: 10px 20px 5px 0;
}
#eventLink {
            font-size: 14px;
        }