/* AUDIOVISUEL template-queries.css ------------------------------------------------------------------------------ */

/* PERSONNALISÉ & IPHONE RETINA */ 
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */ 
@media only screen and (min-width:120px), only screen and (min-width:320px), only screen and (min-width:480px){ 
html, body {cursor:pointer;}
	/*CONTENU*/
	#conteneur #contenu #contenu_interieur{padding:0;}
	/*CONTENU GAUCHE*/
	#conteneur #contenu #contenu_interieur #contenu_gauche {padding-left:0; padding-right:0; }
	/*MENU PRINCIPAL*/
	#conteneur #contenu #contenu_gauche #menu_principal {background:#00304c; display:none; padding:0 10px; position:absolute; /*top:92px; */width:100%; z-index:2000;}
	#conteneur #contenu #contenu_gauche #menu_principal #vertical-menu {margin-top:20px;}
	#conteneur #contenu #contenu_gauche #menu_principal #vertical-menu>li>a {padding: 10px 45px 12px 10px;}
	#conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu {padding:20px 12px 0;}
	#conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>a {padding: 10px 45px 12px 10px;}
	
	/*CONTENU CENTRE*/
	#conteneur #contenu #contenu_interieur #contenu_centre {padding:30px 20px 0; background: #fff;}
	/*CONTENU DROITE*/
	#conteneur #contenu #contenu_interieur #contenu_droite {padding-left:0; padding-right:0;}
				
	/* Barre de menu mobile */
	#conteneur #header #fil_ariane {background:#00304c; border-bottom:1px solid #FFF;}	
	
	/*Styles généraux*/
	h1 {font-size:36px;}
	h2 {font-size:24px;}
	h3 {font-size:18px;}
	h4 {font-size:18px;}
	
	/*Bannière*/
	.banniere{width:100%;}
	#metaslider_container_18 .slides li .caption-wrap{position: absolute; top: 0; left:0; text-align:left; background:none; color:#fff; opacity:1; height: 100%; width: 53%; padding: 0 0 20px; }
	.metaslider .slides img {height: 300px; object-fit: cover; float:right; }

	
	.metaslider .caption-wrap .caption p{color:#fff;}

	.metaslider .caption-wrap .texteCampagne{font-size:18px; margin-bottom:35px; text-transform:uppercase; background:#0079be; width:200px; padding:25px 0 10px 20px;}
	.metaslider .caption-wrap .texteRectorat{font-size:44px; margin-bottom:25px;}
	.metaslider .caption-wrap .texteUqam{font-size:30px; margin-bottom:35px;}
	.metaslider .caption-wrap .texteCandidat{font-size:14px; margin-bottom:5px; text-transform:uppercase;}
	.metaslider .caption-wrap .nomCandidat{font-weight:700; font-size:30px; margin-bottom:0;}
	.metaslider .caption-wrap .texteCampagne, .metaslider .caption-wrap .texteUqam {font-weight:400;}
	.metaslider .caption-wrap .texteRectorat, .metaslider .caption-wrap .texteCandidat{font-weight:500;}
	.metaslider .caption-wrap .texteRectorat, .metaslider .caption-wrap .texteUqam, .metaslider .caption-wrap .texteCandidat, .metaslider .caption-wrap .nomCandidat{padding-left:20px;}


}


@media only screen and (max-width:620px){
	/*Bannière*/
	#metaslider_container_18 .slides li .caption-wrap{width: 56%; padding: 0 0px 20px;}
	.metaslider .slides img {height: 250px; object-fit: cover;}
	.metaslider .caption-wrap .texteCampagne{font-size:16px; margin-bottom:15px; padding:15px 20px 15px 20px;}
	.metaslider .caption-wrap .texteRectorat{font-size:30px; margin-bottom:12px;}
	.metaslider .caption-wrap .texteUqam{font-size:24px; margin-bottom:25px;}
	.metaslider .caption-wrap .nomCandidat{font-size:30px; }

}

@media only screen and (max-width:568px){
	/*Bannière*/
	#metaslider_container_18 .slides li .caption-wrap{width: 63%; padding: 0 0px 20px;}

	.metaslider .slides img {height: 230px; object-fit: cover;}
	
	.metaslider .caption-wrap .texteCampagne{font-size:16px; margin-bottom:15px; padding:15px 20px 15px 20px;}
	.metaslider .caption-wrap .texteRectorat{font-size:30px; margin-bottom:10px;}
	.metaslider .caption-wrap .texteUqam{font-size:24px; margin-bottom:20px;}
	.metaslider .caption-wrap .nomCandidat{font-size:30px; }
}

@media only screen and (max-width:480px){
	/*Bannière*/
	#metaslider_container_18 .slides li .caption-wrap{width: 65%; padding: 0 0 10px; }

	.metaslider .slides img {height: 205px; object-fit: cover;}
	
	.metaslider .caption-wrap .texteCampagne{font-size:16px; margin-bottom:10px; padding:10px 20px 10px 20px;}
	.metaslider .caption-wrap .texteRectorat{font-size:24px; margin-bottom:5px;}
	.metaslider .caption-wrap .texteUqam{font-size:18px; margin-bottom:15px;}
	.metaslider .caption-wrap .nomCandidat{font-size:24px; }
	.metaslider .caption-wrap .texteCandidat{margin-bottom:0;font-size:13px;}

}


@media only screen and (max-width:400px){
	/*Bannière*/
	#metaslider_container_18 .slides li .caption-wrap{width: 65%; padding: 0 0 10px; }

	.metaslider .slides img {height: 200px; object-fit: cover;}
	.metaslider .caption-wrap .texteCampagne{font-size:14px; margin-bottom:10px; padding:5px 20px 5px 20px; width:150px;}
	.metaslider .caption-wrap .texteRectorat{font-size:24px; margin-bottom:5px;}
	.metaslider .caption-wrap .texteUqam{font-size:18px; margin-bottom:15px;}
	.metaslider .caption-wrap .nomCandidat{font-size:24px; }
	.metaslider .caption-wrap .texteCandidat{margin-bottom:0; }

}

@media only screen and (max-width:375px){
	/*Banniere*/
	#metaslider_container_18 .slides li .caption-wrap{width: 65%; padding: 0 0 10px;}

	.metaslider .slides img {height: 190px; object-fit: cover;}
	
	.metaslider .caption-wrap .texteCampagne{font-size:14px; margin-bottom:10px; padding:5px 20px 5px 20px; width:150px;}
	.metaslider .caption-wrap .texteRectorat{font-size:20px; margin-bottom:5px;}
	.metaslider .caption-wrap .texteUqam{font-size:18px; margin-bottom:15px;}
	.metaslider .caption-wrap .nomCandidat{font-size:20px; }
	.metaslider .caption-wrap .texteCandidat{margin-bottom:0;}

}

@media only screen and (max-width:360px){
	/*Bannière*/
	#metaslider_container_18 .slides li .caption-wrap{width: 65%; padding: 0 0 10px;}

	.metaslider .slides img {height: 170px; object-fit: cover;}
	
	.metaslider .caption-wrap .texteCampagne{font-size:14px; margin-bottom:5px; padding:5px 20px 5px 20px; width:150px;}
	.metaslider .caption-wrap .texteRectorat{font-size:18px; margin-bottom:0;}
	.metaslider .caption-wrap .texteUqam{font-size:16px; margin-bottom:10px;}
	.metaslider .caption-wrap .nomCandidat{font-size:18px; }
	.metaslider .caption-wrap .texteCandidat{margin-bottom:0; font-size:12px; }

}
/* --------------------------------------------------------------------------------------------------------------- */
/* PAPPAREIL DE PETITE TAILLE & TABLETTE */ 
@media only screen and (min-width:768px){
	#main table.sticky-thead, #main table.sticky-enabled {max-width:100%;}
	
	html, body {cursor:default;}
	/*CONTENU*/
	#conteneur #contenu #contenu_interieur{padding:0;}
	/*CONTENU GAUCHE*/
	#conteneur #contenu #contenu_interieur #contenu_gauche { padding:0;}
	
					
	/*CONTENU CENTRE*/
	#conteneur #contenu #contenu_interieur #contenu_centre {margin-top:40px; padding:0 20px;}
	/*CONTENU DROITE*/
	#conteneur #contenu #contenu_interieur #contenu_droite {padding:50px 0 60px 0;}
	/*TABLEAU*/
	div.degrade {display:none;}
	
	/*Styles généraux*/	
	h1 {font-size:48px;}
	h2 {font-size:36px;}
	h3 {font-size:24px;}
	h4 {font-size:18px;}
	
	/*Bannière*/
	.banniere{width:100%;}

	#metaslider_container_18 .slides li .caption-wrap{width: 51%; padding: 0 0px 60px;}
	.metaslider .slides img {height: 350px; object-fit: cover;}
	
	.metaslider .caption-wrap .texteCampagne{font-size:18px; margin-bottom:45px; text-transform:uppercase; background:#0079be; width:200px; padding:60px 20px 10px 15px;}
	.metaslider .caption-wrap .texteRectorat{font-size:44px; margin-bottom:25px;}
	.metaslider .caption-wrap .texteUqam{font-size:30px; margin-bottom:35px;}
	.metaslider .caption-wrap .texteCandidat{font-size:14px; margin-bottom:5px; text-transform:uppercase;}
	.metaslider .caption-wrap .nomCandidat{font-weight:700; font-size:30px; margin-bottom:0;}
	.metaslider .caption-wrap .texteCampagne, .metaslider .caption-wrap .texteUqam {font-weight:400;}
	.metaslider .caption-wrap .texteRectorat, .metaslider .caption-wrap .texteCandidat{font-weight:500;}
	
	.metaslider .caption-wrap .texteRectorat, .metaslider .caption-wrap .texteUqam, .metaslider .caption-wrap .texteCandidat, .metaslider .caption-wrap .nomCandidat{padding-left:15px;}




}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #uqam_conteneur_recherche_choix,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #header #bulle,
	#conteneur #header #uqam_plus,
	#conteneur #contenu #contenu_interieur,
	#footer #footer_interieur {width:100%;}
	#conteneur #contenu #contenu_interieur{padding:0;}
	/*CONTENU GAUCHE*/
	#conteneur #contenu #contenu_interieur #contenu_gauche { padding:0;}
	/*CONTENU CENTRE*/
	#conteneur #contenu #contenu_interieur #contenu_centre {margin-top:75px; padding:0 20px;}
	/*CONTENU DROITE*/
	#conteneur #contenu #contenu_interieur #contenu_droite {padding:89px 0 60px 0;}
	
	/*MENU VERTICAL*/
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:none; display:block !important; padding:0; position:relative;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu {background:#fff; margin-top:0; padding:0; border-top:1px solid #d7d8d9;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li{border-bottom:1px solid #d7d8d9; margin-bottom:2px;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>a {background: url('images/fleche-bouton-gauche.png') no-repeat right center #fff; color:#191315; font-family: 'Raleway', sans-serif; font-weight:700; font-size:14px; text-transform:uppercase; padding: 19px 80px 19px 0;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li.menu-item-115>a {padding: 26px 80px 28px 0;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li.current_page_item > a, 
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li a:hover {background-image: url('images/fleche-bouton-gauche-hover.png'); background-color: #fff; color:#177ac0;}
						
								
	/*MENU HORIZONTAL*/	
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:none; display:block !important; padding:0; position:relative; margin-bottom: 0;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu {background:#00304c; margin-top:0; padding:45px 15px;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>a {padding: 8px 45px 8px 15px;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li a:hover {background-color: #adadad; color:#00304c;}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.menu-item-has-children>a:hover {background-image:url('images/plus_noir.svg');}
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.active.menu-item-has-children>a:hover {background-image: url('images/moins_noir.svg');}
						
	/*MENU HORIZONTAL FULL SCREEN*/
	#conteneur #contenu #menu-principal-langue-container{/*padding:0 0 0 15px;*/}
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a {font-size:14px; line-height:22px; padding: 19px 15px; border-bottom:4px solid #fff;}
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li ul li:last-child a{background-image:none; padding: 7px 5px 6px 10px;}
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.menu-item-80 > a{padding:12px 10px;}
	
	/*MENU VERTICAL*/
	#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>a {font-size:15px; }
	/*MENU HORIZONTAL FULL SCREEN*/
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a {font-size:14px; line-height:22px; padding: 19px 15px; border-bottom:4px solid #fff;}
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.menu-item-80 > a{padding:12px 18px;}
	
	/* Bannière	*/
	.banniere{width:100%;}
	.metaslider { max-width: inherit !important; }
		
	#metaslider_container_18 .slides li .caption-wrap{width: 37%; padding: 0px 0px 60px;}
	.metaslider .slides img {height: 400px; object-fit: cover;}
	
	.metaslider .caption-wrap .texteCampagne{font-size:18px; margin-bottom:58px; text-transform:uppercase; background:#0079be; width:200px; padding:70px 20px 10px 15px;}
	.metaslider .caption-wrap .texteRectorat{font-size:44px; margin-bottom:25px;}
	.metaslider .caption-wrap .texteUqam{font-size:30px; margin-bottom:44px;}
	.metaslider .caption-wrap .texteCandidat{font-size:14px; margin-bottom:5px; text-transform:uppercase;}
	.metaslider .caption-wrap .nomCandidat{font-weight:700; font-size:30px; margin-bottom:0;}
	.metaslider .caption-wrap .texteCampagne, .metaslider .caption-wrap .texteUqam {font-weight:400;}
	.metaslider .caption-wrap .texteRectorat, .metaslider .caption-wrap .texteCandidat{font-weight:500;}
	

		
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width:1200px){
	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #uqam_conteneur_recherche_choix,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #header #bulle,
	#conteneur #header #uqam_plus,
	#conteneur #contenu #contenu_interieur,
	#footer #footer_interieur,
	#conteneur #contenu #menu-principal-langue-container #menu-principal-langue-container-interne {width:1000px;}
	
	#conteneur #contenu #contenu_interieur{padding:0;}
	#conteneur #contenu #contenu_interieur #contenu_centre {margin-top:75px; margin-bottom:70px; padding:0 18px;}
	
	/*MENU HORIZONTAL FULL SCREEN*/
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a {font-size:14px; line-height:22px; padding: 19px 13px; border-bottom:4px solid #fff;}
	#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.menu-item-80 > a{padding:12px 30px;}
		
	/* Bannière	*/
	.banniere{width:1000px;}
	.metaslider { max-width: inherit !important;}
	
	#metaslider_container_18 .slides li .caption-wrap{width: 37%; }
	
	

	
}