/* 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*/ /*TITRE*/ h1 {padding:0 0 30px 0;} h2 {padding:0 0 15px 0;} h2+.su-row{padding:10px 0 0 0;} /*Page publication*/ h2+.su-accordion{margin-top:10px;} .su-accordion+h2{padding-top:30px;} .su-row .su-column h2 {padding:0 0 9px 0;}2 .su-row .su-column img{margin-bottom:15px;} .su-accordion h2{padding:10px 0 20px 0;} /*Page Organisation d’événements etpublications grand public */ .page-id-493 .su-accordion h2, .page-id-806 .su-accordion h2{padding:0 0 15px 0;} .page-id-493 h2+.su-row, .page-id-806 h2+.su-row{padding:0;} .page-id-493 .su-accordion h3{padding-top:0;} ul+h2 {padding:25px 0 20px 0;} /*.su-column h2 {line-height: 20px;}*/ h3 {padding:10px 0 9px 0;} p+h3 {padding:0 0 20px 0;} /*HEADER*/ /*#conteneur #header #fil_ariane #fil_ariane_interieur #menu_mobile_btn {top:20px;}*/ #conteneur #header #fil_ariane #fil_ariane_interieur .titre_site {padding-left:20px;} #conteneur #header #fil_ariane #fil_ariane_interieur{position:initial;} /*MENU PRINCIPAL*/ #conteneur #contenu #menu_principal {background:#002439; display:none; padding:0 10px; position:absolute; width:100%; z-index:200;} #conteneur #contenu #menu_principal .menu-primary-container {margin-top:15px;} #conteneur #contenu #menu_principal #menu_secondaire_mobile {margin-top:5px;} #conteneur #contenu #menu_principal .menu {height:100%;} #conteneur #contenu #menu_principal .menu>li {background:#203f51; margin-bottom:2px; padding:0;} /*#conteneur #contenu #menu_principal .menu li.active_mobile,*/ #conteneur #contenu #menu_principal .menu li.current-menu-ancestor {background:#405b6c;} #contenu #menu_principal .menu li a {color:#FFF; display:block; padding:10px 45px 12px 10px;} #conteneur #contenu #menu_principal .menu li a:hover {text-decoration:none;} #conteneur #contenu #menu_principal .menu li.current-menu-item a {background-color:#d2d9dc; color:#002439;} #conteneur #contenu #menu_principal .menu li.menu-item-has-children>a {background-image:url("images/plus.svg"); background-position:right 18px center;background-repeat:no-repeat;} #conteneur #contenu #menu_principal .menu li.menu-item-has-children>a.active_mobile {background-image:url("images/moins.svg"); text-decoration:none;} /*sous menu*/ #conteneur #contenu #menu_principal .menu li ul {display:none; padding-bottom:20px;} #conteneur #contenu #menu_principal .menu li.current-menu-ancestor ul {display:block;} #conteneur #contenu #menu_principal .menu li ul li {background:none; border-bottom:1px solid #98a6af; margin:0 0 0 10px; padding:0;} #conteneur #contenu #menu_principal .menu li ul li:first-child {border-top:1px solid #98a6af;} #conteneur #contenu #menu_principal .menu li ul li:hover {} #conteneur #contenu #menu_principal .menu li ul li.current-menu-item {} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li a {padding:8px 50px 9px 10px;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li ul {display:none;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li.current-menu-ancestor ul {display:block;} #conteneur #contenu #menu_principal #fermer_menu {background: rgba(0, 0, 0, 0) url("images/fleche_haut.svg") no-repeat scroll center center; height:44px; width:100%;} /*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;} /*CONTENU INTERIEUR*/ #conteneur #contenu #contenu_interieur {padding:0;} /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {padding:0;} /*mobile*/ #mobile .vive375 {display:none;} #conteneur #contenu #contenu_interieur #mobile {background:#286f89; padding:30px 20px;} #conteneur #contenu #contenu_interieur .vignettes {background:rgba(0,0,0,0.15); margin-bottom:35px; padding:45px 65px; text-align:center;} #conteneur #contenu #contenu_interieur .vignettes div {margin:0;} #conteneur #contenu #contenu_interieur .vignettes div a {display:block; margin-top:0;} #conteneur #contenu #contenu_interieur .vignettes div a.col-xs-12{width:33%; padding-left:10px; padding-right:10px;} #conteneur #contenu #contenu_interieur .vignettes div a:first-child {margin-top:0;} #conteneur #contenu #contenu_interieur .vive375 div a {display:block;} #conteneur #contenu #contenu_interieur .vive375 div a img {width:100%;} #conteneur #contenu #contenu_interieur .vignettes div a img, #conteneur #contenu #contenu_interieur .vive375 div a img {width:100%; max-width:200px;} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container {} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul {} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li {background-color:rgba(0,0,0,0.15); background-position:right 20px center; background-size: 30px auto; margin-bottom:5px; padding:0;} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li:hover {background-color:rgba(0,0,0,0.5);} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.menu-item-2331 {background-image: url('images/logo_galerie_photos.svg');} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.menu-item-4313 {background-image: url('images/logo_bulletin_electronique.svg');} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.menu-item-268 {background-image: url('images/logo_facebook.svg');} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li a {color:#FFF; display:block; font-size:112.5%; padding:20px 75px 20px 20px;} #conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li a:hover {text-decoration:none;} #conteneur #contenu #contenu_interieur .vive375 {padding:0px 65px 35px 65px; text-align:center;} #conteneur #contenu #contenu_interieur .vive375 .textwidget{/*padding-top: 35px;*/} /*CONTENU CENTRE*/ #conteneur #contenu #contenu_interieur #contenu_centre {padding:0;} #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:40px 20px;} /*Shortcode Row*/ #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column {margin-bottom:0 !important;} /*La page Labo en vidéos (Meriem 04-04-2017)*/ .page-id-520 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column {margin-bottom:40px !important;} .page-id-520 #conteneur #contenu #contenu_interieur #contenu_centre .su-row img{margin-bottom:15px;} /*sommaire*/ #conteneur #contenu #contenu_interieur #contenu_centre .sommaire, blockquote p {border-left:5px solid #286f89; font-style:italic; line-height:normal; padding-left:20px; font-size:85%;} /*METASLIDER*/ .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider {display:inline; width:100%;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flexslider{margin-bottom:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav a {} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav .flex-prev {background-image: url('images/banniere_fleche_gauche.svg'); left:30px;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav .flex-next {background-image: url('images/banniere_fleche_droite.svg'); right:30px;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap {position:relative;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap .caption {padding:20px;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap .caption h3 {font-weight:normal; padding:0 0 5px;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap .caption .petitTexte {font-size:87.5%; padding-top:5px;} /*Metaslider Home Mobile*/ .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider-1784 .flexslider .flex-control-paging{display:none;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider-1784 .flex-direction-nav a {top:35%;} /*CONTENU DROITE*/ #conteneur #contenu #contenu_interieur #contenu_droite {} .titre_site{display:inline-block !important;} #main table.sticky-thead, #main table.sticky-enabled {max-width:none;} /*Accueil*/ .accueil_contenu_dynamique_gauche{width:63%;} .accueil_contenu_dynamique_droite{width:30%;} .nouvelle_single .image_nouvelle{width:26%;} .nouvelle_single .description_nouvelle{width:68%;} /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .nouvelle_archive .image_nouvelle{width:20%;} .nouvelle_archive .description_nouvelle{width:75%;} .coulisse_archive .image_coulisse{width:25%;} .coulisse_archive .description_coulisse{width:72%;} /*En coulisse Metaslider*/ .carroussel_gauche{float:left; } /*Page des projets avec le collapse en plus*/ .page-id-1249 .su-row .su-column .su-column-inner p, .page-id-1249 .su-row .su-column .su-column-inner p img, .page-id-282 .su-row .su-column .su-column-inner p, .page-id-282 .su-row .su-column .su-column-inner p img, .parent-pageid-138 .su-row .su-column .su-column-inner p, .parent-pageid-138 .su-row .su-column .su-column-inner p img, .parent-pageid-172 .su-row .su-column .su-column-inner p, .parent-pageid-172 .su-row .su-column .su-column-inner p img{margin-bottom:10px;} .resume .su-spoiler .su-spoiler-title{margin-left:48%;} /*Menu Réseaux sociaux*/ ul#menu-reseaux-sociaux-1{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; } ul#menu-reseaux-sociaux-1 li{width:32%; } /*Pages Labo en parcours et expos virtuels / Labo sur le Web */ .page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row, .page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row{margin-bottom:0;} .page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column, .page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column{margin-bottom:25px!important;} /*Logos de gauche*/ .vignettes .logos-gauche .col-xs-12{width:25%;} /* RSS Événement du jour */ .evenement_jour {margin-bottom:30px;} } @media only screen and (max-width:662px){ ul#menu-reseaux-sociaux-1 li{width:100%;} } @media only screen and (max-width:568px){ /*Accueil*/ .accueil_contenu_dynamique_gauche{width:100%;} .accueil_contenu_dynamique_droite{width:100%;} .home #contenu_centre h1{font-size:150%; line-height:1.35;} /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .nouvelle_archive .image_nouvelle{width:26%;} .nouvelle_archive .description_nouvelle{width:68%;} .coulisse_archive .image_coulisse{width:30%;} .coulisse_archive .description_coulisse{width:65%;} /*Pages où se trouvent les colonnes (photo / texte) : corrections QC graphique*/ /*.su-column {width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important;} .su-column.su-column-size-1-6{width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important;} .su-column.su-column-size-5-6 {width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important;}*/ #conteneur #contenu #contenu_interieur .vignettes div a {display:block; margin-top:45px;} #conteneur #contenu #contenu_interieur .vignettes div a.col-xs-12{width:100%;} } @media only screen and (max-width:414px){ /*En coulisse Metaslider*/ .carroussel_gauche{float:none;} /*Pages avec les collapses en plus genre les projets*/ .resume .su-spoiler .su-spoiler-title{margin-left:44%;} } @media only screen and (max-width:375px){ /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .coulisse_archive .image_coulisse{width:100%;} .coulisse_archive .description_coulisse{width:100%;} } @media only screen and (max-width:360px){ /*Accueil*/ .nouvelle_single .image_nouvelle{width:100%;} .nouvelle_single .description_nouvelle{width:100%;} /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .nouvelle_archive .image_nouvelle{width:100%;} .nouvelle_archive .description_nouvelle{width:100%;} } /* --------------------------------------------------------------------------------------------------------------- */ /* APPAREIL DE PETITE TAILLE & TABLETTE */ @media only screen and (min-width:768px){ /*CONTENU INTERIEUR*/ /*mobile*/ #conteneur #contenu #contenu_interieur .vignettes {padding:45px 45px;} #conteneur #contenu #contenu_interieur .vignettes div a {margin-top:0; padding:0 20px;} .titre_site{position:absolute !important; /*left: 10px!important*/} #main table.sticky-thead, #main table.sticky-enabled {max-width:100%;} /*METASLIDER*/ /*.home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides img {height: 352px; object-fit: cover;}*/ .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap {height:100%; padding:75px 30px; position:absolute; width:33%;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap .caption {padding:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap .caption h3 {font-size:150.0%; padding-bottom:10px;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap .caption p {line-height:20px; padding-bottom:10px;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav .flex-prev {left:36%;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-control-nav {left:60%; width:auto;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-control-nav, .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav a {display:block; height:34px;} /*Accueil*/ /*.accueil_nouvelles, .accueil_concours{width:64%;} .accueil_al_affiche, .accueil_coulisse{width:28%;}*/ .accueil_contenu_dynamique_gauche{width:64%;} .accueil_contenu_dynamique_droite{width:28%;} .nouvelle_single .image_nouvelle{width:25%;} .nouvelle_single .description_nouvelle{width:71%;} /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .nouvelle_archive .image_nouvelle{width:17%;} .nouvelle_archive .description_nouvelle{width:81%;} .coulisse_archive .image_coulisse{width:25%;} .coulisse_archive .description_coulisse{width:72%;} /*La page Labo en vidéos (Meriem 04-04-2017)*/ .page-id-520 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column {margin-bottom:60px !important;} .page-id-520 #conteneur #contenu #contenu_interieur #contenu_centre .su-row img{margin-bottom:25px;} /*Page des projets avec le collapse en plus*/ .page-id-1249 .su-row .su-column .su-column-inner p, .page-id-1249 .su-row .su-column .su-column-inner p img, .page-id-282 .su-row .su-column .su-column-inner p, .page-id-282 .su-row .su-column .su-column-inner p img, .parent-pageid-138 .su-row .su-column .su-column-inner p, .parent-pageid-138 .su-row .su-column .su-column-inner p img, .parent-pageid-172 .su-row .su-column .su-column-inner p, .parent-pageid-172 .su-row .su-column .su-column-inner p img{margin-bottom:0px;} /*Les colonnes */ .page .su-column{float:left!important; margin:0!important;} .page .su-column.su-column-size-1-6{float:left!important; width: 13.33%!important;} .page .su-column.su-column-size-5-6 {float:left!important; width: 82.66%!important; } .page .su-column.su-column-size-1-4{float:left!important; width: 22%!important;} .page .su-column.su-column-size-3-4{float:left!important; width: 74%!important; } .page .su-column.su-column-size-1-3{float:left!important; width: 33%!important; } .page .su-column.su-column-size-2-3{float:left!important; width: 66%!important; } .parent-pageid-115 .su-column.su-column-size-2-3, .parent-pageid-117 .su-column.su-column-size-2-3, .parent-pageid-119 .su-column.su-column-size-2-3, .parent-pageid-121 .su-column.su-column-size-2-3, .parent-pageid-123 .su-column.su-column-size-2-3, .parent-pageid-125 .su-column.su-column-size-2-3{padding-right:4%;} .page .su-column.su-column-size-1-3{padding-right:25px;} #post-4821.page .su-column.su-column-size-1-3{padding-right:0; padding-left:25px;} .parent-pageid-115 .su-column.su-column-size-1-3, .parent-pageid-117 .su-column.su-column-size-1-3, .parent-pageid-119 .su-column.su-column-size-1-3, .parent-pageid-121 .su-column.su-column-size-1-3, .parent-pageid-123 .su-column.su-column-size-1-3, .parent-pageid-125 .su-column.su-column-size-1-3{padding-right:0;} .page .su-column.su-column-size-1-6, .page .su-column.su-column-size-1-4{padding-right:25px; } /*Page Labo en parcours et expos virtuels*/ /*.page-id-811 .su-column-inner > *:last-child{margin-bottom:30px;}*/ /*Pages labo en parcours et expos virtuels / Labo sur le Web */ .page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row, .page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row{margin-bottom:50px;} .page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column, .page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column{margin-bottom:0!important;} } @media only screen and (max-width:767px){ .page .su-column.su-column-size-1-6, .page .su-column.su-column-size-1-4, .page .su-column.su-column-size-1-3 {padding-right:0; } } @media only screen and (min-width:792px){ ul#menu-reseaux-sociaux-1 li a{min-height:84px;} } @media only screen and (min-width:864px){ ul#menu-reseaux-sociaux-1 li a{min-height:initial;} } /* --------------------------------------------------------------------------------------------------------------- */ /* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */ @media only screen and (min-width:992px){ html, body {cursor:default;} /*HEADER*/ #conteneur #header {border-bottom: 0;} #conteneur #header #header_couleur {position:relative; z-index:101;} #conteneur #header #fil_ariane {background:#FFF; -webkit-box-shadow:0 -10px 30px 0px #000; -moz-box-shadow:0 -10px 30px 0px #000; box-shadow:0 -10px 30px 0px #000; position:relative; z-index:100;} /*CONTENU*/ /*BG Gauche*/ #conteneur .bg_gauche {background:url('images/bg_bleu.png') repeat-y top left;} #conteneur #contenu #contenu_centre{background:#fff;} #contenu_interieur{display:flex; } /*CONTENU INTERIEUR*/ #conteneur #contenu #contenu_interieur {} /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {padding:0 25px 0 5px;} #conteneur #contenu #contenu_interieur .vignettes {padding:45px 55px;} #conteneur #contenu #contenu_interieur .vive375 {padding:15px 40px;} #conteneur #contenu #contenu_interieur .vignettes div a {margin-top:40px; padding:0 5px;} #conteneur #contenu #contenu_interieur #contenu_gauche {background:url('images/bg_gauche.jpg') no-repeat top right #286f89;} #conteneur #contenu #contenu_interieur #contenu_gauche>div {margin-bottom:30px;} /*MENU PRINCIPAL*/ #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container {padding:65px 0 0 0;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu {border-bottom:2px solid rgba(255,255,255,0.25); border-top:3px solid rgba(255,255,255,0.25);} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li {background-image:none; cursor:pointer; padding:0;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu>li {border-bottom:1px solid rgba(255,255,255,0.25);} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.current-menu-item {background-color:rgba(0,0,0,0.5);} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.active, #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li:hover, #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.current-menu-parent, #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.current-page-ancestor {background-color:rgba(0,0,0,0.3);} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li a {background:none; color:#FFF; display:block; font-weight:bold; padding:5px 40px 5px 25px} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li a:hover {text-decoration:none;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.menu-item-has-children>a {background-image:url('images/plus.svg'); background-repeat:no-repeat; background-position:right 15px center;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.menu-item-has-children.active>a {background-image:url('images/moins.svg');} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li>ul {display:none; padding:0 0 10px 25px;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.current-menu-parent>ul {display:block;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li.current-menu-ancestor>ul {display:block;} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li ul li:hover {background-color:rgba(0,0,0,0.5);} #conteneur #contenu #contenu_interieur #contenu_gauche .menu-primary-container #primary-menu li ul li a {background:url('images/puce_blanc.svg') no-repeat left 7px top 12px transparent; font-weight:normal; line-height:20px; padding-left:20px;} /*CONTENU CENTRE*/ #conteneur #contenu #contenu_interieur #contenu_centre {background:#FFF;} #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:65px 50px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:40px 50px;} /*METASLIDER*/ .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-control-nav {left:60%; width:auto;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-control-nav, .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav a {display:block; height:34px;} /*CONTENU DROITE*/ #conteneur #contenu #contenu_interieur #contenu_droite {} /*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, #footer #footer_interieur {width:100%;} /*FACULTÉ ----------------------------------------------------------------------------------------------------------------- */ /*#FACULTÉ /*COULEUR*/ #conteneur #contenu #menu_principal .menu li.current-menu-item a {border-left:1px solid transparent; border-right:1px solid transparent; color:#FFF;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item {background-color: rgba(245,123,32,0.5);} /*UQAM*/ #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #menu_principal .menu>li.current-menu-item>a {background-color:rgba(0,121,190,0.5); border-bottom:5px solid #0079be;} #aucune #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #aucune #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #aucune #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item {background-color:rgba(0,121,190,0.5)} /*SCIENCE HUMAINE*/ #sc_humaines #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #sc_humaines #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #sc_humaines #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #sc_humaines #conteneur #menu_principal .menu>li.current-menu-item>a {background-color:rgba(175,0,110,0.5); border-bottom:5px solid #AF006E;} #sc_humaines #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #sc_humaines #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #sc_humaines #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item {background-color:rgba(175,0,110,0.5);} #sc_humaines #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#6a134a transparent;} .titre_site{position:relative !important; left:0px !important; float:left !important;} #fil_ariane_interieur .titre_site{display:none !important;} /*Accueil*/ .nouvelle_single .image_nouvelle{width:26%;} .nouvelle_single .description_nouvelle{width:68%;} /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .nouvelle_archive .image_nouvelle{width:18%;} .nouvelle_archive .description_nouvelle{width:79%;} #conteneur #contenu #contenu_interieur .vignettes div a.col-xs-12{width:100%;} /* RSS Événement du jour */ .evenement_jour {margin-bottom:0px;} } /* --------------------------------------------------------------------------------------------------------------- */ /* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */ @media only screen and (min-width:1250px){ #conteneur {background:#ededed;} /*BG Gauche*/ #conteneur .bg_gauche {background:url('images/bg_bleu.png') repeat-y top left;} /*CONTENU*/ #conteneur #contenu {background:url('images/bg2.jpg') no-repeat top center;} /*CONTENU INTERIEUR*/ #conteneur #contenu #contenu_interieur {background:url('images/bg_blanc.png') repeat-y top right;} .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .flex-direction-nav .flex-prev {background-image: url('images/banniere_fleche_gauche.svg'); left:330px;} /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {background:none;} .home #conteneur #contenu #contenu_interieur #contenu_gauche {background: url('images/bg_gauche.jpg') no-repeat top right #286f89;} /*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, #footer #footer_interieur {width:1200px;} /*METASLIDER*/ .home #conteneur #contenu #contenu_interieur #contenu_centre .banniere .metaslider .slides li .caption-wrap {padding:95px 50px; position:absolute; width:33%;} /*Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse*/ .nouvelle_archive .image_nouvelle{width:15%;} .nouvelle_archive .description_nouvelle{width:81%;} }