@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");
}

:root {
  --orange: #D64100;
  --blue: #5A7696;
  --grey: #666666;
  --lightgrey: #ededed;
  --footer_orange: #FF550A;
}

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

.js td .dropbutton-multiple .dropbutton-widget {
     position: relative;
}

.ck.ck-editor {
    position: relative;
    width: 99%!important;
}

#bouton-udl2020 {
    background: url(http://www.ens-lyon.fr/themes/custom/ens_theme/images/fond-udl.png) 50% 50% #262626;
    background-size: cover;
    min-height: 192px;
    padding: 20px;
    border-radius: 0 0 30px 0;
    margin-top: 20px;
    text-align: center;
}

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

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

.logo-udl2020 {
	margin: 15px auto 10px auto;
	width: 210px;
    display: block;
}

.form-item-end-date-min {
	display: none;
}

.form-item-end-date-max {
 	display: none;
}


.form-item-start-date-min {
  display: none;
}

.form-item-start-date-max {
  display: none;
}


.form-item-date-publication-min {
  display: none;
}

.form-item-date-publication-max {
  display: none;
}

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


.media--type-media-communication .field--name-name {
    border-left: 3px solid var(--orange);
		padding: 0 0 0 8px;
    margin: 0 0 20px 0;
}


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


body {
	background: #FFF;
}

body.liens-ensl-actif #page-wrapper {
	left:200px;
	-webkit-transition: left 1s ease 0s;
	transition: left 1s ease 0s;
}
/* 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;
}

#page {
	padding:0 1em;
}

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

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


.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 {
	margin-top: -79px;
}


.toolbar-fixed #bande-onglet {
	margin-top: -39px;
}

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

.toolbar-tray-open #liens-ensl {
	top:80px;
}

.toolbar-tray-open #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;
}

#zone-liens {
  position: fixed;
  width:200px;
  top: 23px;
  padding-left: 15px;
  margin-left: 40px;
}


#zone-liens span {
  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;
}

#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:#797979;
  border: none;
 line-height: 16px;
 font-size: 16px;
display: block;

}

#liste-liens-outils li + 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;}


#block-marquedusite img {
	width: 268px;
}

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

.site-branding__name {
	display: none;
}

#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;
}
#lien_facebook,#lien_twitter,#lien_instagram,#lien_youtube,#lien_linkedin {
	background: var(--orange);
	width: 20px;
	height: 20px;
	display: block;
}

#lien_facebook img,#lien_twitter img,#lien_instagram img,#lien_youtube img,#lien_linkedin img {
	margin: 0;
} 

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

#titre-site {
	color:#000;
}

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

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

#titre-site h1 {
	margin:10px 0 0 0;
}

.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: #797979;
}

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

.navbar li:hover a.dropdown-toggle {
	border:1px solid 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%, #BBBBBB 30%, #BBBBBB 70%, white 70%, white 100%);
	background:linear-gradient(to right, white 0%, white 30%, #BBBBBB 30%, #BBBBBB 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;
}

.navbar-nav>li>.dropdown-menu.megamenu-content {
	border-color: 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:#797979;
}

.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;
}

.breadcrumb {margin-bottom: 0;}

.actu-list {list-style:square;color:#797979;}

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


/*

##########################################
#############  Menu  #####################
##########################################

*/
.responsive-menu-toggle-icon {
  margin-left: 8px;
}

.responsive-menu-toggle-icon span.label {
  color:var(--orange);
  top:4px;
}

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon {
  background-color: var(--orange);
}


.horizontal-menu a:link,.horizontal-menu a:visited {
    font-family: arial, sans-serif;
    color: #797979;
    padding: 10px 15px;
}

.horizontal-menu .sub-nav a:link,.horizontal-menu .sub-nav a:visited {
    padding: 8px 10px;
}

.horizontal-menu a:hover {
  text-decoration: none;
}

.horizontal-menu a:focus {
  text-decoration: none;
}

.horizontal-menu > .menu-item > a {
  text-transform: uppercase;
}

.horizontal-menu li.menu-item--expanded, .horizontal-menu li.menu-item--active-trail {
  background: none;
  border:0;
  z-index: 555;
  border: 1px solid white;
    z-index:996;
  background-color: #fff;

}

.horizontal-menu li.menu-item--expanded:hover {
  background: #fff;
  border: 1px solid grey;
  border-bottom: 1px solid white;
  z-index:997;
}

.horizontal-menu li.menu-item:hover > a ,.menu-item--active-trail > a {
  color:#000;
}

ul.horizontal-menu > li.menu-item:hover > a:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(left,white 0%,white 30%,#BBBBBB 30%,#BBBBBB 70%,white 70%,white 100%);
  background: linear-gradient(to right,white 0%,white 30%,#BBBBBB 30%,#BBBBBB 70%,white 70%,white 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
}

ul.horizontal-menu > li.menu-item--active-trail > a: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: 0;
  left: 0;
  z-index: 999;
}

ul.horizontal-menu ul.sub-nav {
  border: 1px solid grey;
  background: #fff;
  opacity: 1 !important;
  margin: 0;
  margin-top: -2px;
  margin-left: -1px;
}

.region-primary-menu .menu a {
  float: none;
  text-shadow: none;
}

.region-primary-menu {
  max-width: 1290px;
  margin:0 auto;
}

@media all and (min-width: 901px) {
    .region-primary-menu .menu-item,
  body:not(:target) .region-primary-menu .menu-item {
    float: none; /* LTR */

  }
}

#block-mainnavigation .menu-item--active-trail > a {
  color:#000 !important;
}

#block-mainnavigation.block-menu.navigation li {
  list-style-position: inside;
  padding: 10px;
  background: #ededed;
  border-top: 1px solid white;
}

#block-mainnavigation.block-menu.navigation li .menu,#block-mainnavigation.block-menu.navigation li .menu-item {
  background: white;
}



#block-mainnavigation.block-menu.navigation li.menu-item--expanded {
  padding-left: 0;
  padding-right: 0;
}

#block-mainnavigation.block-menu.navigation .content >ul > li.menu-item--expanded.menu-item--active-trail {
  padding-bottom: 0;
}

#block-mainnavigation .menu-item--expanded {list-style: none;}

#block-mainnavigation .menu-item--expanded img:hover {
  cursor:pointer;
}

#block-mainnavigation .menu-item--expanded ul {
  display: none;
}



#block-mainnavigation .menu-item--expanded.menu-item--active-trail > ul {
  display: block;
}

#block-mainnavigation .menu-item--expanded.menu-item--active-trail .menu .menu {
  margin-left: 20px;
}

#block-mainnavigation .menu-item--expanded.menu-item--active-trail .menu li + li {
  border-top: 1px solid #ededed;
}
/*

##########################################
#############  Menu  #####################
##########################################

*/


.nice-menu a:link,.nice-menu a:visited {
		font-family: arial, sans-serif;
		color: #797979;
		padding: 10px 15px;
}

.nice-menu a:hover {
	text-decoration: none;
}

.nice-menu .menuparent > a {
	text-transform: uppercase;
}

ul.nice-menu-down li.menuparent {
	background: none;
	border:0;
	z-index: 555;
	border: 1px solid white;
		z-index:996;
	background-color: #fff;

}

ul.nice-menu-down li.menuparent:hover {
	background: #fff;
	border: 1px solid grey;
	border-bottom: 1px solid white;
	z-index:997;
}

ul.nice-menu-down li.menuparent:hover > a,ul.nice-menu-down li.menuparent a:hover  {
	color:#000;
}

ul.nice-menu-down li.menuparent:hover > a:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: -webkit-linear-gradient(left,white 0%,white 30%,#BBBBBB 30%,#BBBBBB 70%,white 70%,white 100%);
	background: linear-gradient(to right,white 0%,white 30%,#BBBBBB 30%,#BBBBBB 70%,white 70%,white 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

ul.nice-menu-down li.menuparent > 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: 0;
	left: 0;
	z-index: 999;
}

ul.nice-menu ul {
	top:34px;
	left: -1px;
	z-index: 554;
	min-width: 12em;
}

ul.nice-menu ul .menu-item {
	border: 0;
	background: #fff;
}

ul.nice-menu ul.toolbar-menu {
	border: 1px solid grey;
	background: #fff;
	opacity: 1 !important;
}


.menuparent.menu-item--active-trail > a: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: 0;
	left: 0;
	z-index: 999;
}

.menu-item--active-trail > a {
	color:#000 !important;
}

/*

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

*/

.featured-top {
	background: none;
}

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


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

.featured-top {
	border: none;
}

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

body .featured-top #block-bandeau #block-bandeau > div,
body.has-featured-top .featured-top #block-bandeau #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);
}

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;
}

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

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

.search-form .form-search {
	padding: 3px;
}

#edit-submit.search-form__submit,
#edit-submit.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;
}

.chosen-container-single .chosen-single {
	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: 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;
}

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

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

.navigation-secondaire li a {
	color:#797979;
	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%, #BBBBBB 30%, #BBBBBB 70%, white 70%, white 100%);
	background:linear-gradient(to right, white 0%, white 30%, #BBBBBB 30%, #BBBBBB 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: left;
	clear: left;
}

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

.navigation-secondaire-periode li a {
	color:#797979;
	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%, #BBBBBB 30%, #BBBBBB 70%, white 70%, white 100%);
	background:linear-gradient(to right, white 0%, white 30%, #BBBBBB 30%, #BBBBBB 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:#797979;
	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%, #BBBBBB 30%, #BBBBBB 70%, white 70%, white 100%);
	background:linear-gradient(to right, white 0%, white 30%, #BBBBBB 30%, #BBBBBB 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;
}

.breadcrumb span {
	background: none;
	color: #797979;
}


.breadcrumb ol {
	display: inline;
}

.breadcrumb li:before {
    content: '/';
    color: #797979;
}

.breadcrumb a {
	color: #797979;
	border: none;
	text-decoration: none;
}


/*

#########################################
###             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:#797979;
}
.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;}

/* Bloc départements */


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

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

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

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

#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%;
}

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


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

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



#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: none;
}


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

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


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

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

#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;
	position: relative;
}

.img-container.vignette-par-defaut {
	background-color: 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;
}

.portlet-image-description{
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background:white;
	color:#000;
	font-size: 14px;
	padding:4px;
	-webkit-transition:0.5s opacity ease-out;
	-moz-transition:0.5s opacity ease-out;
	transition:0.5s opacity ease-out;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
}

.node--view-mode-navigation .portlet-image-description {
	opacity: 1;
}

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

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

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

.lienplus,
.node-readmore a,
#edit-submit,
#edit-preview,
#edit-delete {
	background:var(--orange);
	display: inline-block;
	color: #fff;
	margin: 5px 0;
	padding: 2px 10px;
	font-size: 14px;
}

.lienplus:hover,
.node-readmore a:hover,
#edit-submit:hover,
#edit-preview:hover,
#edit-delete:hover {
	background:#272727;
	color:#fff;
	text-decoration: none;
}


/* 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: 16px;
}

.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;
}

.vocabulary-navigation .field--type-image {
float: left;
}

.vocabulary-navigation .field--type-image img {
margin:0 20px 20px 0;
}

.vocabulary-navigation .paragraph--type--bp-simple {
width: auto;
}

.block-currenttaxo .img-container {
	margin-bottom: 30px;
}

.block-currenttaxo #block-navigation .col-sm-4:nth-child(3n+1) {
	padding-left: 0;
}

.block-currenttaxo #block-navigation .col-sm-4:nth-child(3n+3) {
	padding-right: 0;
}

.block-currenttaxo #block-navigation .col-sm-4:nth-child(3n+2) {
	padding-left: 10px;
	padding-right: 10px;
}


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

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

}

.sidebar .block.simple-zoom-sur {
background-color: #ededed!important;
z-index:100;

}

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


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

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

.sidebar .block.simple-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.simple-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.simple-zoom-sur .carousel-control.left,.block.simple-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-gris.png) left top no-repeat;
}

.block.simple-zoom-sur .carousel-control.left,#carouselBreves .carousel-control.left {
	background: url(../images/picto-zoom-gauche-gris.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.simple-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.png) left top no-repeat;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.block.simple-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.png) left top no-repeat;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


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

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

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

.block.simple-zoom-sur .carousel-control.left:focus + .carousel-control.right:hover,#carouselBreves .carousel-control.left:focus + .carousel-control.right:hover {
	background: url(../images/picto-zoom-droite.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.png) left top no-repeat;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.block.simple-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.png) left top no-repeat;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

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

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

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

.block.simple-zoom-sur .vignette {
	width: 100%;
	margin:0 0 10px 0;
}

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

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

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

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

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

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



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

.sidebar .block-block-content {
	border:none;
}

.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;
}


/************************************************************************/
/************************************************************************/
/****************           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: 500px;
	background-position: 50% 50% !important;
}


/* gestion bandeau images */

#en-images div.item[style*="vss"] {
    background-size: contain!important;
    background-repeat: no-repeat!important;
}

#en-images div.item[style*="vss2"] {
    background-color:#f386a1 !important;
}

#en-images div.item[style*="vss1"] {
    background-color:#7eba96 !important;
}
#en-images div.item a.lien-slide-entier {
    width: 100%;
    height: 100%;
    display: block;

}

#en-images .zone-slogan {
    background: white;
    border-radius: 0 0 0 2em;
    position: absolute;
    top: 280px;
    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;
	margin-top: -60px;
}

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

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

#en-images .carousel-indicators {
	left: 90%;
	bottom:15%;
	width: auto;
	margin:0;
	z-index: 669;
}

#en-images .carousel-indicators li {
	border-radius: 0;
	background-color: #fff;
	border: 0;
}

#en-images .carousel-indicators .active {
	background-color: var(--orange);
}

#en_video,#voeux_2021  {
	overflow: hidden;
}

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

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

#voeux_2021,#en_video {
	height: 500px;
	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;}

#navigation-secondaire-accueil {
	top: -30px;
	border: 0;
	z-index: 668;
	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;
}

.block.zoom-sur .vignette img {
	margin:0 !important;
}

.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;
}

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


.conteneur-premier-paragraphe {
	display: flex;
	align-items: flex-start;
}

.conteneur-premier-paragraphe img + .first-paragraph {
	width: calc(100% - 150px);
}

.region-content .field__item ul:not(.horizontal-tabs-list),
#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,
.views-field-field-useful-links .item-list ul{
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.region-content .field__item ul:not(.horizontal-tabs-list) 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;
}

.region-content .field__item ul:not(.horizontal-tabs-list) 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,
.node--type-page-standard div.first-paragraph li:before,
.node--type-autre-formation div.first-paragraph li:before,
.node--type-parcours ul.contenu-ouvert li:before,
.node--type-event ul li:before,
ul.contenu-ouvert li:before,
.views-field-field-useful-links .item-list li:before {
  content: "■";
  color: var(--blue);
  padding-right:10px;
}
.node--type-page-standard div.first-paragraph ul, .node--type-page-standard div.first-paragraph ul li,
.node--type-autre-formation div.first-paragraph ul,
.node--type-parcours ul.contenu-ouvert,
ul.contenu-ouvert,
.node--type-event ul{
	list-style-type: none;
}
.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;
}
.video_player{
	max-width:100%;
}

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

/* affichage des éléments de type label dans les contenus */
.field--name-field-collection .field__item a:link,
.field--name-field-collection .field__item a:visited,
.label a:link,
.label a:visited{
	color:white;
}
.field--name-field-collection .field__item,
.field__label {
	margin-right: 10px;
}

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

}

.field--name-field-status-of-research-project .field__item {
font-size: 12px;
font-weight: bold;
}

.joris-project {
font-size: 12px;
font-weight: bold;
}
.field--name-field-collection .field__item a,
.label-alt{
	border-radius: 0;
	background-color: var(--orange);
	padding: 4px 6px;
}
/************************************************************************/
/****************           BLOC A LA UNE             *******************/
/************************************************************************/

#region_left,#region_left2,#region_left3,#block-accueilresearch {
	padding: 0;
}

#block-focuson {
	padding: 0;
	margin-bottom: 2em;
}

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

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

#liste_teaching_departments_chosen,#liste_liens_0_chosen {
	margin-bottom: 10px;
}

#liste_teaching_departments_chosen,#liste_parcours_majors_chosen,#liste_liens_0_chosen,#liste_liens_1_chosen {
	max-width: 100%;
	width: 100% !important;
}

#block-cometoensdelyon-2 {
	clear: both;
}

#block-cometoensdelyon-2 h2 {
	margin: 0;
    border-left: 3px solid var(--orange);
    padding: 0 0 0 8px;
    font-size: 24px;
    border-bottom: none;
    display: inline-block;
}

#block-cometoensdelyon-2 .content,#block-cometoensdelyon-2 .field--type-link {
	display: flex;
 	flex-flow: row wrap;
}

#block-cometoensdelyon-2 .content > * {
	flex: 1 100%;
}

#block-cometoensdelyon-2 .content > div:nth-child(1),#block-cometoensdelyon-2 .content > div:nth-child(2),#block-cometoensdelyon-2 .field--type-link .field__item {
	flex: 2 50%;
	margin: 5px 0;
	padding-right: 5px;
}

#block-cometoensdelyon-2 .field--name-field-description {
	text-transform: uppercase;
	font-size: 16px;
}

#block-cometoensdelyon-2 .field--name-field-description strong {
	font-weight: normal;
	color: var(--orange);
}

#block-cometoensdelyon-2 .field--name-field-virtual-tour a {
	background:var(--orange);
	display: inline-block;
	color: #fff;
	padding: 4px 10px;
	font-size: 14px;
}

#block-cometoensdelyon-2 .field--name-field-virtual-tour a:hover {
	background:#000;
	text-decoration: none;
}

#block-cometoensdelyon-2 .field--type-link .field__item:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background: var(--orange);
	vertical-align: middle;
	position: relative;
	left: -5px;
 }

  #block-cometoensdelyon-2 .field--type-link {
  	padding: 1em;
  }

 #block-cometoensdelyon-2 .field--type-link .field__item:hover:before {
 	background: #000;
 }

#block-cometoensdelyon-2 .field--type-link .field__item a {
  	color: var(--orange);
}

#block-cometoensdelyon-2 .field--type-link .field__item a:hover {
  	color: #000;
}

#block-howtoapply-3 {
	background: url(../images/how-to-apply-background.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 2em;
	margin-top: 2em;
}

#block-howtoapply-3 h2 {
	font-size: 24px;
	border-bottom: none;
	color: #fff;
	margin: 0;
}

#block-howtoapply-3 .paragraph__column {
	padding: 0;
}

#block-howtoapply-3 .paragraph--type--bp-accordion .panel {
		background-color: transparent;
}

#block-howtoapply-3 .paragraph--type--bp-accordion .panel-heading {
	background-color: transparent;
	border: 1px solid #fff;
	margin-top: 1em;
}

#block-howtoapply-3 .paragraph--type--bp-accordion .panel-collapse .paragraph {
	padding: 1em;
}

#block-howtoapply-3 .paragraph--type--bp-accordion .panel-collapse .paragraph a {
	display: block;
	margin-top: .5em;
}

#block-howtoapply-3  .field--name-field-more-information {
	text-align: right;
}

#block-howtoapply-3  .field--name-field-more-information a {
	background:var(--orange);
	display: inline-block;
	color: #fff;
	padding: 4px 10px;
	font-size: 14px;
}

#block-howtoapply-3  .field--name-field-more-information a:hover {
	background:#272727;
	color:#fff;
	text-decoration: none;
}

.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: 30px;
	order: 2;
}

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

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

#block-headlines-2  {
	padding: 0;
}

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


#block-headlines-2 h2:before,
#block-twitterblock h2:before,
#block-testimonials 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-headlines-2 a h3 {
	color: var(--orange);
	text-transform: uppercase;
	font-size: 18px;
}

#block-headlines-2 a,#liste-actu a {
	color: #000;
}

#block-headlines-2 a:hover {
	text-decoration: none;
}

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

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

#block-headlines-2 .field__label:hover {
	text-decoration: none;
	background: #000;
}

#block-testimonials {
	margin-top: 30px;
}

#block-testimonials h2 {
	margin-bottom: 10px;
}

#block-testimonials blockquote {
	background: none;
	border: none;
}

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

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

.fond-alaune:hover,
.alaune-item:hover .alaune-secondaire{
	filter:brightness(0.9);
}

#liste-actu {
	padding: 0;
}

.alaune-item {
 	padding: 0;
	margin:10px 0 20px 0;
	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;
}
.alaune-item:hover .alaune-secondaire {
 	text-decoration:underline;
}
.alaune-secondaire:hover {
	border: none;
}

#liste-actu .col-sm-6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
}

#liste-actu .col-sm-6 .alaune-scnd_keywords {
	flex: 2 100%;
	margin-bottom: 10px;
}

#liste-actu .alaune-scnd_thumb {
	flex: 1 34%;
	margin-right:1%;
}

#liste-actu .alaune-scnd_title {
	flex: 1 60%;
	margin-left:2%;
}




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

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

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

.sous-bloc-zoomsur {
	background: #ededed;
	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-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 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-left: 0;
}


/****************    ACCUEIL : BLOC RECHERCHE    *******************/
#block-larecherche {
	padding-left: 0;
	margin-top: 20px;
}

#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:-55px;
	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:hover {
	background: #292929;
	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: 20%;
}

#block-ressources img {
	margin: 0;
}

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

#block-ressources .nav-tabs li + li + li + li {
	display: none;
}





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


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

#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;
}

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

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

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



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


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

#block-twitterblock h2:before,#block-accueilavoirecouter 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 {
	padding-right: 0;
}

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

/************************************************************************/
/****************             BLOC AGENDA             *******************/
/************************************************************************/
#block-views-block-accueil-agenda-accueil-agenda {
  position: relative;
  padding: 0;
}

#block-views-block-accueil-agenda-block-1 {
	margin-top: 35px;
}

#block-views-block-accueil-agenda-accueil-agenda h2 {
  margin: 20px 0 0 0;
  padding: 0em 0.6em !important;
  font-size: 24px;
  border-bottom: none;
  color:#000;
  display: inline-block;
  width: 100%;
  border-left: 3px solid var(--orange);
}

#block-views-block-accueil-agenda-block-1 h2 {
  margin: 0;
  background: #333 !important;
	padding: 0.3em 0.6em !important;
  font-size: 24px;
  border-bottom: none;
  color:#fff;
}

.view-biosantexc-general-news h3,
.view-biosantexc-upcoming-events h3 {
    padding: 10px;
    background: #ededed;
    display: block;
    text-transform: uppercase;
    color: #999999;
    font-size: 14px;
}



#block-views-block-accueil-agenda-accueil-agenda .lien-rubrique,

#block-views-block-programs-in-green-chemistry-news-block-1  .lien-rubrique,
#block-views-block-program-lia-post-western-sociology-news-block-1 .lien-rubrique,
.block-views-blockagenda-china-agenda-china .lien-rubrique,
.block-views-blocknews-china-news-china .lien-rubrique,
.block-views-blocknews-india-news-china .lien-rubrique
 {
  position: absolute;
  top:23px;
  left: 90px;
}

.general-news .lien-rubrique
 {
  position: absolute;
  top:30px;
  left: 170px;
}

.upcoming-events .lien-rubrique
 {
  position: absolute;
  top:30px;
  left: 170px;
}


.upcoming-events .lien-rubrique a,
.general-news .lien-rubrique a
 {
  color:#999;
}



#block-views-block-accueil-agenda-block-1 .lien-rubrique#block-headlines-2 .lien-rubrique {
	position: absolute;
	top:10px;
	left: 90px;
	border-left: 1px solid lightgrey;
}



#block-views-block-accueil-agenda-accueil-agenda .lien-rubrique a,#block-headlines-2 .lien-rubrique a,
#block-views-block-prosfer-news-block-1 .lien-rubrique a,
#block-views-block-programs-in-green-chemistry-news-block-1 .lien-rubrique a,
#block-views-block-program-lia-post-western-sociology-news-block-1   .lien-rubrique a,
.block-views-blockagenda-china-agenda-china .lien-rubrique a,
.block-views-blocknews-china-news-china .lien-rubrique a,
.block-views-blockjoriss-news-block-1 .lien-rubrique a,
.block-views-blockbiosantexc-news-block-1 .lien-rubrique a,
.block-views-blocknews-india-news-china  .lien-rubrique a
 {
  color:#999;
  padding-left: 10px;
}



#block-views-block-accueil-agenda-block-1 .lien-rubrique a
 {
	color:lightgrey;
	padding-left: 10px;
}

#block-views-block-accueil-agenda-accueil-agenda h3,
#block-views-block-prosfer-news-block-1 h3,
#block-views-block-programs-in-green-chemistry-news-block-1 h3,
#block-views-block-program-lia-post-western-sociology-news-block-1  h3,
.block-views-blockagenda-china-agenda-china h3,
.block-views-blocknews-china-news-china h3,
.block-views-blockjoriss-news-block-1  h3,
.view-biosantexc-news  h3,
.view-news-india h3
 {
  padding: 10px;
  background: #ededed;
  display: block;
  text-transform: uppercase;
  color: #999999;
  font-size: 14px;

}


#block-views-block-accueil-agenda-block-1 h3 {
	padding: 10px;
	background: #ededed;
	display: block;
	text-transform: uppercase;
	color: #999999;
	font-size: 14px;
}


#block-views-block-accueil-agenda-accueil-agenda .accueil-agenda-jour,
#block-views-block-prosfer-news-block-1 .accueil-agenda-jour,
#block-views-block-programs-in-green-chemistry-news-block-1  .accueil-agenda-jour,
#block-views-block-program-lia-post-western-sociology-news-block-1   .accueil-agenda-jour,
.block-views-blockagenda-china-agenda-china .accueil-agenda-jour,
.block-views-blocknews-china-news-china .accueil-agenda-jour,
.block-views-blockjoriss-news-block-1  .accueil-agenda-jour
 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin: 1em 0 2em 0;

}


#block-views-block-accueil-agenda-block-1 .accueil-agenda-jour {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	margin: 1em 0 2em 0;

}

#block-views-block-accueil-agenda-accueil-agenda .views-field-field-image {
  width: 30%;
  margin-right:8px;
}

#block-views-block-accueil-agenda-block-1 .views-field-field-image {
	width: 30%;
	margin-right:8px;
}

#block-views-block-accueil-agenda-accueil-agenda .views-field-field-image img {
  margin:0 !important;
}

#block-views-block-accueil-agenda-block-1 .views-field-field-image img {
	margin:0 !important;
}

#block-views-block-accueil-agenda-accueil-agenda  .views-field-field-image a {
  border: none;
 }

#block-views-block-accueil-agenda-block-1 .views-field-field-image a,
#block-views-block-prosfer-news-block-1   .views-field-field-image a,
#block-views-block-programs-in-green-chemistry-news-block-1   .views-field-field-image a,
#block-views-block-program-lia-post-western-sociology-news-block-1    .views-field-field-image a,
.block-views-blockagenda-china-agenda-china .views-field-field-image a,
.block-views-blocknews-china-news-china .views-field-field-image a,
.block-views-blockjoriss-news-block-1 .views-field-field-image a,
 {
 	border: none;
 }


#block-views-block-accueil-agenda-accueil-agenda .views-field-title {
  width: 65%;
}
#block-views-block-accueil-agenda-block-1 .views-field-title {
	width: 65%;
}

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

#block-views-block-accueil-agenda-block-1 .views-field-title a,
#block-views-block-prosfer-news-block-1 .views-field-title a,
#block-views-block-programs-in-green-chemistry-news-block-1   .views-field-title a,
#block-views-block-program-lia-post-western-sociology-news-block-1 .views-field-title a,
.block-views-blockagenda-china-agenda-china  .views-field-title a,
.block-views-blocknews-china-news-china  .views-field-title a,
.block-views-blockjoriss-news-block-1 .views-field-title a,
 {
	color: #000;
	border: none;
}

#block-accueilalaune .lien-rubrique a {
	color: #757575;
	margin-left: 20px;
}

#block-views-block-accueil-agenda-accueil-agenda .view-content,
#block-views-block-prosfer-news-block-1 .view-content,
#block-views-block-programs-in-green-chemistry-news-block-1   .view-content,
#block-views-block-program-lia-post-western-sociology-news-block-1  .view-content,
.block-views-blockagenda-china-agenda-china  .view-content,
.block-views-blocknews-china-news-china  .view-content,
.block-views-blockjoriss-news-block-1 .view-content,
 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;

}

#block-views-block-accueil-agenda-accueil-agenda .bloc_date {
	flex: 2 49%;
}
#block-views-block-accueil-agenda-accueil-agenda .views-field-field-keywords {
		flex: 1 100%;
		margin-bottom: 10px;
}

#block-views-block-accueil-agenda-accueil-agenda .bloc_date:nth-child(even) {
	margin-left: 1%;
}
#block-views-block-accueil-agenda-accueil-agenda .bloc_date:nth-child(odd) {
	margin-right: 1%;
}


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

.accueil-agenda-jour + .accueil-agenda-jour {
	margin-top: 15px;
}

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





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

.accueil-agenda-jour .field__label {
	font-weight: normal;
}

.accueil-agenda-jour .field__label + .field__label {
	margin-left: 5px;

}
.accueil-agenda-jour .field__label .ellipsed {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.views-field-field-evenement-mots-cles .field-content.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 h1 {
	font-size: 30px;
	border-left: 3px solid var(--orange);
	padding: 0 0 0 8px;
	margin: 0 0 20px 0;
}

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

.label-domaine,
.label-mention,
.label-master,
.label-agenda,
.label-sigle,
.label-statut,
.label-site,
.field__label {
	background: var(--blue);
	color: #FFF;
	padding: 3px 5px;
	position: relative;
	line-height: 16px;
	display: inline-block;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

.label-domaine:after,
.label-mention:after,
.label-master:after,
.label-agenda,
.label-sigle:after,
.label-statut:after,
.label-site:after,
.field__label:after {
	content:"";
	float:right;
	position:absolute;
	top:0;
	right:-11px;
	width:0;
	height:0;
	border-color:transparent transparent transparent var(--blue) ;
	border-style:solid;
	border-width:11px 0 11px 11px;
}

.region-accueil-featured-top .field__label {
	background-color: var(--orange) !important;
	color:#fff !important;
	font-weight: normal;
	margin-top: 5px;
}

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


/*
.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;
}

*/



.contenu-domaine,.contenu-mention,.contenu-master,.contenu-sigle,.contenu-statut,.contenu-site {
	padding-left:10px;
}

.label-ouvert,.label-langue {
	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 {
	padding-left: 0;
}

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

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

#block-generalheadbloc .vignette,#block-taxoheadbloc .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;
}

#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-parcoursheadbloc .vignette:hover .tags-parcours {
	opacity:0;
	-webkit-transition:0.5s opacity ease-out;
	-moz-transition:0.5s opacity ease-out;
	transition:0.5s opacity ease-out;
}

#block-taxohead .paragraph > .paragraph__column {
	padding: 0;
}

/************************************************************************/
/****************       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,
.view-view-master
 {
	/*float: left; /* ???->je supprime */
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

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

.view-vue-parcours-master-et-mention .view-content,
.view-vue-parcours-master .view-content,
.view-view-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-parcours {
	width: 32%;
	/*margin-left: 1.5%;
	margin-right: 1.5%;*/
	margin-bottom: 1.1vw;
	display:inline-block;
}
.conteneur-agenda {
  width: 100%;
  /*margin-left: 1.5%;
  margin-right: 1.5%;*/
  margin-bottom: 1.1vw;
  display:inline-block;
}

.node--view-mode-teaser .conteneur-parcours {
width: 100%!important;
}

.node--view-mode-navigation .conteneur-navigation{
width: 100%!important;
}

.node--view-mode-agenda .conteneur-agenda {
width: 100%!important;
}

/* pour palier au space-between du conteneur lorsque la ligne ne contient que 2 elements */
.conteneur-parcours:last-of-type:nth-child(2n) {
	margin-right: auto;
	margin-left: 2%;
}
.conteneur-parcours:last-of-type:nth-child(3n),
.conteneur-parcours:last-of-type:nth-child(3n+1) {
	margin-right: initial;
	margin-left: initial;
}


/* pour palier au space-between du conteneur lorsque la ligne ne contient que 2 elements */
.conteneur-navigation:last-of-type:nth-child(2n) {
	margin-right: auto;
	margin-left: 2%;
}
.conteneur-navigation:last-of-type:nth-child(3n),
.conteneur-navigation:last-of-type:nth-child(3n+1) {
	margin-right: initial;
	margin-left: initial;
}


/*.conteneur-parcours:nth-child(n+1) {
	margin-left: 0;
}


.conteneur-parcours:nth-child(3n+3) {
	margin-right: 0;
}
*/

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

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

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

	padding:1em 0;
}

.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-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-partners .field__label:before,
.field--name-field-parcours-partenaires .field__label:before {
	content:url(../images/picto-cohabilitation.png);
	display: block;
	text-align: center;
}

.field--name-field-parcours-partenaires .field__items {
	background: #f1f4f6;
	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-parcours-partenaires .field__item {
	width: 50%;
	padding:10px;
}

.field--name-field-double-degrees,
.field--name-field-partners,
.field--name-field-discipline,
.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-partners .field--name-field-partners {
	border: none;
	margin: 0;
	padding: 0;
}

.field--name-field-double-degrees .field__label,
.field--name-field-partners .field__label,
.field--name-field-discipline .field__label,
.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-partners .field__label:after,
.field--name-field-discipline .field__label:after,
.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-discipline .field__label:before,
.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;
}
.field--name-field-partners .field__items,
.field--name-field-discipline .field__items,
.field--name-field-parcours-discipline .field__items,
.field--name-field-article-disciplines .field__items,
.field--name-field-agenda-disciplines .field__items  {
	background: #f1f4f6;
	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-partners .field__items a,
.field--name-field-discipline .field__items a,
.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-partners .field__item,
.field--name-field-discipline .field__item,
.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-double-degrees .field__label:after,
.field--name-field-parcours-double-diplome .field__label:after {display: none;}

.field--name-field-double-degrees .field__label:before,
.field--name-field-parcours-double-diplome .field__label:before {
	content:url(../images/picto-double-diplome.png);
	display: block;
	text-align: center;
}
.field--name-field-double-degrees .field__items,
.field--name-field-parcours-double-diplome .field__items {
	background: #f1f4f6;
	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-double-degrees .field__items a,
.field--name-field-parcours-double-diplome .field__items a {color: var(--orange);}
.field--name-field-double-degrees .field__item,
.field--name-field-parcours-double-diplome .field__item {
	width: 50%;
	padding:10px;
}


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





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


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


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

.media--type-media-communication .field--name-field-year {
	font-style: italic;
}

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

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

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

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

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

}

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

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

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

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


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

.taxonomy-term.col-sm-12 {
	padding: 0;
}

.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%;
}

.view-taxonomy-term .conteneur-navigation{
	display:inline-block;
	width:30%;
}


.view-articles-about-covid a,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation a {
	position: relative;
	display: block;
}

.view-articles-about-covid a:hover,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation a:hover {
	text-decoration: none;
}


.view-articles-about-covid,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation {
	margin: 0 0 2em 0;
	padding: 0;
}


.view-articles-about-covid .node--view-mode-navigation .teaser-title,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation .teaser-title {
	font-size: 1.3em;
}


.view-articles-about-covid .image-teaser ,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation .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%;
}


.view-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%;
}

.view-mobility-programs-biosantexc .image-teaser,
.view-joriss-research-projects .image-teaser,
.view-call-of-projetcts-joriss- .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%;
}

.view-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%;
}

.view-terme-de-taxonomie-navigation .node--view-mode-navigation .image-teaser.no-image {
	background:url(../images/logo.svg) #666 !important;
		background-size: contain !important;
	background-position: 50% 50% !important;
	background-repeat:no-repeat !important;
}

.view-terme-de-taxonomie-navigation .node--type-admission.node--view-mode-navigation .image-teaser {
	width: 250px;
}

.view-articles-about-covid .field--name-title,
.view-terme-de-taxonomie-navigation .field--name-title {
	font-size: 1.4em;
	color: var(--orange);
}

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

.view-mobility-programs-biosantexc  .field--name-title,
.view-joriss-research-projects .field--name-title,
.view-call-of-projetcts-joriss- .field--name-title {
  font-size: 1.4em;
  color: var(--orange);
}


.view-articles-about-covid .image-teaser img,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation .image-teaser img {
	max-width: 95%;
	margin-left: 0;
	height: 100px;
}


.view-articles-about-covid .cartouche-content-type-absolute,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation .cartouche-content-type-absolute {
	position: absolute;
	display: inline-block;
	float: left;
	left: 0;
	bottom:0;
	opacity: .8;
	width: 50%;
}

.view-terme-de-taxonomie-navigation .node--view-mode-navigation .cartouche-content-type-relative {
	position: relative;
	display: inline-block;
	float: left;
	left: 0;
	top:100px;
	bottom: auto;
	right: auto;
	width: 11%;
}

.view-articles-about-covid  .portlet-image-description ,
.view-terme-de-taxonomie-navigation .node--view-mode-navigation .portlet-image-description {
	display: inline-block;
	width: 65%;
	vertical-align: top;
	font-size: 16px;
}

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


.view-mobility-programs-biosantexc  .portlet-image-description,
.view-joriss-research-projects  .portlet-image-description,
.view-call-of-projetcts-joriss-  .portlet-image-description {
  display: inline-block;
  width: 65%;
  vertical-align: top;
  font-size: 16px;
}

.view-terme-de-taxonomie-navigation .node--view-mode-navigation .portlet-image-description .field--name-field-header {
	background: #FFF;
	font-size: 100%;
	font-style: normal;
	margin: 0;
	padding: 0;

}

.view-admission  .portlet-image-description .field--name-field-header {
  background: #FFF;
  font-size: 100%;
  font-style: normal;
  margin: 0;
  padding: 0;

}


.view-mobility-programs-biosantexc  .portlet-image-description .field--name-field-header,
.view-joriss-research-projects  .portlet-image-description .field--name-field-header,
.view-call-of-projetcts-joriss-  .portlet-image-description .field--name-field-header {
  background: #FFF;
  font-size: 100%;
  font-style: normal;
  margin: 0;
  padding: 0;

}


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

.site-footer {
	padding: 0 0 30px;
	background: none;
}

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

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

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

}


.region-footer-fifth h2 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 1em;

}

.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;
	height: 150px;
	padding: 0;
	margin-bottom: 20px;
}

#logo-idex,#logo-chels {
	display: block;
	text-align: center;
	margin-top: 40px;

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

.footer-fin ul {
	margin: 0;
}

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

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

}

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

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


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




/*********    LE BLOC DE SELECTION DE LAGENDA ***********/
#block-eventstypebloc {
	background: #FFF;
}
#block-eventstypebloc .tab-content {
	border: 3px solid #ededed;
	padding: 0 1rem;
}
#block-eventstypebloc .nav-tabs {
	border: 0;
	padding: 0;
	margin:0;
}

#block-eventstypebloc .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	background-color: #ededed;
	border:0;
}
#block-eventstypebloc
/**************************************************************/


.nav-tabs > li > a {
	border-radius: 0;
	border:0;
	color:#999;
}

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

#block-agendabreadcrumb,#block-newsbreadcrumb {
	padding: 0;
}

#block-agendabreadcrumb  .breadcrumb,#block-newsbreadcrumb .breadcrumb {
	padding: 0;
}

.interval {
	margin-top:1em;
	padding: 1em;
	background: #ededed;
	color: #292929;
	text-align: center;
}

.interval:before {
	content: 'Période';
	color: #797979;
	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;
	background: #ededed;
	color: #292929;
	border-top:1px solid white;
}


.navigation-agenda:before {
	content: 'Événements';
	color: #797979;
	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:#797979;
	border: none;
	padding-bottom: 8px;
	text-decoration: none;
	font-size: 14px;
}

.navigation-actualite {
	margin-bottom: 20px;
	padding: 1em;
	background: #ededed;
	color: #292929;
	border-top:1px solid white;
}


.navigation-agenda .glyphicon {
	color: #797979;
}

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


.view-agenda h3,.view-news h3, .view-biosantexc-events-upcoming- h3 {
	font-family: 'bebas_neue', arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size: 24px;
    margin-bottom: 1em;
    clear: both;
    border-left: 3px solid var(--orange);
	padding: 0 0 0 8px;
}

.node--type-page-standard .upcoming-events {
	padding: 0px;
}


.page-node-type-event .title.page-title,.page-node-type-article .title.page-title {
	display: none;
}

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

.event-list-link {
	padding: 0;
}

.se-container {
	float: right;
	width:50%;
}

.event-header {display: flex;}

.event-header .col-sm-8 {
	padding: 0;
}

.event-agenda,.event-agenda-date {
	padding: 0;
}

.tags-container {
	max-width: 120%;
	padding: 10px 10px 0 0 !important;
	background: #FFF;
	z-index:993;
}

.event-agenda-date .event-agenda-date-short,.event-agenda-date .field-content {
	background: #ededed;
	color:#999;
	border: none;
	border-radius: 0;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size: 16px;
    padding: 1em;
    white-space: nowrap;
    display: inline-block;
    position: relative;

}

.event-agenda-date .event-agenda-date-short:before,.event-agenda-date .field-content:before{
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	border-color: #FFF #FFF #cecece #FFF;
	border-style: solid;
	border-width: 0px 15px 15px 0px;
	height: 0px;
	width: 0px;
	display: block;
}

.event-agenda-date .date-day-number, .event-agenda-date .date-day-name {
	display: block;
}

.event-agenda-date .date-day-number {
	font-size: 40px;
	font-weight: bold;
	line-height: 28px;
}

.event-agenda-date.current-event:after {
	content: "Ongoing event";
	font-size: 10px;
	background: #777777;
	color:#FFF;
	padding: 5px;

}

.event-title span{
	font-size: 22px;
}

.event-title,.event-date,.event-current,.event-location,.event-type {
	margin:0 0 1em 0;
}

.location-container {
	padding-left: 0;
}

.event-current span {
	background: var(--orange);
	color:#FFF;
	padding: .5em;
}

.event-agenda-img img {
	max-height: 100px;
}

.glyphicon-map-marker:before,.glyphicon-tag:before  {
	color: #337ab7;
	font-family: 'Glyphicons Halflings';
}

.glyphicon-map-marker,.glyphicon-tag {
	color: #337ab7;
	font-family: Arial,Helvetica,sans-serif;
}


.categorie .glyphicon-map-marker:before, .categorie .glyphicon-tag:before  {
	color: grey;
	font-family: 'Glyphicons Halflings';
}

.categorie .glyphicon-map-marker,.categorie  .glyphicon-tag {
	color: grey;
	font-family: Arial,Helvetica,sans-serif;
}




.sidebar .block.block-views-exposed-filter-blockagenda-agenda {
	background: #ededed;
}

.sidebar .block.block-views-exposed-filter-blocknews-news {
  background: #ededed;
}

.event-page .col-sm-12, .event-agenda-type, .event-agenda-category {
	padding: 0;
}

.event-page .vignette {
	position: relative;
	padding: 0;
}

.event-page .vignette  img {
	margin: 0;
}

.event-header .copyright {
	position: absolute;
	right:0;
	bottom: 0;
	font-style: italic;
	font-size: 10px;
	background: #000;
	color: #FFF;
	padding: 5px;
}

.event-type-category-container {
	margin-top: 20px;
}

.event-background {
	background-size: cover !important;
	background-position: 30% 50% !important;
}

.field--name-field-type-event .field__items {
	padding-left:10px;
	display: flex;
	-ms-flex-flow: row wrap;
	 flex-flow: row wrap;

}

.field--name-field-type-event  .field__item,.field--name-field-event-category  {
	padding-left:10px;
	display: flex;
	-ms-flex-flow: row wrap;
	 flex-flow: row wrap;

}

.field--name-field-event-category  .field__item {
	padding-left: 20px;
}

article.node--type-event {
	padding: 0;
}

#block-dates {
	margin-top: 15px;
}

.article-content {
	padding: 0;
}

.article-content .paragraph__column {
	padding: 0;
	margin: 10px 0;
}


.event-infos-container {
	display: flex;
	flex-flow: row wrap;
}

.event-infos {
	width: 50%;
}

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


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

.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 */

#block-ens-theme-content {
 clear: both;
}

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

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


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

.flex-event,#event-header-info-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
       flex-flow: row wrap;
	width: 100%;
}

#event-header-info-wrapper .ehiw-column {
	width: 50%;
}

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

#block-eventssharebloc .field--name-field-evenement-complet {
	width: 100%;
	text-align: center;
	padding:.5em;
	background: var(--blue);
	color: #fff;
	text-transform: uppercase;
}

#block-eventssharebloc .field--name-field-evenement-complet:empty {
	display:none;
}

#block-eventssharebloc .field--name-field-evenement-type {
	position: absolute;
	bottom:0;
	right:0;
	margin: 0;
	text-align: right;
}

#block-eventssharebloc .field--name-field-evenement-type .field__item {
	margin-top: 1px;
}
#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-autre-lieu: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: 3px 4px;
}
#event-bloc-2 {
	margin-bottom:.5em;
}
.field--name-field-evenement-tarif-detail{
	font-weight:bold;
}

/************************************************************************/
/****************         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 label[for=edit-keys]{
	font-family: 'bebas_neue', arial, sans-serif;
	letter-spacing: .05em;
	font-weight: normal;
	font-size:1.5em;
}
.path-search #content{
	margin-left:1.2rem;
}

.path-search h2{
	margin-top:3rem;
	font-size:2.7rem;
}

.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;
}

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

.pager {
	margin-top: 3em;
}

.pager li > a, .pager li > span {
	padding: 5px 10px;
	background: #ededed;
	color:var(--orange);
	border: 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;
}




/************************************************************************/
/************************************************************************/
/*********************          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:"\e139";
    top:25%;
}

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

#toolbar-link-view-tri-page_1::before {
    content:"\e155";
    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--type-page-standard .col-sm-12.content-header {
	padding: 0;
}

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

.page-node-type-article #block-contenudelapageprincipale,
.page-node-type-evenement #block-contenudelapageprincipale {
	/* pour pouvoir positionner le bloc moderation */
	position:relative;
}
#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;
}

.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;
}

.node--type-page-standard .col-sm-12 {
	padding: 0;
}

.node--type-page-standard .col-sm-12.departement,.node--type-page-standard .col-sm-12.partner {
	margin-top: 10px;
	padding: 10px 20px;
}

.node--type-page-standard .departement:nth-child(even),.node--type-page-standard .partner:nth-child(even) {
	background: #ededed;
}

.node--type-page-standard .departement .image-department,.node--type-page-standard .partner .image-partner {
	padding-left: 0;
}

.node--type-page-standard .departement .image-department img,.node--type-page-standard .partner .image-partner img {
	margin-left: 0;
}


/************************************************************************/
/***********   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;
	background:var(--orange);
	color:white;
	padding:0.5rem;
	text-decoration:none;
	outline:0;
	border:none;
	font-size:90%;
	white-space: nowrap;
}
.lien_alt:hover {
	background:#fff;
	background:black;
	color:white;
}
/* variante des liens alts dans un bloc info plus (donc fond orange) */
.sous-bloc-infoplus .lien_alt:only-child,
.sous-bloc-infoplus .field--name-field-more-information a{
    display: block;
    text-align: center;
	padding:0.5rem 1rem;
	font-size:100%;
	margin-top:1em;
	color:white;
}
.sous-bloc-infoplus .field--name-field-more-information a,
.sous-bloc-infoplus .lien_alt:link,
.sous-bloc-infoplus .lien_alt:visited{
	background:black;
}
.sous-bloc-infoplus .field--name-field-more-information a:hover,
.sous-bloc-infoplus .lien_alt:hover{
	background:white;
	color:black;
	text-decoration: none;
}

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

.text-formatted .encadre,
.encadre {
	background:#DDDDDD;
	color:black;
	padding:0.6rem 1rem;
}
.text-formatted h1.encadre,
.text-formatted h2.encadre,
.text-formatted h3.encadre,
.text-formatted h4.encadre,
h1.encadre, h2.encadre, h3.encadre, h4.encadre,
.text-formatted .encadre + .encadre,
.encadre + .encadre {
	margin-bottom:0;
}

.text-formatted .adresse,
.adresse {
	background:#DDDDDD;
	color:black;
	padding:0.6rem 1rem;
	text-align:center;
	margin:0 auto 1em;
	display: table;
	font-style:italic;
}
.text-formatted .retrait, .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;
}




@media screen and (max-width : 767px) {

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

	#trame,#titre-site,.sous-bloc-zoomsur::before,#navigation-secondaire-accueil {
		display: none;
	}

    #header .region-secondary-menu {
        width: 100%;
    }

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

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

	#header .region-header {
		float: none;
		width: auto;

	}

	#liste-actu {
		order: 2;
		padding: 0 20px;
	}

	#block-accueilzoomsur {
		order: 3;
	}

	.sous-bloc-infoplus {
		padding-top: .8em;
	}

	#block-accueilalaune {
		width: 100%;
		padding: 0;
	}

	#block-ressources,.region-accueil-region-principale,.region-accueil-sidebar-second,#block-twitterblock,#block-multimedia,.ligne-zoom-multimedia,#block-larecherche,#block-accueilzoomsur,#page {
		padding: 0;
	}

	#block-ressources h2 {display: block;}


	.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,#block-ens-theme-search {
		display: none;
	}

}

@media screen and (max-width : 767px) and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px !important;
  }

}

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

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

.center_cell {
	text-align:center;
}

.sidebar  h2 {
    border: none;
        border-left-width: medium;
        border-left-style: none;
        border-left-color: currentcolor;
    border-left: 3px solid var(--orange);
        border-left-width: 3px;
        border-left-style: solid;
        border-left-color: rgb(254, 84, 0);
    padding: 0 0 0 8px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
    font-size: 24px;
}

.block-nice-menus {
    line-height: normal;
    z-index: 999;
}

 .tips {
 	display:none;
 }


 .sidebar .block {
    background-color: transparent;
    border-style: none;
}


/*
#unite-recherche-info-wrapper {
margin-top: 4rem;
display: block;
column-count: 2;
column-gap: 3rem;
}
*/
.field--name-field-type-article.field__item {
	border-radius: 0;
    background-color: var(--blue);
    padding: 4px 6px;
	color:#fff;
}
.col-sm-12.content-header{
	margin-bottom:1em;
}
.vignette.sansImage{
background:url("../images/vignette-par-defaut-agenda.png");
}

.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;
}

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


.view-id-view_master .cartouche-content-type-absolute{
position: relative;
width:45%;
}

.view-id-view_master .cartouche-content-type-relative{
position: relative;
width:45%;
}


.block-currenttaxo {
	vertical-align: top;
}

/*
.vocabulary-navigation h2 {
    border: none;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
    border-left: 3px solid var(--orange);
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: rgb(254, 84, 0);
    padding: 0 0 0 8px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    font-size: 24px;
}
*/

#block-openingpositions .sous-bloc-infoplus,
#block-openingpositions .sous-bloc-zoomsur::before{
	background:#3498DB;
	}

#edit-submit-news{
	display:none;

}
.cartouche-content-type.news-news{
	background: white;
    border-radius: 0 1em 0 0;
    display: inline-block;
    padding: 8px;
    width: 80%;
    z-index: 667;
	color:#333;
	font-weight:bolder;
	opacity: 0.8;
}

.cartouche-content-type .field--name-field-type-event{
  background: white;
    border-radius: 0 1em 0 0;
    display: inline-block;
    z-index: 667;
  font-weight:bolder;
  opacity: 0.8;
}
.view-news div.views-row{
	display:contents;
	margin:0; padding:0;
}


.se-block .block-content .se-container .se-links-container {
    display: inline-block;
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: calc(100% - 35px);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 30px;
}

#block-taxohead {
    z-index:100;
}
.sommaireViewTileItem {
 padding: 10px;
 margin-bottom: 20px;
}

.view-news .views-row:nth-child(odd) .sommaireViewTileItem  {
 background: #ededed;
}
.sommaireViewTileItem img.sommaireViewLeadImageMini{
	max-height:200px;
	float:left;
	margin-left:0;
	margin-top: 0;
}

.sommaireViewTileItem h4 {
	font-size: 22px;
}

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

}

#block-footer {
	background: #292929;
	padding: 1em;
}

#block-blockdebaspage li:before, #block-footer li:before{
	content:'';
	padding:0;
}

#edit-submit-indexation-affiliated-structures-and-partners {
  display: none;
}

#edit-submit-indexation-collection {
  display: none;
}

#edit-submit-liste-labos-juniors{
  display: none;
}


#edit-submit-indexation-keyword{
  display: none;
}

#edit-submit-indexation-location{
  display: none;
}

#edit-submit-indexation-subject{
  display: none;
}

#edit-submit-page-join-diplomas{
  display: none;
}

#edit-submit-liste-unity-by-type{
  display: none;
}

#edit-submit-terme-de-taxonomie-research-project{
  display: none;
}

#edit-submit-indexation-location-term{
  display: none;
}

#edit-submit-indexation-type-article,
#edit-submit-indexation-type-event,
#edit-submit-indexation-affiliated-structures-and-partners,
#edit-submit-indexation-collection,
#edit-submit-indexation-keyword,
#edit-submit-indexation-location,
#edit-submit-indexation-subject,
#edit-submit-page-join-diplomas,
#edit-submit-liste-unity-by-type,
#edit-submit-terme-de-taxonomie-research-project,
#edit-submit-indexation-location-term,
#edit-submit-indexation-type-event,
#edit-submit-page-view-publications,
#edit-submit-view-master,
#edit-submit-view-master-new,
#edit-submit-agenda,
#edit-submit-admission{
  display: none;
}


.chosen-container ul:not(.nav):not(.chosen-results):not(.horizontal-tabs-list) li:before{
    content: "";
    color: none;
    padding-right: 0px!important;
}

.col-sm-12.departement, .col-sm-12.departement .col-sm-6, .col-sm-12.departement .col-sm-12 {
	padding:0;
}
.page-node-type-unite-de-recherche #block-ens-theme-page-title{
	display:none;
}

.node--type-parcours .field--label-inline .field__label,
.node--type-unite-de-recherche .field--label-inline .field__label{
	margin:0 1.5em 1em 0;
}
div.field--name-field-labo-english{
    margin-bottom: 0.5em;
}
div.field--name-field-applicant-profile, div.field--name-field-degree-program{

	margin-top: 3em;
}
.node--type-article .field--name-field-header p,
.node--type-event .field--name-field-header p,
.node--type--article.node--view-mode-index .field--name-field-header p,
.node--type--event.node--view-mode-index .field--name-field-header p {background: #F2F2F2;
    font-size: 90%;
    font-style: italic;
    padding: 1rem;
}
.location-event{
	margin-top: 0.5em;
	font-size: 150%;
}
.type-article{
	margin-top:0.5em;
	margin-bottom:1em;
	font-size: 100%;
}
.event-title.article{

	margin-bottom: -1em;

}
.event-background.article{
	min-height: 180px;
	margin-bottom: 1em;
}