/* 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;}
    /*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;}
    /*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#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.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.active {background-image:url('images/font_plus_mobile.svg'); background-color:#001723;}
    /*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%;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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;}
}