/* - ploneCustom.css - */
@media all {
/* https://culturesciencesphysique.ens-lyon.fr/portal_css/ploneCustom.css?original=1 */
body {
max-width: 1400px;
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6,.portletHeader span {
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0;
line-height: 1em;
}
#bandeau-20-ans img#image_banniere_20_ans {
max-width: 100%;
min-width: 100%;
}
#portal-breadcrumbs {
margin:0;
}
#bandeau-20-ans {
position: relative;
}
#conference-20-ans {
position: absolute;
top: 10px;
right: 7px;
background: rgba(256, 256, 256, 0.8);
width: 300px;
padding: 10px 20px 30px 20px;
}
#conference-20-ans img {
width: 100px;
float:left;
margin: 5px 5px 0 0;
}
#conference-20-ans a {
background: #fa8c01;
color: #FFF!important;
border-radius: 0.4em;
padding: 0.4em 0.6em;
}
#portal-header-inline {
display: flex;
}
#slogan {
position: static;
padding-top: 36px;
line-height: 18px;
}
#lien-annee-physique {
margin-left: 10px;
}
#lien-annee-physique img {
height: 120px;
}
#portal-personaltools-wrapper {
position: absolute;
top: 0px;
}
#portal-logo-eduscol {
margin-left: 10px;
}
#portal-columns {
padding-top: 1em;
}
#search-exist .criteresSearch, #search-exist .criteresSearchTheme {
margin:1em 0;
}
dl.portlet,#liens-dgesco,.colonne-footer {
font-size: 100%;
}
.portletHeader span {
border: none !important;
}
#portlets-footer {
clear:both;
background:#818181;
}
.colonne-footer h5 {
margin-left:2em;
}
.resourceKeywords span {
display: inline-block !important;
}
#amazingcarousel-7 .amazingcarousel-description,.bx-wrapper .bx-caption span,#content div.ImageBg .discreet,#content .documentDescription, #content #description{
font:14px 'Noto Sans', sans-serif;
}
dl.portalMessage, div.attention, div.caution, div.danger, div.error, div.hint, div.important, div.note, div.tip, div.warning{
font-size:100%;
}
div#images, video{
z-index:0;
}
#slogan {
font-size: 100%;
top: 33px;
}
#portal-globalnav #portaltab-1 a {
text-align: center;
}
#portal-globalnav #portaltab-1 a:hover {
background: #444445;
margin:0;
}
#content {
font-size: 100%;
}
#content a:link, dl.portlet a:link, #content a:visited, dl.portlet a:visited,div.mediaobject a span{
border: medium none !important;
color: #FA8C01 !important;
}
#content .existKeyword a:link, #content .existKeyword a:visited{
color: #FFFFFF !important;
}
#content dl .portletFooter a,#content dl .boutonPlus a {
color:#FFF !important;
}
.MathJax {
font-size:150% !important;
}
#content .orderedlist li {
list-style:decimal;
}
.template-ressource #article-xml hr{
border: 0.5px #ccc solid;
margin-bottom:0.5em;
margin-top:0.7em;
}
#portal-searchbox {
top:127px;
}
input#search-metnav {
border:none;
}
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a706f72746c65742d7477656574 {
float: left;
width: 25%;
}
/* */
@media screen and (min-width : 768px) and (max-width : 1024px) {
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a706f72746c65742d7477656574,
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a612d6c612d756e65 {
width:50% !important;
margin-bottom:2em;
}
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a706f72746c65742d64652d63686f69782d6465732d726573736f75726365732d6c65732d706c75732d76756573 {
width:auto!important;
clear:both;
margin-top:1em;
}
}
@media screen and (max-width : 767px) {
.section-par_theme #portal-columns {
padding-top: 1em;
display: flex;
flex-flow: column-reverse;
}
#slogan,#partenaires,#portal-personaltools,.navigation-button,#portal-globalnav li .submenu,#classif,.resourceKeywords,#portal-personaltools-wrapper {
display:none;
}
#portal-header {
text-align:center;
margin-top:0;
}
.section-accueil #portal-columns,
.section-accueil-2023 #portal-columns {
width:100%;
}
.section-accueil #portal-column-content,
.section-accueil-2023 #portal-column-content {
width:100%;
margin-left:-100%;
}
#portal-logo {
margin-top:0;
display:block !important;
padding:1em 0 0 0;
}
#portal-globalnav li {
float:none;
}
#portal-globalnav li:hover > ul.submenu {
display:none;
}
#portal-searchbox {
position:static;
float:none;
text-align:center;
background:#FA8C01;
padding:0.6em 1em;
margin:0;
}
#content {
font-size:100%;
}
#portlet-nouveautes-du-site dd.portletItem.vignette {
display:block;
width:auto;
}
dd.portletItem div.ImageBg {
display:block;
}
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a61636365732d646972656374,
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a706f72746c65742d64652d63686f69782d6465732d726573736f75726365732d6c65732d706c75732d76756573,
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a612d6c612d756e65,
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a706f72746c65742d7477656574 {
float:none;
width:auto;
}
.section-accueil .collage-last-row .collage-item div.portletWrapper {
display:block;
width:auto;
}
#portlets-footer {
clear:both;
background:#818181;
}
#liens-dgesco, .colonne-footer {
display:block !important;
width:auto;
float:none;
}
#portal-column-content {
margin-left:-95%;
width:90%;
float:none;
}
#portal-column-one {
float:none;
width:auto;
margin-left:-95%;
width:90%;
}
.template-dossiers-view .boite-dossier, .template-dossiers-view .tileItem {
width:auto;
}
#search-exist .listeResults dl {
margin-bottom:2em;
}
div.listingBar {
font-size:100%;
display:table;
}
div.listingBar .next {
display:table-footer-group;
float:none;
}
div.listingBar a {
padding:.8em;
}
div.resultNumber {
display:none;
}
#search-exist .criteresSearch, #search-exist .criteresSearchTheme {
box-shadow:none;
}
}
@media screen and (min-width : 768px) and (max-width : 1024px) {
#content {
font-size:100%;
}
#portal-personaltools-wrapper,#partenaires p {
display:none;
}
#partenaires {
top:10px;
}
#portal-searchbox {
top:60px;
}
input#search-metnav {
border:none;
background:#444445;
padding:0 0.75em;
height:20px;
color:#FFF;
}
input.searchButton {
padding:1px 5px 1px 5px;
background:#FA8C01;
}
#portal-logo {
margin-top:0;
display:block !important;
padding:1em 0 0 0;
}
#portlet-nouveautes-du-site dd.portletItem.vignette {
display:inline-block;
width:46%;
}
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a61636365732d646972656374 {
width:45%;
margin-right:5%;
}
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a612d6c612d756e65 {
width:47%;
}
#portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2f312f310a706f72746c65742d64652d63686f69782d6465732d726573736f75726365732d6c65732d706c75732d76756573 {
float:none;
width:auto;
margin:2%;
}
.section-accueil .collage-last-row .collage-item div.portletWrapper,
.section-accueil-2023 .collage-last-row .collage-item div.portletWrapper {
display:inline-block;
width:49%;
}
#liens-dgesco, .colonne-footer {
display:inline-block;
width:47%;
}
}
.a2a_kit.a2a_kit_size_16:empty{
display:none;
}
.portlet-collection-parutions a span, .portlet-collection-evenements a span {
color:#FA8C01;
}
div.mediaobject audio {
display:block;
margin:0 auto;
}
.portletRss .portletFooter .hiddenStructure {
display:none;
}
dl.portlet.portletRss dd {
display:block;
}
.portletRss .portletHeader {
background:#c3c3c3;
}
.portletRss .portletItem,.portletRss .portletFooter {
background:#eaeaea;
padding:0.5em 1em !important;
}
.portletRss .portletItem .portletItemDetails {
color:#818181;
}
.portletRss  .portletHeader, .portletRss  .portletFooter {
float:none;
}
.portletRss  .portletFooter {
padding-bottom:1em !important;
}
#content .portletRss  .portletHeader a {
color:#FFF !important;
}
#content div#classif li.currentItem{
font-weight:bold;
border:none;
}
/* */
#returnOnTop {
background: None;
color:#fff;
bottom: 5%;
cursor: pointer;
display: none;
filter: alpha(opacity = 50); /* */
opacity: 0.5;
position: fixed;
right: 5%;
width: 35px;
text-align:center;
padding:0;
}
#returnOnTop:hover {
filter: alpha(opacity = 100); /* */
opacity: 1;
}
#htmlCode{
box-shadow: 10px 10px 5px #888888;
display: none;
position: absolute;
top: 3em;
z-index: 10000;
background:#333;
}
p.getHTML,#quitter{
cursor:pointer;
}
#quitter{
display:none;
}
.sommaireViewTileItem {
display:block;
border: 1px dotted #ccc;
margin-top: 8px;
padding: 5px;
overflow: hidden;
}
#sommaireViewBody .sommaireViewLeadImageMini, .sommaireViewThumbImageMini {
float: left;
margin-right: 10px;
width: 200px;
}
#sommaireViewBody .portletItemDetails {
background: #272727 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-size: 70%;
margin: 0 0 4px;
padding: 0.2em 0.5em;}
.sansBorder{
border:none;
margin-top: 0;
padding: 5px;}
.sommaireViewTileItem.sansBorder{
min-height:auto;
border:none;
margin-top: 0;
padding: 5px;
}
.lienplus,#portal-columns p a.lienplus {
background:#FA8C01;
border-bottom: none;
border-radius: 5px 5px 5px 5px;
display: inline-block;
color: #FFFFFF !important;
margin: 5px;
padding: 2px 5px;
}
.lienplus:hover,#portal-columns p a.lienplus:hover {
background:#272727;
border-bottom: 3px solid #000 !important;
}
.portletStaticText.portlet-static-introduction{
background:#eee;
display: block;
width: 100%;
padding: 1em;
margin-left: -1em;
margin-bottom: 1em;
}
#sommaireViewBody .sommaireViewTileItem.physique h3 a{
color:#FA8C01;
}
#sommaireViewBody .sommaireViewTileItem.chimie h3 a,
#content .sommaireViewTileItem.chimie a:link, #content .sommaireViewTileItem.chimie a:visited{
color:#6E0BCA !important;
}
.template-plone-app-collection-interfaces-icollection .portletItemDetails {
background: #272727;
color: #FFFFFF;
display: inline-block;
font-size: 70%;
margin: 0 0 4px 0;
padding: 0.2em 0.5em;
}
.portlet-collection-actualites dd.portletItem p,
.portlet-collection-evenements dd.portletItem p{
display:none;
}
.portlet-collection-actualites dt.portletHeader span{
color:#fa8c01;
}
.template-ressource ul.submenu hr{
margin:0; padding:0;
border:0.5 solid #fff !important;
}
.template-ploneglossary_view .documentDescription{
font-size:20px !important;
font-weight:bold !important;
margin-bottom:1em;
margin-top:1em;
}
.template-ploneglossary_view fieldset{
border:none !important;
border-style:none;
background:#f2dabc;
}
.template-ploneglossary_view #glossary input.searchButton{
background: url('https://culturesciencesphysique.ens-lyon.fr/picto-loupe.png') #fff 1em center no-repeat;
color: white;
padding: .2em 1em .2em 2.2em;
position: relative;
left: -3px;
border:none;
}
#glossary .listeResults img[width="180px"] {
margin: 0 0.7em 0.7em 0;
max-height: 120px !important;
max-width: 120px;
width: auto !important;
}
#glossary .listeResults dd{
margin-bottom:1.5em;
}
.template-newsitem_view #content .documentDescription, .template-newsitem_view #content #description{
font-size:100%;
font-weight:normal;
color:black;
}
#content div#classif ul.show{
display:none;
}
.mi span[style*="font-size: 200%"] {
font-size:100% !important;
font-weight: bold !important;
}
.MathJax .mo {
font-size:70%;
font-weight: bold;
}
#content a.lien-pdf {
background: url(https://culturesciencesphysique.ens-lyon.fr/picto-pdf.png) left center no-repeat;
padding: 0.5em 0.5em 0.5em 20px;
}
.mode-zen #portal-column-one .portlet,.mode-zen .managePortletsLink,.mode-zen #portal-top,.mode-zen #portal-footer-wrapper,.mode-zen .a2a_kit,.mode-zen #returnOnTop,
.mode-zen #edit-bar, .mode-zen #classif, .mode-zen #related-dossier, .mode-zen .resourceKeywords, .mode-zen #portlet-related,.mode-zen #portlets-footer,.mode-zen .portalMessage,.mode-zen .lien-pdf {
display:none;
}
.mode-zen #portal-columns {
width: auto;
left: 0;
}
#portal-column-one,#portal-column-content {
transition: all 0.5s ease-out;
}
.mode-zen.active{
position: absolute;
top: 0;
left: -55px;
}
.mode-zen a,.mode-zen a:active,.mode-zen a:focus,.mode-zen .portlet-dossier {
outline: none !important;
border: 0;
color: #FFF;
}
a.mode-zen > img {
width:40px;
border : 0;
}
.mode-zen #portal-column-one {
width: 3.75%;
}
.mode-zen #portal-column-content {
padding: 0 3em;
box-sizing: border-box;
}
#portal-globalnav li.selected a {
background: #444445;
}
#portal-globalnav li.selected ul.submenu,
#portal-globalnav li.plain ul.submenu {
border: none;
margin-top: 0;
columns: 3;
background: #444445;
color: white;
padding: 1em;
}
ul.submenu li {
float: none !important;
margin: .4em 0;
display: inline-block !important;
width: 100%;
}
ul.submenu hr {
display: none;
}
dl.portalMessage, div.attention, div.caution, div.danger, div.error, div.hint, div.important, div.note, div.tip, div.warning,div.sidebar,div.informaltable {
margin-bottom: 1em;
}
#onglets-searchs {
width: 95%;
height:30px;
border-bottom: solid 1px #CCC;
padding-right: 2px;
margin-top: 30px;
}
#onglets-searchs li {
float:left;
list-style:none;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin-right:5px;
border-top-left-radius:3px;
border-top-right-radius:3px;
outline:none;
}
#onglets-searchs li{
font-weight: bold;
color: #5685bc;;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 8px;
display:block;
background: #FFF;
border-top-left-radius:15px;
border-top-right-radius:15px;
text-decoration:none;
outline:none;
}
#onglets-searchs li.inactive{
padding-top:5px;
padding-bottom:8px;
padding-left: 8px;
padding-right: 8px;
color:#666666;
background: #EEE;
outline:none;
border-bottom: solid 1px #CCC;
}
#onglets-searchs li:hover, #onglets-searchs li.inactive:hover {
cursor:pointer;
color: #5685bc;
outline:none;
}
.container {
clear:both;
width:100%;
/* */
text-align:left;
padding-top: 20px;
}
.container h2 { margin-left: 15px;  margin-right: 15px;  margin-bottom: 10px; color: #5685bc; }
.container p { margin-left: 15px; margin-right: 15px;  margin-top: 10px; margin-bottom: 10px; line-height: 1.3; font-size: small; }
.container ul { margin-left: 25px; font-size: small; line-height: 1.4; list-style-type: disc; }
.container li { padding-bottom: 5px; margin-left: 5px;}
.resultNumber{
margin-top:1em;
margin-bottom:2em;
}
.mode-zen .conteneur-mode-zen {
position: fixed;
top:25px;
}
.conteneur-mode-zen a.mode-zen,.mode-zen .conteneur-mode-zen a.mode-zen :active,.mode-zen .conteneur-mode-zen a:focus {
outline: none !important;
border: 0;
color: #FFF;
}
.conteneur-mode-zen a.mode-zen img {
width:40px;
border : 0;
}
.mode-zen #portal-column-one {
width: 3.75%;
}
.mode-zen #portal-column-content {
margin-left: -95.875%;
width: 94.75%;
}
img[src*="xiti"] {
display: none;
}
#portal-globalnav .plain a {
background:#fa8c01;
color:#FFF;
}
#portal-globalnav .plain a:hover {
background:#444445;
color:#FFF;
}
#portal-globalnav li.plain ul.submenu a {
background:#444445;
color:#FFF!important;
border-color:#444445;
}
#portal-globalnav li.plain ul.submenu a:hover,
#portal-globalnav li.selected ul.submenu a.currentItem{
background: #000!important;
color: #FFF !important;
border-color: #444445;
}
div.blockquote{
display:none;
}
div.blockquoteAuto {
border: 1px solid #A0A0A0;
color: #000;
width: 80%;
margin: 10px auto 0 auto;
padding: 0 10px;
margin-bottom:1em;
}
div.author::before{
content:"Auteur(s) / Autrice(s) :"
}
.template-ressource #bandeau-20-ans{
display:none;
}
#search-exist input.searchButton {
background: url(https://culturesciencesphysique.ens-lyon.fr/fond-recherche.jpg) #fff no-repeat;
border-radius: 0 2px 2px 0;
color: white;
padding: 2px 0px 2px 17px;
box-shadow: none;
text-shadow: none;
border: none;
width: 20px;
height: 25px;
}
.template-searchfacets div.width-1\:4 {
width: 28%;
}
.template-searchfacets div.position-1\:4 {
margin-left: -71%;
}
.template-searchfacets div.width-3\:4 {
width: 71%;
}
#portal-searchfacets {
float: none;
position: relative;
top: 3em;
width: auto;
left: -1em;
margin-bottom: 3em;
background-color: #eee;
padding: 0.5em;
min-width: 25%;
}
#portal-searchfacets dl {
margin: 0.2em 0 1em 0;
}
#portal-searchfacets dt {
white-space: normal !important;
}
div.myFacet{
margin:1em 0;
}
input#search-metnav {
background: #EFEFEF;
height: 27px;
padding: 0 5px;
margin-right: 0;
outline: none;
box-sizing: border-box;
}
#search-exist input.searchButton {
position: relative;
left: -6px;
width: 25px;
border: 2px solid #EFEFEF;
height: 27px;
border-radius: 0 5px 5px 0;
background-position: 30% 50%;
}
input#search-metnav:focus {
border-top: 2px solid black;
border-left: 2px solid black;
border-bottom: 2px solid black;
}
input#search-metnav:focus + input {
border-top: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: none;
}
.section-accueil-2023 .collage-last-row .collage-item div.portletWrapper,
.section-accueil-new .collage-last-row .collage-item div.portletWrapper {
display:table-cell;
width:21% !important;
vertical-align:top;
}
.section-accueil-new #portal-column-content {
background:none;
}
.section-accueil-new #portal-columns {
background:none;
left: 0;
width: auto;
}
.section-accueil-new #portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2d6e65772f312f310a612d6c612d756e65{
float:left;
width: 33%;
margin-left:1%;
}
.section-accueil-new #portletwrapper-636f6c6c6167652e706f72746c65746d616e616765720a636f6e746578740a2f637370687973697175652f6163637565696c2d6e65772f312f310a706f72746c65742d64652d63686f69782d6465732d726573736f75726365732d6c65732d706c75732d76756573{
float:left;
width:65% !important;
}
div.mediaobject img {
max-width: 100%;
}
dd.portletItem a.ImageBg {
display: block;
height: 250px;
}
.ImageBg p {
font-weight: normal;
}
.ImageBg_fond {
background: rgba(129, 129, 129, 0.1);
color: #FFF;
height: 100%;
position: relative;
}
#portlet-nouveautes-du-site dd.portletItem.vignette {
display:inline-block;
width:30%;
vertical-align:top;
padding-bottom:0;
}
#portlet-nouveautes-du-site dd.portletItem.vignette a {
background-size:cover;
}
#portlet-nouveautes-du-site dd.portletItem.vignette .portletImageTitle {
position: absolute;
bottom: 0;
display: block;
width:80%;
margin: 0;
background: #fff;
color: #FA8C01;
padding:10px;
}
#collage div.collage-item dl.portlet.portletNouveautesDuSite {
margin-bottom: 0;
}
dl.portlet-a-redecouvrir{
display:table-cell;
padding:2em;
margin-bottom:2em !important;
}
#content dl.portlet-a-redecouvrir dt.portletHeader{
border-bottom:1px solid #000;
margin-bottom:2em;
padding-bottom:1em;
}
dl.portlet-a-redecouvrir dt.portletHeader span{
color:#000;
}
.portlet-a-redecouvrir #topNews{
width:31%;
display:inline-block;
float:left;
padding-left: 0;
padding-top: 0;
}
#topNews div.ImageBg{
height:200px;
}
.portlet-a-redecouvrir #hasard-items{
width:65%; height:250px;
display:inline-block;
}
dl.portlet.portlet-a-redecouvrir #hasard-items li{
list-style:none !important;
width:46%;
display:inline-flex !important;
vertical-align:top;
margin-bottom: 1.2em;
margin-right: 1em;
}
dl.portlet.portlet-a-redecouvrir #hasard-items li img{
float:left;
clear:both;
width:100px;
max-height:120px;
margin-right:0.5em;
}
}