/* - ++resource++ContentWellPortlets.styles/ContentWellPortlets.css - */
@media all {
/* http://www.ixxi.fr/portal_css/++resource++ContentWellPortlets.styles/ContentWellPortlets.css?original=1 */
.managePortletsAboveLink,
.managePortletsBelowLink,
.manageFooterPortletsLink,
.manageInHeaderPortletsLink,
.managePortletsBelowTitleLink { text-align: center; margin: 0 auto 1em; clear:both;}
.portlet-manager-row .porlet-well_manager { width: 30%; float:left; margin:1%; }
.portlet-manager-row { width:100%; float:left; }
/* */
div.width-1\3a 5 { width:    17.75%; } /* */
div.width-2\3a 5 { width:    37.75%; } /* */
div.width-3\3a 5 { width:    57.75%; } /* */
div.width-4\3a 5 { width:    77.75%; } /* */
div.position-1\3a 5 {margin-left:    -78.875%;} /* */
div.position-2\3a 5 {margin-left:    -58.875%;} /* */
div.position-3\3a 5 {margin-left:    -38.875%;} /* */
div.position-4\3a 5 {margin-left:    -18.875%;} /* */
div.width-1\3a 6 { width:    14.416%; } /* */
div.width-5\3a 6 { width:    81.083%; } /* */
div.position-1\3a 6 {margin-left:    -82.208%;} /* */
div.position-5\3a 6 {margin-left:    -15.542%;} /* */

}


/* - ++resource++fourdigits.portlet.twitter.stylesheets/twitterportlet.css - */
@media screen {
/* http://www.ixxi.fr/portal_css/++resource++fourdigits.portlet.twitter.stylesheets/twitterportlet.css?original=1 */
.portletTwitterPortlet .userPicture {
float:left;
margin-right: 4px;
}
.portletTwitterPortlet .userName,
.portletTwitterPortlet .userLocation {
font-size: 120%;
font-weight: bold;
}
.portletTwitterPortlet .userDescription {
font-style: italic;
}
.portletTwitterPortlet .tweetPicture img {
float:left;
margin-right: 4px;
max-width: 48px;
min-height: 48px;
}

}


/* - ++resource++plone.formwidget.autocomplete/jquery.autocomplete.css - */
@media screen {
/* http://www.ixxi.fr/portal_css/++resource++plone.formwidget.autocomplete/jquery.autocomplete.css?original=1 */
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
font: menu;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('/++resource++plone.formwidget.autocomplete/indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #0A246A;
color: white;
}

}


/* - ++resource++plone.formwidget.contenttree/contenttree.css - */
@media screen {
/* http://www.ixxi.fr/portal_css/++resource++plone.formwidget.contenttree/contenttree.css?original=1 */
.contenttreeWidget {
bottom: 3.5em;
height: auto;
left: 0px;
overflow-y: auto;
margin: 0em 1em;
position: absolute;
right: 0px;
top: 6em;
width: auto;
border: 1px solid #8CACBB;
}
.contenttreeWidget li {
display: block;
padding-left: 1em;
}
.contenttreeWidget .navTreeCurrentItem {
font-weight: bold;
}
.contenttreeWidget .navTreeCurrentItem li {
font-weight: normal;
}
.contenttreeWidget li a {
border-bottom: solid 1px transparent;
}
.contenttreeWidget .navTreeItem a {
border: none;
display: block;
text-decoration: none;
padding-top: 0.2em;
padding-bottom: 0.25em;
}
.contenttreeWidget .navTreeItem a:hover {
outline: 1px dotted #205C90;
}
.contenttreeWidget li.navTreeCurrentItem {
border: none !important;
background-color: transparent;
}
.contenttreeWidget li.navTreeCurrentItem > a,
.contenttreeWidget li.navTreeCurrentItem > a:hover {
border: none;
outline: none;
background-color: #205C90;
color: #fff !important;
}
/* */
* html .contentTreeWidget li.navTreeCurrentItem a,
* html .contentTreeWidget li.navTreeCurrentItem a:hover {
height: 1.6em;
}
.contenttreeWindow {
display: none;
position: fixed;
_position: absolute;
background-color: white;
z-index: 100;
}
.contenttreeWindow h2 {
display: block;
top: 0px;
margin: 0px;
}
.contenttreeWindowHeader {
padding: 1em;
}
.contenttreeWindowActions {
position: absolute;
width: 100%;
top: auto;
bottom: 0px;
padding: 1em;
}
.contenttreeWindowBlocker {
z-index: 99;
width: 100%;
height: 100%;
opacity: 0.4;
background-color: black;
top: 0px;
left: 0px;
position: fixed;
_position: absolute;
_top: expression(eval((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop));
}
.option {
display: block;
}
}


/* - charteens2014.css - */
@media screen {
/* http://www.ixxi.fr/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:#b70072;
border:none;
border-bottom: 3px solid #92005b;
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:#b70072;
color:#FFF;
}
::selection {
background:#b70072;
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 #b70072;
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: -160px;
top: 15px;
}
.lien_accueil:link,.lien_accueil:visited {
position: relative;
left: -82px;
top: 5px;
color: #b70072;
}
.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 #b70072;
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:#b70072;
margin: 4px 2px;
padding:0 1px;
border:2px solid white;
}
#reseaux_sociaux_viewlet a:hover {
background:#92005b;
}
#site_title_viewlet  {
float:right;
clear:right;
text-align: center;
}
#site_title_viewlet a:link,#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:#b70072;
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:#b70072;
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;
}
/* ************************/
#portal-globalnav li#dropdownEns {
position:relative;
}
#dropdownEns #menuEns {
display:none;
position:absolute;
right:0;
top:31px;
background:white;
border:1px solid grey;
z-index:98;
min-width:200px;
}
#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:98;
}
#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:2px;
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;
border-bottom:0;
}
#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:0px;
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(/ixxi/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:#b70072;
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:#b70072;
border:none;
}
#portal-columns #content a:hover, dl.portlet a:hover {
color: #b70072 !important;
border-bottom: 1px solid #b70072 !important;
}
#portal-columns p a:link, dl.portlet p a:link, #portal-columns p a:visited {
border-bottom: 1px solid #DDD;
color: #b70072 !important;
}
#portal-columns p a:hover, dl.portlet p a:hover {
border-bottom: 1px solid #b70072 !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:#b70072 !important;
}
#portal-siteactions li a:hover {
text-decoration:none;
border-bottom: 1px solid #b70072;
}
#portal-columns p a:visited {
color:#b70072 !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 #b70072;
}
#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 #b70072;
}
h3 + h4 {
margin-top:0.8em;
}
#portal-columns .callout {
border-left-color:#b70072;
background:#DDDDDD;
}
#portal-columns-columns .bouton{
padding:0.4em 1.5em;
background:#b70072;
color:white;
border-radius:0.3em;
border-bottom:3px solid #92005b;
white-space: nowrap;
}
#portal-columns .bouton:hover {
background:#92005b;
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, #db0088 33.33%, #b70072 33.33%,
#b70072 66.66%, #92005b 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:#b70072;
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 #b70072;
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;
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:#b70072;
}
.portlet.portletNavigationTree .portletHeader a:after {
display:none !important;
}
.portlet.portletNavigationTree a {
color:#000!important;
}
.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:#92005b !important;
border:none!important;
border-left:4px solid #b70072 !important;
}
dl.portlet ul.navTree .navTreeCurrentItem {
background:none;
border-left:4px solid #b70072 !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;
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;
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 {
color:white;
}
#portal-columns .alt_skin_2 .portlet .portletHeader,
#portal-columns .alt_skin_2 .portlet .portletHeader {
border-bottom:1px dotted #b70072;
}
/* ***********************************/
#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:#db0088;
}
#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:flex;
flex-wrap: wrap;
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;
}
.lienplus,#portal-columns p a.lienplus {
background:#b70072;
border-bottom: 3px solid #92005b;
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;
}
#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;
}
/* ***********************************/
/* ***********************************/
@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;}
#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;}
#site_title_viewlet {
font-size:1.8em;
}
#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;
}
#bande-onglet {
z-index:777;
}
#burger-ens {
display:block!important;
}
body {
position:relative;
left:0px;
-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 .aCacher {
display:block;
}
#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:#b70072;
border-color:#b70072;
}
#edit-bar #content-views a:link,
#content .formTabs a:link,
#edit-bar #content-views a:visited {
color:white;
}
#edit-bar #content-views .selected a:link,
#edit-bar #content-views .selected a:visited {
color:#b70072;
}
#contentActionMenus,
#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
background-color:#b70072;
}
#contentActionMenus dl.actionMenu.activated dd{
border-bottom-color:#b70072;
}
#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%;
}
/* */

}