/* AUDIOVISUEL gabarit_wp1_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;}
	/*titre mobile*/
	#conteneur #header #fil_ariane #fil_ariane_interieur .titre_site {	color: #FFF; font-weight: bold;	padding: 10px 60px 10px 20px; 	}
		/*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; width:120px;}
		/*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;}
	#footer #footer_interieur #uqam_footer {padding-left:20px;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE PETITE TAILLE & TABLETTE */ 
@media only screen and (min-width:768px){
	#conteneur #header #fil_ariane #fil_ariane_interieur .titre_site { /*padding-left:10px;*/ padding-right: 20px;}
	
	/*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);
		}*/
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
	/*HEADER*/
	#conteneur #header {border-bottom:1px solid #d9d9d9;}
	.home #conteneur #header { border: none;}
	#conteneur #header #header_couleur #header_interieur {height:auto; min-height:44px; padding-top:20px;}
	#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul {right:25px;}
		/*LOGO*/
		#conteneur #header #header_couleur #header_interieur #logo,
		#esg #conteneur #header #header_couleur #header_interieur #logo {padding:0 0 0 30px; width:25%;}
		#esg #conteneur #header #header_couleur #header_interieur #logo > a {margin-top: 3px;}
		#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:0; top:0; width:auto;}
		
		/*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:112.5%; margin:2px 0 4px 0;}
		/*RECHERCHE*/
		#conteneur #header #header_couleur #header_interieur .recherche_multi {display:block; padding-right:30px;}
			#conteneur #header #header_couleur #header_interieur .recherche_multi form input,
			#conteneur #header #header_couleur #header_interieur .recherche_multi #uqam_conteneur_recherche_choix {font-size:87.5%; width:155px;}
		/*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;}	
			#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li {font-size:84.75%;}
				/*Accessibilité*/
				#conteneur #header #fil_ariane #fil_ariane_interieur #langue { padding-left:17px; padding-right:30px;}
				#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;}
	/*FOOTER*/
	#conteneur .push, #footer {min-height: 30px;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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;}
		.liens_rapides { padding-top: 5px; }
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue {padding-right:0;}
			#conteneur #header #header_couleur #header_interieur .recherche_multi form input,
			#conteneur #header #header_couleur #header_interieur .recherche_multi #uqam_conteneur_recherche_choix {font-size:100%; width:236px;}
		
		#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li {font-size:100%;}
		
		/*Accessibilité*/
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue {padding-left:5px; padding-right:5px;}
		#conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul {right:0;}
		
	/*FOOTER*/
		#footer #footer_interieur #uqam_footer {padding-left:5px;}
}
/* Campagne 100 millions d'idées */
@media only screen and (min-width:768px) and (max-width:991px){
	#contenu #contenu_interieur #contenu_bas .row .vignettes_droite .textwidget a.fondation_100M {
		height: inherit;
		overflow: hidden;
		margin-top: 0;
	}
}
/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE FIBRES CELLULOSIQUES VÉGÉTALES ;-) */
@media print { 
 .espace.banniere,
 #contenu_gauche,
 .contenu_gauche,
 #footer, 
 #menu_principal,
 .recherche_multi,
 #menu_secondaire,
 #banniere { display: none !important;} 
 #contenu_interieur {padding-top:0;}
 .su-spoiler.su-spoiler-closed > .su-spoiler-content {height:auto !important; opacity:1 !important;}
}