/* - ploneCustom.css - */
@media all {
/* https://ciri.ens-lyon.fr/portal_css/ploneCustom.css?original=1 */
table
#bloc-partenaires #bloc-tutelle,
#bloc-partenaires #bloc-partenariat{
display: table-cell;
width:48%;
}
.conteneur-table {
overflow:scroll;
}
#portal-logo {
width: 250px;
}
#portal-logo img {
max-width: 100%;
}
.intranet a:before{
content: url("lock-icon.png");
}
html[lang="fr"] #tetiere h2{
font-size:1.5em;
}
html[lang="en"] #tetiere h2{
font-size:1.15em;
}
.site-ciri #collage .row_3 .three-columns-equal .block_2{
width:64%;
}
.site-ciri #collage .row_1 .four-columns-equal .block_3, .site-ciri #collage .row_1 .four-columns-equal .block_4,
.site-ciri #collage .row_2 .four-columns-largeleft .block_2,
.site-ciri #collage .row_2 .four-columns-largeleft .block_3,
.site-ciri #collage .row_4 .four-columns-largeleft .block_2,
.site-ciri #collage .row_4 .four-columns-largeleft .block_3,
.site-ciri #collage .row_3 .three-columns-equal .block_3{
display:none;
}
.site-ciri #collage .row_1 .four-columns-equal .block_2,
.site-ciri #collage .row_4 .four-columns-equal .block_1 {
width :74%;
}
.site-ciri #collage .row_2 .four-columns-largeleft .block_1 {
width :48%;
}
.site-ciri #collage .row_2 .four-columns-largeleft .block_4 {
width :48%;
}
.portletCollectionENS .blocItems {
flex-wrap: wrap;
justify-content: flex-start;
}
.blocItems .portletItem {
width: 31.2%;
margin:1%;
}
#portal-columns dl.portlet.portlet-collection-trois-specialites dt.portletHeader,
#portal-columns dl.portlet.portlet-collection-agenda dt.portletHeader,
#portal-columns dl.portlet.portlet-collection-agenda dt.portletHeader a{
background: #C01C85 none repeat scroll 0 0;
color: #fff;
padding-left: 1%;
}
#portal-columns dl.portlet.portlet-collection-trois-specialites dt.portletHeader span::after,
#portal-columns dl.portlet.portlet-collection-agenda dt.portletHeader span::after,
#portal-columns dl.portlet.portlet-collection-agenda dt.portletHeader a::after {
border-bottom:none;
}
div.width-3\:4 .item-vignette{
width:32%;
margin: 1em 0;
}
#table-sorter th:hover{
cursor: context-menu;
}
#annuaire-table{
width:100%;
}
#annuaire-table table{
width:100%;
margin-top:1em;
}
.annuaire-table th{
background :#333;
color:#fff;
padding:5px;
}
.annuaire-table tr.odd{
background :#eee;
}
.annuaire-table td{
padding:0.3em;
}
#annuaire-table select{
float:left;
margin-right:5px;
}
input[type="submit"][disabled="disabled"]{
background:#ccc;
cursor:not-allowed;
}
#portal-globalnav {
height: auto;
background: none;
margin: 0;
position: relative !important;
display: flex;
}
#portal-globalnav > li > ul.submenu {
border:1px solid grey;
background: rgb(255,255,255);
padding:1em;
padding-bottom: 3em;
list-style-type: disc;
-webkit-columns: 4;
-moz-columns: 4;
columns: 4;
list-style-position: inside;
}
#portal-globalnav > li:hover > ul.submenu {
width: 97.6%;
left: 0 !important;
}
#portal-globalnav .submenu li {
float: none;
padding:.5em 0;
display: inline-block !important;
width: 100%;
}
#portal-globalnav ul.submenu a, #portal-globalnav ul.submenu a:hover {
border-bottom:none !important;
border-top:1px solid white !important;
font-size: 14px;
}
#portal-globalnav ul.submenu li a:hover {
color:rgb(210, 38, 183)!important;
}
#portal-globalnav > li {
position: static;
}
.responsiveMenu #portal-globalnav {
position: fixed!important
}
.section-accueil dl.portletCollectionENS.portletCollectionListe.portlet-collection-actualites {
background-color: #eee;
padding: 0 1em;
}
.section-accueil dl.portletCollectionENS.portletCollectionListe.portlet-collection-actualites dd.portletItem{
display: inline-block;
width: 48%;
vertical-align: top;
margin: 0 0 0 1%;
}
dl.portletCollectionENS.portletCollectionListe.portlet-collection-publications #publications .contents-publications{
display:inline-block;
width:48%;
vertical-align:top;
}
dl.portletCollectionENS.portletCollectionListe.portlet-collection-publications .bloc-image img{
width:280px;
max-width:100%;
}
#portal-columns dl.portletCollectionENS.portletCollectionListe.portlet-collection-publications dt.portletHeader,
#portal-columns dl.portletCollectionENS.portletCollectionListe.portlet-collection-publications dt.portletHeader a {
background: #333 none repeat scroll 0 0;
color: #fff;
padding-left: 1%;
padding-bottom:1%;
text-align:center;
}
#portal-columns dl.portletCollectionENS.portletCollectionListe.portlet-collection-publications dt.portletHeader span::after,
#portal-columns dl.portletCollectionENS.portletCollectionListe.portlet-collection-publications dt.portletHeader a::after {
border-bottom:none;
}
#events, #congres{
display:inline-block;
width:47%;
padding:0 1%;
vertical-align:top;
}
.boutonAttibuerGroup.lienplus:hover{
cursor:pointer;
}
.itemsContainer {
justify-content: space-between;
}
.style-titre-1 {
margin-top: 1.5em;
margin-bottom: 0.75em;
}
.style-titre-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
margin-left: .5em !important;
}
.template-event_view .lead-image-wrapper{
float:right;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
background:#D226B7 !important;
}
.state-internally_published {
color:orange !important;
}
.portlet.portletNavigationTree {
background:none;
}
#content .eventDetails {
width: 100%;
border:none;
}
#content .eventDetails table {
width: 100%;
}
#content .eventDetails abbr {
text-decoration:none;
}
.template-usergroup-userprefs table.listing tr+tr+tr+tr > :first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
}
.template-list_users_for_account table.listing,
.template-usergroup-userprefs table.listing {
border-collapse: separate !important;
}
.template-usergroup-userprefs table.listing tr+tr+tr+tr td:first-child {
background:white;
position:sticky;
top:0;
z-index:1;
border-top:1px solid #ddd;
}
}
.bx-wrapper .bx-caption {
bottom: 1em !important;
left: 1em !important;
}
.bx-wrapper .bx-caption span {
font-size:1.5em !important;
}
.bx-wrapper .bx-controls-direction a {
z-index: 1!important;
}
#bloc-tutelle p {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
#bloc-tutelle p a {
width: 40%;
}
#bloc-tutelle p a img {
width: auto;
height:auto;
max-width:100%;
margin:auto 0;
}
.bx-wrapper .bx-next {
right: 0;
background: url('https://ciri.ens-lyon.fr/controls.png') no-repeat -43px -32px !important;
}
.bx-wrapper .bx-prev {
left: 0;
background: url('https://ciri.ens-lyon.fr/controls.png') no-repeat 0 -32px !important;
}
.bxslider .ImageBg {
background-size: cover !important;
}
.emphase {
font-weight:bold;
color:#D226B7;
}
.conteneur-tableau {
width: 100%;
overflow: scroll;
}
@media screen and (max-width: 767px) {
#collage div {
width:100% !important;
}
#portal-globalnav {
height: 100%!important;
margin: 0;
position: fixed !important;
display: block;
font-size: 80%;
}
#portal-globalnav li {margin-top: 1em;}
#portal-globalnav .submenu {display: none !important;}
#zone-identifiante, #zone-identifiante #tetiere, #zone-identifiante #partenaires-wrapper, #zone-identifiante #partenaires tbody {
height: 200px;
}
#portal-logo {margin: 1em auto 0 auto;}
#portal-footer img {max-width: 100%;}
}
/* ******/
.videotoc, .audiotoc {
border-collapse: collapse;
border:4px solid #272727;
margin:0 auto;
}
.audiotoc td,
.videotoc td{
padding:0.3em 0.5em;
border:none;
vertical-align:top;
}
.audiotoc td:first-child
.videotoc td:first-child{
color:white !important;
}
.audiotoc tr.labelChapitre td,
.audiotoc .labelVideo,
.videotoc tr.labelChapitre td,
.videotoc .labelVideo {
background:#272727;
color:white !important;
text-align:center;
text-transform:capitalize;
font-family: 'bebas_neueregular', arial, sans-serif;
font-weight:normal;
letter-spacing: .03em;
font-size: 1.5em;
}
.audiotoc .chapitre,
.videotoc .chapitre{
border:4px solid #272727;
}
.audiotoc .chapitre td,
.videotoc .chapitre td{
font-size:0.8em;
color:white;
background: repeating-linear-gradient(
-55deg,
#222,
#222 2px,
#333 2px,
#333 4px
);
}
.audiotoc .chapitre .duree,
.videotoc .chapitre .duree{
text-align: right;
font-size:1em;
font-family: 'bebas_neueregular', arial, sans-serif;
font-weight:normal;
letter-spacing: .03em;
vertical-align:middle;
text-align:center;
width:10%;
}
.audiotoc .chapitre:hover td,
.audiotoc .currentChapter td,
.videotoc .chapitre:hover td,
.videotoc .currentChapter td{
background: repeating-linear-gradient(
-55deg,
#267293,
#267293 1px,
#2F8CB5 1px,
#2F8CB5 2px
);
color:white !important;
cursor:pointer;
}
.videotoc video {
width:100%;
}
.audiotoc audio{
height: 50px;
}
.audiotoc .celluleVideo,
.videotoc .celluleVideo {
padding: 0;
border-bottom:0;
background:#272727;
}
#annuaire .portrait img,
#annuaire-contact .portrait img{
height:170px;
}
#annuaire-contact ul,
#annuaire div.AnnuaireItem{
min-height:175px;
}
#content table{
display:table;
overflow:auto;
}
#portlets-in-header #zone-identifiante,
#portlets-in-header #zone-identifiante-new{
margin-top:1em;
margin-left:-1em;
}
.section-accueil-ciri-2023 #portal-breadcrumbs,
.section-accueil-ciri #portal-breadcrumbs{
display:none;
}
.subsection-organisation-commeq #archetypes-fieldname-civilite,
.subsection-organisation-commeq #archetypes-fieldname-building,
.subsection-organisation-commeq #archetypes-fieldname-floor,
.subsection-organisation-commeq #archetypes-fieldname-website,
.subsection-organisation-commeq #archetypes-fieldname-themes,
.subsection-organisation-commeq #archetypes-fieldname-funding{
display:none;
}
.section-accueil-ciri-2023 #zone-identifiante{
display:none;
}
.section-accueil-ciri-2023 div.InHeaderPortletManager1.width-1\:2.position-0,
.section-accueil-ciri-2023 .row_2 .three-columns-equal .block_1,
.section-accueil-ciri-2023 .row_1 .three-columns-equal div.collage-column:nth-child(1){
width:65% !important;
}
.section-accueil-ciri-2023 div.InHeaderPortletManager1.width-1\:2.position-1\:2{
width:33%;
}
#zone-identifiante-new #partenaires tbody,
#zone-identifiante-new #partenaires-wrapper {
height: 350px;
}
#zone-identifiante-new .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
position: absolute;
left: 0;
top: 20em;
z-index: 999;
}
.section-accueil-ciri-2023 .row_1 .three-columns-equal .block_1{
width:100% !important;
}
#zone-identifiante-new .bx-controls.bx-has-pager.bx-has-controls-direction{
display:none;
}
#zone-identifiante-new .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto{
display:block;
}
.section-accueil-ciri-2023 .row_1 .three-columns-equal div.collage-column:nth-child(2),
.section-accueil-ciri-2023 .row_2 .three-columns-equal .block_2{
display:none;
}
.section-accueil-ciri-2023 .portlet-collection-publications dd.portletItem{
width:49%;
display:inline-block;
vertical-align:top;
}
.collage-row .row_1 .three-columns-equal {
display:flex;
justify-content: space-between;
}
.row_1 .three-columns-equal .collage-column + .collage-column  {
width:32.5%;
background: url(fond-bloc-accueil-ciri.jpg) 50% 50% #262626;
background-size: cover;
min-height: 334px;
}
.row_1 .three-columns-equal .collage-column .block_3  {
width:100% !important;
}
.accordion-toggle {cursor: pointer; margin: 0;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
.row_1 .three-columns-equal .collage-column .block_3 .standard-document h2,
#nous_connaitre h2 {
border: 0 !important;
color: #fff !important;
padding: 20px;
}
#portal-columns #nous_connaitre  a {
color:#000 !important;
}
#portal-columns #nous_connaitre h4 a,#portal-columns #nous_connaitre  a:hover {
color:#fff !important;
display:block;
border: none !important;
}
.row_1 .three-columns-equal .collage-column .block_3 .standard-document table{
marging-top:1em;
}
.row_1 .three-columns-equal .collage-column .block_3 .standard-document table td{
border: solid 1px #fff;
}
#nous_connaitre #accordion,
.row_1 .three-columns-equal .collage-column .block_3 .standard-document,
.row_1 .three-columns-equal .collage-column .block_3 .standard-document table td{
padding: 20px;
}
.row_1 .three-columns-equal .collage-column .block_3 .standard-document table td a{
color:#fff !important;
}
#nous_connaitre h4 {
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .03em;
font-weight: normal;
font-size: 1.2em;
padding: 10px 40px;
color:#fff;
border: 0;
}
#nous_connaitre .accordion-wrapper {
background: rgba(0,0,0,0.3);
border: 1px solid #fff;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
#nous_connaitre .accordion-wrapper.actif,#nous_connaitre .accordion-wrapper:hover {
background: rgba(208,28,186,0.6);
}
#nous_connaitre h4 {
padding: 10px;
}
#nous_connaitre .accordion-content {
padding: 10px;
color:#FFF;
}
#nous_connaitre .accordion-content a {
color:#FFF !important;
}
#portal-columns #nous_connaitre .accordion-content a:hover {
border:none !important;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
text-align:end;
}
.template-atct_edit.portaltype-ploneannuairecontact.section-annuaire #archetypes-fieldname-team{
display:none;
}
#reseaux_sociaux_viewlet #lien_linkedin img {
width: 16px;
height: 16px;
}
#zone-identifiante, #zone-identifiante-new{
display:none;
}
.section-accueil-ciri-2023 #zone-identifiante-new{
display:block;
}
}