/* AUDIOVISUEL template.css ------------------------------------------------------------------------------ */ /*GÉNÉRIQUE*/ html, body { color: #333; font-family: 'Roboto', sans-serif; font-size: 14px; height: 100%; line-height: 22px; width: 100%; } #conteneur {margin:0 auto -37px; min-height:100%; width:100%;} p {margin: 0 0 30px 0;} hr {border-color:#d9d9d9; margin:0 0 30px 0;} /*TITRE*/ h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0 0 20px 0;} h1 {font-size:257.1%;} h2 {font-size:214.3%;} h3 {font-size:171.4%;} h4 {font-size:150%;} h5 {font-size:128.6%;} h6 {font-size:114.3%; font-weight:bold;} /*LIENS*/ a, a:link, a:visited {color:#0079be; text-decoration:none;} a:hover {text-decoration:underline;} /*LISTE*/ ul, ul li ul {list-style:none; margin:0; padding:0;} ul li {background: url('images/puce.svg') no-repeat; background-position-y:30%; background-position:left top 9px; padding:0 0 10px 18px;} /*TABLEAU*/ #main table {display:block; max-width:100%;} #main table.noSticky {overflow:auto;} #main table thead {background:#ebebeb; font-size:114.3%; font-weight:bold; text-transform:uppercase;} #main table thead tr {} #main table thead tr th {padding:10px 20px;} #main table thead tr th, #main table tbody tr td {border:1px solid #d9d9d9;} #main table tbody {} #main table tbody tr {} #main table tbody tr td {padding:15px 20px;} /*dégradé, qui se met lorsque le tableau peut se continuer à droite*/ div.degrade { background: transparent; background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); height: 50px; position: absolute; right: 15px; width: 50px; z-index: 110; } .sticky-thead+div.degrade {display:none;} .sticky-wrap {margin:0;} .sticky-wrap .sticky-thead {box-shadow:none;} /*ACCORDÉON*/ #main .su-accordion {margin-bottom:30px;} .su-accordion .su-spoiler {} .su-accordion .su-spoiler .su-spoiler-title {background: url('images/moins.svg') no-repeat #0079bd; background-position:right 15px center; background-position-x:97%; background-position-y:50%; color:#FFF; font-size:128.6%; font-weight:normal; padding: 7px 40px 7px 20px;} .su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {background: url('images/plus.svg') no-repeat #0079bd; background-position:right 15px center; background-position-x:97%; background-position-y:50%;} .su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {left:auto; right:10px; top:5px;} .su-accordion .su-spoiler .su-spoiler-title span {display:none;} .su-accordion .su-spoiler .su-spoiler-content {background:#ebebeb; margin-bottom:17px; padding:30px; position:relative;} .su-accordion .su-spoiler .su-spoiler-content .degrade { background: transparent; background: -moz-linear-gradient(right, rgba(235,235,235,1) 0%, rgba(235,235,235,0) 100%); background: -webkit-linear-gradient(right, rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%); background: linear-gradient(to left, rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%); margin-top:30px; right:30px; } /*FORMULAIRE*/ form .ninja-forms-all-fields-wrap .ninja-forms-required-items {display:none;} form .ninja-forms-all-fields-wrap .field-wrap input[type=text], form .ninja-forms-all-fields-wrap .field-wrap select, form .ninja-forms-all-fields-wrap .field-wrap textarea {margin:0 !important; width:75%;} form .ninja-forms-all-fields-wrap .field-wrap input[type=text], form .ninja-forms-all-fields-wrap .field-wrap select { border: 1px solid #d9d9d9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 33px; padding:3px; } form .ninja-forms-all-fields-wrap .field-wrap select { background: url('images/fleche_form.svg') no-repeat right top; appearance: none; -webkit-appearance: none; -moz-appearance: none; } form .ninja-forms-all-fields-wrap .field-wrap input[type=submit] {background:#0079BE; border:none; box-shadow:none; color:#FFF; float:right; font-weight:bold; font-size:114.3%; line-height:normal; padding:7px 30px;} form .ninja-forms-all-fields-wrap .field-wrap label {display:block; float:left; font-size:114.3%; padding:5px 10px 0 0; text-align:right; width:25%;} form .ninja-forms-all-fields-wrap .field-wrap span ul {margin-left:-15px;} form .ninja-forms-all-fields-wrap .field-wrap span ul li {background:none; float:none;} form .ninja-forms-all-fields-wrap .field-wrap span ul li label {width:auto;} #header form input[type=submit], #header form input[type=text] {border:0; box-shadow:none; color:#818181; font-family:'Roboto', sans-serif; padding:0;} #header form input[type=text] {padding:0 0 0 7px;} /*IMAGES*/ #contenu_centre img {float:left; padding-right:20px;} /*CONTRASTE*/ body.contraste {color: #000;} .contraste #conteneur a {color:#00587f; text-decoration:underline;} .contraste #conteneur p a {background:#00587f; color:#FFF; padding:2px; text-decoration:none;} .contraste #conteneur a:hover {padding:0;} .contraste #conteneur p a:hover {background:#000; padding:2px;} /*CONTENU*/ #conteneur #contenu {} #conteneur #contenu #contenu_interieur {margin:0 auto;} /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {} /*MENU VERTICAL*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {z-index:1000;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu {} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li {background:#203f51; border-top:0; padding:0; margin-bottom:2px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li.active, #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li {background:#405b6c;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li a {color:#FFF; display:block;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li a:hover {text-decoration:none;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li.current_page_item>a {background-color:#D2D9DC; color:#002439;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul {padding-bottom:20px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li {border-bottom:1px solid #98a6af; margin:0 0 0 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li:first-child {border-top:1px solid #98a6af;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li.active {background:#203f51;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li a {padding: 7px 50px 10px 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li.menu-item-has-children>a { background-image: url('images/plus.svg'); background-repeat: no-repeat; background-position-x: 95%; background-position-y: 50%; background-position: right 18px center; } #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li.active.menu-item-has-children>a {background-image: url('images/moins.svg');} /*Sous-Menu*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul {display:none;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li.current-menu-ancestor>ul {display:block; } #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul li {} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li a {font-size:100%;} /*Sous-Sous-Menu*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li>ul {display:none; padding:0 0 0 20px; margin-bottom:20px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li.current-menu-ancestor>ul {display:block;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li>ul>li {border-top:none; margin:0;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li>ul>li a {padding-right: 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>ul>li>ul>li a {background:url('images/puce_menu.svg') no-repeat left 5px top 16px; padding-left:20px;} /*MENU HORIZONTAL*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu {} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li {background:#203f51; border-top:0; padding:0; margin-bottom:2px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li.active, #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li {background:#405b6c;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li a {color:#FFF; display:block;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li a:hover {text-decoration:none;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.current_page_item>a {background-color:#D2D9DC; color:#002439;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul {padding-bottom:20px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li {border-bottom:1px solid #98a6af; margin:0 0 0 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li:first-child {border-top:1px solid #98a6af;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li.active {background:#203f51;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li a {padding: 7px 50px 10px 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.menu-item-has-children>a { background-image: url('images/plus.svg'); background-repeat: no-repeat; background-position-x: 95%; background-position-y: 50%; background-position: right 18px center; } #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.active.menu-item-has-children>a {background-image: url('images/moins.svg');} /*Sous-Menu*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul {display:none;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li.current-menu-ancestor>ul {display:block; } #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul li {} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li a {font-size:100%;} /*Sous-Sous-Menu*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li>ul {display:none; padding:0 0 0 20px; margin-bottom:20px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li.current-menu-ancestor>ul {display:block;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li>ul>li {border-top:none; margin:0;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li>ul>li a {padding-right: 10px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>ul>li>ul>li a {background:url('images/puce_menu.svg') no-repeat left 5px top 16px; padding-left:20px;} /*MENU HORIZONTAL FULL SCREEN*/ #conteneur #contenu #contenu_interieur #menu_horizontal_full{margin:20px 0px; padding:10px; background:#002439;} #conteneur #contenu #contenu_interieur #menu_horizontal_full li {display: inline-block; list-style-type:none; background:#203f51;padding:10px;} #conteneur #contenu #contenu_interieur #menu_horizontal_full li.active, #conteneur #contenu #contenu_interieur #menu_horizontal_full li:hover {background:#D2D9DC; cursor:pointer;} #conteneur #contenu #contenu_interieur #menu_horizontal_full li:hover a {color:#405b6c;} #conteneur #contenu #contenu_interieur #menu_horizontal_full li a {color:#fff;} #conteneur #contenu #contenu_interieur #menu_horizontal_full li a:hover {text-decoration:none;} #conteneur #contenu #contenu_interieur #menu_horizontal_full li.current_page_item {background:#D2D9DC} #conteneur #contenu #contenu_interieur #menu_horizontal_full li.current_page_item a {color:#405b6c;} /*Bouton fermer pour mobile*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #fermer_menu, #conteneur #header #btn_mobile_choix #fermer_mobile_choix { background: url('images/fleche_haut.svg') no-repeat center center; height: 44px; width: 100%; } /*recherche mobile*/ #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile {height:30px;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile .recherche_multi {padding:0;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile .recherche_multi form input {border:0; height:30px; padding:0 10px; width:100%;} #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile .recherche_multi form a.uqam_recherche-envoie { background: url('images/loupe_mobile.svg') no-repeat center center; height: 100%; padding: 0 10px; position: absolute; right: 0; width: 44px; top: 0; } /*CONTENU CENTRE*/ #conteneur #contenu #contenu_interieur #contenu_centre {} /*CONTENU DROITE*/ #conteneur #contenu #contenu_interieur #contenu_droite {}