/* AUDIOVISUEL template.css ------------------------------------------------------------------------------ */ /*GÉNÉRIQUE*/ html, body { color: #000; font-family: 'Roboto', sans-serif; font-size: 18px; height: 100%; line-height: 26px; width: 100%; font-weight:400; } #conteneur {margin:0 auto -37px; min-height:100%; width:100%;} p {margin: 0 0 35px 0;} hr {border-color:#d9d9d9; margin:0 0 30px 0;} /*TITRE*/ h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif; font-weight:700; margin:0; padding:0 0 10px 0; line-height:1.58;} h1.page-title{margin-bottom:15px;} h6 {font-weight:normal;} h1 {font-size:48px;} h2 {font-size:36px;} h3 {font-size:24px;} h4 {font-size:18px;} h5 {font-size:18px; } h6 {font-size:12px} /*LIENS*/ a, a:link, a:visited {color:#0079be; text-decoration:none;} a:hover {text-decoration:underline; } /*LISTE*/ ul{list-style:none; margin:0px; padding:0 0 17px;} #btn_mobile ul{padding:0;} ul li ul {list-style:none; margin:0px; padding:5px 0 5px;} ul li {background: rgba(0, 0, 0, 0) url("images/puce.svg") no-repeat scroll left top 9px; padding: 0 0 20px 18px;line-height:26px;} /*ul li ul li{background: url('images/puce-ss-liste.png') no-repeat; background-position-y:30%; background-position:left top 6px; padding:0 0 10px 10px;}*/ /*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 {color:#177ac0; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:700; padding: 12px 40px 12px 22px; border-bottom:1px solid #d7d8d9;} .su-accordion .su-spoiler:first-child .su-spoiler-title{border-top:1px solid #d7d8d9;} .su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {background: url('images/plus-slider.png') no-repeat #fff; background-position:left center; } .su-accordion .su-spoiler .su-spoiler-title.active{background: url('images/moins-slider.png') no-repeat #fff; background-position:left center; } .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:#fff; margin-bottom:0; padding:15px 25px 5px; 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;*/} .home #contenu_centre img {float:none; padding-right:0;} /*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 #menu-principal-langue-container #menu-principal-langue-container-interne, #conteneur #contenu #contenu_interieur {margin:0 auto;} /*CONTENU GAUCHE*/ #conteneur #contenu #contenu_interieur #contenu_gauche {} /*MENU VERTICAL*/ #conteneur #contenu #contenu_gauche #menu_principal {z-index:1000;} #conteneur #contenu #contenu_gauche #menu_principal #vertical-menu {} #conteneur #contenu #contenu_gauche #menu_principal #vertical-menu li {background:#1f1f1f; border-top:0; padding:0; margin-bottom:2px;} #conteneur #contenu #contenu_gauche #menu_principal #vertical-menu>li.active, #conteneur #contenu #contenu_gauche #menu_principal #vertical-menu>li>ul>li {background:#405b6c;} #conteneur #contenu #contenu_gauche #menu_principal #vertical-menu li a {color:#FFF; display:block;} #conteneur #contenu ##contenu_gauche #menu_principal #vertical-menu>li a:hover {text-decoration:none;} #conteneur #contenu #contenu_gauche #menu_principal #vertical-menu li.current_page_item>a {background-color:#adadad; color:#333333;} #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:#1f1f1f;} #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');} /*MENU HORIZONTAL*/ #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu {margin:0;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu li {background:#1f1f1f; border-top:0; padding:0; margin-bottom:2px; } #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li.active, #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul>li {background:#405b6c;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu li a {color:#FFF; display:block;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li a:hover {text-decoration:none;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu li.current_page_item>a {background-color:#adadad; color:#333333;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul {padding-bottom:20px;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul>li {border-bottom:1px solid #98a6af; margin:0 0 0 10px;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul>li:first-child {border-top:1px solid #98a6af;} #conteneur #contenu ##contenu_gauche #menu_principal #horizontal-menu>li>ul>li.active {background:#1f1f1f;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul>li a {padding: 7px 50px 10px 10px;} #conteneur #contenu #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_gauche #menu_principal #horizontal-menu li.active.menu-item-has-children>a {background-image: url('images/moins.svg');} /*Sous-Menu*/ #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul {display:none;} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li.current-menu-ancestor>ul {display:block; } #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul li {} #conteneur #contenu #contenu_gauche #menu_principal #horizontal-menu>li>ul>li a {font-size:100%;} /*MENU HORIZONTAL FULL SCREEN*/ /*#horizontal-menu {margin:0; padding:0;}*/ #conteneur #contenu #menu-principal-langue-container {margin:1px 0 0; background:#333333; height:60px;} #conteneur #contenu #menu-principal-langue-container #menu-principal-langue-container-interne{/*background:#363636;*/ height:60px;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full{margin:0; padding:0; /*background:#363636;*/ width: auto;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu{margin:0; padding:0; list-style:none} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li{position:relative; display:table-cell; background:none; margin: 0; padding: 0; } /*#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li:last-child{background-image: url('images/cadenas.png'); background-repeat: no-repeat; background-position-x: 95%; background-position-y: 50%; background-position: right 18px center;}*/ #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a {font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; text-transform:uppercase; text-align: center; line-height:22px; color: #fff; display: block; /*padding: 12px 25px;*/ border-left: none; } /*#conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.menu-item-80 > a{padding:12px 30px;}*/ #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li:hover, #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent:hover{background:none;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {text-decoration:none; background:none; /*color:#a1006b;*/ border-color:#0a55a0;} #esg #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {border-color:#c0311a;} #communication #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {border-color:#8a6c1c;} #sc_pol #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {border-color:#38658f;} #sciences #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {border-color:#336c30;} #education #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {border-color:#f57b20;} #sc_humaines #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li a:hover {border-color:#6b134a;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item, #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent {background:#none;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {/*color:#a1006b;*/ background-color:#0a55a0; border-color:#0a55a0; } #esg #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #esg #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {background-color:#c0311a; border-color:#c0311a;} #communication #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #communication #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {background-color:#8a6c1c; border-color:#8a6c1c;} #sc_pol #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #sc_pol #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {background-color:#38658f; border-color:#38658f;} #sciences #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #sciences #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {background-color:#336c30; border-color:#336c30;} #education #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #education #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {background-color:#f57b20; border-color:#f57b20;} #sc_humaines #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-item a, #sc_humaines #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li.current-menu-parent a {background-color:#6b134a; border-color:#6b134a;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li ul{background:#419ad9; position:absolute; left:-999em; z-index:30000;list-style:none; padding:0; margin: 1px 0 0 1px; width:141px;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li:hover > ul{left:0; } #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li ul li{display:block; border-bottom:1px solid #83bde6;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li ul li.current-menu-item{background:#3085ce;} #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li ul li a{font-weight:600; font-size:13px; text-transform:none;border:none; text-align:left; padding:7px 5px 6px 10px; } #conteneur #contenu #menu-principal-langue-container #menu_horizontal_full #horizontal-menu li ul li a:hover{background:#3085ce;} /*Bouton fermer pour mobile*/ #conteneur #contenu #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_gauche #menu_principal #recherche_mobile {height:30px;}*/ #conteneur #contenu #contenu_gauche #menu_principal #recherche_mobile .recherche_multi {padding:0;} #conteneur #contenu #contenu_gauche #menu_principal #recherche_mobile .recherche_multi form input {border:0; height:30px; padding:0 10px; width:100%;} #conteneur #contenu #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 {} /*Styles personnalisés*/ /*Styles généraux*/ .col-sm-9{padding:0;} .entry-content{margin-top:9px;} /*Les articles et catégories*/ article.type-post{margin-bottom:30px;} /*Bannière*/ #wrapper-banniere{background: #111015; } .banniere{background:#2d302f; margin:0 auto; text-align:center; width:1085px;} .banniere .easingslider, .banniere .easingslider-image, .banniere .easingslider-link, .banniere .easingslider-slide, .banniere .easingslider-viewport{margin:0 auto!important;} .metaslider-17,.metaslider-21{margin-bottom:0!important;} /*.metaslider .slides img, .flexslider .slides img{width:auto!important;}*/