.sticky {
  z-index: 10;
}

body.fondPage1 {
	background: url('../img/fond_NB_3.png'), rgba(255,255,255,1);
	background-size: 100% 100%;
}

#siteNavStickyWrap {
	background: rgba( 178, 76, 69, 0);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b24c45+0,7d333a+100 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b24c45+0,7d333a+100 */
	/*
background: #b24c45; /* Old browsers */
	background-image:url('../img/bandeau_25_formes_3_blur.png');
	background-repeat: repeat;
	background-size : 100% auto;
	background-position: left top;
}

#siteNavStickyContainer .title-bar {
	background: none;
}

#siteNavStickyContainer .top-bar {
	background: none;
}

#siteNavStickyContainer .top-bar-left {
	background: none;
}

#siteNavStickyContainer .top-bar-left li.has-submenu {
	background: rgba(162, 8, 14, .04);;
}


/*.title-bar, .top-bar {
	background:rgba(162, 8, 14, 1); 
	background-image:url('img/guideBandeau.png'); 
	background-repeat: no-repeat;
	background-position: left top;
}
*/

/*
#bando1.title-bar, #example-menu.top-bar {
	background:rgba(162, 8, 14, 1); 
	background-image:url('../img/guideBandeau.png'); 
	background-repeat: no-repeat;
}
*/

.top-bar, .top-bar .submenu {
  /* background-color: rgba(230, 230, 230, 0.95); */
  background-color: rgba(229, 229, 250, 0.95); 
  -webkit-backdrop-filter:  blur(4px);
  backdrop-filter:  blur(4px);
	z-index:4;
}

.top-bar {
	background: none;
}

.top-bar2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,8e8e8e+100&0.7+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(142,142,142,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(142,142,142,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(142,142,142,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#cc8e8e8e',GradientType=0 ); /* IE6-9 */
}

.top-bar .menu-text {
  padding-left: 0.25rem;
}

.top-bar .menu > li a {
  border-right: 1px solid rgba(132, 133, 193, .81); 
}

.top-bar .menu > li:last-child a {
  border-left: 0px;
}

.top-bar .dropdown.menu {
	color: green;

}

div.day div.row_prog {
	/* padding-right: 5px;
	 */
	padding-right: 0px;
}

.row.row_prog {
 background-color: rgba(254,201,1,.4)
}

.row.row_prog.wh {
 background-color: white;
}

#jeudiS div.day div.row_prog, #vendrediS div.day div.row_prog {
	padding-right: 0px;
}

/*
div.day, div.day h1, div.day h4 { 
  -webkit-backdrop-filter:  blur(4px);
  backdrop-filter:  blur(4px);
}


div.day2, div.day2 h1, div.day2 h4 { 
  color: #1D2E7B;
  -webkit-backdrop-filter:  blur(4px);
  backdrop-filter:  blur(4px);
}
*/

.top-bar ul {
  background-color: transparent;
}

h1 {
	font-family: 'AvantGarde-Book', 'ITCAvantGardeXTLT', 'JuliusSansOne-Regular', sans-serif !important;
	color: #888 !important;
}

div.plen a {
	color: white;
}

/* fonts */

@font-face {
    font-family: 'AvantGarde-Book';
    src: url('../fonts/AVGARDN_2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGardeLT-Book';
    src: url('../fonts/AvantGardeLT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITCAvantGardeXTLT';
    src: url('../fonts/ITCAvantGardeGothicLT-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JuliusSansOne-Regular';
    src: url('../fonts/JuliusSansOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

				/*
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BungeeOutline-Regular';
    src: url('../fonts/BungeeOutline-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BungeeInline-Regular';
    src: url('../fonts/BungeeInline-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-CondBold';
    src: url('../fonts/OpenSans-CondBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'JuliusSansOne-Regular';
    src: url('../fonts/JuliusSansOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'JuliusSansOne-Regular';
    src: url('../fonts/JuliusSansOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/

/* fin fonts */

ul.accordion {
  margin-left: 1rem;
  margin-right: 1rem;
}

.accordion-item:first-child > :first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.accordion-item:last-child:not(.is-active) > .accordion-title {
  border-bottom-left-radius: 10px;  
  border-bottom-right-radius: 10px;  
}

.accordion-item:last-child > :last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.sponlist {
	padding:0; 
	padding-top:10px; 
	text-align:center;
	border-radius:1em;
}

.sponlist > li {
	display:inline;
}

.sponlist > li > img, .sponlist > li > span > img  {
	vertical-align:middle; 
	margin:5px;
	margin-bottom:5px;
	max-height:50px;
	max-width:140px;
}

.tooltip {
  border-radius: 1em;
  background-color: #ff5f3f;
}

.tooltip::before {
  border-color: transparent transparent #ff5f3f;
}

.logo_prog {
  height:4em;
}

.small-2 {
	position: relative;
	/* 
	  left: -.31rem
	 */
}

.hour_prog {
  text-align:center;
	background-color: rgba(241,248,29,.4);
}

.hfin {
	font-size: 80%;
	top: -10px;
	position: relative;
}

.titre-conf {
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%);
	line-height: 1; /* pour fixer depassement hors du cadre de la cellule - data-equalizer fixe une hauteur trop faible...*/
	z-index:3;
}

#jeudiS .row_prog {
  background-color:transparent;
 /* background-color:rgba(255, 250, 250, 0.96); */
 /* border-bottom: 1px rgba(63, 25, 12, 0.96) solid; */
}

#vendrediS .row_prog {
  background-color:transparent;
 /* background-color:rgba(255, 250, 250, 0.96);  */
 /*  border-bottom: 1px rgba(175, 173, 174, 0.96) solid; */
}

.row_prog > div + div{
  background-color: rgba(255, 255, 255, 0.73);
}

.row_prog div.break{
  background-color: #07456B;
  color: white;
}

.row_prog div.gala{
  background-color: white;
  color: black;
}

.row_prog div.plen{
  background-color: rgba(255, 254, 251, 0.5);
  color: white;
}


/*.row_prog h4 { */
h4, h5{
	text-align: center;
	color:#FFF !important;
	font-family: 'AvantGarde-Book', 'JuliusSansOne-Regular', sans-serif !important;
	/* background-image:url('../img/fd_bleu.png'); */
	background: #80c323;
	background-position: center;
}

.conf {
	position: relative;
	padding-right: 30px;
}

.amphiCont {
	position: absolute; 
	top:.4rem;
	right: .2rem; 
}

.tampon {
	position: absolute; 
	top:1.5rem;
	right: 0.1rem; 
	width: 25px;
	height: 25px;
	background-image: url('../img/tampon.png');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

.amphi {
	font-weight: bold;  
	color:#fff; 
	padding:3px;
	border:1px solid #fff;
	border-radius:50%;
	
}

.ital {
  font-style: italic;
} 

.bld {
  font-weight: bold;
} 

.tabs-title > a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tabs-panel.fwidth {
  padding-left: 0;
  padding-right: 0;
}

.stand {
	min-height:80px; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto; 
}

.stand.lv {
	background-size: auto 80%; 
	background-position-x: 40px;
}

.stand.lh {
	background-size: 50% auto; 
	background-position-x: 20px;
}

.E1_old {
  background-color: rgb(112, 255, 47);
  color: rgb(112, 255, 47);
  padding:3px;
	border:1px solid #fff;
	border-radius: 50%;

}

.etat {
	float:right; 
	position: relative; 
	top:.4rem;
	right: .6rem;

}

.salle {
	float:right; 
	position: relative; 
	top:0rem;
	/* top:0.8rem; */
	left: 1.4rem;
	padding: 1px 3px;
	border-radius:10%;
	padding-bottom:0px;
	border-bottom-left-radius: 0%;
	border-bottom-right-radius: 0%;
	border-top: 1px solid rgba(1,0,0,1);
	line-height: 1.4;
	color: white;
	z-index: 1;
	margin-right: 5px;
}

.salle.temoin {
	border-radius:15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.plot {
	margin-top: -0.5rem;
}


.E0 + .salle {
	border-top-color: rgb(143,143,143);
}

#jeudiS .E0 + .salle {
	border-top-color: rgba(72, 177, 240, 0.96); 
}

#vendrediS .E0 + .salle {
	border-top-color: rgba(150, 127, 200, 0.96);
}

.E1 + .salle {
	background-color : rgba(128,255,0,.9) !important; /* lime */
	border-top-color: rgba(128,255,0,.9);
	color: rgb(175, 173, 174)
}

.E2 + .salle {
	border-top-color: rgba(255,203,0,.9); /* yellow */
	background-color : rgba(255,203,0,.9) !important;
	color: rgb(175, 173, 174)
}

.E3 + .salle {
	border-top-color: rgba(255,95,0,.9); /* coral */
	background-color : rgba(255,95,0,.9) !important;
}

.E0 {
	display: hidden;
}

.C0 {
	background-color:#1c4c3e;
	color: #80c323;
}

.C0.amphi {
	border:  1px solid #80c323;
}

.C1 { /* gris */
  background-color: #799f44;
  color: white;
}
.C2 { /* bleu moins clair */
  background-color: #80c323;
  color: white;
}
.C3 { /* gris plus fonce */
  background-color: #80c323;
  color: #1c4c3e;
}
.C3.amphi {
	border:  1px solid #1c4c3e;

}


.C4 { /* bleu clair */
  /*background-color: rgb(158, 211, 217); */
  color: black;
}
.C7 { /* vert/bleu */
  background-color: rgb(142, 152, 168);
  color: white;
}
.C8 { /* vert/bleu clair */
  background-color: rgb(131, 195, 207);
  color: white;
}




.C1T {
  color: rgb(181,145,141);
}
.C2T {
  color: rgb(176,140,190);
}
.C3T {
  color: #1c4c3e;
}

.hour_prog .C3T, .hour_prog .C4T {
	position : relative;
	left: -.31rem;
}

.C4T {
  color: #649c17;
}
.C0T {
  color: black;
}



.C5 {
  background-color: #FFCA3A;
  color: white;
}
.C6 {
  background-color: #98B3C5;
  color: white;
}

p {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  word-break: hyphenate;
  margin-bottom: 0rem;
}

a, a:hover, a:focus {
  color: #fff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color:  rgba(14,14,14,1)transparent transparent;
}

ul.dropdown.menu * {
	font-family:  'AvantGarde-Book', 'JuliusSansOne-Regular', sans-serif !important;
}
/*
ul.dropdown.menu * {
	font-family: 'ITCAvantGardeXTLT', 'AvantGarde-Book', 'JuliusSansOne-Regular', sans-serif !important;
}
*/

li.has-submenu li a {
	color: rgba(14,14,14,1);
}

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

td {
  vertical-align:top;
}

.cw {
  color: white;
}

ul.tabs {
  background: transparent;
  border: none;
}

li.tabs-title.is-active {
  border-top: 4px solid red;
  border-radius-top: 4px;
}

.tabs-content {
  background: transparent;
}

.reveal {
  background-color: rgba(254, 254, 254, 0.1);
	border : None; 
	padding : 0; 
	padding-top : 0rem; 
	border-radius : 15px;
}

.reveal .titre {
	font-size: 150%;
	padding-bottom: 1rem;
	padding-top: 1.3rem;
	color: white;
	background-image: url('../img/bandeau_25_formes_3_blur.png');
	background-repeat: repeat;

}

.reveal .conteneur {
	background-color: white;
	border-radius: 15px;
	border: white 0px solid;
	padding: 0px;
	padding-bottom: 10px;
}

.reveal .conteneur div:first-child {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.reveal .close-button {
    right: 10px;
    top: 0px;
		color: white;

}

.switch {
	margin-bottom: 0px;
	line-height: 0rem;
}

label.switch-paddle {
	border-radius: 100px;
	border-top-left-radius: 0;
	border-bottom-left-radius:0;
}




.switch-paddle {
	background: rgba(200, 200, 200, 0.28);
}

input:checked ~ .switch-paddle {
	background: rgba(162, 97, 102, 0.58);
}

.e1 .switch-paddle::after {
	background: rgba(128,255,0,.9);
	border-radius: 50%;
}

.e2 .switch-paddle::after {
	background: rgba(255, 203, 0, 1);
	border-radius: 50%;
}

.e3 .switch-paddle::after {
	background: rgba(255, 95, 0, 1);
	border-radius: 50%;
}

.switch.tiny .switch-paddle {
	width: 2.6rem;
}

/* switch etu */

.switch.tiny.etu .switch-paddle span.switch-active {
	left: .9rem;
}
.switch.etu label.switch-paddle {   
	border-radius: 100px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.switch.etu .switch-paddle::after {
	border-radius: 50%;
	background: transparent;
}

div.switch.etu {
	float:right; 
	position: relative;
	top: 1.50rem;
	/* top: 2.56rem; */
	left: 4.00rem;
	z-index: 1;
}

#jeudiS .E0 + .salle + .switch.etu  .switch-paddle {
	background-color:rgba(63, 25, 12, 0.16);
}

#jeudiS  .salle, #jeudiS .etage, #jeudiS .E0 + .salle + .switch.etu input:checked ~ .switch-paddle {
	background-color: rgba(128, 195, 35, .96) ;
}

#vendrediS .E0 + .salle + .switch.etu .switch-paddle {
	background-color:rgba(175, 173, 174, 0.16);
}

#vendrediS .salle, #vendrediS .etage,#vendrediS .E0 + .salle + .switch.etu input:checked ~ .switch-paddle {
	background-color:rgba(28, 76, 62, .96);
}


.switch.etu input:checked ~ .switch-paddle {
	background: rgba(143, 143, 143,1);
}

.E1 + .salle + .switch.etu  .switch-paddle {
	background: rgba(128,255,0,.16);
}

.E1 + .salle + .switch.etu input:checked ~ .switch-paddle {
	background: rgba(128,255,0,.9);
	color: rgb(175, 173, 174);
}

.E2 + .salle + .switch.etu  .switch-paddle {
	background: rgba(255,203,0,.16);
}

.E2 + .salle + .switch.etu input:checked ~ .switch-paddle {
	background: rgba(255,203,0,.9);
	color: rgb(175, 173, 174);
}

.E3 + .salle + .switch.etu  .switch-paddle {
	background: rgba(255,95,0,.16); 
}

.E3 + .salle + .switch.etu input:checked ~ .switch-paddle {
	background: rgba(255,95,0,.9); 
	color: rgb(175, 173, 174);
	color: white;
}

.pauseDej {
	height: 1rem;
	width: 100%;
}

.petitEsp {
	height: .5rem;
	width: 100%;
}

.rappelJour {
	font-size: 75%;
}

.reveal form {
	margin: 10px;
} 

.is-dropdown-submenu {
	min-width: 0;
	border: 1px solid rgba(132, 133, 193, 1);
}

.intervenant {
	text-align : left;
	margin-left : 10px;
}

.intervenant .infos {
	float : left; 
	max-width : 6rem;
	margin-right : 10px;
}

.intervenant .infos *:first-child {
	width : 34%;
}

.intervenant .infos *:first-child + *{
	margin-left : 4px;
}

.intervenant .infos *:first-child + * img{
	width : 40%;
}