/* - charteens2014.css - */
@media screen {
/* https://acces.ens-lyon.fr/acces/portal_css/charteens2014.css?original=1 */
/* */
/* */
@font-face {
font-family: 'bebas_neueregular';
src: url('++resource++enslyon.charte2014.fonts/BebasNeue-webfont.eot');
src: url('++resource++enslyon.charte2014.fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('++resource++enslyon.charte2014.fonts/BebasNeue-webfont.woff') format('woff'),
url('++resource++enslyon.charte2014.fonts/BebasNeue-webfont.ttf') format('truetype'),
url('++resource++enslyon.charte2014.fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}
input[type="submit"] {
background:#009DE0;
border:none;
border-bottom: 3px solid #007db3;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
margin: 5px;
padding: 2px 5px;
font-weight:normal;
}
input[type="submit"]:hover {
background:#272727;
border-bottom: 3px solid #000;
cursor:pointer;
}
::-moz-selection {
background:#009DE0;
color:#FFF;
}
::selection {
background:#009DE0;
color:#FFF;
}
hr {
border: 0;
height: 1px;
background: #272727;
background-image: -webkit-linear-gradient(left, #DDDDDD, #272727, #DDDDDD);
background-image: -moz-linear-gradient(left, #DDDDDD, #272727, #DDDDDD);
background-image: -ms-linear-gradient(left, #DDDDDD, #272727, #DDDDDD);
background-image: -o-linear-gradient(left, #DDDDDD, #272727, #DDDDDD);
}
/* ***********************************/
#bande-onglet {
background: url("++resource++enslyon.charte2014.images/onglet.png") no-repeat left bottom #009DE0;
background-size:100%;
width: 3%;
height: 100%;
position: fixed;
max-width: 40px !important;
}
#visual-portal-wrapper {
margin: 0 50px;
}
#trame {
background: url("++resource++enslyon.charte2014.images/trame.jpg") repeat-y white;
width: 3%;
height: 100%;
position: fixed;
right: 0;
max-width: 40px !important;
}
/* */
#burger-ens {
display:none;
max-width:100%;
}
#burger-ens:hover {
cursor:pointer;
}
/* ***********************************/
#portal-logo {
margin: 1em 0;
}
#portal-logo img{
max-width:100%;
}
#portal-logo img:hover {
opacity: .6;
}
#portal-logo[href^="http://www.ens-lyon.fr"] + .lien_accueil:link {
left: 108px;
top: 114px;
}
.lien_accueil:link,.lien_accueil:visited {
position: absolute;
left: 102px;
top: 120px;
color: #009DE0;
}
.lien_accueil:link:hover,.lien_accueil:visited:hover  {
color:#000;
}
#portal-personaltools-wrapper{
float:right;
margin:0 0 0 10px;
}
#portal-personaltools {
background:#DDD;
padding:.5em;
z-index: 4;
}
a#personaltools-login {
color:#999;
}
#portal-languageselector {
background:none;
margin:5px 0 10px 0;
}
#portal-languageselector a {
color:#000;
}
#portal-languageselector li {
margin:0 .2em;
}
#portal-languageselector li.currentLanguage {
position:relative;
}
#portal-languageselector li.currentLanguage a:before {
border-bottom: 4px solid #009DE0;
bottom: 0;
content: "";
height: 1px;
left: 25%;
position: absolute;
top:1.2em;
width: 50%;
}
#reseaux_sociaux_viewlet {
float:right;
margin:5px 0 10px 0;
}
#reseaux_sociaux_viewlet a{
background:#009DE0;
margin: 4px 2px;
padding:0 1px;
border:2px solid white;
}
#reseaux_sociaux_viewlet a:hover {
background:#007db3;
}
#site_title_viewlet  {
float:right;
clear:right;
text-align: center;
}
#site_title_viewlet a,#site_title_viewlet a:visited {
font-size:2.3em;
font-family: 'bebas_neueregular', arial, sans-serif;
font-weight:normal;
letter-spacing: 0.05em;
color:black;
}
#site_title_viewlet strong {
color:#009DE0;
font-weight: normal;
}
#liens_autres {
clear:right;
float:right;
}
#searchGadget,
#nolivesearchGadget {
background: #272727;
border: medium none;
height: 24px;
float: left;
color: white;
padding: 0 .75em;
}
.searchButton {
float: left;
}
.searchSection {
display: none;
}
input.searchField, input.searchButton, select#liens_autres {
-moz-appearance: none;
border-radius:0;
}
::-webkit-input-placeholder { /* */
color:    #fff;
}
:-moz-placeholder { /* */
color:    #fff;
opacity:  1;
}
::-moz-placeholder { /* */
color:    #fff;
opacity:  1;
}
:-ms-input-placeholder { /* */
color:    #fff;
}
#liens_autres {
clear:none;
height:24px;
margin:1.2em 1em;
color:grey;
padding:0 1.5em 0.3em 0.75em ;
-webkit-appearance:none;
-moz-appearance:none;
text-indent: 0.01px;
text-overflow: '';
border: 1px solid #DDD;
background:url(++resource++enslyon.charte2014.images/chevron.jpg)no-repeat right #FFF;
background-position:92% 60%;
max-width: 20em;
}
/* ***********************************/
#portal-globalnav {
background:none;
}
#portal-globalnav li a{
background:none;
text-transform:uppercase;
color: #797979;
font-family: Arial,sans-serif;
text-align: center;
position:relative;
padding:0.8em;
min-width:0;
}
#portal-globalnav li a:hover {
background:none;
color:black;
}
#portal-globalnav .selected a{
background:none;
color:black;
}
#portal-globalnav .selected a:hover{
background:none;
color:black;
}
#portal-globalnav .selected > a:before{
content:"";
display:block;
width:50%;
height:4px;
background:#009DE0;
position:absolute;
bottom:2px;
left:25%;
}
#portal-globalnav a:hover{
background: none;
}
#portal-globalnav a:hover:before,
#portal-globalnav .highlight > a:before{
content:"";
display:block;
width:100%;
height:4px;
background:linear-gradient(to right, white 0%, white 25%, #BBBBBB 25%, #BBBBBB 75%, white 75%, white 100%);
position:absolute;
bottom:2px;
left:0;
z-index:99;
}
.responsiveMenu #portal-globalnav {
padding-bottom:1.5em;
}
/* ************************/
#portal-globalnav li#dropdownEns {
position:relative;
}
#dropdownEns #menuEns {
display:none;
position:absolute;
right:0;
top:21px;
background:white;
border:1px solid grey;
}
#menuEns li{
display:block;
float:none;
}
#menuEns li a {
padding:0.5em;
}
#menuEns a:hover:before,
#dropdownEns .arrow:hover:before{
display:none;
}
#dropdownEns:hover #menuEns,
#dropdownEns #menuEns:hover {
display:block;
z-index:51;
}
#dropdownEns .arrow {
padding:0;
display:inline-block;
height:13px;
width:13px;
background:transparent url("++resource++enslyon.charte2014.images/picto-deroulement.png") center center no-repeat;
top:10px;
padding:8px 12px;
border:1px solid transparent;
z-index:99;
}
#dropdownEns:hover .arrow {
background:transparent url("++resource++enslyon.charte2014.images/picto-deroulement-survol.png") center center no-repeat;
border:1px solid grey;
}
#dropdownEns:hover .arrow:after {
content:"";
display:block;
height:4px;
background:linear-gradient(to right, white 0%, white 25%, #BBBBBB 25%, #BBBBBB 75%, white 75%, white 100%);
position:absolute;
bottom:-1px;
left:0;
right:0;
}
.aCacher {
display:none;
}
/* ************************/
#portal-globalnav > li {
position: relative;
}
#portal-globalnav li > a {
border-top:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
}
#portal-globalnav .submenu {
border:1px solid grey;
top:32px;
}
#portal-globalnav .sub-menu-container:hover,
#portal-globalnav .highlight > a{
border-color:grey;
}
#portal-globalnav .submenu a{
text-transform:none;
color:#797979 !important;
padding:0.5em 1.5em 0.5em 0.8em;
text-align:left;
}
#portal-globalnav .submenu a:before{
display:none;
}
#portal-globalnav .submenu a:hover{
color:black !important;
}
/* **********************/
#tetiere {
position:relative;
background:url(/acces/configuration/fiche-de-configuration-charte-ENS/@@images/tetiere) no-repeat scroll left bottom;
height: 200px;
padding: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#tetiere h2 {
position:relative;
font-family: 'bebas_neueregular', arial, sans-serif;
font-weight:normal;
letter-spacing: 0.05em;
background: white;
padding: .4em .4em .4em .6em;
-webkit-border-radius:0 0 0 .5em;
-moz-border-radius:0 0 0 .5em;
border-radius:0 0 0 .5em;
display: inline;
text-transform: uppercase;
position: relative;
top: 125px;
left: 25px;
color: black;
}
#tetiere h2 strong {
color:#009DE0;
font-weight:normal;
}
#tetiere #logo-udl img{
display:inline-block;
width:25%;
position:absolute;
right:0;
}
#partenaires-wrapper {
background:transparent;
height: 200px;
padding: 0;
overflow:hidden;
}
#logo-udl {
}
#partenaires-wrapper #logo-udl img{
display:inline-block;
width:100%;
}
#partenaires {
}
#partenaires tbody{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
justify-content:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
align-items:center;
height: 200px;
}
#partenaires tr{
display:block;
}
#partenaires td{
padding:0.2em;
text-align:center;
}
#partenaires img{
width:100%;
max-width:100%;
height:100%;
}
#partenaires #prevBtn a {
display:inline-block;
width:20px;
height:20px;
background: url("++resource++enslyon.charte2014.images/chevron-gris-gauche.jpg") no-repeat;
}
#partenaires #nextBtn a {
display:inline-block;
width:20px;
height:20px;
background: url("++resource++enslyon.charte2014.images/chevron-gris-droit.jpg") no-repeat;
}
.template-manage-portlets #zone-identifiante {
display:none;
}
.table-with-udl{
margin:0 auto;
}
#partenaires .table-with-udl tbody{
display:table;
}
/* ***********************************/
#portal-columns a:link, dl.portlet a:link,#portal-columns a:visited {
color:#009DE0;
border:none;
}
#portal-columns #content a:hover, dl.portlet a:hover {
color: #009DE0 !important;
border-bottom: 1px solid #009DE0 !important;
}
#portal-columns p a:link, dl.portlet p a:link, #portal-columns p a:visited {
border-bottom: 1px solid #DDD;
color: #009DE0 !important;
}
#portal-columns p a:hover, dl.portlet p a:hover {
border-bottom: 1px solid #009DE0 !important;
}
.template-folder_contents #portal-columns #content-core dl.portlet a:hover,
.template-folder_contents #portal-columns #content-core a:hover {
border:none !important;
color:black !important;
}
#portal-siteactions {
text-align: right;
}
#portal-siteactions li + li {
border-left: 1px solid #272727;
padding-left: 0.5em;
}
#portal-siteactions li a,#portal-siteactions li a:visited {
color:#009DE0 !important;
}
#portal-siteactions li a:hover {
text-decoration:none;
border-bottom: 1px solid #009DE0;
}
#portal-columns p a:visited {
color:#009DE0 !important;
}
#portal-columns {
padding-top:1em;
}
.documentFirstHeading {
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .05em;
font-weight: normal;
font-size:2.3em;
line-height:1.1em;
}
#content {
font-size:100%;
line-height:1.2em;
}
#content-core {
margin-top:1em;
}
#content h2,
#portal-column-one h2,
#portal-column-two h2 {
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .03em;
font-weight: normal;
font-size:1.5em;
color:black;
padding:0 0 0 10px;
margin-bottom:0.4em;
line-height:1em;
border-left:3px solid #009DE0;
}
#portal-columns ul + h2,
#portal-columns ol + h2 {
margin-top:0.5em;
}
#content h3,
#portal-column-one h3,
#portal-column-two h3 {
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .02em;
font-weight: normal;
font-size:1.4em;
color:black;
padding:0 0 0 10px;
line-height:1em;
border-left:3px solid #999999;
}
#content h4,
#portal-column-one h4,
#portal-column-two h4  {
font-family: arial, sans-serif;
font-weight: bold;
font-size:1em;
color:black;
padding:0 0 0 10px;
border-left:2px solid #009DE0;
}
h3 + h4 {
margin-top:0.8em;
}
#portal-columns .callout {
border-left-color:#009DE0;
background:#DDDDDD;
}
#portal-columns .bouton{
padding:0.4em 1.5em;
background:#009DE0;
color:white;
border-radius:0.3em;
border-bottom:3px solid #007db3;
white-space: nowrap;
}
#portal-columns .bouton:hover {
background:#007db3;
color:white !important;
}
#portal-columns .bouton a:link,
#portal-columns .bouton a:hover,
#portal-columns .bouton a:visited {
color:white !important;
}
#portal-columns table caption {
font-family: 'bebas_neueregular', arial, sans-serif;
font-weight:normal;
letter-spacing: .03em;
font-size:1.1em;
}
/* *********/
#content-core ul.formTabs {
background:none;
border:none;
text-transform:uppercase;
}
#content-core li.formTab a {
color:#25BDFE;
position:relative;
}
#content-core li.formTab a:hover {
color:black !important;
-webkit-transition:color 0.4s ease-in;
transition:color 0.4s ease-in;
}
#content-core .formTab .selected {
font-weight:normal !important;
}
#content-core .formTab a:after {
content:"";
display:block;
width:50%;
height:13%;
position:absolute;
background:white;
left:25%;
}
#content-core .formTab a.selected:after {
background:black;
-webkit-animation:onglet-tab 0.5s ease-in;
-moz-animation:onglet-tab 0.5s ease-in;
animation:onglet-tab 0.5s ease-in;
}
#content .documentDescription, #content #description {
margin:1em 0;
}
/* *****/
.portaltype-enslyon-charte2014-configurationcharte #content table {
border-collapse: separate;
border-spacing:1em;
}
.portaltype-enslyon-charte2014-configurationcharte .couleur-dominante {
background:linear-gradient(90deg, #00bcff 33.33%, #009DE0 33.33%,
#009DE0 66.66%, #007db3 66.66%)
repeat scroll 0% 0% transparent;
padding:0.4em 2em;
color:white;
text-align:center;
}
.portaltype-enslyon-charte2014-configurationcharte .mise-en-forme-texte  {
font-size:1.5em;
font-family: 'bebas_neueregular', arial, sans-serif;
font-weight:normal;
letter-spacing: 0.05em;
}
.portaltype-enslyon-charte2014-configurationcharte .mise-en-forme-texte strong {
color:#009DE0;
font-weight:normal;
}
/* ***********************************/
.portletTopLeft, .portletTopRight {
display:none;
}
dl.portlet  {
margin-bottom:2.5em;
font-size:100%;
}
#portal-columns dl.portlet dt.portletHeader {
background: none;
font-size: 150%;
padding: 0.2em 0;
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .05em;
font-weight: normal;
margin: 0.5em 0;
}
#portal-columns .portletHeader span,
#portal-columns .portletHeader a {
position:relative;
display:inline;
}
#portal-columns .portletHeader span:after,
#portal-columns .portletHeader a:after {
display: block;
border-bottom: 4px solid #009DE0;
bottom: 0;
content: "";
height: 1px;
left: 25%;
position: absolute;
width: 50%;
top:1.2em;
}
#portal-columns .portletHeader.hiddenStructure {
border:none !important;
}
#portal-columns .portletHeader.hiddenStructure a{
color:white !important;
}
#portal-columns dl.portlet dt.portletHeader a:hover {
border:none !important;
}
dl.portlet dd.portletItem {
padding:0.5em 0;
line-height:1.2em;
}
#portal-columns dl.portlet .itemTitle:link,
#portal-columns dl.portlet .itemTitle:visited,
#portal-columns dl.portlet li {
font-weight: normal;
margin:0;
line-height:1.3em;
font-size:1em;
}
.portletItemDetails {
background:#272727;
color: #FFFFFF;
display: inline-block;
font-size: 70%;
margin: 0 0 4px 0;
padding: 0.2em 0.5em;
}
/* **********************************/
.portlet.portletNavigationTree {
background:#F5F5F5;
}
.portlet.portletNavigationTree .portletItem{
padding:0 1em;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
border-bottom:1px solid #DDD;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem:last-child {
border:none;
}
.portlet.portletNavigationTree .portletHeader {
border-bottom:1px dotted #000;
background:transparent;
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .05em;
font-weight: normal;
font-size:1.7em;
padding:0.3em!important;
border-bottom:1px dotted black;
margin:0.5em;
color:#009DE0;
}
.portlet.portletNavigationTree .portletHeader a:after {
display:none !important;
}
.portlet.portletNavigationTree a:link {
color:#000 ;
}
.portlet.portletNavigationTree li a {
padding-left:.5em!important;
background-image:none;
}
#portal-columns .portlet.portletNavigationTree a:hover {
border-bottom:none!important;
}
.portlet.portletNavigationTree li a:hover {
color:#007db3 !important;
border:none!important;
border-left:4px solid #009DE0 !important;
}
dl.portlet ul.navTree .navTreeCurrentItem {
background:none;
border-left:4px solid #009DE0 !important;
margin-left: 1em;
}
/* **********************************/
/* **********************************/
.portletStaticText img {
max-width:100%;
}
/* ***********************************/
.img-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
width:100%;
}
#portal-columns .img-container,#portal-columns .img-container:hover{
border:none !important;
}
.portlet-image-title{
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .05em;
font-weight: normal;
font-size:1.4em;
background:rgba(0, 0, 0, 0.5);
color:white;
padding:0.4em 0.5em;
-webkit-box-flex:0;
-webkit-flex-grow:0;
-ms-flex-positive:0;
flex-grow:0;
}
.portlet-image-description{
opacity:0;
background:white;
color:#000;
padding:4px;
-webkit-transition:0.5s opacity ease-out;
-moz-transition:0.5s opacity ease-out;
transition:0.5s opacity ease-out;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}
dl.portlet-image-ens .portletItem:hover .portlet-image-description{
opacity:1;
}
#portal-columns #content .portlet-image-ens a:hover {
border:none !important;
}
/* ***********************************/
.portletCollectionListe:after {
content:"";
display:block;
clear:both;
}
.portletCollectionENS.portlet-image-ens .portletHeader span{
font-size: 1em;
}
dl.portletCollectionENS dt.portletHeader span:after {
display:none;
}
/* *****************/
dl.portletCollectionListe .title{
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .05em;
font-weight: normal;
font-size:1.7em;
color:white;
margin-right:1em;
}
#portal-columns dl.portletCollectionListe .show-more{
font-family: arial, sans-serif;
color:#cbcbcb ;
display:inline-block;
border-left:1px solid #cbcbcb;
padding-left:0.5em;
font-size:1em;
}
#portal-columns dl.portletCollectionListe .show-more:hover {
color:white !important;
}
.portletCollectionListe .portletItemDate {
display:inline-block;
background:black;
color:white;
font-size:0.7em;
padding:0.2em 0.2em 0.2em 0.4em;
line-height:1em;
vertical-align:top;
}
.portletCollectionListe .portletContent-wrapper {
display:block;
}
.portletCollectionListe .portletItem {
clear:left;
text-align:left;
padding:0;
margin:1em 0;
}
.portletCollectionListe img {
float:left;
display:block;
margin:0 0.5em 0.5em 0;
max-width:20%;
height:auto;
overflow:hidden;
width:120px;
}
.portletCollectionListe .portletItemDescription {
margin:0 0 0 4px;
padding:0;
overflow:hidden;
}
#portal-column-one .portletCollectionListe .portletContent-wrapper,
#portal-column-two .portletCollectionListe .portletContent-wrapper{
display:block;
}
#portal-column-one .portletCollectionListe .portletItem,
#portal-column-two .portletCollectionListe .portletItem {
clear:left;
text-align:left;
padding:0;
margin:1em 0;
}
#portal-column-one .portletCollectionListe img,
#portal-column-two .portletCollectionListe img {
float:left;
display:block;
margin:0 0.5em 0.5em 0;
max-width:100%;
width:30%;
height:auto;
overflow:hidden;
}
.portletCollectionListe .portletItemDescription {
margin:0 0 0 4px;
padding:0;
overflow:hidden;
}
/* ***********************************/
.portletCollectionSlider .bx-caption{
font-size:0.6em;
}
dl.portletCollectionSlider a:link{
border:none;
}
dl.portletCollectionSlider .bx-controls-direction a {
top:50%;
}
/* ***********************************/
.portletCollectionENS .blocItems {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* ***********************************/
#portal-columns .alt_skin_1 .portletHeader span,
#portal-columns .alt_skin_1 .portletHeader a,
#portal-columns .alt_skin_2 .portletHeader span,
#portal-columns .alt_skin_2 .portletHeader a {
position:static;
}
#portal-columns .alt_skin_1 .portletHeader span:after,
#portal-columns .alt_skin_1 .portletHeader a:after,
#portal-columns .alt_skin_2 .portletHeader span:after,
#portal-columns .alt_skin_2 .portletHeader a:after {
display:none;
}
#portal-columns .alt_skin_1 .portlet .portletHeader {
border:none;
background:#272727;
padding:4px 0.3em;
}
.alt_skin_1 .portlet .portletHeader span,
#portal-columns .alt_skin_1 .portletHeader a:link,
#portal-columns .alt_skin_1 .portletNavigationTree .portletHeader a:link,
#portal-columns .alt_skin_1 .portletHeader a:visited {
color:white;
}
#portal-columns .alt_skin_2 .portlet .portletHeader,
#portal-columns .alt_skin_2 .portlet .portletHeader {
border-bottom:1px dotted #009DE0;
}
/* ***********************************/
#portal-footer{
background:#272727;
color:white;
}
#portal-footer:after{
content:"";
display:block;
clear: both;
}
#portal-footer h2{
font-family: 'bebas_neueregular', arial, sans-serif;
letter-spacing: .05em;
font-weight: normal;
font-size:1.8em;
color:white;
}
#portal-footer a:link,
#portal-footer a:visited{
color:#00bcff;
}
#portal-footer .text-multilignes {
margin:0 0 0.6em 0;
}
#portal-footer .text-multilignes span{
display:block;
line-height:1em;
margin:0 0 0.2em 0;
}
#portal-footer #adresse_complete{
display: none;
}
#portal-footer #map{
height:180px;
width:100%;
}
#portal-footer ul {
padding-left:1em;
}
#portal-footer li{
display:list-item;
list-style-type: square;
}
/* ***********************************/
/* ***********************************/
.sommaireViewTileItem{
border: 1px dotted #CCC;
padding:10px;
margin-top: 15px;
}
#sommaireViewBody .tileHeadline {
border-left:none;
}
#sommaireViewBody .sommaireViewLeadImageMini, .sommaireViewThumbImageMini {
float:left;
margin-right: 10px;
}
#sommaireViewBody .tileFooter {
float:right;
padding: 0.3em;
width:15%;
}
/* ***********************************/
.itemsContainer {
margin-top:1em;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.item-vignette{
display:block;
height:200px;
-webkit-background-size:cover!important;
-moz-background-size:cover!important;
-o-background-size:cover!important;
background-size:cover!important;
width:22%;
margin:0.7em 1em;
overflow:hidden;
}
#imageViewBody .tileHeadline {
background:rgba(0,0,0,0.7);
color:#FFF;
line-height:1em;
padding:0.5em;
border-left:none;
}
.item-vignette .description {
background:rgba(255,255,255,1);
color:#000;
padding:0.2em;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
transition:opacity 1s;
opacity:0;
min-height:calc(100% - 2.8em) !important; /**/
margin-top:0;
}
#portal-columns  #content .item-vignette:hover {
border:none !important;
}
.item-vignette:hover .description{
opacity:1;
}
.item-vignette.nodescr .description{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lienplus,#portal-columns p a.lienplus {
background:#009DE0;
border-bottom: 3px solid #007db3;
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;
}
/* ***********************************/
/* ***********************************/
@media screen and (min-width : 1600px) {
body {margin: 0 auto;max-width: 1600px;background:url(++resource++enslyon.charte2014.images/fond-grand-ecran.jpg) repeat-y 50% 0 #DDD;}
#visual-portal-wrapper {background:white;overflow:hidden;margin:0 40px;}
#trame {display:none;}
}
/* ***********************************/
@media screen and (min-width : 768px) and (max-width : 1024px) {
#portal-languageselector,
#portal-personaltools-wrapper,
div.InHeaderPortletManager3{
display:none;
}
#portal-logo {
max-width:10em;
}
#liens_autres {
max-width:10em;
}
#portal-header h1 {top:0.4em;font-size:2em;}
#site_title_viewlet {
float: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#portal-globalnav {margin-top: 1em;}
#portal-header .lien_accueil {left:0 !important;top:160px!important;}
#portal-logo[href^="http://www.ens-lyon.fr"] + .lien_accueil:link {left:0 !important;top:130px!important;}
#reseaux_sociaux_viewlet ~ .lien_accueil {top:190px !important;}
#reseaux_sociaux_viewlet ~ #portal-logo[href^="http://www.ens-lyon.fr"] + .lien_accueil:link {top:160px !important;}
#tetiere {
width:97.875%;
}
#zone-identifiante h2 {display:none;}
#partenaires-wrapper {display:none;}
#portlets-in-header .position-0 {width:100%;}
#portal-column-two {
/* */
}
dl.portletNews dd.portletItem {display:block;width:auto;}
div.sfr-news-info {float:none;width:auto;}
li.retourLigne {position:relative;right:0;}
#portal-columns dl.portletCollectionListe .tile:link,
#portal-columns dl.portletCollectionListe .tile:visited {
font-size:1em;
}
.portletCollectionListe .portletItemDetails{
font-size:0.8em;
}
.itemsContainer {
justify-content: space-around;
}
.item-vignette{
width:40%;
}
}
/* ***********************************/
@media screen and (max-width : 767px) {
#portal-languageselector,
#portal-personaltools-wrapper,
#portal-header h1,
#portal-searchbox,
#site_title_viewlet,
#portal-header #liens_autres,
#reseaux_sociaux_viewlet ,
#partenaires-wrapper
{
display:none;
}
#bande-onglet {
min-width:40px;
}
#tetiere {
width:97.875%;
}
#portal-logo {
text-align:center;
display:block;
float:none;
}
#portal-header {
text-align: center;
}
#portal-header .lien_accueil {
position: static !important;
margin-bottom: 10px !important;
display: block;
}
#bande-onglet {
z-index:777;
}
#burger-ens {
display:block!important;
}
body {
position:relative;
left:10px;
-webkit-transition: left 1s;
transition: left 1s;
}
body.responsiveMenu {
left:200px;
-webkit-transition: left 1s;
transition: left 1s;
}
#portal-globalnav {
width: 200px!important;
height: 100%;
position: fixed!important;
top: 0!important;
right: 0;
bottom: 0;
left: -200px;
-webkit-transition: left 1s;
transition: left 1s;
z-index: 0;
list-style: none;
background: #111;
font-size:60%;
padding-left:1em;
}
body.responsiveMenu #portal-globalnav {
left:8%;
-webkit-transition: left 1s;
transition: left 1s;
}
#portal-globalnav li {
display:block;
float:none;
padding:0;
margin:0;
border:0;
}
#portal-globalnav li.plain.backgroundHighlighted,
#portal-globalnav li.selected.backgroundHighlighted {
border:none!important;
}
#portal-globalnav li a {
padding:0.4em;
text-align:left;
display:inline-block;
max-width:200px;
}
#portal-globalnav a:before {
display:none;
}
#portal-globalnav li > .submenu {
display:none;
}
#portal-globalnav .selected > .submenu {
display:block;
position:static;
border:none;
width:auto;
}
#portal-globalnav .selected > .submenu li{
border:none;
}
#portal-globalnav .highlight > a{
border:none;
}
#portal-globalnav .aCacher.aMontrer {
border:none;
}
body.responsiveMenu[data-globalnav_tel="False"] #portal-globalnav > li {
display:none;
}
body.responsiveMenu[data-globalnav_tel="True"] #portal-globalnav > li,
body.responsiveMenu.section-front-page #portal-globalnav > li{
display:list-item;
}
body.responsiveMenu[data-globalnav_tel="False"] #portal-globalnav > li.selected,
body.responsiveMenu[data-globalnav_tel="False"] #portal-globalnav > li.selected li{
display:list-item;
}
#portal-globalnav #dropdownEns {
display:none;
}
#portal-globalnav .sub-menu-container:hover {
border:none;
}
#zone-identifiante,
#zone-identifiante #tetiere,
#zone-identifiante #partenaires-wrapper,
#zone-identifiante #partenaires tbody {
height:100px;
}
#zone-identifiante h2 {display:none;}
#portlets-in-header .position-0 {width:100%;}
#bande-onglet {width:8%;left:0;bottom:0;}
#trame {display:none;}
#visual-portal-wrapper {margin: 0 5% 0 14%;width:82%;}
dl.portletNews dd.portletItem {display:block;width:auto;}
.template-dossiers-view .item-vignette,
.template-dossiers-view .tileItem,
.dossiers-view .item-vignette,
.dossiers-view .tileItem {
width:auto;
}
#portal-column-one, #portal-column-two, #portal-column-content {
clear:left;
left:0;
margin-left:0;
width:100%;
}
.itemsContainer {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.item-vignette{
width:80%;
}
#content .bouton {
display: inline-block;
white-space: nowrap;
}
#portal-footer div.cell {
clear: left;
margin-left: -100%;
width: 100%;
}
}
/* ***********************************/
#edit-bar,
#content ul.formTabs,
#content-core ul.formTabs,
#edit-bar #content-views {
background:#009DE0;
border-color:#009DE0;
}
#edit-bar #content-views a:link,
#content .formTabs a:link,
#edit-bar #content-views a:visited {
color:white;
}
#edit-bar #content-views a:hover {
border-bottom:none;
color:#009DE0;
}
#edit-bar #content-views .selected a:link,
#edit-bar #content-views .selected a:visited {
color:#009DE0;
}
#contentActionMenus,
#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
background-color:#009DE0;
}
#contentActionMenus dl.actionMenu.activated dd{
border-bottom-color:#009DE0;
}
#contentActionMenus .actionMenuHeader a:hover span{
color:white !important;
}
#portal-columns .managedPortlet .portletHeader span,
#portal-columns .managedPortlet .portletHeader a {
position:static;
}
#portal-columns .managedPortlet .portletHeader span:after,
#portal-columns .managedPortlet .portletHeader a:after {
display:none;
}
.template-usergroup-userprefs table.listing,.template-usergroup-groupprefs table.listing {
display: inline-block;
white-space: nowrap;
overflow-x: scroll;
width: 100%;
}
/* */

}