﻿/*.sticky { 
left: -830px;
min-width: 860px;
position: fixed;
top: 40px;
}*/

.animate, .sticky { 
transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
}

/*
*, ::after, ::before { 
box-sizing: border-box;
}
*/

/*
.sticky-contents { 
background: #FFFFFF;
float: left;
height: 640px;
padding: 30px 0px 15px 45px;
width: 785px;
}
*/

.sticky-contents { 
background: #FFFFFF;
box-shadow: 1px 1px 2px #E8E8E8;
float: left;
height: 640px;
padding: 20px 0px 15px 20px;
width: 810px;

}

.sticky-contents .sticky-block-menu
{
    width:810px;
}


.sticky-contents .sticky-block-menu .sticky-block-menu-col1-mobile { 
display: none;
padding: 0px;
width: 100%;
}

.sticky-contents .sticky-block-menu > div { 
display: inline-block;
/*padding-right: 3%;*/
padding-top: 30px;
vertical-align: top;
/*width: 30%;*/
font-family: 'LinotypeBrewery-Regular';
margin-top:5px;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col1 { 
width: 32%;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col2 { 
padding-top: 10px;
width: 32%;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col3 { 
padding: 0px 0px 0px 1%;
}


.sticky-contents .sticky-block-menu .sticky-block-menu-col1 > div { 
    width: 233px;
}


.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-container, .sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-select, .sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-options { 
max-width: 190px;
}




/*
.sticky-contents .sticky-block-menu .sticky-block-menu-col1 > div { 
width: 90%;
}
*/

.sticky-contents .sticky-block-menu > div .sticky-displaymode1 a { 
background-image: url("/images/icones/menu.png");
background-position: 100% 50%;
background-repeat: no-repeat;
display: inline;
font-size: 1rem;
font-weight: 400;
padding-right: 23px;
text-transform: uppercase;
}

.sticky-contents .sticky-block-menu > div .sticky-displaymode1 { 
margin-bottom: 34px;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col1 .sticky-displaymode1:first-child { 
margin-bottom: 55px;
}

.sticky-contents .sticky-block-menu .sticky-displaymode2  
{
font-family: 'SourceSansPro-Regular';
border-bottom: 1px solid #E0E0E0;
display: block;
font-size: 0.88rem;
font-weight: 400;
padding: 5px 0px;
width: 100%;
margin:0px;
}


.sticky-contents .sticky-block-menu .sticky-displaymode2 .first 
{
    margin-top: -28px;
}
.sticky-contents .sticky-block-menu .sticky-displaymode2 .last{
    margin-bottom: 25px;
    border-bottom: none;
}


.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .sticky-displaymode1:last-child { 
border-top: 1px solid #E0E0E0;
bottom: 50px;
margin-bottom: 0px;
padding-top: 10px;
position: absolute;
}

.sticky-contents .sticky-block-menu > div label[for="sticky-block-menu-item-youare"] { 
display: none;
}


.sticky-contents .sticky-block-live .sticky-block-menu-instruments .sticky-displaymode2  
{
font-family: 'SourceSansPro-Regular';
border-bottom: 1px solid #E0E0E0;
display: block;
font-size: 0.75em;
font-weight: 400;
padding: 2px 0px;
width: 100%;
margin:0px;
}


/*
.sticky-block-menu .dd-container { 
margin: 0px;
height:41px;

position: relative;
}
*/


.dd-container { 
position: relative;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-select .dd-selected { 
font-weight: 400;
max-width: 97%;
padding: 0px 10px;
text-transform: uppercase;
}


.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-select { 
background: #B3D6FD !important;
border: medium none currentColor;
border-radius: 0px;
padding: 10px 0px;
}

.sticky-block-menu .dd-selected { 
display: block;
font-weight: 700;
overflow: hidden;
padding: 10px;
}


.sticky-block-menu .dd-select a  
{
    background-color:#B3D6FD;
cursor: pointer;
display: block;
font-weight: 700;
text-decoration: none;
}



.dd-options { 
background: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: medium none currentColor;
box-shadow: 0px 1px 5px #DDDDDD;
display: none;
list-style: none outside none;
margin: 0px;
overflow: auto;
padding: 0px;
position: absolute;
z-index: 2000;
}

.sticky-block-menu .dd-options { 
background: #FFFFFF;
display: none;
list-style: none outside none;
margin: 0px;
overflow: visible;
padding: 0px;
position: absolute;
z-index: 2000;
}



/*Col 3*/



.sticky-contents .sticky-block-menu .sticky-block-menu-col3 
{
    font-family: 'SourceSansPro-Regular';
}

.sticky-contents .sticky-block-menu > div .wrapper-li {
    margin-bottom: 27px;
}

.clearfix {
}

.sticky-contents .sticky-block-menu > div .wrapper-li .sticky-displaymode3 {
    margin-bottom: 2px;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col3 .sticky-displaymode3 a {
    /*font-weight: 600;*/
    font-size: 16px;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col3 .sticky-displaymode3-image {
    width: 25px;
    display: inline-block;
    text-align: center;
}

.sticky-contents .sticky-block-menu > div .wrapper-li .sticky-displaymode3 a, .sticky-contents .sticky-block-menu > div .wrapper-li .sticky-displaymode3 img {
    vertical-align: middle;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col3 .sticky-displaymode3-image img {
    max-width: 20px;
}

/*Menu Live*/

.sticky-contents .sticky-block-live > div .sticky-displaymode1 a { 
background-image: url("/images/icones/menu.png");
background-position: 100% 50%;
background-repeat: no-repeat;
display: inline;
font-size: 1rem;
font-weight: 400;
padding-right: 23px;
text-transform: uppercase;
}

.sticky-contents .sticky-block-live > div .sticky-displaymode1 { 
margin-bottom: 34px;
}

.sticky-contents .sticky-block-live .sticky-block-menu-col1 .sticky-displaymode1:first-child { 
margin-bottom: 55px;
}

.sticky-contents .sticky-block-live > div .sticky-displaymode2 { 
border-bottom: 1px solid #E0E0E0;
display: block;
/*margin:0 0 0 0 !important;*/
font-size: 11pt;
font-weight: 400;
padding: 5px 0px 5px 0px;/* !important;*/
width: 100%;
}
.sticky-contents .sticky-block-live > div .sticky-displaymode2 a{ 
}

.sticky-contents .sticky-block-live .sticky-displaymode2.last { 
margin-bottom: 25px;
}

/*
.sticky-contents .sticky-block-live .sticky-displaymode2.first { 
margin-top: -28px;
}

.sticky-contents .sticky-block-live .sticky-displaymode2.last { 
margin-bottom: 25px;
}

*/


/**/
.sticky-contents .sticky-block-menu .sticky-block-menu-col1 .sticky-displaymode2.first { 
margin-top: -28px;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col1 .sticky-displaymode2.last { 
margin-bottom: 25px;
}


.sticky-contents .sticky-block-menu > div .wrapper-li .sticky-displaymode3 a, .sticky-contents .sticky-block-menu > div .wrapper-li .sticky-displaymode3 img { 
vertical-align: middle;
}

.sticky-block-menu .dd-select { 
cursor: pointer;
position: relative;
text-decoration: none;
}





.sticky button input, select, textarea { 
font-family: inherit;
font-size: 100%;
margin: 0px;
vertical-align: baseline;
}

.sticky button, input { 
line-height: normal;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .sticky-block-menu-item:first-child { 
margin-bottom: 45px;
}


.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .sticky-displaymode1:last-child { 
border-top: 1px solid #E0E0E0;
margin-bottom: 0px;
padding-top: 10px;
}

.sticky-contents .sticky-block-menu > div a { 
color: #000000;
}



.sticky-block-menu .dd-options { 
list-style: none outside none;
}


.sticky-block-menu .dd-option { 
color: #333333;
cursor: pointer;
display: block;
margin: 0px;
overflow: hidden;
padding: 10px;
text-decoration: none;
transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0;
}
/*
.sticky-block-menu .dd-option:hover { 
   background-color:#DFEFFF;
}
*/
.sticky-block-menu .dd-pointer { 
height: 0px;
margin-top: -3px;
position: absolute;
right: 10px;
top: 50%;
width: 0px;
}

.sticky-block-menu .dd-pointer-down { 
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
cursor: pointer;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-pointer-down { 
background: url("/images/icones/picto_bg_select.png") 0px 0px no-repeat transparent !important;
border: 0px none currentColor;
display: block;
height: 6px;
width: 10px;
}

.sticky-contents .sticky-block-menu .sticky-block-menu-col2 .dd-pointer-down.dd-pointer-up { 
background-position: 0px -6px !important;
border: 0px none currentColor !important;
margin-top: -3px;
}

.dd-option { 
border-bottom: 1px solid #DDDDDD;
color: #333333;
cursor: pointer;
display: block;
overflow: hidden;
padding: 10px;
text-decoration: none;
transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0;
}

.dd-options { 
background: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: medium none currentColor;
box-shadow: 0px 1px 5px #DDDDDD;
display: none;
list-style: none outside none;
margin: 0px;
overflow: auto;
padding: 0px;
position: absolute;
z-index: 2000;
}




.sticky-block-menu .dd-selected-text { 
cursor: pointer !important;
font-weight: 700;
}




/* .l-region--sticky*/
.sticky {
	left:-830px;
	min-width:860px;
	position:fixed;
	top:40px;
	/*border:1px solid red;*/
	z-index:1000;
}



.sticky .opened{
	left:0px;
	min-width:860px;
	position:fixed;
	top:40px;
	/*border:1px solid red;*/
	z-index:1000;
}


.sticky ul { 
display: block;
list-style-position: outside;
list-style-type: disc;
/*margin-bottom: 1em;
margin-top: 1em;
padding-left: 40px;*/
 }

.animate, sticky {
	transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
}

.sticky-links {
	float:right;
	margin-top:165px;
	width:58px;
}


.sticky ul { 
    list-style-position: outside;
    list-style-type: disc;
}

.sticky-links li { 
/*background: #000000;*/
background: #B3D6FD;
/*background-color:#FFFFFF;*/
/*border-bottom: 1px solid #CCCCCC;*/
border-bottom: 1px solid #000000;
cursor: pointer;
display: block;
height: 105px;
position: relative;
transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
/*width: 60px;*/
}

/*
.sticky-links li:last-child{ 
    background: #B3D6FD;
    height: 90px;
}
*/


.sticky-links li a  
{
    /*background: url("http://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/sticky_menu.png") 82px 14px no-repeat transparent;*/
/*background: url("../images/sticky_menu.png") 72px -5px  no-repeat transparent;*/
color: #FFFFFF;
font-size: 1.13rem;
font-weight: 400;
height: 58px;
left: 0px;
line-height: 50px;
padding-right: 20px;
text-align: center;
top: 0px;
width: 110px;
}

.vertical-text, .sticky-links li a { 
  position: absolute;
  /*  background-color: #b3d6fd;*/
    color: #000000;
    -webkit-transform: rotate(270deg) translateX(-100%);
    -webkit-transform-origin: 0px 0px;
    transform: rotate(270deg) translateX(-100%);
    transform-origin: 0px 0px;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 100%;

}


.sticky-links li:hover a, .sticky-links li.active a { 
    color: #000000;
    background-color: #FFFFFF;
}

 .sticky-links li:hover, .sticky-links li.active {
     /* background-color: #b3d6fd; */
      background-color: #FFFFFF;
 }


.sticky-links li a#sticky-links-menu  
{
    background: url("../images/sticky_menu.png") 90px -30px  no-repeat transparent;
   /* background-color: #b3d6fd; */
    /*background: url("http://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/sticky_menu.png") 80px 18px no-repeat transparent;*/
    /*background: url("http://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/sticky_menu.png") no-repeat 80px 18px;*/
    width: 110px;
    padding-right: 10px;
    
}

.sticky-links li a#sticky-links-search { 
    /*background: url("http://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/sticky_rech.png") 50% 15px no-repeat transparent;*/
    text-indent: -9999px;
    transform: none;
    width: 60px;
}


.sticky-links li a#sticky-links-live  
{
    width: 105px;
    padding-right: 0px;
   /* border-right:1px solid #FFF; */
}


.sticky-block-live
{
   /* background-color : Fuchsia; */
}

.sticky-block-menu
{
  /*  background-color : Fuchsia;*/
}

.sticky-block-menu-genres
{
    margin:20px 0 0 0px;
    width:205px;
    float:left;
}
 .sticky-block-menu-instruments
{
     margin:20px 0 0 40px;
    width:205px;
    float:left;
}

.sticky-block-menu-search
{
     margin:20px 0 0 40px;
    width:210px;
    /*clear:left;*/
    float:left;
}

.sticky-block-menu-orchestre
{
     margin:30px 0 0 40px;
    width:210px;
    float:left;
}

.sticky-block-menu-entretien
{
     margin:30px 0 0 40px;
    width:210px;
    float:left;
}

.sticky-block-live h3
{
    /*font-family:title;*/
    color:#000000 !important;
    font-size:13pt !important;
     width:200px;
     height:auto;
     padding:14px 10px 14px 0px;
     text-transform:uppercase;
     hyphens: auto;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
}

.sticky-block-live p
{
    font-family: "SourceSansPro-Regular";
    font-size:10pt;
    color:#000000;
}

/*
.sticky-block-menu-item
{
    color:#000000;
    font-family: "SourceSansPro-Regular";
    font-size:10pt;
    font-weight:400;
    line-height:26px;
    border-bottom : 1px solid #E0E0E0;
    
}
*/

.sticky-block-menu-item a
{
    color:#000000;
}

.sticky-block-menu-item a:hover
{
    color:#808080;
}

.sticky-block-menu-item a:active, .sticky-block-menu-item a:visited { 
 color:#000000;
cursor: pointer;
text-decoration: none;
}

.sticky-block-menu-item span.nb
{
    /*font-size: 11pt;*/
    /*color:#000000;*/
}

.sticky-block-menu-item a span.nb
{
    /*color:#B3D6FD !important;*/
    /*font-size:11pt;*/
}



/**/
.sticky input 
{

border-bottom-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-top-width: 2px;
color: #000000;
display: block !important;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
text-align: default;
text-indent: 0px;
text-transform: none;
}