/* 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, .home #main h2{ font-size:100%; } .home #main h2{ font-family: 'Roboto', sans-serif !important; font-weight: 300 !important; font-style: normal; font-size:125%; line-height: 125%; text-transform: lowercase; color: #ffffff !important; padding-bottom: 10px !important; } */ #contenu_gauche>h2, #contenu_gauche>.menu-covid-19-container { display: none; } #titre_sav{position: absolute; left: 30px;} /*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, #conteneur #contenu #menu_principal .menu-primary-en-container {margin-top:15px;} #conteneur #contenu #menu_principal #menu_secondaire_mobile {margin-top:30px;} #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-parent {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:#405a6b; color:#ffffff;} #conteneur #contenu #menu_principal .menu li.current-menu-parent a {} #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-parent 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, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li a {padding:8px 50px 9px 10px;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li ul, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li ul {display:none !important;} #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%;} /*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;} /*MENU SECONDAIRE*/ .sub-menu li.current-menu-item a{ background-color: #d1d8db !important; color: #002338 !important; } /*BANNIERE*/ #conteneur #contenu #bannierehachure {display:none;} .flexslider .slides li, .flexslider .slides li .flex-active-slide {padding:0; background: none;} #banniere .flex-direction-nav {display:none;} #banniere .caption-wrap {opacity:1;} #banniere .ms-postfeed .caption-wrap {position:relative; width:100%;} #banniere .ms-postfeed .caption-wrap .caption {padding:25px;} #banniere .ms-postfeed .caption-wrap .caption h5 {line-height:30px;} #banniere .ms-postfeed .caption-wrap .caption .date-carrousel {font-size:80%; margin-bottom:-5px; text-transform:uppercase;} #banniere .ms-postfeed .caption-wrap .caption .titre-carrousel {font-size:130%; font-weight:normal; padding:0;} #banniere .ms-postfeed .caption-wrap .caption .titre-carrousel a{color:#fff;} #banniere .ms-postfeed .caption-wrap .caption .extrait-carrousel {font-size:80%;} #banniere .flex-direction-nav a {height:35px;} #banniere .flex-direction-nav .flex-prev {background: url("images/banniere_fleche_gauche.svg") no-repeat; left:0; margin-left:20px;} #banniere .flex-direction-nav .flex-next {background: url("images/banniere_fleche_droite.svg") no-repeat right; right:0; margin-right:20px;} /*CONTENU INTERIEUR*/ #conteneur #contenu #contenu_interieur {padding-top:0;} .page .entry-content ul {margin:-15px 0 0 0; padding:0;} .page .entry-content ul li { margin-bottom: 0.2em; padding-left: 20px; /*margin-left: -5px;*/} .page #contenu_centre ul li:before { content:''; background:url(images/puce.svg) no-repeat; position: relative; display:block; left: -20px; top: 16px; height:0.6em; width:0.6em; } .su-accordion .su-spoiler .su-spoiler-content, .panel-group .panel .panel-collapse .panel-body {background:#FFF; color:#333; padding:30px 20px 0 20px; margin-bottom:.5em; position:relative; border: 1px solid #EEECF1;} .su-accordion .su-spoiler .su-spoiler-content .degrade{right: 20px;} .su-accordion .su-spoiler .su-spoiler-title{font-weight: 400;} .su-accordion .su-spoiler .su-spoiler-content ul, .panel-group .panel .panel-collapse .panel-body ul{margin-left: 5px;} .su-accordion .su-spoiler .su-spoiler-content ul li:before, .panel-group .panel .panel-collapse .panel-body ul li:before{background: url(images/puce.svg) no-repeat; } .su-accordion .su-spoiler .su-spoiler-content ul li, .panel-group .panel .panel-collapse .panel-body ul li{padding-left: 20px;} .su-accordion .su-spoiler .su-spoiler-content > p:last-child, .panel-group .panel .panel-collapse .panel-body > p:last-child{margin-bottom:25px;} /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {padding:0;} /*suivez-nous*/ #conteneur #contenu #contenu_interieur .pourESG, #esg #conteneur #contenu #contenu_interieur .suivez-nous {display:none;} #esg #conteneur #contenu #contenu_interieur .pourESG {display:block;} /*mobile*/ #conteneur #contenu #contenu_interieur #contenu_gauche_mobile {border-top:3px solid rgba(0,0,0,0.2); display:block; padding:45px 20px 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission {} /*CONTENU CENTRE*/ #conteneur #contenu #contenu_interieur #contenu_centre {/*float:none;*/ /*overflow-x:hidden;*/ padding:20px;} #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:0;} #conteneur #contenu #contenu_interieur #contenu_centre #main li.widget, /*CONTENU DROITE*/ #conteneur #contenu #contenu_interieur #contenu_droite {background:#CCC; margin-top:20px; padding:20px;} #conteneur #contenu #contenu_interieur #contenu_centre #main li.uqam_rssfeeder_widget {background:inherit; } /*FOOTER*/ #conteneur {margin:0 auto -330px;} #conteneur .push {} #bigFooter {/*height:390px;*/ padding:0 20px;top: 0px; } #bigFooter .bigFooterInterieur {padding:40px 0 60px;} #bigFooter .bigFooterInterieur .infoFac {display:none;} #bigFooter .bigFooterInterieur .suivez-nous {padding-top:25px; position:absolute; top:0;} #bigFooter .bigFooterInterieur .suivez-nous>div {float:left; padding:12px 0 0 0;} #bigFooter .bigFooterInterieur .suivez-nous h2 {float:none; padding-bottom:5px; padding-right:15px; position:relative;} #bigFooter .bigFooterInterieur .suivez-nous>div ul li {margin:0 0 0 10px;} #bigFooter .bigFooterInterieur .suivez-nous>div ul li:first-child {margin:0;} #bigFooter .bigFooterInterieur .suivez-nous div ul li {background:none; float:left; padding:5px 0 0;} #bigFooter .bigFooterInterieur .suivez-nous div ul li.mauvais_nom {display:none;} #bigFooter .bigFooterInterieur .suivez-nous>div ul li a {display:block; height:44px; width:44px; background-size:44px auto} #bigFooter .bigFooterInterieur .coordonnees {padding-top: 115px;} #esg #bigFooter .bigFooterInterieur .suivez-nous.pasESG {display:none;} /*ACCUEIL*/ /* Nouvelles RSS */ .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle {padding:0 0 15px; width:100%;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-thumbnail a .nouvelle-image {margin:0 0 10px 0; padding:0!important; width:100%;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title a {margin-bottom:0; font-size: 112.5%;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title .nouvelle-date {padding-top:0; display: block; } .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle{padding:0; width:100%;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail a img, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p a img {margin:0 0 10px 0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p {margin:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {margin-bottom:10px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li:last-child {margin-bottom:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li {margin-bottom:50px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title span {padding-top:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {position:relative; /*top:-25px;*/ clear: both;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle {margin-bottom:20px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle .eventTime {margin-bottom:-15px;} /*VIGNETTES*/ #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .pourMobile .widgettitle {display: none;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission.orange {background-color:#f67325;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission.orange:hover {background-color:#ff900d;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission.rouge {background-color:#bf311a;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission.rouge:hover {background-color:#ef3e23;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission.gris {background-color:#666666;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission.gris:hover {background-color:#8b8b8b;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche_mobile .fondation { background-color: #bf311a; /*font-size: 90%;*/ /*background-position-y: 67%;*/ } #conteneur #contenu #contenu_interieur #contenu_gauche_mobile{ float:left; width:100%; background: rgba(0,0,0,0.05); } #conteneur #contenu #contenu_interieur .admission.rouge.payant {width:100%;} #conteneur #contenu #contenu_interieur .admission.rouge.gratuit {width:100%;} /* BANNIÈRES */ .banniere_contenu_nouvelle{display:block;width:100%;} .easingslider-image-slide{background-position: right !important;} .banniere_contenu_nouvelle a{display:block; position:absolute; top:0; left:0; z-index:50; padding:0px 25px;} .banniere_contenu_nouvelle a:hover{text-decoration:none;} .banniere_contenu_nouvelle h2{ color:#000; text-transform:uppercase; font-weight:bold; font-size:150%; width:100%;} .banniere_contenu_nouvelle p{ color:#000; font-weight:bold; font-size:100%;} #conteneur #contenu #banniere .easingslider, #conteneur #contenu #banniere .easingslider .easingslider-viewport { height: 150px;} .mfp-bottom-bar{display:none;} .row { margin-right: -5px; margin-left: -5px; } #contenu_centre h2 img{padding-bottom:0px; margin-bottom:-25px;} #evenements .liens_tous{ padding-top:10px; } /*#conteneur #header #fil_ariane #fil_ariane_interieur .titre_site{display:inline-block !important; padding: 10px 60px 10px 20px;}*/ #main table.sticky-thead, #main table.sticky-enabled {max-width:none;} .su-row .su-column { margin: 0 !important; } .su-row .su-column .su-column-inner ul { padding-bottom:0 !important; } /***********************/ /***** from JOOMLA *****/ /***********************/ .entry-content h2{ /* font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 105% !important; margin: 0; padding: 0 0 20px 0; */ } #post-181 .row img{ margin-bottom: -20px;} .podio-webform-frame{ margin-top: -20px;} .box-body{ background-color: #6f5c88 !important; color: #ffffff; font-family: 'Roboto', sans-serif !important; font-weight: 300 !important; font-style: italic; font-size: 80% !important; line-height: 150%; padding: 20px 12px 0 12px; margin-bottom: -40px; } .box-feature{ margin: 0; padding: 0; } .logo_sav{ display: none; } } /* --------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:120px), only screen and (max-width:320px), only screen and (max-width:480px){ /*.row{background: none; padding-top:0px;} .row-separator{background: none; padding-top:0px;}*/ .row .col-xs-12{padding-bottom: 25px;} .row .col-xs-12:last-of-type{padding-bottom: 0;} .row-separator img, .row-separator-padding img{padding-bottom: 0; margin-bottom: -25px;} h1.entry-title{ /* font-family: 'Roboto', sans-serif !important; font-weight: 500 !important; font-size: 1.875rem; margin: 30px 0 0 0; */ } .entry-content h2{ /* font-size: 150%; margin: 0; padding: 0 0 20px 0; */ } .box-body h2{font-size: 130% !important;} .su-spoiler-content, .panel-group .panel .panel-collapse {margin-top: 20px !important;} .su-column-inner ul li:last-child{margin-bottom: 10px; padding-bottom: 30px;} .row div{padding-bottom:0; margin-bottom:-20px;} .row div:last-child{margin-bottom: 0;} .su-row .su-column .su-column-inner h2{ margin-top: 20px;} #wp-admin-bar-root-default, #wp-admin-bar-top-secondary{display: none;} } /* --------------------------------------------------------------------------------------------------------------- */ /* CORRECTION D'UN COMPORTEMENT INDÉSIRABLE DE SHORTCODE ULTIMATE POUR LES COLONNES 1/2 */ @media only screen and (min-width:768px) and (max-width:768px){ .su-column.su-column-size-1-2 { width: 48% !important; margin: 0 0 0 4% !important; float: left !important; } .su-row .su-column:first-child { margin-left:0 !important; } } /*********************************************************************************************************************/ /* PAPPAREIL DE PETITE TAILLE & TABLETTE 768px */ /*********************************************************************************************************************/ @media only screen and (min-width:768px){ #main table.sticky-thead, #main table.sticky-enabled {max-width:100%;} /*TITRE*/ h1.entry-title{ /* font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 200%; margin: 0; padding: 25px 0 0 0;*/ /*text-transform: lowercase;*/ } /*ACCUEIL*/ /*Nouvelles RSS*/ .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle {padding:0 11px; width:33.333%; float: left;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-content, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-thumbnail{width: 100%; padding:0!important;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-thumbnail a .nouvelle-image {margin:0 0 20px 0; padding:0!important;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title a {margin-bottom:0; font-size: 112.5%;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title .nouvelle-date {padding-top:10px; display: block; } .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle:first-child, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle:nth-child(4) {padding:0 22px 0 0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle:nth-child(3), .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle:last-child {padding:0 0 0 22px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle{padding:0 11px; width:33.333%;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail a img, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p a img {margin:0 0 20px 0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p {margin:0 0 10px 0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li {margin:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {margin-bottom:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title {margin-bottom:30px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title span {padding-top:10px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {position:absolute; right:0; top:15px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {display:inline;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li+li { background: url('images/bg_pointille_vertical.png') repeat-y left top; margin-left: 25px; padding-left: 25px; } .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle {margin-bottom:0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle .eventTime {margin-bottom:8px;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div:first-child, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li:first-child, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle:first-child {padding:0 22px 0 0;} .home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div:last-child, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li:last-child, .home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle:last-child {padding:0 0 0 22px;} /*BANNIERE*/ #conteneur #contenu #bannierehachure { display: block; } #conteneur #contenu #banniere { max-width: 1190px; margin: 0 auto; } /* FOOTER */ #bigFooter {top: 2px; } #bigFooter .bigFooterInterieur .suivez-nous h2 {float:left;} /* Nouveau Footer */ #conteneur {margin:0 auto -26px !important;} #conteneur .push {} #conteneur #contenu #contenu_interieur #contenu_gauche_mobile, #conteneur #contenu #contenu_interieur #contenu_footer_mobile{ float:left; width:50%; border-top:none !important; background: none; } #contenu_footer_mobile>div ul.menu li a { display: block; height: 44px; width: 44px; background-size: 44px auto; } #contenu_footer_mobile>div ul.menu li a:hover {background-position: left bottom;} #contenu_footer_mobile>div ul li.facebook a {background-image:url('images/reseaux_sociaux/facebook.svg');} #contenu_footer_mobile>div ul li.twitter a {background-image:url('images/reseaux_sociaux/twitter.svg');} #contenu_footer_mobile>div ul li.youtube a {background-image:url('images/reseaux_sociaux/youtube.svg');} #contenu_footer_mobile>div ul li.rss a {background-image:url('images/reseaux_sociaux/rss.svg');} #contenu_footer_mobile>div ul li.linkedin a {background-image:url('images/reseaux_sociaux/linkedin.svg');} #contenu_footer_mobile>div ul li.instagram a {background-image:url('images/reseaux_sociaux/instagram.svg');} #bigFooter{display:none;} #mobile{background-color:#f3f3f3; width:100%; height:100%;padding-top:15px; display:block; float:left; position:relative; background-color:#f3f3f3; border-top: 3px solid rgba(0,0,0,0.2);} .coord{/*padding-top:60px !important;*/} .limite{margin-top:45px !important;} #contenu_footer_mobile{padding: 19px 20px;} #contenu_footer_mobile>div {} #contenu_footer_mobile>div ul {} #contenu_footer_mobile>div ul li { background: none; float: left; padding: 0; } #contenu_footer_mobile>div ul li.mauvais_nom {display:none;} #contenu_footer_mobile>div ul li a {/*display:block;*/} #contenu_footer_mobile>div ul li {margin:0 0 0 10px;} #contenu_footer_mobile>div ul li:first-child {margin: 0;} /*Coordonnées*/ #mobile .liens { background: url('images/bg_pointille.png') repeat-x left top; margin-top: 10px; padding-top: 10px; } #mobile .liens ul {} #mobile .liens ul li { display: inline; padding: 0 35px 4px 0; } #mobile .liens ul li:first-child { background: url('images/bg_pointille_vertical.png') repeat-y right top; } #mobile .liens ul li+li { background: url('images/carte_icon.svg') no-repeat left top 2px; margin-left: 15px; padding-left: 20px; } #mobile .liens ul li a { background: url('images/fleche_droite_bleu.svg') no-repeat; background-position: right top 7px; background-position-x: 100%; background-position-y: 5px; padding-right: 13px; } #conteneur #contenu #contenu_interieur .admission.rouge.payant {width:50%; } #conteneur #contenu #contenu_interieur .admission.rouge.gratuit {width:50%; } .su-column { /*!!!!!! Styles inutiles - Déjà gérés par le module Shortcode Ultimate. Pour modifier les styles pour un seul site ou une condition particulière, s'assurer d'impacter uniquement les éléments répondant à la condition. La classe su-column est utilisée partout dans chaque site. !!!!!!*/ /*width: 48% !important; margin: 0 0 0 4% !important; float: left !important;*/ } .su-accordion .su-spoiler .su-spoiler-content, .panel-group .panel .panel-collapse .panel-body { background:#FFF; color:#333; margin-bottom:.5em; padding:45px; position:relative;} .su-accordion .su-spoiler .su-spoiler-content .degrade{ right: 30px;} .su-accordion .su-spoiler .su-spoiler-content ul{ } /* BANNIÈRES */ .banniere_contenu_nouvelle h2{ color:#000; text-transform:uppercase; font-weight:bold; font-size:350%;} .banniere_contenu_nouvelle p{ color:#000; font-weight:bold; font-size:150%;} .banniere_contenu_nouvelle{display:block; position:absolute; z-index:50; padding:25px;} #conteneur #contenu #banniere .easingslider, #conteneur #contenu #banniere .easingslider .easingslider-viewport { height: 250px;} #banniere .caption-wrap {background:rgba(0,0,0,0.5); position:absolute; left:auto; right:0; width:25%;} #banniere .flex-control-nav {bottom:10px; z-index:100;} #banniere .flex-control-nav li a { background: url("https://gabarit-adaptatif.uqam.ca/icons/point-carrousel.svg") no-repeat center top 5px / 15px auto; box-shadow:none; margin:0; padding:12px; opacity:0.5;} #banniere .flex-control-nav li a:hover, #banniere .flex-control-nav li a.flex-active { opacity:1;} /*#conteneur #header #fil_ariane #fil_ariane_interieur .titre_site{ position:absolute !important; left: 10px !important; padding: 10px 60px 10px 10px; }*/ .su-row .su-column {margin: 0 0 1.5em 0 !important;} #conteneur #contenu #contenu_interieur #contenu_centre.col-sm-6 {margin-left: -10px !important;} /*.su-row .su-column .su-column-inner ul {padding-bottom:20px !important;}*/ /***********************/ /***** from JOOMLA *****/ /***********************/ .entry-content{background-color: transparent;} #post-2 .entry-content{/*background-color: #6f5c88;*/} #post-2 .entry-content h2{ font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 140% !important; margin: 0; padding: 0 0 20px 0; } .box-body{ padding: 50px 15px 0 15px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 300 !important; font-style: italic; font-size: 95% !important; line-height: 150%; float: left !important; } .box-feature{ margin: 0; padding: 0; float: left !important; } #wp-admin-bar-root-default, #wp-admin-bar-top-secondary, .logo_sav{ /*display: none;*/ } /*EN CHIFFRE*/ .row .chiffre { border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; padding: 0; /**margin-top: 20px;*/ } .row .chiffre1 { border-top: 1px solid #cbcbcb; padding-bottom: 20px; padding-top: 50px; } .row .chiffre1 .wp-block-column { } .row .chiffre2 { border-bottom: 1px solid #cbcbcb; padding-top: 20px; padding-bottom: 35px; } .row .chiffre .wp-block-column { border-top: none; border-left: 1px solid #cbcbcb; margin-top: 0; padding: 0 20px; } .row .chiffre .wp-block-column:first-child { border-left: none; } .chiffreSeparation { display: block; margin: 0 20px; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } /*ACCUEIL*/ .home .entry-content .wp-block-image:first-child { display: block; margin: 0; padding: 0; position: relative; top: -50px; } .home .entry-content .clear { clear:both; } } /*********************************************************************************************************************/ /* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU 992px */ /*********************************************************************************************************************/ @media only screen and (min-width:992px){ html, body {cursor:default;} /*HEADER*/ #conteneur #header {border-bottom: 0;} h1.entry-title{ padding: 0; margin: -5px 0 0 0; /*text-transform: lowercase;*/ } #conteneur #contenu{padding: 0 10px;} /* MENU */ #conteneur #contenu #menu_principal .menu>li {margin-bottom:0;} /*BANNIÈRE*/ #banniere .ms-postfeed .caption-wrap {background:rgba(0,0,0,0.7); height:100%; left:0; opacity:1; position:absolute; width:25%;} #banniere .ms-postfeed .caption-wrap .caption {padding:50px 25px;} #banniere .ms-postfeed .flex-control-nav {right:0; width:75%;} #banniere .ms-postfeed .flex-direction-nav .flex-prev {left:25%;} #contenu_gauche>.menu-covid-19-container { display: block; } /*CONTENU*/ #conteneur #contenu #contenu_interieur { margin-top: 40px; } /*MENU PRINCIPAL*/ #conteneur #contenu #menu_principal { display: none !important; background: transparent; /*display: block;*/ position: relative; height: 34px; width: 100%; margin-left: auto; margin-right: auto; z-index: 50; padding:0 0 15px 0; margin-top: 80px; border-bottom: solid 9px #eaeaea; } #contenu #menu_principal .menu li a{ font-family: 'Roboto', sans-serif; background-image: none; text-transform: uppercase; padding: 0; } #conteneur #contenu #menu_principal .menu-primary-container, #conteneur #contenu #menu_principal .menu-primary-en-container {height:100%; margin:0 auto; padding:0;} #conteneur #contenu #menu_principal .menu-primary-container .menu, #conteneur #contenu #menu_principal .menu-primary-en-container .menu {height:100%;} #conteneur #contenu #menu_principal .menu-primary-container .menu>li, #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li { background: none; float: left; height: 100%; padding: 0; } #contenu #menu_principal .menu-primary-container .menu li.current-menu-parent, #contenu #menu_principal .menu-primary-en-container .menu li.current-menu-parent {background:none;} #contenu #menu_principal .menu-primary-container .menu>li>a, #contenu #menu_principal .menu-primary-en-container .menu>li>a { color:#777777; background-image: none; line-height: 14px; border-right: 1px solid #dadada; padding: 0 20px 0 20px; } #contenu #menu_principal .menu-primary-container .menu>li:first-child>a {padding-left:2px !important;} #contenu #menu_principal .menu-primary-container .menu>li:last-child>a {padding-right:0 !important; border-right: none;} #contenu #menu_principal .menu-primary-container .menu>li>a:hover, #contenu #menu_principal .menu-primary-container .menu>li>a.active, #contenu #menu_principal .menu-primary-container .menu>li>a:focus, #contenu #menu_principal .menu-primary-container .menu>li.current-menu-parent>a.active, #contenu #menu_principal .menu-primary-container .menu>li.current-menu-parent>a:hover, #contenu #menu_principal .menu-primary-en-container .menu>li>a:hover, #contenu #menu_principal .menu-primary-en-container .menu>li>a.active, #contenu #menu_principal .menu-primary-en-container .menu>li>a:focus, #contenu #menu_principal .menu-primary-en-container .menu>li.current-menu-parent>a.active, #contenu #menu_principal .menu-primary-en-container .menu>li.current-menu-parent>a:hover {color: #8816bd !important; /*font-weight:bold;*/} #conteneur #contenu #menu_principal .menu-primary-container .menu>li.current-menu-item>a, #conteneur #contenu #menu_principal .menu-primary-container .menu>li.current-menu-parent>a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li.current-menu-item>a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li.current-menu-parent>a {} #conteneur #contenu #menu_principal .menu-primary-container .menu>li.menu-item-has-children>a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li.menu-item-has-children>a { /*background-image: url('images/fleche_bas.svg');*/ font-family: 'Roboto', sans-serif; background-image: none; text-transform: uppercase; color:#777777; } #conteneur #contenu #menu_principal .menu-primary-container .menu li.menu-item-has-children>a.active_mobile, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li.menu-item-has-children>a.active_mobile {color:#8816bd; font-weight:bold; background:none; text-decoration:none;} #conteneur #contenu #menu_principal .menu-primary-container .menu li.menu-item-has-children ul li>a.active_mobile, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li.menu-item-has-children ul li>a.active_mobile {color:#8816bd; font-weight:bold; background:none; text-decoration:none;} /*sous menu*/ #contenu #menu_principal .menu-primary-container .menu li ul, #contenu #menu_principal .menu-primary-en-container .menu li ul { background: #4C4C4C; border: 1px solid rgba(255,255,255,0.5); padding: 30px 15px; position: absolute; top: 64px; width: 260px; } #conteneur #contenu #menu_principal .menu-primary-container .menu li.current-menu-parent ul, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li.current-menu-parent ul {display:none;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li {background: url('images/puce_sous_menu.svg') no-repeat; background-position: left 10px top 13px; background-position-x:10px; background-position-y:13px; border:none; margin:0; padding:0;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li:first-child, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li:first-child {border:none;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li:hover, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li:hover {background-color:rgba(0,0,0,0.4);} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li.current-menu-item a.active_mobile, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item a.active_mobile {background-color:transparent; color:#FFF;} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li a { background: url('images/puce_sous_menu.svg') no-repeat; background-position: left 10px top 13px; background-position-x:10px; background-position-y:13px; color: #FFF; font-size:92.5%; display: block; padding: 5px 10px 5px 30px; } #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li a {text-decoration:none;} #bigFooter{display:block;} .menu .menu-item-has-children { background: url(images/plus-mauve.svg) no-repeat #EEECF1; background-position: right 20px center; } .menu .menu-item-has-children .sub-menu li a{ padding-left: 20px; } .menu .menu-item-has-children a+.sub-menu {padding: 0 20px 20px;} .menu .menu-item-has-children .sub-menu li a:before{ background: #FFF; content: ''; display: inline-block; height: 7px; width: 7px; margin-right: 8px; position: relative; top: -2px; } .menu .menu-item-has-children a.active, .menu .menu-item-has-children a.active:hover{ background: url(images/moins.svg) no-repeat; background-position: right 20px center; } .menu .menu-item-has-children>a:hover{ background: url(images/plus.svg) no-repeat; background-position: right 20px center; } .menu .menu-item-has-children a.active, .menu .menu-item-has-children a.active+.sub-menu, .menu .menu-item-has-children a.active+.sub-menu li a{ background-color: #564076 !important; color: #FFF !important; } .menu .menu-item-has-children a+.sub-menu li a{ padding-left: 5px !important; padding-right: 0 !important; } .menu .menu-item-has-children a.active+.sub-menu li a:hover { background-color: rgba(255,255,255,0.8) !important; color: #564076 !important; } .menu .menu-item-has-children a.active+.sub-menu li a:hover:before { background-color: #564076 } .menu .menu-item-has-children a.active+.sub-menu li.current-menu-item a{ background-color: #FFF !important; color: #564076 !important; } .menu .menu-item-has-children a.active+.sub-menu li.current-menu-item a:before { background-color: #564076 } /*MENU SECONDAIRE*/ .sub-menu{ display: none; } h2.widgettitle{ display: none !important; } #contenu_gauche div ul.menu li.menu-item a{ display: block; } #menu-covid-19>li.menu-item-1648, #menu-covid-19>li.menu-item-2832 { background-color: #0079BE; margin-top: 30px; } #menu-covid-19>li.menu-item-2832 { margin-top: 30px; } #menu-covid-19>li.menu-item-1648 a, #menu-covid-19>li.menu-item-2832 a{ color:#FFF; padding: 25px 20px 25px 20px; } #menu-covid-19>li.menu-item-2832 a{ padding: 17px 20px 17px 20px; } #menu-covid-19>li.menu-item-1648 a:before { background-color: #FFF; -webkit-mask-image: url("images/phylactere.svg"); mask-image: url("images/phylactere.svg"); content: ''; display: inline-block; height: 21px; Width: 21px; position: relative; top: 5px; margin-right: 20px; } /*VIGNETTES*/ #esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.orange {background-color:#f67325;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.orange:hover {background-color:#ff900d;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.rouge {background-color:#bf311a;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.rouge:hover {background-color:#ef3e23;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.gris {background-color:#666666;} #esg #conteneur #contenu #contenu_interieur #contenu_gauche .admission.gris:hover {background-color:#8b8b8b;} #esg #bigFooter{display:block;} #conteneur .push {/*min-height: 330px !important;*/} .coord{/*padding-top:20px !important;*/} .limite{margin-top:0px !important;} /*CONTENU INTERIEUR*/ #conteneur #contenu #contenu_interieur {padding-top:60px; padding-bottom:50px;} .su-row{margin-bottom: 0 !important;} /* Inverser les colonnes à la page d'accueil */ .col-md-push-9{ /*background-color: #eeb111;*/ margin: 0; padding: 0; width: 250px; } .col-md-push-9 #twitter-widget-0{ width: 250px !important; height: 395px !important; border: solid 1px #dcdcdc !important; } .col-md-pull-3{ width: 775px; margin: -25px 0 0 -50px; padding: 0; } /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {/*padding:0 0 50px;*/} ul.liens_connexes{margin-left:7px;} /*MENU GAUCHE*/ #contenu_gauche h2{font-size: 100% !important; text-transform: uppercase;} #contenu_gauche h2, #contenu_gauche div ul li{display:block; /*background-image: none;*/ background-color: #EEECF1; border-bottom: solid 2px #ffffff; } #contenu_gauche h2, #contenu_gauche div ul li a{color: #564076; padding: 10px 20px;} #contenu_gauche h2, #contenu_gauche div ul li.current-menu-item{background-color: #564076; color:#FFF;} #contenu_gauche div ul li:hover{background-color: #564076; color:#FFF;} #contenu_gauche div ul li.current-menu-item a, #contenu_gauche div ul li:hover a{background-color: #564076; color:#FFF;} #contenu_gauche div ul li a:hover, #contenu_gauche div ul li a:focus{text-decoration: none; color:#FFF; background-color: #564076;} /*Sous Menu*/ #contenu_gauche div ul li ul li { border-bottom: none; } /*suivez-nous*/ #conteneur #contenu #contenu_interieur #contenu_gauche .suivez-nous {display:inline-block; padding-left:25px;} /*CONTENU CENTRE*/ #conteneur #contenu #contenu_interieur #contenu_centre {float:left; overflow-x:inherit; padding: 0 15px 0 5px;} #conteneur #contenu #contenu_interieur #contenu_centre.col-sm-6 {padding-right: 45px;} #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:0 0 0 45px;} #conteneur #contenu #contenu_interieur #contenu_centre #main li.widget, /*CONTENU DROITE*/ #conteneur #contenu #contenu_interieur #contenu_droite {background:none; margin-top:0; padding:45px 5px;} /*TABLEAU*/ div.degrade {display:none;} /*FOOTER*/ #conteneur {margin:0 auto -300px;} #conteneur .push {min-height: 20px;} #bigFooter {/*height:270px;*/ padding:0;} #bigFooter .bigFooterInterieur {padding-top:60px; position:relative;} #bigFooter .bigFooterInterieur p, #bigFooter .bigFooterInterieur .textwidget {} #bigFooter .bigFooterInterieur .infoFac {display:block; padding-left:20px;} #bigFooter .bigFooterInterieur .suivez-nous {float:left; max-width:210px; padding-top:0; position:relative; top:auto;} /* position: absolute; left:830px; ne pas rajouter ici, override dans un sous-theme */ #bigFooter .bigFooterInterieur .suivez-nous h3 {float:none;} #bigFooter .bigFooterInterieur .suivez-nous>div {padding:0;} #bigFooter .bigFooterInterieur .suivez-nous>div ul li {margin:0 0 0 5px;} #bigFooter .bigFooterInterieur .suivez-nous>div ul li:first-child {margin:0;} #bigFooter .bigFooterInterieur .suivez-nous>div ul li a {background-size:24px auto; height:24px; width:24px;} #bigFooter .bigFooterInterieur .coordonnees {float:left; padding-top:0; padding-right:40px; position:relative; }/*left:530px; ne pas rajouter ici, override dans un sous-theme*/ #bigFooter .bigFooterInterieur .coordonnees .liens ul li {padding-right:10px;} /*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%;} #conteneur #header #fil_ariane #fil_ariane_interieur{display: none;} /*FACULTÉ ----------------------------------------------------------------------------------------------------------------- */ /*#FACULTÉ #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#8a6b1b transparent;}*/ /*COULEUR*/ #conteneur #contenu #menu_principal .menu li.current-menu-item a {border-left:1px solid transparent; border-right:1px solid #dadada; color:#8816bd; font-weight:bold; background-color: transparent;} #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, #conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-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-primary-en-container .menu > li.current-menu-item > a, #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #menu_principal .menu>li.current-menu-item>a, #aucune #conteneur #menu_principal .menu>li.current-menu-ancestor>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-page-ancestor, #aucune #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #aucune #conteneur #menu_principal .menu-primary-en-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, #aucune #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #aucune #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(0,121,190,0.5)} /*ESG*/ #esg #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #esg #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #esg #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #esg #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #esg #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #esg #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #esg #conteneur #menu_principal .menu>li.current-menu-item>a, #esg #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(192,49,26,0.5); border-bottom:5px solid #C0311A;} #esg #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #esg #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-parent, #esg #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-ancestor, #esg #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #esg #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #esg #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-parent, #esg #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-ancestor, #esg #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #esg #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #esg #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #esg #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(192,49,26,0.5);} #esg #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#731d10 transparent;} /*COMMUNICATION*/ #communication #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #communication #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #communication #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #communication #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #communication #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #communication #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #communication #conteneur #menu_principal .menu>li.current-menu-item>a, #communication #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(238,177,17,0.5); border-bottom:5px solid #EEB111;} #communication #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #communication #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #communication #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #communication #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #communication #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #communication #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #communication #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(238,177,17,0.5);} #communication #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#8a6b1b transparent;} /*SCIENCE POLITIQUE*/ #sc_pol #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #sc_pol #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #sc_pol #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #sc_pol #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #sc_pol #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #sc_pol #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #sc_pol #conteneur #menu_principal .menu>li.current-menu-item>a, #sc_pol #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(102, 153, 204, 0.5); border-bottom:5px solid #6699cc;} #sc_pol #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #sc_pol #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #sc_pol #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #sc_pol #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #sc_pol #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #sc_pol #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #sc_pol #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(102, 153, 204, 0.5);} #sc_pol #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#30577b transparent;} /*ARTS*/ #arts #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #arts #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #arts #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #arts #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #arts #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #arts #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #arts #conteneur #menu_principal .menu>li.current-menu-item>a, #arts #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(123,125,114,0.5); border-bottom:5px solid #7B7D72;} #arts #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #arts #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #arts #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #arts #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #arts #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #arts #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #arts #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(123,125,114,0.5);} #arts #conteneur #contenu #menu_principal .menu-primary-container .menu>li>a:hover, #arts #conteneur #contenu #menu_principal .menu-primary-container .menu>li>a.active, #arts #conteneur #contenu #menu_principal .menu-primary-container .menu>li>a:focus, #arts #conteneur #contenu #menu_principal .menu-primary-container .menu>li.current-menu-parent>a.active, #arts #conteneur #contenu #menu_principal .menu-primary-container .menu>li.current-menu-parent>a:hover, #arts #conteneur #contenu #menu_principal .menu-primary-container .menu li ul, #arts #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li>a:hover, #arts #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li>a.active, #arts #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li>a:focus, #arts #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li.current-menu-parent>a.active, #arts #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li.current-menu-parent>a:hover, #arts #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul {background-color:#51524c;} #arts #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#4a4b44 transparent;} /*SCIENCES*/ #sciences #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #sciences #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #sciences #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #sciences #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #sciences #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #sciences #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #sciences #conteneur #menu_principal .menu>li.current-menu-item>a, #sciences #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(64,178,57,0.5); border-bottom:5px solid #40B239;} #sciences #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #sciences #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #sciences #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #sciences #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #sciences #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #sciences #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #sciences #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(64,178,57,0.5);} #sciences #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#266b22 transparent;} /*ÉDUCATION*/ #education #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #education #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #education #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #education #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #education #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #education #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #education #conteneur #menu_principal .menu>li.current-menu-item>a, #education #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(245,123,32,0.5); border-bottom:5px solid #F57B20;} #education #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #education #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #education #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #education #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #education #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #education #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #education #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(245,123,32,0.5);} #education #conteneur #header #header_couleur #header_interieur #logo #uqam_plus #uqam_plus_interieur::after {border-color:#934a13 transparent;} /*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 #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #sc_humaines #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #sc_humaines #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #sc_humaines #conteneur #menu_principal .menu>li.current-menu-item>a, #sc_humaines #conteneur #menu_principal .menu>li.current-menu-ancestor>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-page-ancestor, #sc_humaines #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #sc_humaines #conteneur #menu_principal .menu-primary-en-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, #sc_humaines #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #sc_humaines #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-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;} /*ÉTUDIANTS*/ #etudiants #menu_principal .menu-primary-container .menu > li.current-menu-item > a, #etudiants #menu_principal .menu-primary-container .menu > li.current-menu-item > a:hover, #etudiants #menu_principal .menu-primary-container .menu > li.current-menu-parent > a, #etudiants #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a, #etudiants #menu_principal .menu-primary-en-container .menu > li.current-menu-item > a:hover, #etudiants #menu_principal .menu-primary-en-container .menu > li.current-menu-parent > a, #etudiants #conteneur #menu_principal .menu>li.current-menu-item>a, #etudiants #conteneur #menu_principal .menu>li.current-menu-ancestor>a {background-color:rgba(0,173,230,0.5); border-bottom:5px solid #00ADE6;} #etudiants #conteneur #menu_principal .menu-primary-container .menu li ul li.current-page-ancestor, #etudiants #conteneur #menu_principal .menu-primary-container .menu li ul li.current-menu-item, #etudiants #conteneur #menu_principal .menu-primary-en-container .menu li ul li.current-menu-item, #etudiants #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li:hover, #etudiants #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li.current-menu-item, #etudiants #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li:hover, #etudiants #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li.current-menu-item {background-color:rgba(0,173,230,0.5);} /* BANNIÈRES */ .banniere_contenu_nouvelle h2{ color:#000; text-transform:uppercase; font-weight:bold; font-size:350%;} .banniere_contenu_nouvelle p{ color:#000; font-weight:bold; font-size:150%;} #conteneur #contenu #banniere .easingslider, #conteneur #contenu #banniere .easingslider .easingslider-viewport { height: 270px;} .banniere_contenu_nouvelle a{display:block; position:absolute; z-index:50; padding:50px 25px;} .titre_site{position:relative !important; left:0 !important; top: 15px; float:left !important;} #fil_ariane_interieur .titre_site{display:none !important;} /***********************/ /***** from JOOMLA *****/ /***********************/ #post-2 .entry-content{background-color: #6f5c88;} .entry-content{background-color: transparent;} .entry-content h2{ /* font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 102% !important; margin: 0; padding: 5px 0 10px 0; */ } .box-body{ padding: 45px 15px 0 15px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 300 !important; font-style: italic; font-size: 90% !important; line-height: 150%; float: left !important; } /*Page équipe*/ .page-id-181 .col-xs-12 span{ font-size: 90%; } } /*********************************************************************************************************************/ /* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE 1250px */ /*********************************************************************************************************************/ @media only screen and (min-width:1250px){ /*MENU PRINCIPAL*/ #contenu{padding-left: 0 !important;} #conteneur #contenu{padding:0;} #conteneur #contenu #menu_principal{width:1200px;} #conteneur #contenu #menu_principal .menu-primary-container .menu>li>a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li>a {font-size: 100%; padding: 0 37px 0 37px;} #conteneur #contenu #menu_principal .menu-primary-container .menu>li:first-child>a{padding-left:0 !important;} #conteneur #contenu #menu_principal .menu-primary-container .menu>li:last-child>a{padding-right:0 !important;} #conteneur #contenu #menu_principal .menu-primary-container .menu>li.menu-item-has-children>a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu>li.menu-item-has-children>a {/*background-position:top 29px right 21px; padding-right:45px;*/} #conteneur #contenu #menu_principal .menu-primary-container .menu li ul, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul {width:290px;} /*FOOTER*/ #bigFooter .bigFooterInterieur p, #bigFooter .bigFooterInterieur .textwidget {} #bigFooter .bigFooterInterieur .suivez-nous {left:940px; position: absolute; top: auto;} #bigFooter .bigFooterInterieur .coordonnees {left:45px;} #bigFooter .bigFooterInterieur .coordonnees .liens ul li {padding-right:35px;} #bigFooter .bigFooterInterieur .infoFac {padding-left:5px;} /*CONTENU CENTRE*/ #conteneur #contenu #contenu_interieur #contenu_centre {padding: 0 0 0 5px;} /*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;} #conteneur #contenu #contenu_interieur .admission.rouge.payant {width:45%; } #conteneur #contenu #contenu_interieur .admission.rouge.gratuit {width:40%; } .row { margin-right: -5px; margin-left: -5px; } /* Inverser les colonnes à la page d'accueil */ .col-md-push-9{ /*background-color: #eeb111;*/ margin: 0; padding: 0; width: 300px; } .col-md-push-9 #twitter-widget-0{ width: 300px !important; height: 470px !important; border: solid 1px #dcdcdc !important; } .col-md-pull-3{ width: 900px; margin: -25px 0 0 -50px; padding: 0; } #conteneur #contenu #menu_principal .menu-primary-container .menu li ul li a, #conteneur #contenu #menu_principal .menu-primary-en-container .menu li ul li a {font-size:100%;} /* BANNIÈRES */ .banniere_contenu_nouvelle h2{ color:#000; text-transform:uppercase; font-weight:bold; font-size:350%;} .banniere_contenu_nouvelle p{ color:#000; font-weight:bold; font-size:150%;} .banniere_contenu_nouvelle a{display:block; position:absolute; z-index:50; padding:50px 25px;} #conteneur #contenu #banniere .easingslider, #conteneur #contenu #banniere .easingslider .easingslider-viewport { height: 315px;} /***********************/ /***** from JOOMLA *****/ /***********************/ #post-2 .entry-content{background-color: #6f5c88;} .entry-content{background-color: transparent;} .entry-content h2{ /* font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 102% !important; margin: 0; padding: 5px 0 10px 0; */ } .box-body{ padding: 75px 15px 0 15px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 300 !important; font-style: italic; font-size: 105% !important; line-height: 155%; float: left !important; } }