:root {
  --orange: #D64100;
  --blue: #546E8C;
  --darkblue: #425F7B;
  --grey: #666666;
  --lightgrey: #ededed;
  --footer_orange: #FF550A;
}

#cours legend,
#autre-formation legend,
#parcours legend {
    display: none;
}

body {
    font-family: arial, sans-serif;
    color: #000;
}

.portlet-image-description ul {
    margin-bottom: 0px;
}

.contact-message-form .form-required:after {
    background-image: none;
}

.node--view-mode-full .field--name-field-contact {
    display: none;x
}

a {
    color: var(--blue);
}

@font-face {
    font-family: "bebas_neue";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/bebasneue-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/bebasneue-webfont.woff") format("woff"),
         url("../fonts/bebasneue-webfont.ttf") format("truetype"),
         url("../fonts/bebasneue-webfont.svg#bebas_neue") format("svg");
}

.file {
    display: inline-block; 
    min-height: 16px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

.file--application-pdf {
    background-image: url("../images/application-pdf.png");
    margin-left: 5px;
}

.file--x-office-document {
    background-image: url("../images/x-office-document.png");
    margin-left: 5px;
}




.modal-dialog {
  width: 75%;
}

.modal-body{
    padding:0;
}

/* BA : accessibilité : on cache ce modal-header car le titre y est injecté en h5. On le remplace par .modal-body header */
.modal-header {
   background-color: var(--orange);
   color:  white;
   display:none;
}


.modal-body header{
   background-color: var(--orange);
   color:  white;
   padding:15px;
}

.modal-body h2{
    margin-top:0;
}

.close {
    text-shadow: none;
    opacity: 1;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

button.close-bottom {
    padding: 20px;
}

.close:hover {
    opacity: 1;
    color: #fff;    
}

.close-bottom:hover {
    opacity: 1;
    color: #666;    
}


table * {
  -webkit-box-sizing: unset!important;
     -moz-box-sizing: unset!important;
          box-sizing: unset!important;
}

table *:before,
table * :after {
  -webkit-box-sizing: unset!important;
     -moz-box-sizing: unset!important;
          box-sizing: unset!important;
}

table a,.poste_profil_detail a,.field--name-field-page-mots-cles a,#block-ens-theme-navigationprincipale a,.field__item a {
    color: var(--darkblue);
}


caption {
    color: var(--grey);
}

blockquote:before, blockquote:after {
    color: var(--grey);
}

.select_orange {
    background-color:var(--orange);
}


/*
.view-laboratoires-et-structures-interne  .view-content .view-grouping .view-grouping-content h3 {
  display: block;
  top: 0px;
  left: 0;
  font-size: 36px;
  padding: 25px 35px;
  background-image: linear-gradient(to top, #429ce9 0, #1375b0 100%);
  color: #fff;
  float: left;
  line-height: 0;
  font-weight: 600;
  clip-path: polygon(0 -1%, 100% -1%, calc(100% - 35px) 100%, 0 100%);

}
*/


.view-candidature-admission  .view-header {
    background-color: #efefef;
    font-size: 14px!important;
    padding: 20px;
}

.views-field-field-liens-utiles  h2{
    margin:0;
    border-left: 3px solid var(--orange);
    padding:0 0 0 8px;
    font-size: 24px;
    border-bottom: none;
}

#block-views-block-liens-taxo-block-1 {
    background-color: white;
}

#views-exposed-form-candidature-admission-admission {
    background: #efefef;
    margin-bottom: 1em;
}

.conteneur-navigation:last-of-type:nth-child(3n), .conteneur-navigation:last-of-type:nth-child(3n+1) {
    margin-right: initial;
    margin-left: initial;
}

.view-candidature-admission .portlet-image-description {
    display: inline-block;
    width: 65%;
    vertical-align: top;
    font-size: 16px;
}

.view-candidature-admission .portlet-image-description {
    opacity: 1;
}

.view-candidature-admission .field--name-title {
    font-size: 1.4em;
    color: var(--orange);
}

.view-candidature-admission .image-teaser {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 30% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    font-size: 80%;
}

.cartouche-content-type-absolute {
    bottom: 0;
    position: absolute;
    display: block;
    float: right;
    left: 0;
    background: var(--orange);
    padding: 0.5em;
    color: #fff;
    width: auto;
    opacity: .7;
}

.etat {
    background: black;
    color: #FFFFFF;
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0.2em 0.5em;
}

h1,h2 {
    font-family: "bebas_neue",arial,sans-serif;
    font-weight:normal;
    letter-spacing: 0.05em;
}

.main-content h2 {
    font-size: 26px;
}

#block-navigation h2 {
    font-size: 1.4em;
}

body {
    background: #FFF;
}

body.liens-ensl-actif #page-wrapper {
    left:200px;
    -webkit-transition: left 1s ease 0s;
    transition: left 1s ease 0s;
}

.init * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/* msg vieux IE */
#nasted-ies-msg {
    position:absolute;
    width:400px;
    height:300px;
    z-index:999;
    top:50%;
    left:50%;
    margin-left:-200px;
    margin-top:-200px;
    background:white;
    padding:0 1em;
    border:3px solid black;
    font-size:90%;
}

#nasted-ies-msg h3{
    font-family: 'bebas_neue', arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-align:center;
    margin:0.5em 0 1.5em 0;
    background:var(--orange);
    color:white;
    padding:0.2em 0;
}
a,a.link {
    border:none;
}

a:hover, a:active, a:focus, .link:hover, .link:active, .link:focus {
    border:none;
}

a:focus {
    outline-offset: 3px;
}

#page {
    padding:0 1em;
}

::selection{
  background-color: var(--orange);
  color: white;
}

::-moz-selection {
  background-color: var(--orange);
  color: white;
}

#views-exposed-form-indexation-taxonomy-term-page-1 .col-md-12,
#views-exposed-form-candidature-admission-admission .col-md-12,
#views-exposed-form-laboratoires-et-structures-interne-labos .col-md-12,
#views-exposed-form-taxonomy-term-labo-junior-junior .col-md-12,
#views-exposed-form-collection-taxonomy-term-collection .col-md-12,
#views-exposed-form-vue-masters-new-page-1 .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 20px;
    padding-right: 20px;
}

#bande-onglet {
    background: url("../images/onglet.png") no-repeat scroll left bottom / 100% auto var(--orange);
    height: 100%;
    position: fixed;
    width: 40px;
}

.toolbar-fixed.toolbar-tray-open #bande-onglet {

}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal{
    padding-top: 80px !important;
}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal #bande-onglet {
    height: calc(100% - 80px);
}

.toolbar-fixed.toolbar-vertical {
    padding-top: 39px !important;
}

.toolbar-fixed.toolbar-vertical #bande-onglet,.toolbar-fixed.toolbar-horizontal #bande-onglet {
    height: calc(100% - 39px);
}

.toolbar .toolbar-icon-toggle-vertical {
    color: #000;
}

#liens-ensl {
    position: relative;
    top: 0rem;
    width: 100%;
    text-align: center;
}

.toolbar-fixed.toolbar-vertical #zone-liens,.toolbar-fixed.toolbar-horizontal #zone-liens {
top:63px;

}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal #zone-liens {
top:103px;

}

#liens-ensl a {
  display: block;
  margin:1em 0;
  border: none;
  height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 5px 0 0 5px;
}

#liens-ensl img {
    position: relative;
    top:9px;
}

#zone-liens,.liens-institutionnels,#liens-profils,#liens-outils {
  display: none;
  -webkit-transition: display 1s ease 0s;
  transition: display 1s ease 0s;
}

.liens-institutionnels {
    width: 0%;
}

body.liens-ensl-actif .liens-institutionnels {
    width: auto;
      -webkit-transition: width 1s ease 0s;
  transition: width 1s ease 0s;
}

/* Désactiver l'affichage de la scrollbar des liens de la bande onglet (mais pas la fonctionnalité) */

#zone-liens {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#zone-liens::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

#zone-liens {
  position: fixed;
  width:200px;
  top: 23px;
  bottom: 0;
  padding-left: 15px;
  margin-left: 40px;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 999;
}

#zone-liens h2 {
  color:var(--orange);
  border-left:2px solid var(--orange);
  padding:0 0 0 .5em;
  margin-bottom:.5em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 14px;
}

#zone-liens .liens-institutionnels + .liens-institutionnels span {
    margin-top: 20px;
}

#zone-liens ul {
  padding: 0;
  margin-top:.5em;
  margin-left: -15px;

}


#zone-liens li {
  list-style: none;
  padding: 10px;
  margin-left: 15px;
  background: #ededed;
  border-top: 1px solid white;
}

#zone-liens li:hover {
  background-color: var(--orange);
  margin-left: 0;
  padding-left: 25px;

}

#zone-liens li:hover a {
  color: #fff;
  text-decoration: none;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  -webkit-transition: transform .6s ease 0s;
  transition: transform .6s ease 0s;

}


#zone-liens li a {
  color:var(--grey);
  border: none;
 line-height: 16px;
 font-size: 16px;
display: block;

}

#liste-liens-outils li + li a:after {
    content:  url('../images/picto-cadenas.png');
    margin-left: 5px;
}

#burger-ens {display:none;}

#trame {
    background: url("../images/trame.jpg") repeat-y scroll 0 0 #FFFFFF;
    height: 100%;
    position: fixed;
    right: 0;
    width: 40px;
}

#page-wrapper {
    margin:0 50px;
    position: relative;
    left: 0;
    -webkit-transition: left 1s ease 0s;
    transition: left 1s ease 0s;
}

#header {
    background: none;
    font-family: arial, sans-serif;
}


#block-ens-theme-branding img {
    width: 268px;
}

.site-branding__logo img {
    height: 120px;
}

#header .region-header {
    float: left;
    width: 30%;
    padding-left:0;
}
#header .region-secondary-menu {
    float: right;
    width: 70%;
    text-align: right;
    margin-top:10px;
}

.region-secondary-menu .menu-item a {
    color:#000;
}

#portal-languageselector,
#reseaux_sociaux_viewlet {
    display:inline-block;

}

#portal-languageselector li,
#reseaux_sociaux_viewlet li{
    display:inline-block;
}

#reseaux_sociaux_viewlet li {
    margin-left: 4px;
}

#portal-languageselector {
  display: inline-block;
  margin: 0 0.6em 0 0;
}


#portal-languageselector a {
  color: #000;
  font-size: 12.8px;
  text-decoration: none;
  position: relative;
  margin: 0 0 0 0.6em;
}

#portal-languageselector li.currentLanguage a:before {
    border-bottom: 3px solid var(--orange);
    bottom: 0;
    content: "";
    height: 1px;
    left: 25%;
    position: absolute;
    top: 1.4em;
    width: 50%;
}

#reseaux_sociaux_viewlet {
    margin: 0;
    padding-left: 0;
}


#reseaux_sociaux_viewlet a,.block-general-head-bloc a.lien_reseau_social,
.view-webosphere-departement img {
    background: var(--orange);
    display: block;
    width: 20px;
    height: 20px;
}

.couleur-dominante {
    color:var(--orange);
}

#titre-site {
    color:#000;
}

#titre-site:hover {
    text-decoration: none;
}

#titre-site .couleur-dominante {
    color:var(--orange);
}

#titre-site {
    margin:10px 0 0 0;
    font-family: "bebas_neue",arial,sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size: 36px;
    display: block;
}

.navbar-collapse {
    padding-left: 0;
}

.navbar {
    border:none;
    background: none;
    margin-bottom: 5px;
}

.navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #FFF
}

.navbar-default .navbar-nav>li>a {
    padding-bottom: 8px;
    color: var(--grey);
}

.navbar a.dropdown-toggle,.navbar a.dropdown {
    text-transform: uppercase;
    position: relative;
}

.navbar li:hover a.dropdown-toggle {
    border:1px solid var(--grey);
    z-index:998;
}

.navbar li:hover a.dropdown-toggle:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
    z-index:999;
}

.navbar li.active a.dropdown-toggle,.navbar li.active a.dropdown-toggle:before,.navbar-default .navbar-nav>.active>a:hover{
    color: #000;
    background-color: #FFF;

}

.navbar li.active a.dropdown-toggle:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
    z-index:999;
}


.accessible-megamenu h2 a {
    color: var(--grey) !important;
}

.accessible-megamenu h2 a[aria-current="true"] {
    color: #000 !important;
}

.accessible-megamenu .rubriques a::before {
    border-color: var(--blue) !important;
}

.accessible-megamenu .rubriques a.is-active {
    color: #000 !important;
}
.accessible-megamenu .rubriques a.is-active::before {
    background: #000;
}

.accessible-megamenu > .accessible-megamenu-top-nav-item h2.active a[aria-expanded]::before {

    background: linear-gradient(to right, transparent 0%, transparent 30%, var(--orange) 30%, var(--orange) 70%, transparent 70%, transparent 100%) !important;
}

.accessible-megamenu .accessible-megamenu-panel a {
    color: var(--blue) !important; 
}

.accessible-megamenu-panel-group:not(.rubriques):not(.actualites) div.item > a { 
    display: flex;
}

.accessible-megamenu-panel-group:not(.rubriques):not(.actualites) div.item > a > img { 
    margin-right: 10px;
}

.accessible-megamenu > .accessible-megamenu-top-nav-item a[aria-expanded].open {
    z-index: 666;
    position: relative;
    left: 0 !important;
}


.accessible-megamenu h2, .accessible-megamenu h3, .accessible-megamenu h4 {
    z-index: inherit;
}

.navbar-nav>li>.dropdown-menu.megamenu-content {
    border-color: var(--grey);
    z-index: 997;
    margin-top: -6px;
}

.megamenu .megamenu-content h3 {
    color:var(--orange);
    font-size: 14px;
    text-transform: uppercase;
}

.megamenu .megamenu-content .media-list a {
    color:var(--grey);
}

.megamenu .megamenu-content .carousel-inner a {
    color:#000;
}

.megamenu .megamenu-content .media-list a:hover,.megamenu .megamenu-content .carousel-inner a:hover {
    color:#000;
    text-decoration: none;
}

.megamenu .carousel-inner > .item > a > img {
    max-height: 140px;
    float: left;
    margin-right: 10px;
}

.megamenu .megamenu-content .carousel-inner a

.navbar-default.megamenu .navbar-nav > .open > a {
    background-color: transparent;
}

.actu-list {list-style:square;color:var(--grey);}

.media-list li {margin: .2em 0;}

/*

#########################################
### Zone identifiante (bandeau image) ###
#########################################

*/

.featured-top {
    background: none;
}

body.has-featured-top.path-frontpage .featured-top #block-bandeau > div {
    height: 550px;

}

.featured-top,.accueil-featured-top,.accueil_featured,#main {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    opacity: 1;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

body.survol-menu .featured-top,body.survol-menu .accueil-featured-top,body.survol-menu .accueil_featured,body.survol-menu #main {
     visibility:visible;
     filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
     opacity:.4
}

body.has-featured-top .featured-top {
    padding:0;
    text-align: right;
    text-shadow: none;
}

.featured-top {
    border: none;
    margin-top: 5px;
}

.featured-top .clearfix::after,.featured-top .clearfix::before {
    display: none;
}

body.has-featured-top .featured-top #block-bandeau > div {
    background-size: cover;
    height: 230px;
    position: relative;
}

#block-bandeau  .slogan {
    font-family: 'bebas_neue', 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;
    position: absolute;
    display: table;
    top: 130px;
    left:30px;
    text-shadow: none;
    font-size: 24px;
}

#block-bandeau h2 span {
    color:var(--orange);
}

#block-bandeau .slogan span {
    color:var(--orange);
}

p.titre-rubrique,
span.titre-rubrique {
    color:#FFF;
    background: var(--orange);
    text-shadow: none;
    padding:4px 8px;
    text-transform: uppercase;
    font-size: 14px;
    float: right;
}


#liste-departements,
#liste-laboratoires{
    max-width: 12em;
    min-width: 12em;
}

#liste-laboratoires-bloc {
    max-width: 14em;
    min-width: 14em;
}

#liste-parcours-domaine,
#liste-parcours-type {
    max-width: 100%;
    min-width: 100%;
}

#edit-field-mention-domaine-target-id,
#edit-field-type-de-parcours-target-id {
    max-width: 12em;
    min-width: 12em;
}

.chosen-container#liste_laboratoires_chosen {
    margin-left:5px;
}

.chosen-container {
    border: 2px solid transparent;
}

.chosen-container-active {
    border: 2px solid black;
}

.chosen-container-active.chosen-with-drop {
    border:none;
}

.search-block-form {
    float: right;
    margin-left:5px;
    margin-top: 5px;
}

input.form-search::placeholder {color:#FFF;}
input.form-search::-moz-placeholder {color:#FFF;opacity: 1}
input.form-search:-moz-placeholder {color:#FFF;opacity: 1}

.search-block-form input#edit-keys-search {
    background: #272727;
    border: none;
    color:#FFF;
    font-size: 13px;
    margin: 0;
    padding-left:10px;
    height: 25px;
}

.search-form .form-search {
    padding: 3px;
    margin-right: 0;
}

#edit-submit-search.search-form__submit,
#edit-submit-search.search-form__submit:hover{
    background: #272727 url(../images/boutonrecherche.jpg) no-repeat center;
    border-radius: 0;
    border:none;
    height: 25px;
}


#edit-actions input {
    margin:0;
}

#header .region-secondary-menu .chosen-container {
    text-align: left;
    margin-top: 11px;
}

.select-dropdown {
  position: relative;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  display: inline-block;
  border-radius: 2px;
  height: 24px;
  margin-top: 11px;
  color:black;
  max-width:100%;
}

.sous-bloc-infoplus .select-dropdown {
    width: 100%;
} 

.select-dropdown.form-item{
    float:none;
}

#header .select-dropdown + .select-dropdown {
    margin-left: 5px;
}

.select-dropdown  select {
    font-family: "arial", sans-serif;
    font-size: 13px;
    font-weight: 200;
    max-width: 100%;
    padding: 3px 24px 3px 10px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-dropdown  select:active,.select-dropdown  select:focus {
    box-shadow: none;
}


.select-dropdown select optgroup option:checked {
 background-color: var(--orange) !important;
 color: #fff;
}


.select-dropdown:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 8px;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--grey);
 
}

.select-dropdown label {
    padding-left:0.5em;
}

.select-dropdown select optgroup {
    display:block;
    padding:8px 20px 3px 0; 
    text-align:center;
} 

.select-dropdown select optgroup {
    background:#272727; 
    color:white; 
    font-size:18px; 
    font-variant:small-caps;
}

.select-dropdown select optgroup option,.select-dropdown select option {
    background:#fff; 
    color:#000; 
    font-size:14px; 
    font-variant:small-caps;
    text-align: left;
    padding: 12px 0px 10px 24px;
}

.select-dropdown select option:disabled {

}

.chosen-container .chosen-single,.chosen-container-multi .chosen-choices {
    background: #FFF;
    border-radius: 0;
    border-color: #DDDDDD;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single, {
    background: #FFF;
    border-radius: 0;
    border-color: #DDDDDD;
    box-shadow: 0 4px 5px rgba(0,0,0,.15);

}


.chosen-container .chosen-drop {
    border-color: #DDDDDD;
}

.chosen-container-single .chosen-single,.chosen-container-single .chosen-default {
    color: var(--grey);
}

.chosen-container .chosen-results li.highlighted {
  background: var(--orange);
  color: #fff;
}

#block-accueilzoomsur #liste_parcours_type_chosen {
    margin-top: 5px;
    margin-bottom: 0;
}

.sous-bloc-infoplus .chosen-container-single .chosen-single {
    height: 30px;
    padding-top: 2px;
}

.sous-bloc-infoplus .chosen-container-single .chosen-single div b {
    background-position: 0 4px;
}

.conteneur-navigation-secondaire {
    position: absolute;
    bottom:0;
    right: 0;
}

#block-ens-theme-navigationprincipale {
    display: none;
    background: var(--lightgrey);
    padding: 10px 20px;
}

#block-ens-theme-navigationprincipale h2 {
    margin-top: 0;
}

#block-ens-theme-navigationprincipale ul {
    padding: 0;
}

#block-ens-theme-navigationprincipale  a {
    padding-left: 5px;
}

#block-ens-theme-navigationprincipale  a.active {
    border-left:  2px solid;
    color: black;
}

.navigation-secondaire {
    list-style-type: none;
    background: #FFF;
    display: inline-block;
    margin:0;
    padding:3px 8px;
    float: right;
    clear: right;
    text-align: left;
}


.navigation-secondaire li {
    display: inline;
    padding: 0 10px;
    white-space: nowrap;
}

.navigation-secondaire li a {
    color:var(--grey);
    border: none;
    padding-bottom: 8px;
    text-decoration: none;
    font-size: 14px;
}


.navigation-secondaire li a.is-active {
    color:#000;
    position: relative;
}


.navigation-secondaire li:hover a {
    color:#000;
    position: relative;
}


.navigation-secondaire li:hover a:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}

.navigation-secondaire li a.is-active:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}



.navigation-secondaire-periode {
    list-style-type: none;
    background: #FFF;
    display: inline-block;
    margin:0;
    padding:30px 0px 0px 0px;
    float: none;
    clear: left;
}

.navigation-secondaire-periode li {
    display: inline;
    padding: 0 10px;
}

.navigation-secondaire-periode li a {
    color:var(--grey);
    border: none;
    padding-bottom: 8px;
    text-decoration: none;
    font-size: 14px;
}

.navigation-secondaire-periode li a.is-active {
    color:#000;
    position: relative;

}

.navigation-secondaire-periode li:hover a {
    color:#000;
    position: relative;
}

.navigation-secondaire-periode li:hover a:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}

.navigation-secondaire-periode li a.is-active:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}




.navigation-secondaire-filter {
    list-style-type: none;
    background: #FFF;
    display: inline-block;
    margin:0;
    padding:3px 8px;
    float: right;
    clear: right;
}

.navigation-secondaire-filter li {
    display: inline;
    padding: 0 10px;
}

.navigation-secondaire-filter li a {
    color:var(--grey);
    border: none;
    padding-bottom: 8px;
    text-decoration: none;
    font-size: 14px;
}

.navigation-secondaire-filter li a.is-active {
    color:#000;
    position: relative;
}

.navigation-secondaire-filter li:hover a {
    color:#000;
    position: relative;
}

.navigation-secondaire-filter li:hover a:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--grey) 30%, var(--grey) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}

.navigation-secondaire-filter li a.is-active:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}

ul.megaliste {
    list-style-type:none;
    padding:0 1rem;

}
ul.megaliste  li{
    text-indent: -0.6em;
    padding-left:  1.1em;

}
/*

#########################################
###           Fil d'ariane            ###
#########################################

*/

.breadcrumb {
    background: none;
    margin-bottom: 0;
}

.breadcrumb span {
    background: none;
    color: var(--grey);
}


.breadcrumb ol {
    display: inline;
}

.breadcrumb li:before {
    content: '/';
    color: var(--grey);
}

.breadcrumb a {
    color: var(--grey);
    border: none;
    text-decoration: none;
}

.breadcrumb a[aria-current="page"] {
    color: black;
}


/*

#########################################
###             Onglets               ###
#########################################

*/
.horizontal-tabs {
    border: none;
}

.horizontal-tabs .selected a {
    color:#000;
    border: 0;
    text-align: center;
}

.horizontal-tabs .horizontal-tab-button a {
    border: 0;
    color:var(--grey);
}
.horizontal-tabs .horizontal-tab-button a:hover {
    background: none;
    color:#000;
}

.horizontal-tabs .horizontal-tabs-list {
    background: none;
    border-bottom: 1px solid #DDDDDD;
    border-right: 0;
}

.horizontal-tabs  .horizontal-tab-button,.region-content .horizontal-tabs  .horizontal-tab-button {
    background: none;
    border: 0;
    border-top:3px solid #fff;
    padding-bottom:0;
    margin:0;
}

.horizontal-tabs .horizontal-tab-button.selected {
    border: 1px solid #DDDDDD;
    border-top:3px solid var(--orange);
    border-bottom:none;
    position: relative;
}

.node--unpublished .horizontal-tabs .horizontal-tab-button.selected::after {
    background: #FFF7EC;
}

.node--unpublished .horizontal-tabs .horizontal-tab-button {
    border-top:3px solid #FFF7EC;
}

.node--unpublished .horizontal-tabs .horizontal-tab-button.selected {
    border-top:3px solid var(--orange);
}


.horizontal-tabs .horizontal-tab-button.selected:after {
    content:"";
    display:block;
    width:100%;
    height:4px;
    background:#fff;
    position:absolute;
    bottom:-1px;
    left:0;
}

.horizontal-tabs .horizontal-tabs-list strong {
    font-weight: normal;
}

.horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a {
    padding: 1em;
}

.horizontal-tabs .horizontal-tab-button a:focus {
    border: 2px solid black;
}
/* Bloc départements */


#block-departements {
    padding: 0;
    border: none;
    background: none;
}

#block-parcoursbloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

#block-articlebloc {
        margin-top: 1em;
        padding: 0;
        border: none;
      background: #FFF!important;
}

#block-autresformationbloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

#block-courseannexebloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted p {
    width: 100%;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted .conteneur-select {
    width:  72%;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted .conteneur-bouton {
    width: 23%;
    align-self: flex-end;
    margin-left: 5%;
    margin-bottom: 30px;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted .lien-admission .lien_alt,#block-zoomformationoffreparcours .sous-bloc-infoplus  .text-formatted .lien-admission .lien_alt {
    background-color: #000;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted .lien-admission .lien_alt:focus,#block-zoomformationoffreparcours .sous-bloc-infoplus  .text-formatted .lien-admission .lien_alt:focus {
    border-color: #fff;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted .lien-admission {
    margin-top: 30px;
}

#block-accueilzoomsur .sous-bloc-infoplus  .text-formatted .lien-admission .lien_alt:hover,#block-zoomformationoffreparcours .sous-bloc-infoplus  .text-formatted .lien-admission .lien_alt:hover {
    background-color:#fff;
    color:#000;
}



#block-accueilzoomsur .sous-bloc-zoomsur {
min-height: 310px !important;
}

#block-accueilzoomsur .chosen-container {
    margin-bottom: 10px;
}

#block-zoomformationoffreparcours .chosen-container {
    margin-bottom: 10px;
}


#block-departementbloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}


#block-structurebloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

#block-pagebloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

#block-evenementbloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}



#block-associationbloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

#block-admissionbloc {
        padding: 0;
        border: none;
        background: #FFF!important;
}

.view-vue-revue-depresse h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right,white 0%,white 30%,var(--orange) 30%,var(--orange) 70%,white 70%,white 100%);
    position: absolute;
    bottom: -8px;
    left: 0;
}

.view-vue-revue-depresse h2{
    font-size: 24px;
    position: relative;
    display: inline-block;
    border-bottom: none!important;
}

#block-fluxdagregateur h2,
#block-fluxdagregateur-2 h2,
#block-fluxdagregateur-3 h2,
#block-fluxdagregateur-4 h2,
#block-fluxdagregateur-5 h2,
#block-fluxdagregateur-6 h2
{
    margin:0;
    border-left: 3px solid var(--orange);
    padding:0 0 0 8px;
    font-size: 24px;
    border-bottom: none;
}


#block-fluxdagregateur   .more-link,
#block-fluxdagregateur-2 .more-link,
#block-fluxdagregateur-3 .more-link,
#block-fluxdagregateur-4 .more-link,
#block-fluxdagregateur-5 .more-link,
#block-fluxdagregateur-6 .more-link
 {
  display: none!important;
 }

#bloc-contact-enseignant h2,#bloc-contact-responsable h2,
#bloc-contact h2,#bloc-docs-associes h2,#bloc-liens-utiles h2{
    margin:0;
    border-left: 3px solid var(--orange);
    padding:0 0 0 8px;
    font-size: 24px;
    border-bottom: none;
}

div + #bloc-liens-utiles {
    margin-top: 2em;
}

#bloc-departement a,#bloc-departement a:hover {
    border: none;
    text-decoration: none;
}

.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;
    background-position: 50% 50%;
    width:100%;
    height: 250px;
}

.img-container.vignette-par-defaut {
    background-color: var(--grey);
}



.portlet-image-title{
    font-family: 'bebas_neue', arial, sans-serif;
    letter-spacing: .05em;
    font-weight: normal;
    font-size:1.4em;
    background:rgba(0, 0, 0, 0.6);
    color:white;
    padding:0.4em 0.5em;
    line-height: 1.3em;
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
    -ms-flex-positive:0;
    flex-grow:0;
    margin: 0;
}

.portlet-image-description{
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background:white;
    color:#000;
    font-size: 14px;
    padding:10px;
    -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;
}

.portlet-image-description .label.label-warning{
    background-color:var(--orange);
    margin:0 2px;
    display:inline-block;
}
.img-container {
    border: none;
}

.img-container,.img-container:hover,.img-container:visited,.img-container:focus {
    text-decoration: none;
    border: none;
}

.img-container:hover .portlet-image-description,.img-container:focus .portlet-image-description{
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lienplus,
.node-readmore a,
#edit-submit,
#edit-preview,
#edit-delete {
    background-color:var(--orange);
    background-image: none;
    display: inline-block;
    color: #fff!important;
    margin: 5px 0;
    padding: 0.3em 0.6em;
    font-size: 14px;
    border-radius:0;
    border:2px solid transparent;
}

.node-article-edit-form #edit-submit {
    background:var(--orange);
}

.node-article-edit-form #edit-preview ,.node-article-edit-form #edit-delete {
    background:#000;
}

.node-article-edit-form #edit-preview:hover ,.node-article-edit-form #edit-delete:hover {
    background:var(--orange);
}

.lienplus:hover,
.node-readmore a:hover,
#edit-submit:hover,
#edit-preview:hover,
#edit-delete:hover {
    background-color:#000;
    color:#fff;
    text-decoration: none;
    border: 2px solid #000;
}

.lienplus:focus,
.node-readmore a:focus,
#edit-submit:focus,
#edit-preview:focus,
#edit-delete:focus,
a:focus img {
    border: 2px solid #000;
    outline: none;
    text-decoration: none;
}

#liens-ensl a:focus img {
    border: none;
}


.search-form #edit-submit {
    background-image:url(../images/loupe-recherche.png);
    margin-top: 0;
    height: 28px;
}


/* Accordéons yvette horner  */

.paragraph--type--bp-accordion .panel {
    border: none;
}

.paragraph--type--bp-accordion .panel,.paragraph--type--bp-accordion .panel-heading {
    padding: 0;
    background: var(--blue);
}

.paragraph--type--bp-accordion .panel-heading a {
background: url(../images/picto-accordeon-on.png) 99% 40% no-repeat;
line-height: 25px;
}

.paragraph--type--bp-accordion .panel-heading a[aria-expanded="false"] {
background: url(../images/picto-accordeon-off.png) 99% 40% no-repeat;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="false"]::after {
    display: none;
}

.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"] {
background: url(../images/picto-accordeon-on.png) 99% 40% no-repeat;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"]::after {
    display: none;
}

.btn-primary,.btn-primary.focus, .btn-primary:focus {
    background-color: var(--blue);
    border-color: var(--blue);
    margin-right: 15px;
}

.panel-title a {
    display: block;
    height: 50px;
    color:#FFF;
    padding:10px;
    border:0;
    text-decoration: none;
}

.paragraph--type--bp-accordion .panel-collapse {
    background: white;
}


.paragraph iframe {
    max-width: 100%;
}

/* l'iframe de la fds (a11y)*/
#iframe_fds{
    height:5000px;
    width:100%;
}
.paragraph--type--bp-accordion .panel-title h3,
.paragraph--type--bp-accordion .panel-title h2 {
    font-family: arial,sans-serif;
    margin: 0.5em 0 0.5em 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
}

/************************************************************************/
/****************           BLOC ZOOM SUR           *******************/
/************************************************************************/

.sidebar .block.zoom-sur {
background-color: #d7d7d7;

}

.sidebar .block.zoom-sur  h2 {
    text-shadow: none;
    font-size: 24px;
    margin-bottom: 0;
    display: inline-block;
    width: 80%;
    padding:0;
}

.sidebar .block.zoom-sur  h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
}

.block.zoom-sur .controls-carousel,#carouselBreves .controls-carousel {
    display: inline-block;
    width: 20%;
    float: right;
    margin-bottom:10px;
}

.block.zoom-sur .carousel-control.left,.block.zoom-sur .carousel-control.right,#carouselBreves .carousel-control.left,#carouselBreves .carousel-control.right {
    position: static;
    text-shadow: none;
    width: 17px;
    height: 17px;
    background: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.block.zoom-sur .carousel-control.left,#carouselBreves .carousel-control.left {
    background: url(../images/picto-zoom-gauche.png) left top no-repeat;
}

.block.zoom-sur .carousel-control.right,#carouselBreves .carousel-control.right {
    background: url(../images/picto-zoom-droite.png) left top no-repeat;
}

.block.zoom-sur .carousel-control.left:focus, .block.zoom-sur .carousel-control.left:hover,#carouselBreves .carousel-control.left:focus, #carouselBreves .carousel-control.left:hover {
    background: url(../images/picto-zoom-gauche-noir.png) left top no-repeat;
}


.block.zoom-sur .carousel-control.right:focus, .block.zoom-sur .carousel-control.right:hover,#carouselBreves .carousel-control.right:focus, #carouselBreves .carousel-control.right:hover {
    background: url(../images/picto-zoom-droite-noir.png) left top no-repeat;
}

.sidebar .block.zoom-sur .col-sm-12 {
    padding: 0;
}

.block.zoom-sur .vignette {
    width: 30%;
    float: left;
    margin:0 10px 0 0;
}

.block.zoom-sur .description {
    width: auto;
    float: none;
}

.block.zoom-sur .carousel-indicators {
    display: none;
}

.block.zoom-sur .lienplus {
    margin-bottom: 15px;
}


/************************************************************************/
/***********        BLOC STATIQUES DE SIDEBAR               ************/
/************      (ex. OFFRE-DE-FORMATION/ADMISSIONS        ************/
/************************************************************************/

.sidebar .block-block-content {
    border:none;
    background:transparent;
}
.sidebar .block-block-content h2 {
    border:none;
    border-left: 3px solid var(--orange);
    padding: 0 0 0 8px;
    font-size: 24px;
}
.sidebar .block-block-content p{
    font-size:16px;
    line-height: 1.2;
}
.sidebar .block-block-content .embedded-entity{
    background:var(--orange);

  text-decoration:none;
  outline:0;
  border:none;
  display:block;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom:0.8em;
}
.sidebar .block-block-content .embedded-entity:hover {
  background:black;
}
.sidebar .block-block-content .embedded-entity a {
  padding:1rem 1.5rem;
  color:white;
  border:none;
  text-decoration:none;
  display: block;
}

#bloc-departement,#bloc-docs-associes {
    margin-top:30px;
}

.sidebar .block {
    margin: 0;
}

.sidebar .block .content {
    font-size: 14px;
}

.sidebar .block-block-content .sous-bloc-zoomsur h2 {
    border: none;
}

#sidebar-second {
    margin-top: 1em;
}

#block-offredeformationcpes {
    padding-top:0;
}

.view-offre-de-formation .views-field-name {
  display:none;
}

/************************************************************************/
/************************************************************************/
/****************           PAGE D'ACCUEIL            *******************/
/************************************************************************/
/************************************************************************/

#navigation-secondaire-accueil{
    top:0;
}

#en-images div.item {
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
    background-size:cover !important;
    height: 550px;
    background-position: 50% 50% !important;
}

#en-images div.item.rentree {
    background-position: 0% 50% !important;
}

#en-images div.item.bandeau-texte {
    background-size: contain!important;
    background-repeat: no-repeat!important;
}

#en-images div.item.bandeau-texte.vss1 {
    background-color:var(--orange) !important;
}

#en-images div.item.bandeau-texte.rvj {
    background-color:#008c83 !important;
}

#en-images div.item.bandeau-texte.rvj a {
    display: block;
    width: 100%;
    height: 100%;
}

#en-images div.item.bandeau-texte.vss1:hover,#en-images div.item.bandeau-texte.vss2:hover {
    cursor: pointer;
}

#en-images div.item.bandeau-texte.vss2 {
    background-color:#7eba96 !important;
}

#en-images div.item.bandeau-texte.vaccination {
    background-color:#ef7011 !important;
}


#en-images .zone-slogan {
    background: white;
    border-radius: 0 0 0 2em;
    position: absolute;
    top: 350px;
    left: 40px;
    display: inline-block;
    padding: 20px;
    width: 40%;
    z-index: 667;
}

.carousel-inner > .item.next.left .zone-slogan, .carousel-inner > .item.prev.right .zone-slogan {
    transition: transform 2s ease-in-out 0s
}

#en-images h2 {
    margin: 0;
    text-shadow: none;
    font-size: 30px;
}

#en-images .slogan {
    margin: 0;
    text-shadow: none;
    font-size: 30px;
}

#en-images h2 span {
    color:var(--orange);
}
#en-images .zone-slogan p {
    line-height: 18px;
}

#en-images .carousel-control {
    text-shadow: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 6;
}

#en-images .carousel-control:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#en-images .carousel-control .glyphicon-chevron-left,
#en-images .carousel-control .glyphicon-chevron-right {
    color:var(--orange);
    background: white;
    width: 50px;
    height: 50px;
    font-size: 35px;
    line-height: 1.3;
}

#en-images .carousel-control .glyphicon-chevron-left {
    left: 0;
    margin-left: 0;
}

#en-images .carousel-control .glyphicon-chevron-right {
    right: 0;
    margin-right: 0;
}

#carouselButtons {
    margin-left: 260px;
    position: absolute;
    bottom: 0px;
    z-index: 999;
}

#playButton:hover,#pauseButton:hover {
    color:#fff;
    background:#000;
}

#playButton,#pauseButton {
    border-radius: 0;
    border:0;
    color:#272727;
    width: 30px;
    height: 30px;
    background: white;
}

#playButton[aria-pressed="true"],#pauseButton[aria-pressed="true"] {
    background: #000;
    color:#FFF;
}

#en-images .carousel-indicators {
  bottom: 50px !important;
  left:78%;
  margin:0;
  z-index: 99;
    width: auto;
}

#en-images .carousel-indicators button {
    border-radius: 0;
    background-color: transparent;
    border: 2px solid white;
    width: 15px;
    height: 15px;
    margin:0 5px 0 0;
    padding:0;
    -moz-appearance: none; 
    -webkit-appearance: none;
}

#en-images .carousel-indicators .active {
    background-color: var(--orange);
    border: 2px solid var(--orange);
    width: 15px;
    height: 15px;
}

.link_slider {
    display: block;
    width: 100%;
    height: 100%;
}

/* On cache les éléments d'accessibilité du carousel non nécessaires */
.carousel-tablist-highlight[style*="31998px"] {
  display: none;
}

#en_video,#voeux_2021  {
    overflow: hidden;
}

#en_video,#visiter_le_campus {font-size: 0;}

#visiter_le_campus iframe {
    width: 100%;
    height: 550px;
}

#en_video video,#voeux_2021 video {
  -o-object-fit: cover;
  object-fit: cover;
  height:550px;
  width: 100%;
}

#voeux_2021,#en_video {
    height: 550px;
    position: relative;
}

#voeux_2021:hover,#en_video:hover { cursor: pointer; }

#voeux_2021 img,#en_video img {
    position: absolute;
    margin: 0 calc(50% - 50px);
    display: block;
    top: 200px;
    opacity: 0;
}

#en_video img {opacity: 0;}


.transcript-container {
    width: 350px;
    margin: 0;
    padding: 0 20px;
    background: white;
    min-height: 38px;
    position: absolute;
    top:  0;
    right: 0;
}

.transcript {
    height: 0;
    width: 100%;
    overflow: auto;
    padding: 0 10px;
    font-size: 16px;
    text-align: left;
}
.transcript strong {display: block;}

.transcript h3 {
    font-size: 18px;
    font-weight: bold;
} 

.transcript p {
    margin: 10px 0;
} 

.transcript-container button {
    width: 100%;
    height: 36px;
    font-size:  16px;
    color: var(--orange);
    background: white;
    border: none;
}

#navigation-secondaire-accueil {
    top: -30px;
    border: 0;
    z-index: 99;
    position: relative;
}

#navigation-secondaire-accueil li.active a {
    border: 0;
    background: white;
}

#navigation-secondaire-accueil li a:hover {
    background: none;
}

#navigation-secondaire-accueil li.active  > a:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-1px;
    left:0;
}

#navigation-secondaire-accueil li.active  > a:after {
  content:url(../images/triangle-actif.png);
  position:absolute;
  bottom:36px;
  left:45%;
}

.gm-compass {
    bottom: 50px;
}

/************************************************************************/
/****************               CONTENU               *******************/
/************************************************************************/

.content img {
    margin:.5em;
}

.share_everywhere img {
    margin:.0em;
}

.se-block .block-content .se-container .se-links-container {
    height: 30px;
    bottom: 8px;
}

.se-block .block-content .se-container .se-trigger {
    height: 30px;
}

.block.zoom-sur .vignette img {
    margin:0 !important;
    position: relative;
    z-index: 1000;
}

.content .align-left {
    margin-left: 0em;
}

.content .align-right {
    margin-right:0em;
}

.content .align-center {
    margin-left: auto;
    margin-right:auto;
}

.content figure img {
    margin:0;
}

.content figure {
    margin:.5em;
}

.liste-horizontale {
    margin:0;
    padding:0;
}

.liste-horizontale li {
    list-style-type: none;
    display:inline-block;
}
.inline{
    display:inline;
}

.inline_element{
    display:inline;
}
.liste-horizontale.inline_element.with_separator li{
    padding:0;
}
.liste-horizontale.inline_element.with_separator li:after{
    content:", ";
}
.liste-horizontale.inline_element.with_separator li:last-child:after{
    content:"";
}


.sidebar .region-sidebar-second > div {
    padding: 0;
    margin-bottom: 20px;
}

.region-content .field__item ul:not(.horizontal-tabs-list),
.views-field-field-liens-utiles ul,
#block-evenementbloc ul,
#block-taxoheadbloc--2 ul,
#block-taxoheadbloc ul,
#block-parcoursheadbloc ul,
#block-offrehead ul,
#block-generalheadbloc ul,
.block-block-content ul:not(.nav):not(.chosen-results),
.media ul:not(.horizontal-tabs-list),
.region-sidebar-second ul,
#block-eventssharebloc ul,
#block-eventssharebloc--2 ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.region-content .field__item ul:not(.horizontal-tabs-list) li,
.views-field-field-liens-utiles ul li,
#block-evenementbloc ul li,
#block-taxoheadbloc--2 ul li,
#block-taxoheadbloc ul li,
#block-parcoursheadbloc ul li,
#block-offrehead ul li,
#block-generalheadbloc  ul li,
.block-block-content ul:not(.nav):not(.chosen-results) li,
.media ul:not(.horizontal-tabs-list) li{
  padding-left: 1.1em;
  text-indent: -.6em;
  margin-bottom: 10px;
}

/*
#block-eventssharebloc--2 li,
#block-eventssharebloc li{
  padding-left: 1.1em;
  text-indent: -.6em;
  margin-bottom: 0;
}
*/

.un_parcours_type ul li:before,
.region-content .field__item ul:not(.horizontal-tabs-list) li:before,
.views-field-field-liens-utiles ul li:before,
#block-evenementbloc ul li:before,
#block-taxoheadbloc--2 ul li:before,
#block-taxoheadbloc ul li:before,
#bloc-liens-utiles ul li:before,
#block-parcoursheadbloc ul li:before,
#block-offrehead ul li:before,
#block-generalheadbloc  ul li:before,
.block-block-content ul:not(.nav):not(.chosen-results):not(.horizontal-tabs-list) li:before,
.media ul:not(.horizontal-tabs-list) li:before,
.liste_a_puces li:before,
#content .paragraph--type--bp-simple ul li:before
{
  content: "■";
  color: var(--blue);
  padding-right:10px;
}

#block-admissions ul li:before {
 content: "";
}


.liste_a_puces li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom:0.5rem;
}

/*    liens automatiques vers les videos */
.wrapper_video {
    width: 50%;
    margin:0 auto;
}
#block-accueilavoirecouter .wrapper_video,
#block-accueilavoirecouter iframe,
#block-accueilavoirecouter video,
#block-accueilavoirecouter audio,
#block-accueilavoirecouter .align-center{
    width:100%;
}

#block-accueilavoirecouter iframe {
  border: 0;
}

.video_player{
    max-width:100%;
}

/* affichage du resume (ou accroche le cas echeant) des articles */
#content_resume {
    border: 3px solid #ededed;
    font-size:85%;
    font-style:italic;
    padding:1rem;
}
#content_resume:empty {
    display:none;
}

/* affichage des éléments de type label dans les contenus */

.label {
    font-size: 100%;
}

.field__label {
    margin-right: 10px;
}


.field__label_select {
    margin-right: 10px;
}

.label.label-warning {
    border-radius: 0;
    background-color: var(--blue);
    padding: 4px 6px;

}

.label-alt{
    border-radius: 0;
    background-color: var(--orange);
    padding: 4px 6px;
    color: #fff;
}

.label-alt  a {
    color: #fff;
}
/************************************************************************/
/****************           BLOC A LA UNE             *******************/
/************************************************************************/

.region-accueil-featured-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    width: 100%;
}

#block-accueilalaune {
    order: 1;
    width: 50%
}

#liste-actu {
    order: 3;
    width: 100%
}

#block-accueilzoomsur {
    top: 0px;
    order: 2;
}

.alaune-scnd_thumb {
    display:inline-block;
    width:100%;
}

.alaune-scnd_thumb img {
    width: 100%;
}

.alaune-scnd_thumb .alaune-secondaire {
    display: inline;
}

#block-twitterblock-2 {
    background-color: white;
}

#block-accueilalaune h2,
#block-twitterblock-2 h2,
#block-twitterblock h2,
#block-multimedia h2,
#block-views-block-accueil-agenda-accueil-agenda h2 {
    font-size: 24px;
    position: relative;
    display: inline-block;
    border-bottom: none!important;
}
#block-accueilalaune h2 {
    margin-top: 0;
}

#block-accueilalaune h2:before,
#block-twitterblock-2 h2:before,
#block-twitterblock h2:before,
#block-multimedia h2:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-8px;
    left:0;
}

#block-accueilalaune a h3 {
    color: var(--orange);
    text-transform: uppercase;
    font-size: 18px;
}

#block-accueilalaune a {
    color: #000;
}

#block-accueilalaune .avec_accroche a {
    color: #000;
    position: relative;
    display: block;
}

#liste-actu a {
    color: var(--blue);
}

#block-accueilalaune .content {
    margin-bottom: 10px;
}

#block-accueilalaune .field__label {
    position: absolute;
    bottom: 50px;
    right: 50px;
}

.fond-alaune {
    height: 200px;
    background-size:cover !important;
    background-position:50% 50% !important;
}

.sans_accroche .fond-alaune {
    height: 250px;
}

#block-accueilalaune:hover a,
.alaune-item:hover .alaune-secondaire,
.accueil-agenda-jour:hover a
{
    filter:brightness(0.9);
}

#liste-actu {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

.alaune-item {
    padding: 0;
    margin-top:20px;
    list-style-type: none;
}

.alaune-item:hover {
    cursor:pointer;
}

.alaune-secondaire {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-flow: column;
}
.alaune-item:hover .alaune-secondaire {
    text-decoration:underline;
}
.alaune-secondaire:hover {
    border: none;
}

#liste-actu .col-md-3 {
    width: calc(25% - 30px);
    padding: 0;
    flex-flow: row wrap;
}

#liste-actu .alaune-scnd_title {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color:  var(--blue);
}

#liste-actu .alaune-scnd_title a {
    color: var(--blue);
}


.alaune-scnd_title > span {
    display: block;
}




/************************************************************************/
/****************           BLOC INFOPLUS            *******************/
/************************************************************************/

.sous-bloc-infoplus {
    background: var(--orange);
    color: #FFF;
    padding-bottom: 20px;
}

.sous-bloc-infoplus h2 {
    font-size: 24px;
}

.sous-bloc-zoomsur {
    position: relative;
    margin-top: 8px;
    padding-top: 25px;
}

.sous-bloc-zoomsur:before {
    content:"";
    display:block;
    width:100%;
    height:12px;
    background:linear-gradient(to right, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    top:-8px;
    left:0;
}

.sous-bloc-zoomsur h2 {
    font-size: 24px;
    display: inline-block;
    margin-top: 0;
}


.sous-bloc-zoomsur h3 {
        font-family: 'bebas_neue', arial, sans-serif;
    letter-spacing: .05em;
    font-weight: normal;
    font-size: 24px;
    display: inline-block;
    margin-top: 0;
}

.sous-bloc-zoomsur h4 {
    font-size: 18px;
    margin-top: 0;
}

.sous-bloc-zoomsur div {
    padding: 0;
}


/************************************************************************/
/****************           ACCUEIL : BLOC FLASH INFO           *******************/
/************************************************************************/

#block-views-block-breves-block-1 {
    background: #272727;
    padding: 10px 5px;
    margin-top: 30px;
    overflow: hidden;
}

#block-views-block-breves-block-1 .couleur-dominante {
    color: var(--footer_orange);
}

#block-views-block-breves-block-1 h2 {
    color: #fff;
    font-size: 22px;
    margin: 0;
    display: inline-block;
    padding-right: 10px;
    width: 27%;

}

#block-views-block-breves-block-1 .content {
    margin: 0;
}

#block-views-block-breves-block-1 .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#block-views-block-breves-block-1 #carouselBreves {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-left: 1px solid #FFF;
    flex-grow: 1;
    padding-left: 20px;


}

#carouselBreves .carousel-item {
    color: #fff;
}

#carouselBreves .carousel-inner {
    width: auto;

}

#carouselBreves .controls-carousel {
    width: auto;
    margin-left: auto
}


/************************************************************************/
/****************            ACCUEIL : BLOC ZOOM BAS           *******************/
/************************************************************************/

.ligne-zoom-multimedia {
    padding: 0;
    display: flex;
    justify-content: space-between;
}


/****************    ACCUEIL : BLOC RECHERCHE    *******************/
#block-larecherche {
    padding-left: 0;
    margin-top: 20px;
    width: calc(50% - 15px);

}

#block-larecherche .sous-bloc-infoplus {
    background-color: var(--blue);
}

#block-larecherche .sous-bloc-zoomsur:before {
    background:linear-gradient(to right, var(--blue) 30%, var(--blue) 70%, white 70%, white 100%);

}

/****************    ACCUEIL : BLOC RESSORUCES    *******************/

#block-ressources {
    margin-top: 10px;
}

#block-ressources h2 {
    font-size: 24px;
    color:#fff;
    background: var(--orange);
    padding: 10px 20px;
}

#block-ressources .nav-tabs {
    position: relative;
    top: calc( -3em + 1px);
    left:140px;
    border: 0;
}

#block-ressources .tab-content {
    position: relative;
    top:-55px;
}

#block-ressources .nav-tabs > li > a {
    color: #fff;
    border-radius: 0;
    border: 0;
    padding: 5px 15px 6px 15px;
}

#block-ressources .nav-tabs > li > a:focus {
    color: #000;
}

#block-ressources .nav-tabs > li > a:hover {
    background: #272727;
    color:#fff;

}
#block-ressources .ligne-ressource {
    clear:both;
}
#block-ressources .ligne-ressource h3 {
    font-size: 16px;
    text-transform: uppercase;
}
#block-ressources .ligne-ressource .lien_alt {
    float:right;
}

#block-ressources .nav-tabs > li.active > a {
    color:#000;
    background: #fff
}

#block-ressources .contenu-ressource {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

#block-ressources .vignette-ressource {
    width: 100px;
    margin: 0;
    flex: 0 0 auto;
    max-width: 100%;
    display: block;
}



#block-ressources .texte-ressource {
    text-align: justify;
    padding-left: 10px;
    flex:1 1 auto;
}


#block-ressources .lienplus-wrapper {
    text-align: center;
    margin-top: 0.5em;
    font-family: 'bebas_neue', arial, sans-serif;
}
#block-ressources .lienplus-wrapper .lienplus{
    font-size: 1.5em;
}



/********ONGLETS : A RANGER DANS LA PARTIE CONTENU *************/
#cours .nav-tabs ,
#content .nav-tabs {
    padding-bottom: 0;
}


#page .node--type-course button {
  display:none;
}

#cours .nav-tabs > li > a,
#content .nav-tabs > li > a {
    color: #565656;
    border-radius: 0;
    border: 0;
    padding: 5px 15px 6px 15px;
    border-top:3px solid #fff;
}

#cours .nav-tabs > li.active > a ,
#content .nav-tabs > li.active > a {
    color:#000 !important;
    background: #fff;
    border-left:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    border-top:3px solid var(--orange) !important;
}

#content .node--unpublished .nav-tabs > li.active > a,#content .node--unpublished .nav-tabs > li.active > a:hover {
    background: #FFF7EC;
}

#content .node--unpublished .nav-tabs > li > a,#content .node--unpublished .nav-tabs > li > a:hover  {
    border-top: 3px solid #FFF7EC;
}

#cours .nav-tabs  > li.active > a:hover,
#content .nav-tabs > li.active > a:hover {
    border-top:3px solid var(--orange);
    background: #fff;
}

#cours .nav-tabs > li > a:hover,
#content .nav-tabs > li > a:hover {

    color:#000;
    border-top:3px solid #fff;
    background: none;
}
/******************************* *************/


#block-twitterblock-2,
#block-twitterblock {
    padding-left: 0;
}

#block-twitterblock iframe {
    border:  0;
}

#block-twitterblock-2 h2,
#block-twitterblock h2,
#block-accueilavoirecouter h2 {
    font-size: 24px;
    position: relative;
    display: inline-block;
    margin-top: 0;
}

#block-twitterblock-2 h2:before,
#block-twitterblock h2:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:linear-gradient(to right, white 0%, white 30%, var(--orange) 30%, var(--orange) 70%, white 70%, white 100%);
    position:absolute;
    bottom:-8px;
    left:0;
}



#block-accueilavoirecouter h3 {
    font-size: 2rem;
    margin:0 0 0.3rem 0;
}

#block-accueilavoirecouter {
    padding-right: 0;
    width: calc(50% - 15px);
    background: #000;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 20px 20px 0 200px;
    background: url(../images/fond-avoiraecouter.jpg) 50% 50% #272727;
    background-size: cover;
    background-size: 80%;
    background-position: left bottom;
    background-repeat: no-repeat;
}

#block-accueilavoirecouter .content a {
    color: #fff;
    text-decoration: underline;
}

#block-accueilavoirecouter a.lien_alt {
    background-color: var(--orange);
    text-decoration: none;
}

.path-frontpage #main-wrapper {
    display: none;
}

/************************************************************************/
/***************             BLOC UDL 2020             ******************/
/************************************************************************/

#bouton-udl2020 {
    background: url(../images/fond-udl.png) 50% 50% #272727;
    background-size: cover;
    min-height: 192px;
    padding: 20px;
    border-radius: 0 0 30px 0;
    margin-top: 20px;
}

.logo-udl2020 {
    margin-top: 15px;
    display: block;
}

.lien-udl2020 {
    background: #c88d7d;
    color:#fff;
    padding: 10px;
    position: relative;
    top:20px;
}

.lien-udl2020:hover {
    background: #ededed;
    color: #c88d7d;
    text-decoration: none;
}

/************************************************************************/
/****************             BLOC AGENDA             *******************/
/************************************************************************/
#block-views-block-accueil-agenda-block-1--2,
#block-views-block-accueil-agenda-accueil-agenda {
    margin-top: 35px;
    position: static;
}

#block-views-block-accueil-agenda-block-1--2 h2
#block-views-block-accueil-agenda-accueil-agenda  h2 {
    margin: 0;
    border-left: 3px solid var(--orange);
    padding: 0 0 0 8px;
    font-size: 24px;
    border-bottom: none;
}

#block-views-block-accueil-agenda-block-1--2 h3,
#block-views-block-accueil-agenda-accueil-agenda  h3,.accueil-agenda-jour h3 {
    padding: 10px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 14px;
    width: 100%;
    margin: 0;
    background: rgba(38,38,38,0.7);
    position: absolute;
    z-index: 667;
}

.view-accueil-agenda .view-content ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
}

.accueil-agenda-jour {
    list-style-type: none;
    width: calc(25% - 30px);
    position: relative;
    margin-top: 20px;
}


#block-views-block-accueil-agenda-accueil-agenda .content {
    border-top:  1px solid black;
}

.content .accueil-agenda-jour img {
    margin: 0;
}

#block-views-block-accueil-agenda-block-1--2 .views-field-field-image,
#block-views-block-accueil-agenda-accueil-agenda .views-field-field-image,.accueil-agenda-jour .views-field-field-image {
    width: 100%;
}

#block-views-block-accueil-agenda-block-1--2 .views-field-field-image img,
#block-views-block-accueil-agenda-accueil-agenda  .views-field-field-image img {
    margin:0 !important;
    width: 100%;
}

#block-views-block-accueil-agenda-block-1--2 .views-field-field-image a,
#block-views-block-accueil-agenda-accueil-agenda .views-field-field-image a,.accueil-agenda-jour .views-field-title {
    border: none;
 }

#block-views-block-accueil-agenda-block-1--2 .views-field-title,
#block-views-block-accueil-agenda-accueil-agenda  .views-field-title,.accueil-agenda-jour .views-field-title {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
}

#block-views-block-accueil-agenda-block-1--2 .views-field-title a,
#block-views-block-accueil-agenda-accueil-agenda  .views-field-title a, {
    color: #000;
    border: none;
}

#block-views-block-accueil-agenda-block-1--2 .lien-rubrique a,
#block-views-block-accueil-agenda-accueil-agenda  .lien-rubrique a,
#block-accueilalaune .lien-rubrique a {
    color: var(--grey);
    margin-left: 20px;
}

#block-views-block-accueil-agenda-block-1--2 .lien-rubrique a:hover,
#block-views-block-accueil-agenda-accueil-agenda  .lien-rubrique a:hover,
#block-accueilalaune .lien-rubrique a:hover {
    text-decoration: underline;
}

#block-views-block-accueil-agenda-block-1--2 .views-row ,
#block-views-block-accueil-agenda-accueil-agenda  .views-row {
    margin-top: 15px;
}


.accueil-agenda-jour .field__label:empty {
    display: none;
}

.accueil-agenda-jour div + div + div {
    width: 100%;
}



.accueil-agenda-jour .field__label a {
    color:#fff !important;
}

.accueil-agenda-jour .field__label:after {
    border-color:transparent transparent transparent var(--blue) !important;
}


.field--name-field-admission-discipline ul,
.field--name-field-evenement-mots-cles ul,
.field--name-field-unite-recherche-mots-cles ul,
.field--name-field-parcours-mots-cles ul,
.field--name-field-departement-mots-cles ul,
.field--name-field-autres-formations-mots-cle ul,
.field--name-field__association-mots-cles  ul,
.field--name-field-article-mots-cles ul,
.field--name-field-admission-mots-cles ul,
.field--name-field-page-mots-cles ul,
.field--name-field-vous-etes-etudiant-francai ul,
.field--name-field-vous-etes-etudiant-de-l-ue ul,
.field--name-field-vous-etes-etudiant-non-eur ul,
.field--name-field-complement-et-apres ul {
    display: inline;
    padding-left: 0;
}

.views-field-field-evenement-mots-cles .field__label .ellipsed,
#liste-actu .field__label .ellipsed{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.views-field-field-evenement-mots-cles .field-content.field__label,
#liste-actu .field__label {
    max-width: 95%;
}

/*.accueil-agenda-jour .field__label:hover {
    background-color: #000 !important;
}

.accueil-agenda-jour .field__label:hover a {
    text-decoration: none;
}

.accueil-agenda-jour .field__label:hover:after {
    border-color:transparent transparent transparent #000 !important;
}*/

/************************************************************************/
/****************         BLOC HEADER PARCOURS        *******************/
/************************************************************************/
.titre-parcours {
    display: flex;
}

.titre-parcours h1 {
    font-size: 30px;
    border-left: 3px solid var(--orange);
    margin: 0 5px 20px 0;
    padding: 0 0 0 8px;
    display: inline-block;
    float: left;
}

label[for="edit-field-course-catalogue-target-id"] {
    float: left;
    margin-right: 5px;

}

.tooltip_container {
    padding: 0 10px 10px 10px;
    min-width: 60px;
}

#block-bandeauaccueil .tooltip_container {
    padding: 10px 10px 0 10px;
}

button[data-toggle="tooltip"] {
    border-radius: 16px;
    color:#FFF;
    border: none;
    background: var(--blue);
    display: inline;
    vertical-align: middle;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    /*BA : accessibilité
    width: 16px;
    height: 16px;
    */
    padding:0;
}

button[data-toggle="tooltip"] img {margin:0;}

.label-mention,
.label-master,
.label-agenda,
.label-sigle,
.label-statut,
.label-site,
.field__label {
    color:var(--grey) !important;
    font-weight: normal;
    margin-top: 5px;
    padding: 0;
    position: relative;
    line-height: 16px;
    display: inline-block;
    font-size: 12px;
}
.field__label_select {
    background: var(--orange);
    color: white;
    font-weight: bold;
    padding: 5px 6px;
    position: relative;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;

}

.field__label_select + .field__label_select {
margin-left: 10px;
}

.label-mention,
.label-master,
.label-langue,
.label-agenda,
.label-site {
    margin-top: 10px;
}



.region-accueil-featured-top .field__label,
.views-field-field-evenement-mots-cles .field__label,
.field--name-field-page-mots-cles .field__item,
.field--name-field-article-mots-cles .field__item, 
.field--name-field-page-discipline .field__item,
.field--name-field-evenement-mots-cles .field__item,
.field--name-field-evenement-public .field__item,
.field--name-field-evenement-collection .field__item,
.field--name-field-parcours-mots-cles .field__item,
.node--view-mode-full .field--label-above:not(.field--name-field-evenement-langue) .field__item {
    background-color: var(--lightgrey);
    color:var(--grey) !important;
    border-radius: 20px;
    font-weight: normal;
    margin-top: 5px;
    padding: 10px 14px;
    display: inline-block;
}

.node--view-mode-full #event-bloc-6 .field--label-above:not(.field--name-field-evenement-langue) .field__item {
    background: none !important;
}

.field__label:after {
    display: none;
}

.region-accueil-featured-top .field__label:after {
    border-color:transparent transparent transparent var(--blue) !important;
}


.field--name-field-admission-discipline .field__label,
.field--name-field-admission-discipline .field__item,
.field--name-field-evenement-mots-cles .field__label,
.field--name-field-evenement-mots-cles .field__item,
.field--name-field-unite-recherche-mots-cles .field__label,
.field--name-field-unite-recherche-mots-cles .field__item,
.field--name-field-parcours-mots-cles .field__label,
.field--name-field-parcours-mots-cles .field__item,
.field--name-field-departement-mots-cles .field__label,
.field--name-field-departement-mots-cles .field__item,
.field--name-field-autres-formations-mots-cle .field__label,
.field--name-field-autres-formations-mots-cle .field__item,
.field--name-field__association-mots-cles .field__label,
.field--name-field__association-mots-cles .field__item,
.field--name-field-article-mots-cles .field__label,
.field--name-field-article-mots-cles .field__item,
.field--name-field-admission-mots-cles .field__label,
.field--name-field-admission-mots-cles .field__item,
.field--name-field-page-mots-cles .field__label,
.field--name-field-article-mots-cles .field__label,
.field--name-field-page-mots-cles .field__items,
.field--name-field-article-mots-cles .field__items,
.field--name-field-page-discipline .field__items,
.field--name-field-evenement-mots-cles .field__label,
.field--name-field-evenement-mots-cles .field__items,
.field--name-field-evenement-public .field__label,
.field--name-field-evenement-public .field__items,
.field--name-field-evenement-collection .field__label,
.field--name-field-evenement-collection .field__items,
.field--name-field-parcours-mots-cles .field__label,
.field--name-field-parcours-mots-cles .field__items,
.field--label-above .field__label,
.field--label-above .field__items {
    display: inline;
    padding-left:  0;
}



.node--type-evenement .field__label,.node--type-evenement .field__items {
    padding-left: 0;
    margin-right: 0;
}

.field--name-field-evenement-inscription.field--label-above:not(.field--name-field-evenement-langue) .field__item {
    background: none !important;
    border-radius: 0;
    font-weight: normal;
    margin-top: 5px;
    padding: 10px 14px;
    display: inline-block;
}

.field--name-field-evenement-inscription.field--label-above:not(.field--name-field-evenement-langue) .field__item a {
    background-color:var(--orange);
    display: inline-block;
    color: #fff;
    margin: 5px 0;
    padding: 0.3em 0.6em;
    font-size: 14px;
    border-radius:0;
    border:2px solid transparent;
}

.field--name-field-evenement-inscription.field--label-above:not(.field--name-field-evenement-langue) .field__item a:hover {
    background-color:#000;
    color:#fff;
    text-decoration: none;
    border: 2px solid #000;
}

.field--name-field-evenement-inscription.field--label-above:not(.field--name-field-evenement-langue) .field__item a:focus {
    border: 2px solid #000;
    outline: none;
    text-decoration: none;
}

/*
.region-accueil-featured-top .field__label:hover {
    background-color: #000 !important;
    text-decoration: none;
}

.region-accueil-featured-top .field__label:hover:after {
    border-color:transparent transparent transparent #000 !important;
}

*/

.label-ouvert,.label-langue,.label-domaine {
    color:var(--blue);
    display: block;
}

.label-ouvert {
    background: url(../images/picto-ouvert.png) left 0px no-repeat;
    padding:5px 15px 10px 32px;
}

.label-langue {
    background: url(../images/picto-langue.png) left 4px no-repeat;
    padding:5px 18px 10px 32px;
}


/************************************************************************/
/****************           BLOCS HEADER              *******************/
/************************************************************************/
#block-taxoheadbloc--2,
#block-taxoheadbloc {
    padding-left: 0;
}

#block-generalheadbloc .col-sm-12,#block-taxoheadbloc .col-sm-12,#block-taxoheadbloc--2 .col-sm-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-general-head-bloc a.lien_reseau_social img{
    margin: 0;
}

#block-parcoursheadbloc .content,
#block-generalheadbloc .content,
#block-taxoheadbloc--2 .content,
#block-taxoheadbloc .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#block-generalheadbloc .vignette,
#block-taxoheadbloc--2 .vignette,
#block-taxoheadbloc .vignette,
#block-eventssharebloc--2 .vignette,
#block-eventssharebloc .vignette {
    background-size: cover !important;
    background-position: 50% 50% !important;
    padding:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 150px;
}
/* pour le vocubulaire lieu/salle */
#block-taxoheadbloc--2 .vignette + #adresse_lieu,
#block-taxoheadbloc .vignette + #adresse_lieu {
    margin-left:1rem;
}
#block-taxoheadbloc--2 a.vignette:hover,
#block-taxoheadbloc a.vignette:hover {
    opacity:0.7;
}
#block-generalheadbloc .vignette.logo-structure,
#block-generalheadbloc .vignette.logo-association {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

#block-parcoursheadbloc .vignette {
    background-size: cover !important;
    background-position: 50% 50% !important;
    padding:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 250px;
}

#block-parcoursheadbloc .tags-parcours {
    background: rgba(255,255,255,0.8);
    padding: 1em;
    align-self: flex-end;
    width: 100%;
    opacity: 1;
}

#block-taxoheadbloc--2:last-of-type,
#block-taxoheadbloc:last-of-type { /* pas de zoomsur ?*/
    width: 100%;
}


/************************************************************************/
/****************       PAGE OFFRE DE FORMATION       *******************/
/************************************************************************/

.headblock h1 {
    font-size: 30px;
    border-left: 3px solid var(--orange);
    padding: 0 0 0 8px;
    margin: 0 0 20px 0;
}

#edit-submit-vue-parcours-master-et-mention {
    height: 25px;
}

#edit-submit-vue-parcours-master-et-mention:hover {
    border: none !important;
}

.view-vue-parcours-master-et-mention,
.view-vue-parcours-master {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.un_parcours_idexlyon img {
    margin-left: 0;
    margin-top: 10px;
    width: 75px;
}

.un_parcours:hover , .img-container:hover,.un_parcours:focus , .img-container:focus  {
    background: none !important;
}

.un_parcours:hover .portlet-image-description,.img-container:hover .portlet-image-description,.un_parcours:focus .portlet-image-description,.img-container:focus .portlet-image-description {
    padding: 0;
}

.un_parcours:hover .un_parcours_title.portlet-image-title,.img-container:hover .un_parcours_title.portlet-image-title,.un_parcours:focus .un_parcours_title.portlet-image-title,.img-container:focus .un_parcours_title.portlet-image-title {
    padding: 0; 
    background: none;
    font-size: 14px !important;
    color: black;
    font-family: arial, sans-serif;
    text-transform: uppercase;    
}

.view-vue-parcours-master-et-mention .view-content,
.view-vue-parcours-master .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  justify-content: space-between;
}

.conteneur-parcours2,
.conteneur-parcours {
    width: 32%;
    /*margin-left: 1.5%;
    margin-right: 1.5%;*/
    margin-bottom: 1.1vw;
}
/* pour palier au space-between du conteneur lorsque la ligne ne contient que 2 elements */


.conteneur-parcours2:last-of-type:nth-child(2n),
.conteneur-parcours:last-of-type:nth-child(2n) {
    margin-right: auto;
    margin-left: 2%;
}

.conteneur-parcours2:last-of-type:nth-child(3n),
.conteneur-parcours2:last-of-type:nth-child(3n+1),
.conteneur-parcours:last-of-type:nth-child(3n),
.conteneur-parcours:last-of-type:nth-child(3n+1) {
    margin-right: initial;
    margin-left: initial;
}


.form--inline .form-actions {
    clear: none;
    float: left;
    padding-top: 0;
}

.form--inline .form-actions input {
    border-radius: 0;
    border: 2px solid transparent;
    color: #FFF;
    background: var(--blue);
}

.form--inline .form-actions input:hover {
    background: #272727;
}

.form--inline .form-actions input:focus {
    border: 2px solid black;
    outline: none;
}

.view-filters {

    padding:1em 0;
}

.field--name-field-structures, .field--name-field-parcours-partenaires {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
    border: 1px solid #e0e0e0;

}

.field--name-field-structures  .field__label, .field--name-field-parcours-partenaires .field__label {
    color: #000;
    background: none;
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 30%;
    padding: 20px;
    min-height: 120px;
}

.field--name-field-parcours-partenaires .field__label:after {display: none;}

.field--name-field-structures .field__label:after {display: none;}

.field--name-field-parcours-partenaires .field__label:before {
    content:url(../images/picto-cohabilitation.png);
    display: block;
    text-align: center;
}

#content .field--name-field-parcours-partenaires .field__item {
    background: none;
}

.field--name-field-structures  .field__label:before {
    content:url(../images/picto-cohabilitation.png);
    display: block;
    text-align: center;
}

#content .field--name-field-structures .field__item {
    background: none;
}

.field--name-field-parcours-partenaires .field__items {
    padding: 20px;
    width: 70%;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.field--name-field-structures  .field__items {
    padding: 20px;
    width: 70%;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.field--name-field-parcours-partenaires .field__items a {color: var(--orange);}

.field--name-field-structures .field__items a {color: var(--orange);}

.field--name-field-parcours-partenaires .field__item {
    width: 50%;
    padding:10px;
}

.field--name-field-structures .field__item {
    width: 50%;
    padding:10px;
}

.field--name-field-parcours-discipline,
.field--name-field-article-disciplines,
.field--name-field-agenda-disciplines  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
    border: 1px solid #e0e0e0;
}

.field--name-field-parcours-discipline .field__label,
.field--name-field-article-disciplines .field__label,
.field--name-field-agenda-disciplines .field__label {
    color: #000;
    background: none;
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 30%;
    padding: 20px;
    min-height: 120px;
}

.field--name-field-parcours-discipline .field__label:after,
.field--name-field-article-disciplines .field__label:after,
.field--name-field-agenda-disciplines .field__label:after  {
    display: none;
}

.field--name-field-parcours-discipline .field__label:before,
.field--name-field-article-disciplines .field__label:before,
.field--name-field-agenda-disciplines .field__label:before  {
    content:url(../images/picto-discipline.png);
    display: block;
    text-align: center;
}

#content .field--name-field-parcours-discipline .field__item,
#content .field--name-field-article-disciplines .field__item,
#content .field--name-field-agenda-disciplines .field__item {
    background: none;
}


.field--name-field-parcours-discipline .field__items,
.field--name-field-article-disciplines .field__items,
.field--name-field-agenda-disciplines .field__items  {
    padding: 20px;
    width: 70%;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.field--name-field-parcours-discipline .field__items a,
.field--name-field-article-disciplines .field__items a ,
.field--name-field-agenda-disciplines .field__items a {
    color: var(--orange);
}

.field--name-field-parcours-discipline .field__item,
.field--name-field-article-disciplines .field__item,
.field--name-field-agenda-disciplines .field__item {
    width: 50%;
    padding:10px;
}



.field--name-field-parcours-double-diplome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-top: 30px;
    border: 1px solid #e0e0e0;

}

.field--name-field-parcours-double-diplome .field__label {
    color: #000;
    background: none;
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 30%;
    padding: 20px;
    min-height: 120px;
}

.field--name-field-parcours-double-diplome .field__label:after {display: none;}

.field--name-field-parcours-double-diplome .field__label:before {
    content:url(../images/picto-double-diplome.png);
    display: block;
    text-align: center;
}

#content .field--name-field-parcours-double-diplome .field__item {
    background: none;
}

.field--name-field-parcours-double-diplome .field__items {
    padding: 20px;
    width: 70%;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.field--name-field-parcours-double-diplome .field__items a {color: var(--orange);}

.field--name-field-parcours-double-diplome .field__item {
    width: 50%;
    padding:10px;
}


.block-parcours-bloc p br {margin-bottom: 10px;}


/*************** PROGRAMMES DE PARCOURS (BA) *************/



#content .paragraph--bp-accordion-container ul .ue:before {
    padding-right: 0;
    content:"" ;
}


#content .paragraph--bp-accordion-container ul  .sous_ue:before,
#content .paragraph--bp-accordion-container ul  .sous_ue_helper:before {
    padding-right: 0;
    content:"" ;
}



.field--name-field-code-parcours {
    margin-bottom: 3rem;
}
.node--type-maquette-diplome .panel, 
.node--type-maquette-diplome .paragraph > .paragraph__column {
    margin: 0;
    padding: 0;
}

.modal-content .view-vue-cours-via-maquette {
    overflow: hidden;
}

.paragraph--type--maquette-semestre,
.paragraph--type--maquette-sur-ue,
.paragraph--type--maquette-ue,
.paragraph--type--maquette-sous-ue,
.paragraph--type--maquette-ue,
.paragraph--type--maquette-liste-de-cours,
.paragraph--type--maquette-cours {
    padding-left: 1.5rem;
}
.paragraph--type--maquette-semestre {
    border-left: 1px solid var(--blue);
}
/* BA : je ne vois pas à quoi correspondent ces 2 regles ultra imbriquées et qui ne concernent que les maquettes 
    --> je commente et je remplace par .accordion-heading
.field--name-field-code-parcours > .field__items > .field__item:first-child  h2{
    margin-top: 0;
}
.field--name-field-code-parcours > .field__items > .field__item:not(:last-child){
    margin-bottom: 3rem;
}
*/

/* BA : s'applique aux heading d'accordeon, quelquesoit le niveau de <h> choisi */
.accordion-heading{
    font-size: 14px;
    text-transform:uppercase;
    letter-spacing: 0.1em;
}
.maquette_semestre {
    font-family: 'bebas_neue', arial, sans-serif;
    letter-spacing: .05em;
    font-weight: normal;
    font-size:2.2rem;
}
.liste_de_cours_libelle{
    text-transform: none;
    font-style: italic;
    font-family: arial;
    font-size: 100%;
    margin-bottom: 0;
}

.node--type-maquette-diplome .paragraph--type--maquette-liste-de-cours .liste_de_cours_content:not(.horizontal-tabs-list){
    margin: 0 0 1rem 0;
    border: 2px dashed var(--grey);
    position: relative;
}

.liste_de_cours_content{
    padding: 0.5rem 0.5rem;
}

.paragraph--type--maquette-liste-de-cours .helper {
    position: absolute;
    top: -2rem;
    right: 0;
    font-size: 80%;
}


 .helper {
    position: absolute;
    right: 0;
    font-size: 80%;
}

.paragraph--type--maquette-sous-liste-de-cours {
    margin-bottom: 0.6rem;
}
.sousliste_de_cours_libelle{
    margin: 0.3rem 0 0 0.5rem;
}
.sousliste_de_cours_content{
    padding: 0 1.25rem;
}

.sous_ue_helper{
    background:#EEE;
    border: 2px dashed #BBB;
    display: block;
    margin: 1rem auto;
    width: 3em;
    text-align: center;
    padding: 0.5rem;
}
.node--type-maquette-diplome .encadre_n1{
    background:#BBB;
    color:black;
    padding:0.6rem 1rem;
}
.node--type-maquette-diplome .encadre_n2{
    background:#DDD;
    color:black;
    padding:0.6rem 1rem;
}
.node--type-maquette-diplome .encadre_n3{
    background:#EEE;
    color:black;
    padding:0.6rem 1rem;
    border: 2px dashed #BBB;
}

.encadre_liste_n3 {
    color:black;
    padding:0.6rem 1rem;
    border: 2px dashed #BBB;
}

.encadre_titre_n3 {
  display: block;
    background:#EEE;
    color:black;
    padding:0.4rem 2rem ;
    border: 2px dashed #BBB;

}



.paragraph--type--maquette .paragraph__column > ul > li:before,.paragraph--type--maquette .paragraph__column > ul > li > ul > li:before,.paragraph--type--maquette .encadre_n3:before,.paragraph--type--maquette .conteneur_vide:before {
    display: none;
}

.region-content .paragraph--type--maquette .paragraph__column > ul > li > ul > li  {
    padding: 0px;
}

.paragraph--type--maquette .paragraph__column > ul > li > ul > li h5{
    background: var(--lightgrey);
    padding: 20px;
}


.paragraph--type--maquette .encadre_n3 {
    background: none;

}


/************************************************************************/
/****************       PAGE OFFRE DE COURS       *******************/
/************************************************************************/

.view-offre-de-cours-girofle label[for] {
    display: inline-block;
}
#edit-field-parcours-mention-target-id {
    min-width:18em;
    max-width:18em;
}

.chosen-container-multi::after {
    content: "* Plusieurs choix possibles";
    display: block;
    color: var(--orange);
    margin: 5px;
    font-size: 85%;
}

.view-offre-de-cours-girofle .titre-avec-info {
    display: inline-block;

}

.view-offre-de-cours-girofle h3 {
    font-size: 18px;
    color: var(--grey);

}

.recherche-offre-cours, 
.infos-offre-cours,
.avance-offre-cours {
    background: #efefef;
    margin-bottom: 1em;
    padding:1em;
}

.recherche-offre-cours .form-item, 
.infos-offre-cours .form-item,
.avance-offre-cours .form-item{
    float:none;
}
.view-offre-de-cours-girofle  .tooltip-inner {
    max-width: 350px;
    width: 350px;
}

.view-offre-de-cours-girofle .form--inline .form-item {
    float: none;
}

.view-offre-de-cours-girofle #edit-title,
#edit_nid_chosen,
#edit_field_course_disciplines_target_id_chosen,
#edit_field_course_niveau_target_id_chosen,
#edit_field_course_semestre_target_id_chosen,
#edit_field_course_catalogue_target_id_chosen,
#edit_field_creneau_target_id_chosen,
#edit_field_course_feadep_value_chosen {width:100% !important;}

.field--catalogue {
    margin-top: 1em;
    padding: 1em;
}

.view-offre-de-cours-girofle .chosen-container-single .chosen-single,
.view-offre-de-cours-girofle .chosen-container-single .chosen-default,
.view-offre-de-cours-girofle .chosen-container-multi .chosen-choices {
    color: var(--grey);
    font-size: 14px;
}

.form--inline .form-actions input#edit-reset {
    background: var(--grey);
    margin-left: .5em;
}

.form--inline .form-actions input#edit-reset:hover {
    background: #000;
}

.view-offre-de-cours-girofle .form-actions input {
    font-size: 14px;
    padding: .5em 1em;
}


/************************************************************************/
/**********************       PAGE MEDIA       **************************/
/************************************************************************/


.media .details-wrapper {
    padding:0;
}


tr {
    background: var(--lightgrey)
}


.media table, table.views-table {
    font-size: 16px;
    font-family: Arial, Verdana, sans-serif;
    margin: 0;
    display: block;
    overflow: auto;
}

.media table tbody tr th, table.views-table tbody tr th {
    text-align: center;
}

.media td, table.views-table td {
    padding: 1em;
    vertical-align: top;
}

.media table tr:nth-child(odd),  table.views-table tr:nth-child(even){
  background: #fff;
}

.media .glyphicon-download-alt::before {
    font-family: 'Glyphicons Halflings';
}

table.views-table .glyphicon-ok {
    color: #66CC00;

}

table.views-table .glyphicon-remove {
    color: #CC0000;

}

.media .glyphicon {
    font-family: Arial, Verdana, sans-serif;
}

.media .file {
    background-position: left top;
}

.media .colonne-fiche-de-poste {
    min-width: 140px;
}

.media .colonne-arrete-du-jury {
    min-width: 140px;
}

article.media {
    padding: 0;
    overflow-x: auto;
}


/************************************************************************/
/****************     PAGE INDEXATION  TAXONOMY TERM  *******************/
/************************************************************************/

.taxonomy-term-type-content {
    display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
}
.view-taxonomy-term .view-content h3{
    font-family: 'bebas_neue', arial, sans-serif;
    letter-spacing: .05em;
    font-weight: normal;
    font-size:1.7em;
}
.view-taxonomy-term .conteneur-parcours{
    display:inline-block;
    width:30%;
}



/************************************************************************/
/****************         FORMULAIRES WEBFORM         *******************/
/************************************************************************/

/******.    Inscriptions : syles communs      ******/
.webformens-confirmation{
    text-align: center;
    border: 1px solid black;
    padding: 0.5em 3em;
    margin: 0 auto;
    display: table;
}
.webformens-confirmation .lien_alt{
    margin-top:1em;
}
.webformens-confirmation-title{
    font-family: 'bebas_neue', arial, sans-serif;
    font-size:2.3em;
}
form[class*="webform"] .button{
    border:0;
    border-radius:0;
    padding:0.3em 0.6em;
}
.webform-submission-confirm-form[class*="delete"] #edit-cancel{
    background:black;
    color:white;
}

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label{
    background:#5b88b1;
    color:white;
}
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
    color:white;
}
.webform-options-display-buttons-title {
    white-space: nowrap;
}
.webform-options-display-buttons-label .option-info{
    display:block;
}

.webform-options-display-buttons label.webform-options-display-buttons-label{
    position:relative;
    border-color:#5b88b1 !important;
    overflow:hidden;
}

.webform-options-display-buttons label.webform-options-display-buttons-label div{
    color:var(--grey);
}

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label div{
    color:white;
}
.webform-options-display-buttons label.webform-options-display-buttons-label:hover div{
    border-color:#5b88b1;
    position:relative;
    color:white;
    transition:color 0.16s ease;
}

.webform-options-display-buttons label.webform-options-display-buttons-label:before{
    content:"";
    display:block;
    position:absolute;
    transform:translate(0, -100%);
    left:0;
    right:0;
    bottom:-10px;
    top:0;
    background:#5b88b1;
    }
.webform-options-display-buttons label.webform-options-display-buttons-label:hover:before{
    transform:translate(0, 0);
    transition: transform .16s cubic-bezier(0.4, 0.0, 1, 1);
}







/******.    Specifique Inscription Semaine de la Prévention      ******/

#edit-creneaux-version-checkbox{
    justify-content:center;
}
#edit-creneaux-version-checkbox .webform-options-display-buttons-wrapper{
    flex: 0 0 150px;
}
/*pas super, pour aller à la ligne entre les options DESCARTES et MONOD*/
#edit-creneaux-version-checkbox .webform-options-display-buttons-wrapper:nth-child(6){
    break-after:always;
}
.webform-submission-form input.form-submit:hover, 
.webform-submission-form input.form-submit:focus {
    color: black;
}
#webform-submission-bilans-corporels-individuels-add-form .webform-options-display-buttons-wrapper {
    flex-basis: 30%;
}

/************************************************************************/
/****************                FOOTER               *******************/
/************************************************************************/

.site-footer {
    padding: 0 0 30px;
    background: none;
    font-family: arial, sans-serif;
}

.site-footer .layout-container {
    padding: 0;
}

.site-footer__bottom {
    margin: 0;
    border: none;
}

.site-footer__bottom .region {
    overflow: hidden;
    color: #fff;

}

.region-footer-fifth {
    background: #272727;
}

.region-footer-fifth h2 {
    font-size: 24px;
    color: #fff;
}

.region-footer-fifth a {
    color:var(--footer_orange);
    border: none;
}

.region-footer-fifth .text-multilignes span {
    display: block;
    line-height: 1em;
    margin: 0 0 0.2em 0;
}

.region-footer-fifth ul,.footer-fin ul  {
    list-style-type: none;
    padding-left: 0;
}

.region-footer-fifth li {
    display: block;
}

#plan-ens-de-lyon {
    background: url(../images/plan-ens-de-lyon.jpg) top left no-repeat;
    background-size: contain;
    height: 150px;
    padding: 0;
    margin-bottom: 20px;
}

#logo-udl {
    display: block;
    text-align: center;
    margin-top: 30px;
}

#logo-udl img {
    height: 80px;
}

#logo-chels {
    display: block;
    text-align: center;
    margin-top: 20px;
}

#logo-hrs4r {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-fin {
    margin-top: 5px;
    padding: 0;
    text-align: center;
}

.footer-fin ul {
    margin: 0;
}

.footer-fin li {
    display: inline;
    padding: 0 10px;
}

.footer-fin li + li {
    border-left: 1px solid #272727;

}

.footer-fin a {
    border: none;
    color:#000;
}

.footer-fin li:last-child {
    padding-right: 0;
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: var(--orange) !important;
}

.eu-cookie-compliance-message h2 {
    font-weight: normal;
}

body.eu-cookie-compliance-popup-open .footer-fin, body.eu-cookie-compliance-status-1 .footer-fin {
    height: 90px;
} 

/************************************************************************/
/****************              PAGE AGENDA            *******************/
/************************************************************************/




/*********    LE BLOC DE SELECTION DE LAGENDA ***********/
#block-eventstypebloc--2,
#block-eventstypebloc {
    background: #FFF;
}
#block-eventstypebloc--2 .tab-content,
#block-eventstypebloc .tab-content {
    border: 3px solid var(--lightgrey);
    padding: 0 1rem 0.5rem 1rem;
}
#block-eventstypebloc--2 .nav-tabs,
#block-eventstypebloc .nav-tabs {
    border: 0;
    padding: 0;
    margin:0;
    font-family: 'bebas_neue', arial, sans-serif;
    font-size:2.2rem;
}

#block-eventstypebloc--2 .nav-tabs > li.active > a,
#block-eventstypebloc .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: var(--lightgrey);
    border:0;
}

#block-eventstypebloc--2 .megaliste a,
#block-eventstypebloc .megaliste a{
    padding-left:1rem;
}

#block-eventstypebloc--2 .megaliste .is-active,
#block-eventstypebloc .megaliste .is-active{
    margin-left:-1.9rem;
}

#block-eventstypebloc--2 .megaliste .is-active:before,
#block-eventstypebloc .megaliste .is-active:before{
    content:"\e013";
    font-family: 'Glyphicons Halflings';
}

#block-eventstypebloc--2 .megaliste li:first-child,
#block-eventstypebloc .megaliste li:first-child{
    margin-bottom:1rem;
}
.special_link:link,
.special_link:visited{
    background:black;
    font-size:110%;
    display: block;
    text-align: center;
}

.special_link:hover{
    background:var(--orange);
}

/* en periode de FDS : le lien noir ver l'agenda fds */
.path-frontpage #fds_special_link{
    font-size: 80%;
    border-radius:5px;
    display:inline-block;
    display: none;
    margin-bottom: -1em;
}
/**************************************************************/


.nav-tabs > li > a {
    border-radius: 0;
    border:0;
    color: var(--grey);
}

.node--type-evenement {
    border: 0;
}

.interval {
    margin-top:1em;
    padding: 1em;
    border: 3px solid var(--lightgrey);
    color: #272727;
    text-align: center;
}

.interval:before {
    content: 'Période';
    color: var(--grey);
    float: left;
}

.interval a {
    border:none;
}

.navigation-secondaire-periode {
    text-transform: uppercase;
}

.navigation-secondaire-periode ul {
    padding-left: 0;
}

.navigation-agenda {
    margin-bottom: 20px;
    padding: 1em;
    border: 3px solid var(--lightgrey);
    color: #272727;
}


.navigation-agenda:before {
    content: 'Événements';
    color: var(--grey);
    float: left;
    text-transform: uppercase;
}

.navigation-actualite:before {
    content: 'Actualités';
}


.navigation-agenda li {
    padding: 0 10px;
    list-style-image:none;
}

.navigation-agenda li a {
    color:var(--grey);
    border: none;
    padding-bottom: 8px;
    text-decoration: none;
    font-size: 14px;
}

.navigation-actualite {
    margin-bottom: 20px;
    padding: 1em;
    background: var(--lightgrey);
    color: #272727;
    border-top:1px solid white;
}


.navigation-agenda .glyphicon {
    color: var(--grey);
}

.navigation-agenda a .glyphicon {
    color: #337ab7;
}

#block-navigation .col-sm-4 {
    margin-bottom:15px;
}

/************************************************************************/
/*******               ARTICLE : AFFICHAGE               ******/
/************************************************************************/
.field--name-field-article-collection {
    margin-top:0.42rem;
}


/************************************************************************/
/*******               EVENEMENT : AFFICHAGE               ******/
/************************************************************************/
.block-events-share-block .content .col-sm-12 {
    padding: 0;
    float: none;
}

.block-events-share-block .content .col-sm-12 .col-sm-3 {
    padding: 0;
}

.block-events-share-block .field--name-field-image img {
    margin: 0;
}



/* Taxonomie */

.path-taxonomy #block-ens-theme-content article.col-sm-4 {
    width: 25%;
}


.node--view-mode-teaser {
    border:none;
}

.flex-event {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
       flex-flow: row wrap;
    width: 100%;
}

#event-header-info-wrapper {
    margin-top:4rem;
    display:block;
    column-count:2;
    column-gap : 3rem;
}
#event-header-info-wrapper ul {
    margin:0;
}
#event-header-info-wrapper li {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
               break-inside: avoid-column; /* W3C */
}
#event-header-info-wrapper p {
    margin:0;
}

#event-header-info-wrapper > .field{
    display:block;
    margin-bottom:0.5rem;
}

#event-header-info-wrapper .field__label {
    padding-left: 0;
}

#block-eventssharebloc--2 .vignette,
#block-eventssharebloc .vignette {
    display: block;
}

#block-eventssharebloc--2 .field--name-field-evenement-complet,
#block-eventssharebloc .field--name-field-evenement-complet {
    width: 100%;
    text-align: center;
    padding:.5em;
    background: var(--blue);
    color: #fff;
    text-transform: uppercase;
}
#block-eventssharebloc--2 .field--name-field-evenement-complet:empty,
#block-eventssharebloc .field--name-field-evenement-complet:empty {
    display:none;
}
#block-eventssharebloc--2 .field--name-field-evenement-type,
#block-eventssharebloc .field--name-field-evenement-type {
    position: absolute;
    bottom:0;
    right:0;
    margin: 0;
    text-align: right;
}

#block-eventssharebloc--2 .field--name-field-evenement-type .field__item,
#block-eventssharebloc .field--name-field-evenement-type .field__item {
    margin-top: 1px;
}

#block-eventssharebloc--2 .field--name-field-evenement-type .field__item a ,
#block-eventssharebloc .field--name-field-evenement-type .field__item a {
    background: var(--orange);
    color: #FFF;
    padding:.5em;
    display: inline-block;
    text-decoration: none;
}

.field--name-field-evenement-lieu,
.field--name-field-field-evenement-lieu-ens p,
.field--name-field-evenement-partenaire-int,
.field--name-field-evenement-ss-enslyon,
.field--name-field-evenement-partenaire {
    margin-bottom: 0;
}

.field--name-field-evenement-lieu .field__item:before,
.field--name-field-evenement-partenaire-int .field__item:before,
.field--name-field-evenement-ss-enslyon .field__item:before,
.field--name-field-evenement-partenaire .field__item:before,
.field--name-field-evenement-langue .field__item:before,
.field--name-field-evenement-liens-utiles .field__item:before{
  content: "■";
  color: var(--blue);
  padding-right:10px;
}

.field--name-field-evenement-langue .field__label {
    font-size: 12px;
    font-weight: bold;
}

/*pour afficher le tarif et le detail sur la meme ligne*/
.field--name-field-evenement-tarif,
.field--name-field-evenement-tarif-detail,
.field--name-field-evenement-tarif-detail .field__item{
    display:inline;
}

.field--name-field-evenement-tarif {
    padding-left:  0;
    font-size: 100%;
    color:  black!important;
    font-weight: bold;
}
#event-bloc-2 {
    margin-bottom:.5em;
}
.field--name-field-evenement-tarif-detail{
    font-weight:bold;
}

.field--type-entity-reference {
    font-family: arial, sans-serif;
}

/************************************************************************/
/****************         RESULTAT DE RECHERCHE       *******************/
/************************************************************************/
.path-search #search-form{
    font-size:1.8rem;
}
.path-search #edit-keys {
    font-size:1.4rem;
}
.path-search #edit-help-link {
    font-size:1.4rem;
}

.path-search #content{
    margin-left:1.2rem;
}

.path-search .search-result__title{
    font-size:1.5rem;
    margin-bottom:0.5rem;
}
.path-search .search-result__title a{
    color:black;
}
.path-search .search-result__snippet strong{
    color:var(--orange);
}
.path-search .search-result__info {
    display:none;
}
/************************************************************************/
/************************************************************************/
/**************************   ANNUAIRE    *******************************/
/************************************************************************/
/************************************************************************/



.view-annuaire .view-content h3 {
    font-family: 'bebas_neue', arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size:1.8rem;
    margin:1.7rem 0 0.3rem 0;
}
.view-annuaire .view-content .personnel_nom_prenom{
    font-size:2rem;
}

/************************************************************************/
/*******                      FICHE PERSONNEL                      ******/
/************************************************************************/
.node--type-personnel.node--view-mode-full .field--name-field-civilite,
.node--type-personnel.node--view-mode-full .field--name-field-nom,
.node--type-personnel.node--view-mode-full .field--name-field-prenom,
.node--type-personnel.node--view-mode-full .field__label,
.node--type-personnel.node--view-mode-full .field__item {
    display:inline;
}

.node--type-personnel.node--view-mode-full .field__label{
    margin-right:2rem;
}

.node--type-personnel.node--view-mode-full .field{
    margin-top: .5em;
}

.node--type-personnel.node--view-mode-full .personnel_service {
    font-family: 'bebas_neue', arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size:1.6rem;
}

/************************************************************************/
/****************         RECRUTEMENT       *******************/
/************************************************************************/

.poste_profil_detail {
  background: var(--lightgrey);
  margin: 20px 0;
  padding: 20px;
}

.dossier_candidature,
.poste_profil_file,
.avis-recrutement,
.poste_arrete_file {
  padding: 0px;
}


.field--name-field-intitule-du-poste .field__item {
      font-family: 'bebas_neue', arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size:2.1rem;
    color:black;
    padding-bottom:0;
}

.poste_profil_detail .col-sm-8 {
  padding-left: 0;
}

.poste_periode_candidature, .poste_dates_audition ,.field--name-field-periode-candidature .field__item {
    font-weight: bold;

}


/************************************************************************/
/*******                      PAGINATION                      ******/
/************************************************************************/

.pager {
    margin-top: 3em;
}

.pager li > a, .pager li > span {
    padding: 5px 10px;
    background: #fff;
    color:var(--orange);
    border: 1px solid var(--orange);
}

.pager__item.is-active a {
    color: #000;
    border: 1px solid #000;

}

.pager li > a:hover {
    color: #fff;
    background:var(--orange);
}

.pager__item.is-active a,.pager__item.is-active a:hover {
    color: #fff;
    background: #000;
}

.pager li>a:focus {
    border: 1px solid #000;
    background: inherit;
    color: inherit;
    outline: none;
}

.pager .pager__item--previous > a, .pager .pager__item--first > a,
.pager .pager__item--next > a, .pager .pager__item--last > a {
    background: var(--orange);
    color:#fff;
    border-radius: 0;
}

.pager .pager__item--previous > a:hover, .pager .pager__item--first > a:hover,
.pager .pager__item--next > a:hover, .pager .pager__item--last > a:hover {
       background: #000;
       border:  1px solid #000;
}


/************************************************************************/
/*******                        TABLEAUX                           ******/
/************************************************************************/


.block-search-interne  {
display: none;
}

.entete_tableau {
    font-weight: bold;
    margin-left: 5px;
}

.center_cell {
    text-align:center;
}



 .field--name-title h1 {
    font-size: 30px;
    border-left: 3px solid var(--orange);
    padding: 0 0 0 8px;
    margin: 0 0 20px 0;
}

.progress-bar-title {
  position: absolute;
  text-align: center;
  line-height: 20px; /* line-height should be equal to bar height */
  overflow: hidden;
  color: #000;
  right: 0;
  left: 0;
  top: 0;
}

.icon-grey-link {
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}


.field--catalogue {
    background-color: var(--orange);
    color:white;
}


table.sticky-header {
    /*font-size: .8342vw;*/

    font-size:calc(7px + .369vw);
    font-family: Arial, Verdana, sans-serif;
    margin: 0;
    display: block;
    overflow: auto;
    border-collapse: collapse;
}


table .glyphicon-ok {
    color: #66CC00;

}

table .glyphicon-remove {
    color: #CC0000;

}


table tbody tr th,table.sticky-header tbody tr th {
    text-align: center;
}

table td, table.sticky-header td {
    padding: 1em;
    vertical-align: top;
}

table.sticky-header thead > tr {
    border-color:#fff;
}

table tr:nth-child(even){
  background: #fff;

}

.contact-message-demande-de-numero-candidat-form label {
    width:25%;
}



@media screen and (max-width: 700px) {
  table {
    border: 0;
    font-size: 16px;
  }


  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 1em;

  }

  table tr:nth-child(even){
  background: rgba(0, 0, 0, 0.063);

}

  table td {
    border:none;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    width: auto;
  }

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }

  table.sticky-header {
    display: none;
  }
}

span.no-order {
background:url(../images/sort_both.png) no-repeat;
display: inline-block;
width: 14px;
height: 18px;
vertical-align: bottom;
}

/************************************************************************/
/************************************************************************/
/*********************          MODE AUTHENTIFIÉ   **********************/
/************************************************************************/
/************************************************************************/



/*******          OUTILS DE LA BARRE ADMIN    ******/
.toolbar-menu .toolbar-icon {
    padding-left:4rem;
}
.toolbar-menu .toolbar-icon:before {
    color:#787878;
    font-size:2rem;
    font-family:'Glyphicons Halflings';
    position:absolute;
}
#toolbar-link-view-mes_actus-page_1::before {
    content:"\e122";
    top:25%;
}

#toolbar-link-view-mon_contenu-page_1::before {
    content:"\e139";
    top:25%;
}
#toolbar-link-view-mes_contenus-page_1::before{
    content:"\e118";
    top:25%;
}
#toolbar-link-view-moderation-page_1::before {
    content:"\e067";
    top:25%;
}

#toolbar-link-view-tri-page_1::before {
    content:"\e155";
    top:25%;
}
#toolbar-link-view-cours_girofle-enseignantgirofle::before {
    content:"\e218";
    top:25%;
}

/************* COMPTE UTILISATEUR    *********/
/*on cache les deux liens vers les infos du compte et l'edition des infos*/
/* (la desactiovation de ces liens dans le backoffice est innopérante, oui monsieur) */
#toolbar-item-user-tray .account,
#toolbar-item-user-tray .account-edit {
    display:none;
}


/************************************************************************/
/*******          NODE : INFOS DE MODERATION    ******/
/************************************************************************/
#block-ens-theme-local-tasks{
    margin-top:2rem;
}
.page-node-type-evenement article.node{
    background:transparent;
}

.node--unpublished {
    background:#FFF7EC;
}

.page-node-type-article #block-contenudelapageprincipale,
.page-node-type-evenement #block-contenudelapageprincipale {
    /* pour pouvoir positionner le bloc moderation */
    position:relative;
    margin-top:3rem;
}
#content-moderation-entity-moderation-form {
    position:absolute;
    top:-11rem;
    right:2rem;
    border:5px dashed #00aefe;
    text-transform:uppercase;
    font-weight:bold;
    transform:rotate(25deg);
    font-size:100%;
}

ul.entity-moderation-form {
    display:inline-block;
    padding: 0 1em;
    margin:0;
    border:none;
    background:transparent;
}
.entity-moderation-form label:hover,
.entity-moderation-form div:hover {
    cursor:default;
}
ul.entity-moderation-form #edit-current{
    background:transparent;
    color:#00aefe;
    text-align:center;
    line-height: 2.5rem;
    padding-bottom:0.5rem;
    font-size:1.9rem;
}
#content-moderation-entity-moderation-form #edit-current label{
    background:transparent;
    color:#00aefe;
    line-height: 2rem;
    font-size:1.4rem;
}

#delete-event{
    text-align: center;
    top: -11rem;
    right: 2rem;
    border: 5px dashed #00aefe;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    transform: rotate(25deg);
    font-size: 100%;

}

#delete-event label {
    text-align: center;
    background: transparent;
    color: #00aefe;
    line-height: 2rem;
    font-size: 1.4rem;
}


.page-node-type-evenement .node__content{
    margin-top:0;
}
#content-moderation-entity-moderation-form label{
    margin-bottom:0;
}
#content-moderation-entity-moderation-form #edit-submit{
    margin-bottom:15px;
}


/************************************************************************/
/***********   VUE MODERATION -MON CONTENU - MES EVENEMENTS  ************/
/************************************************************************/

.view-moderation-contenu .views-table caption,
.view-mes-actus .views-table caption,
.view-mon-contenu .views-table caption
{
    font-family: 'bebas_neue', arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size:2.1rem;
    color:black;
    padding-bottom:0;
}

#add_buttons_wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
}
#add_buttons_wrapper .lienplus:link{
    border-radius:4px;
    margin-left:1rem;
}
#add_buttons_wrapper .lienplus:active{
    text-decoration:none;
}

/************************************************************************/
/************************************************************************/
/****************           STYLES DE L'EDITEUR            *******************/
/************************************************************************/
/************************************************************************/

/****   ATTENTION
/****   pour que l'apercu des styles soit visible en mode "édition", il faut
/****   rajouter toutes les regles dans css/ckeditor.css mais en enlevant
/****   le ".text-formatted" qui peut etre present ici
****/


.text-formatted h1,
.text-formatted h2 {
    font-family: "bebas_neue",arial,sans-serif;
    font-weight:normal;
    letter-spacing: 0.05em;
}

.lien_alt:link,
.lien_alt:visited {
    background:black;
    color:white;
    padding:0.5rem;
    text-decoration:none;
    outline:0;
    border:2px solid transparent;
    font-size:90%;
    display: inline-block;
}

.lien_alt:hover {
    background:var(--blue) !important;
    color:white;
}

.sous-bloc-infoplus .lien_alt:hover,#block-accueilavoirecouter .lien_alt:hover {
    background:#fff !important;
    color:black;
}

.lien_alt:focus {
    outline:none;
    border:  2px solid var(--orange);
}


li .lien_alt {
    margin-bottom:0.2rem;
}

/* variante des liens alts dans un bloc info plus (donc fond orange) */
.sous-bloc-infoplus .lien_alt:only-child {
    display: block;
    text-align: center;
    padding:0.5rem 1rem;
    font-size:100%;
}
.sous-bloc-infoplus .lien_alt:link,
.sous-bloc-infoplus .lien_alt:visited{
    background:black;
}
.sous-bloc-infoplus .lien_alt:hover{
    background:white;
    color:black;
}

.sous-bloc-infoplus .lien_alt:focus {
    border-color: white;
}

.text-formatted .paragraphe-normal {
    background:transparent;
    color:black;
    padding:0;
    text-align:left;
}

.text-formatted .encadre {
    border: 3px solid var(--lightgrey);
    color:black;
    padding:0.6rem 1rem;
    overflow: hidden;
}
.text-formatted h1.encadre,
.text-formatted h2.encadre,
.text-formatted h3.encadre,
.text-formatted h4.encadre,
.text-formatted .encadre + .encadre {
    margin-bottom:0;
}

.text-formatted .adresse {
    border: 3px solid var(--lightgrey);
    color:black;
    padding:0.6rem 1rem;
    text-align:center;
    margin:0 auto 1em;
    display: table;
    font-style:italic;
}
.text-formatted .retrait {
    text-indent:4rem;
}
.text-formatted p {
    color:purple : !important;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

.zone-slogan {
    animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
       -moz-transition: none !important;
}


/************************************************************************/
/************************************************************************/
/****************           MEDIAQUERIES            *******************/
/************************************************************************/
/************************************************************************/

@media screen and (max-width : 767px) {   /*pour les smartphones*/

    #bande-onglet {
        width: 40px;
        left: 0;
    }

    #header .region-secondary-menu {
        width: 100%;
        margin-right: 14px;
    }

    #block-reseauxsociauxbloc {
      text-align: left;
      padding-left: 20px ;
    }

    #block-reseauxsociauxbloc > div {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
    }

    #portal-languageselector {
        width: 45%;
        padding-left: 0;
    }

     #portal-languageselector .language-fr > a {
        margin-left: 0;
     }

    #reseaux_sociaux_viewlet {
        width: 50%;
        text-align: right;
    }

    #block-reseauxsociauxbloc  .select-dropdown {
        width: 47.5%;
        margin-top: 0;
        margin-bottom: .5em;
    }



    .search-block-form input#edit-keys-search {
        width: 100%;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .search-block-form form {
        display: flex;
        flex-flow: row wrap;
        margin-left: 0;
        margin-bottom: 2em;
    }

    .search-block-form .form-type-search {
        width: calc(100% - 34px);
        margin: 0;
        padding: 0;
    }

    .search-block-form .form-actions {
        width: 34px;
        margin: 0;
        padding: 0;
    }

    #edit-submit-search {
        margin-top: 0;
    }

    .search-block-form {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    #block-megamenu.contextual-region {
      position: static;
    }

    #titre-site {
        display: none;
    }

    #block-megamenu .megamenu {
        text-align: center;
    }

    .megamenu:before {
        content: 'Menu';
        font-size: 20px;
        font-weight: bold;
    }

    .accessible-megamenu-toggle {
        display: inline-block;
        position: relative;
        right: auto;
        top:  10px;
        left: 5px;
    }

    .accessible-megamenu > .accessible-megamenu-top-nav-item a[aria-expanded].open {
        border: none;
        font-weight: bold;
    }

    .accessible-megamenu .accessible-megamenu-panel.cols-3 > ol > li {
        width: 100%;
        min-height: 0;
        border-left: 0;
    }

    .accessible-megamenu .accessible-megamenu-panel.cols-3 > ol {
        display: flex;
        flex-flow: column;
    }

    .accessible-megamenu .accessible-megamenu-panel-group {
        order: 3;
    }

    .accessible-megamenu .accessible-megamenu-panel-group.actualites {
        order: 2;
    }

    .accessible-megamenu .accessible-megamenu-panel-group.rubriques {
        order: 1;
    }

    .site-branding__logo {
        margin: 0;
    }

    #header .region-header {
        padding: 0;
        margin: 0 auto;
    }

    #block-bandeau .slogan {
        top: 60px;
        font-size: 90%;
    }
    
    #en-images div.item,#en_video,#en_video video,#visiter_le_campus iframe {
        height: 300px;
    }

    #en-images .carousel-control .glyphicon-chevron-left, #en-images .carousel-control .glyphicon-chevron-right {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    #en-images .zone-slogan {
        top: 100px;
        padding: 10px;
        left: 35px;
    }

    #navigation-secondaire-accueil {
        padding: 3px 0px;
        display: flex;
        justify-content: space-between;
        float: none;
        text-align: center;
        margin-bottom: .5em;
    }

    .navigation-secondaire li {
        width: 33%;
        padding: 0;
    }

    .navigation-secondaire li  a {
        padding: 10px 0 8px 0;
    }

    /* Voeux 2021 */
    #voeux_2021, #voeux_2021 video {
        max-width: 100% !important;
        height: auto;
    }

    #trame,.sous-bloc-zoomsur::before{
        display: none;
    }

    #en-images .carousel-indicators {
    bottom: 20px !important;
    left: auto;
    right: 5px;
    }

    #carouselButtons {
        margin-left: 10px;
    }
    #navigation-secondaire-accueil {
        top: 0;
    }

    #block-ens-theme-navigationprincipale {
        display: block;
    }

    .conteneur-navigation-secondaire nav {
        display: none;
    }

    body.has-featured-top .featured-top {
        padding-right: 10px;
    }

    body.has-featured-top .featured-top #block-bandeau > div {
        height: 150px;
    }

    #page-wrapper {
        margin-left: 15%;
        margin-right:0;
        overflow: hidden;
        margin-right:0;
    }

    #header .region-header {
        float: none;
        width: auto;

    }

    #block-bandeauaccueil .zone-slogan {
        width:80%;
    }
    #block-bandeauaccueil .zone-slogan h2 {
        font-size:2rem;
    }
    #block-bandeauaccueil .zone-slogan p {
        font-size:1.2rem;
    }

    #liste-actu {
        order: 2;
        padding: 0 20px 0 0;
        display: flex;
        justify-content: space-between;
        flex-flow: column;
    }

    .ligne-zoom-multimedia {
        flex-flow: column;
    }

    .ligne-zoom-multimedia .sous-bloc-zoomsur {
        min-height: 0;
    }

    #liste-actu .col-md-3,#block-larecherche,#block-accueilavoirecouter {
        width: auto;
    }

    #block-accueilavoirecouter {
        padding: 20px 20px 0 50px;
    }

        

    #block-accueilzoomsur {
        order: 3;
    }

    .sous-bloc-infoplus {
        padding-top: .8em;
    }

    #block-accueilalaune {
        width: 100%;
        padding: 0;
    }

    .view-accueil-agenda .view-content ul {
        flex-flow: column;

    }

    .accueil-agenda-jour {
        width: auto;
    }

    #block-ressources,.region-accueil-region-principale,.region-accueil-sidebar-second,#block-twitterblock,#block-twitterblock-2,#block-multimedia,.ligne-zoom-multimedia,#block-larecherche,#block-accueilzoomsur,#page {
        padding: 0 10px 0 0;
    }

    .ligne-zoom-multimedia,#block-larecherche {
        padding: 0;
    }

    li.pager__item.pager__item--first,li.pager__item.pager__item--previous,li.pager__item.pager__item--next,li.pager__item.pager__item--last {
        display: block;
    }

    .pager__item {
        padding: 10px;
    }

    #event-header-info-wrapper {
        column-count: 1;
    }

    .field--name-field-parcours-discipline , .field--name-field-article-disciplines, .field--name-field-agenda-disciplines {
        flex-flow: column;
    }

    .field--name-field-parcours-discipline .field__items, .field--name-field-article-disciplines .field__items, .field--name-field-agenda-disciplines .field__items {
        flex-flow: column;
        width:  100%;
    }

    .field--name-field-parcours-discipline .field__item, .field--name-field-article-disciplines .field__item, .field--name-field-agenda-disciplines .field__item {
         width:  100%;
    }

    #views-exposed-form-annuaire-page-1 input {
        width: 100%;
    }

    #block-ressources h2 {display: block;}

    #block-generalheadbloc .vignette,
    #block-taxoheadbloc--2 .vignette,
    #block-taxoheadbloc .vignette,
    #block-eventssharebloc--2 .vignette,
    #block-eventssharebloc .vignette,
    #block-parcoursheadbloc .vignette,
    #block-taxoheadbloc .content {
        width:100%;
    }
    .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar li:hover a.dropdown-toggle::before {display: none;}

    .navbar li:hover a.dropdown-toggle {border: 0;}

    .navbar-nav {margin: 7.5px 0px;}

    #liste_departements_chosen,#liste_laboratoires_chosen {
        display: none;
    }

    .conteneur-parcours {
        width:100%;
    }

    #block-generalheadbloc .col-sm-12, #block-taxoheadbloc .col-sm-12, #block-taxoheadbloc--2 .col-sm-12 {
        flex-flow: column;
    }

    #block-parcoursheadbloc {
        margin-bottom: 20px;
    }

    .conteneur-navigation-secondaire {
        top: 0;
        bottom: auto ;
    }

    .site-footer {
        padding: 0 10px 0 0;
    }

    #plan-ens-de-lyon {
    height: 100px;
    }

    /*BA : boutons de validation de formulaire centrés sur telephone */
    .form--inline .form-actions {
        float: none;
    }
    .form--inline div#edit-actions.form-actions input{
        margin:0.5rem 0;
    }
}



/* hack special pour Safari iphone pour desactiver l'autozoom dans les input */
@media screen and (max-width : 767px) and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px !important;
    line-height: 16px;
  }

}




.search-results {
    list-style: none;
}

/****Par Vutheany - Transformation en liste*************/
#content ul li{
  list-style-type:none;
}
.media ul:not(.horizontal-tabs-list) li{
text-indent:0;
}

/*******Fin par Vutheany***********************/