/* 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){
	/*LOGO*/
	#conteneur #header #header_couleur #header_interieur #logo_uqam {display:block; float:left; line-height:0; padding:12px 20px 0; width:56%;}
	#conteneur #header #header_couleur #header_interieur #logo_uqam a img {width:65px;}
	#esg #conteneur #header #header_couleur #header_interieur #logo_uqam a img {position:relative; width:120px;}

			/*choix langue*/
			#conteneur #header #btn_mobile_choix div.mobile_choix_langue ul li {background:#203f51;}
			/*recherche mobile*/
			#conteneur #contenu #menu_principal #recherche_mobile {display:inline-block; padding:0; width:100%;}
				#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi {float:none; padding:0;}
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi input {border:0 none; height:30px; padding:0 10px; width:100%;}
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi button {
						background: rgba(0, 0, 0, 0) url("images/loupe_mobile.svg") no-repeat scroll center center;
						box-shadow: none;
						border: 0;
						height: 100%;
						padding: 0 10px;
						position: absolute;
						right: 0;
						top: 0;
						width: 44px;
					}
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi #uqam_conteneur_recherche_choix,
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi .uqam_recherche-choix {display:none;}


}

@media only screen and (max-width: 479px) {
	.new-layout.job_listings > li a .job-list-content h4,
	.new-layout.job_listings > li a .job-list-content .job-icons {
		padding-right: 0;
	}
}

@media only screen and (min-width:768px) {
	#conteneur #header #header_couleur #header_interieur #logo_uqam #uqam_plus #uqam_plus_interieur::after {
		border-color: #00688a transparent;
	}
	#conteneur #header #header_couleur #header_interieur #logo_uqam #uqam_plus #uqam_plus_interieur {
		background: #00ADE6;
	}

	.saut-de-ligne {
		display: none;
	}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
	/*HEADER*/
	#conteneur #header {border-bottom: 0;}
	/* MENU	*/
	#conteneur #contenu #menu_principal .menu {display: table; width: 100%; }
	#conteneur #contenu #menu_principal .menu>li { background: none; display: table-cell; margin-bottom:0; }

	#navigation .menu .menu-item-home a {
		font-size: 20px;
	}

	/*LOGO*/
	#conteneur #header #header_couleur #header_interieur #logo_uqam,
	#esg #conteneur #header #header_couleur #header_interieur #logo_uqam {padding:0 0 0 30px; width:25%;}
	#esg #conteneur #header #header_couleur #header_interieur #logo_uqam > a {margin-top: 3px;}
	#conteneur #header #header_couleur #header_interieur #logo_uqam a img {position:relative; top:-2px; width:auto;}
	#esg #conteneur #header #header_couleur #header_interieur #logo_uqam a img {padding-top:0; top:0; width:auto;}

	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #contenu #contenu_interieur,
	#conteneur #contenu #menu_principal .menu-primary-container,
	#conteneur #contenu #menu_principal .menu-primary-en-container,
	#bigFooter .bigFooterInterieur,
	#footer #footer_interieur {width:100%;}
	
	/*FACULTÉ ----------------------------------------------------------------------------------------------------------------- */
	/*#FACULTÉ #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#8a6b1b transparent;}*/
	
		/*COULEUR*/


			#conteneur #header #header_couleur #header_interieur .recherche_multi form.a11y input, 
			#conteneur #header #header_couleur #header_interieur .recherche_multi form.a11y>button {
				padding-bottom: 0;
			}


.titre_site{position:relative !important; left:0px !important; float:left !important;}

}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width:1289px){

	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #contenu #contenu_interieur,
	#conteneur #contenu #menu_principal .menu-primary-container,
	#conteneur #contenu #menu_principal .menu-primary-en-container,
	#bigFooter .bigFooterInterieur,
	#footer #footer_interieur {width:1200px;}

	.container {
		width: 100%;
		max-width: 1200px;
		margin: 0 70px;
	}
	.container .container {
		margin: 0;
	}

}

@media only screen and (max-width:768px){

	#banner.jobs-search-banner .search-container.sc-jobs {
		padding: 50px 0 !important;
	}
	#conteneur { margin: 0 auto; }

}
/*	SHAME CSS	*/
@media (min-width: 768px){
	.container {
		/*width: inherit;*/
	}
}

@media (min-width: 992px) and (max-width:1289px){
	.container {
		width: 100%;
		padding: 0 30px;
	}
	.logged-in #navigation ul.float-right {
		right: 20px;
	}
	.container .sixteen.columns {
		width: 100%;
		margin: 0;
	}
	.container .five.columns {
		width: calc(31% - 10px);
		margin: 0 0 0 10px;
	}
	.container .eleven.columns {
		width: calc(69% - 10px);
		margin: 0 10px 0 0;
	}

	#titlebar .button {
		right: 30px;
	}
}

@media only screen and (min-width: 1250px) and (max-width:1289px){
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #contenu #contenu_interieur,
	#conteneur #contenu #menu_principal .menu-primary-container,
	#conteneur #contenu #menu_principal .menu-primary-en-container,
	#bigFooter .bigFooterInterieur, #footer #footer_interieur {
		width: 1000px;
	}
}
@media (min-width: 1290px){

	#navigation ul.float-right {
		right: 0;
	}

	.container {
		width: inherit;
	}

	.container .sixteen.columns{
		width: 100%;
		margin: 0;
	}
	.container .five.columns {
		width: calc(31% - 10px);
		margin: 0 0 0 10px;
	}
	.container .eleven.columns {
		width: calc(69% - 10px);
		margin: 0 10px 0 0;
	}
	.alternative #navigation ul.float-right li:last-of-type{
		margin: 0;
	}
	#titlebar .button {
		right: 0;
	}
}

@media (max-width: 767px){
	#banner {max-height: 800px;}
	#related-job-container {
		display: none;
	}

	#navigation ul.float-right li:last-child a{
		margin-right: 10px;
	}

	#job-manager-bookmarks table td {
		padding: 40px 10px;
		font-size: 0.8em;
	}
	#job-manager-bookmarks table th {
		padding-left: 30px;
	}
	#job-manager-bookmarks table th i {
		left: 10px;
	}
}
@media only screen and (max-width: 990px) {
    /*Masqquer la ligne au bottom du header */
    header#main-header{
        box-shadow: none !important;
    }

	#navigation ul.float-right a {
		margin: 15px 10px 0 0;
	}

	#job-manager-alerts td, #job-manager-alerts th {
		padding: 18px 20px;
	}
}
@media only screen and (max-width: 990px) and (min-width: 768px){
	.container .five.columns {
		width: 235px;
	}
    header#main-header{
        box-shadow: none !important;
    }
	header.transparent #navigation ul.float-right {
		top: -5px;
	}

	a.menu-trigger {width: auto; max-width: 25%; padding-right: 10px;}

	.container .column, .container .columns{
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
}
@media only screen and (min-width: 973px) and (max-width: 990px){
	header.transparent #navigation ul.float-right {
		width: 348px;
		top: -10px;
	}
}
@media only screen and (min-width: 991px) and (max-width: 991px){
	.container {
		width: inherit;
	}
}