/* AUDIOVISUEL gabarit_wp_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){ 
	/*HEADER*/
	#conteneur #header {border:none; margin-bottom:0;}	
	#conteneur #header #header_couleur #header_interieur {height:44px;}
		/*LOGO*/
		#conteneur #header #header_couleur #header_interieur #logo {display:block; float:left; line-height:0; padding:12px 20px 0; width:56%;}
		#conteneur #header #header_couleur #header_interieur #logo a img {width:65px;}
		#esg #conteneur #header #header_couleur #header_interieur #logo a img {position:relative; top:4px; width:100px;}
		/*TITRE*/
		#conteneur #header #header_couleur #header_interieur #titre {min-height:32px; padding:0 0 0 15px;}
		#conteneur #header #header_couleur #header_interieur #titre #titre_site {font-size:14px; margin:0px 0 4px 0;}
		/*RECHERCHE*/
		#conteneur #header #header_couleur #header_interieur .recherche_multi {display:none;}
		/*FIL ARIANE*/
		#conteneur #header #fil_ariane {background:#00243a; min-height:44px;}
		#conteneur #header #fil_ariane #fil_ariane_interieur {position:relative;}
		
		/*Bouton mobile*/		
		/*menu*/			
		#conteneur #header #fil_ariane #fil_ariane_interieur #menu_mobile_btn {
			position: absolute;
				right: 0;
				top: 50%;
			-ms-transform: perspective(1px) translateY(-50%);
			-webkit-transform: perspective(1px) translateY(-50%);
			-moz-transform: perspective(1px) translateY(-50%);
			transform: perspective(1px) translateY(-50%);
		}
		
	/*FOOTER*/
	#conteneur .push, #footer {min-height: 0;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* PAPPAREIL DE PETITE TAILLE & TABLETTE */ 
@media only screen and (min-width:768px){
	/*HEADER*/
	#conteneur #header {border-bottom:1px solid #d9d9d9;}
	#conteneur #header #header_couleur #header_interieur {height:auto; min-height:44px; padding-top:20px;}
		/*LOGO*/
		#conteneur #header #header_couleur #header_interieur #logo,
		#esg #conteneur #header #header_couleur #header_interieur #logo {padding:0 0 0 30px; width:25%;}
		#conteneur #header #header_couleur #header_interieur #logo a img {position:relative; top:-2px; width:auto;}
		#esg #conteneur #header #header_couleur #header_interieur #logo a img {padding-top:7px; top:0; width:130px;}
		/*TITRE*/
		#conteneur #header #header_couleur #header_interieur #titre {min-height:55px; padding:0 30px 15px 30px;}
		#conteneur #header #header_couleur #header_interieur #titre #titre_site {font-size:128.6%; margin:2px 0 4px 0;}
		/*RECHERCHE*/
		#conteneur #header #header_couleur #header_interieur .recherche_multi {display:block;}
		#conteneur #header #header_couleur #header_interieur .recherche_multi,
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue,
		#conteneur #header #uqam_conteneur_recherche_choix .col-sm-3 {padding-right:20px;}
			#conteneur #header #header_couleur #header_interieur .recherche_multi form input {width:66%;}
		/*FIL ARIANE*/
		#conteneur #header #fil_ariane {background:none; height:auto; min-height:0;}
			#conteneur #header #fil_ariane #fil_ariane_interieur {height:100%; margin:0 auto; overflow:auto;}	
			#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li {font-size:85.75%;}
				/*Accessibilité*/
				#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li {background-position:center center; background-repeat:no-repeat; border-left:none; height:33px; padding-top:7px;}
					#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li a {background-position:center center; background-repeat:no-repeat; border-left:none; height:33px; padding-top:7px;}
				#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus {background-image:url('images/font_plus.svg');}
				#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite:hover ul li#font_plus,
				#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus a:focus,
				#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus.active,
				.contraste #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus:hover,
				.contraste #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus a:focus,
				.contraste #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus.active {background-image:url('images/font_plus_mobile.svg'); background-color:#001723;}
		
		/*Bouton mobile*/		
		/*menu*/			
		/*#conteneur #header #fil_ariane #fil_ariane_interieur #menu_mobile_btn {
			position: absolute;
				right: 0;
				top: 0;
			-ms-transform: perspective(1px) translateY(0);
			-webkit-transform: perspective(1px) translateY(0);
			-moz-transform: perspective(1px) translateY(0);
			transform: perspective(1px) translateY(0);
		}*/
	
	/*FOOTER*/
	#conteneur .push, #footer {min-height: 30px;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
	/*HEADER*/
		/*LOGO*/
		#esg #conteneur #header #header_couleur #header_interieur #logo a img {padding-top:3px; width:160px;}
		/*RECHERCHE*/
		#conteneur #header #header_couleur #header_interieur .recherche_multi form input {width:75%;}
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul {right: 70px;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width:1200px){
	/*HEADER*/
		/*LOGO*/
		#esg #conteneur #header #header_couleur #header_interieur #logo a img {padding-top:0; width:auto;}
		/*RECHERCHE*/
		#conteneur #header #header_couleur #header_interieur .recherche_multi,
		#conteneur #header #uqam_conteneur_recherche_choix .col-sm-3 {padding-right:5px;}
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue {padding-right:0;}
			#conteneur #header #header_couleur #header_interieur .recherche_multi form input {width:236px;}
		
		#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li {font-size:100%;}
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul {right: 50px;}
}
/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE FIBRES CELLULOSIQUES VÉGÉTALES ;-) */
@media print { 
 #header,
 .header, 
 .espace.banniere,
 #contenu_gauche,
 .contenu_gauche,
 #footer, 
 #nav { display: none !important; } 
}