/* GENERALITES */ body { margin: 0; background: #404040; font: 12px/15px Helvetica, sans-serif; color: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; min-width: 1000px; } img { border-style: none } a { text-decoration: none; color: #ff5a32;} a:hover { text-decoration: underline } input, textarea, select { font: 100% Arial, Helvetica, sans-serif; vertical-align: middle; } form, fieldset { margin: 0; padding: 0; border-style: none; } input[type="submit"]:hover { cursor: pointer } legend { position: absolute; left: -9999px; } ul li{list-style-type:none;} #wrap_logo{max-width:17.4%;float:left;} #wrap_mp3{max-width:46%;float:left;} #wrap_footer{max-width:100%;} .mobile-invisible{display:none;} /* Retour Haut */ #retour_haut{visibility:hidden;position:fixed;cursor:pointer;color:red;right:30px;bottom:200px;background:url('../images/fleche-carre.png') no-repeat;width:56px;height:56px;opacity:0.7;} #retour_haut:hover{opacity:1;} /* Impression */ @media print { * { background: none !important; border: 0 !important; overflow: visible !important; color: #000 !important;} body { min-width: 100% } .print-logo { display: block } .bar, .nav-bar, #header .shadow, #header .logo, .slider, .aside, #sidebar, #footer, .visual, .breadcrumbs, .tab-nav { display: none} #wrapper, .w1, #header { width: 100%; margin: 0;} #header .holder { padding: 0; margin: 0; position: static; width: 100% } #content, .content-holder, .image-blocks { width: 100%; margin: 0; padding: 0; float: none;} .image-block { float: none; width: 100%; color: #fff !important; margin-bottom: 20px; page-break-inside: avoid; clear: both; } .image-block h2, .image-block p { color: #fff !important } .image-blocks { clear: both; margin-bottom: 20px; } .image-blocks:after { content: ''; display: block; clear: both;} .image-blocks .image-block { width: 50%; margin: 0; clear: none;} .image-block img { width: 100% !important; height: auto; } #twocolumns { width: 100%; padding: 0;} #twocolumns #content { width: 100%;} .gallery { width: 60%;} .news-block .holder { page-break-inside: avoid} .gallery .switcher li { width: 20%; margin: 0; page-break-inside: avoid;} .news-aside { width: 25% } .news-aside .box { padding: 0 } .tabs { padding: 0; page-break-inside: avoid; page-break-before: always;} .tab-content .holder { width: 60%; } .tab-content .tab-aside { width: 40%; } .gallery .slideset { width: 100%;} .gallery .slideset .slide { float: none; width: 100%; page-break-inside: avoid; } } /* CALENDRIER */ table.calendar{width:100%;border-top:0px solid #cccccc;border-left:0px solid #cccccc;} table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#ffffff;} table.calendar .head a{font-size:10px} table.calendar .current{background-color:#660099;color:#ffffff} table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#bbbbbb;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-weight:bold;font-size:10px;color:#ffffff;} table.calendar td{width:14%;height:102px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} table.calendar td.col_last{border-right:1px solid #ffffff;} table.calendar td.weekend{background-color:#f6f6f6;} table.calendar .today{background-color:#E8DDED;} table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;} table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;font-size:10px;} table.calendar td .event a{display:block;font-size:10px;line-height:10px;padding-bottom:4px;font-weight:bold} table.calendar .cal_1 a{color:#660099} table.calendar .cal_2 a{color:#666666} table.minicalendar{width:220px;float:right;border: 5px solid #FFFFFF;} table.minicalendar th{padding: 3px 0px 3px 0px;font-family:'Raleway'} table.minicalendar td{color:#666666;text-align:center;font: bold 10px/28px Arial, Verdana, Helvetica, sans-serif;padding:0px 0px 0px 0px; width: 28px; height: 28px; text-align: center;} table.minicalendar td,table.minicalendar .active a{font-size:10px;} table.minicalendar .head{text-align:center;font:normal 14px Arial,Verdana,sans-serif;color:#ffffff;text-transform:uppercase;background-color:#666666;} table.minicalendar thead, table.minicalendar tbody{background:#fff;} table.minicalendar .previous a,table.minicalendar .next a{color:#ffffff;font-weight:600} table.minicalendar .days{background:url('../images/bg-cal-day.png') no-repeat top left;} table.minicalendar .today{color:#FF5A32} table.minicalendar .active{background:#FF5A32;} table.minicalendar .active a{color:#ffffff} table.minicalendar .active a:hover{text-decoration:none} table.minicalendar .active:hover{background:url('../images/bg-cal-day-hover.png') no-repeat top left;} table.minicalendar .active:hover a{color:#666666} table.minicalendar .empty{background:#ccc;} table.minicalendar .label{text-align:center;font-size:10px;color:#333333;font: bold 10px/26px Arial, Verdana, Helvetica, sans-serif;padding:0px 0px; width: 28px; height: 28px; text-align: center;} table.minicalendar .current{} table.minicalendar .selected { background: #66aab7; } .mod_calendarspectacle{margin:10px 0px 20px 0px;} /* Archives Spectacle */ #archives #content {width:710px;} #archives #content h3{ display: inline-block; vertical-align: top; font: 40px 'Raleway',Arial,sans-serif; line-height: 38px; color: #0099cc; /*display: inline-block;*/ margin: 0px 0px 15px 0px;padding: 5px 10px; } #archives #content h2{ display: inline-block; vertical-align: top; font: 35px 'Raleway',Arial,sans-serif; line-height: 38px; color: #000000; /*display: inline-block;*/ margin: 5px 0;padding: 5px 10px; } #archives #content h1{color: #000000;display: inline-block;font: bold 55px 'Raleway',Arial,sans-serif;margin: 5px 0;padding: 5px 10px;text-transform: uppercase;background:none;margin-bottom:5px;padding-bottom:0px;} #archives #content h2 span span {background: none repeat scroll 0 0 #333333;/*display: inline-block;*/vertical-align: top;} #archives #content h2 .medium { font-size: 35px; line-height: 38px; color: #ffffff; /*display: inline-block;*/ margin-bottom: 3px; } #archives #content h2 .small span {padding:4px 16px 2px;} #archives #content .moment-cle p{font-size:10px;} .archive-aside{width:734px;} .archive-aside .image-blocks{float:left;padding:0px 30px 10px 0px;} .archive-aside h4{ color: #67AAB7;font-size: 14px;line-height: 17px;margin: 0 0 0 0;text-transform: uppercase;} .archive-aside p{padding-top:0px;} .archive-aside .moment-cle{float:right;padding:20px 0px 0px 10px;height:700px; width:200px;background-color:#f9eff8;position:relative;} .archive-aside #content-cle{/*overflow:auto;*/height:700px;} .archive-aside .moment-cle ul{ padding-left:2px;margin-top:25px;} .archive-aside .moment-cle li{ display :list-item;/*list-style-image : url("../images/puce-cle.png");*/list-style:none; background:url("../images/puce-cle.png") no-repeat;vertical-align:middle;margin-bottom:40px;padding-left:25px;width:160px;font-size:10px;} .archive-aside .moment-cle h4{color:#A75FAB;font-size: 16px 'Raleway',Arial,sans-serif;} .archive-aside .moment-cle h5{color:#A75FAB;font-size: 12px;margin:10px 0px 5px 0px;line-height:16px;} .archive-aside .moment-cle h6{color:#666666;font-size: 12px;margin:10px 0px 10px 0px;} .archive-aside .moment-cle p{margin:0px 0px 10px 0px;} .archive-aside .moment-cle .content-ligne{border-left: solid 1px #AA61AC;height:590px;position:absolute;left: 19px;} .archive-aside .moment-cle #content-moved{/**/overflow:auto;height:590px;width:220px;} #content-moved::-webkit-scrollbar{display: none;width: 0px;height: 0px;} .archive-aside .programme {background: url("../images/bg-text-link.png") repeat-x scroll 0 0 #0780a8;color: #FFFFFF;display: block;font-size: 14px;font-weight: bold;line-height: 16px;padding: 10px 5px 8px;text-align: center;width: 267px;} .archive-aside .moment-cle .cle-menu{width:210px;height:37px;background: url("../images/no-suite.png") no-repeat;color:#C07BC1;font-size:14px; text-align:center;font-weight:bold;line-height: 35px;position:absolute;bottom: 0px;left:0px;z-index:9999px;} .archive-aside .moment-cle #nav_down{width:20px;height:5px;background: url("../images/down.png") no-repeat 10px;} .archive-aside .moment-cle #nav_up{width:20px;height:5px;background: url("../images/up.png") no-repeat;} /*.archive-aside .moment-cle .nav_down{width:210px;height:37px;background: url("../images/suite.png") no-repeat;color:#C07BC1;font-size:14px; text-align:center;font-weight:bold;line-height: 35px;position:absolute;bottom: 0px;left:0px;z-index:9999px;}*/ .archive-aside .moment-cle .no_nav{width:210px;height:37px;background: url("../images/no-suite.png") no-repeat;color:#C07BC1;font-size:14px; text-align:center;font-weight:bold;line-height: 35px;position:absolute;bottom: 0px;left:0px;z-index:9999px;} /* Fin Archives Spectacle */ ul.menu_months { width: 708px; margin: 0px; padding: 0px; margin-bottom: 20px; border-bottom: 1px solid black; margin-right: -1px; margin-top: 15px; } ul.menu_months li { background: black; border-radius: 3px 3px 0 0; float: left; margin-right: 1px; padding: 5px 3px 5px 3px; width: 52px; font-size: 11px; cursor: pointer; text-align: center; list-style: none; color: white; -webkit-transition: background 0.4s ease 0s; -moz-transition: background 0.4s ease 0s; -o-transition: background 0.4s ease 0s; -ms-transition: background 0.4s ease 0s; transition: background 0.4s ease 0s; } ul.menu_months li.active { background: #b662b8; } ul.menu_months li:hover { background: #b662b8; } ul.menu_months li.empty { background: #cccccc; cursor: default; } .listeSpectacle { color: #fff; font-size: 11px; line-height: 13px; margin-top: 10px; } .listeSpectacle .titre { font-size: 28px; font-weight: normal; margin: 0 0 4px; text-transform: uppercase;font-family: 'Raleway', sans-serif; } .listeSpectacle .spect { background: black; position: relative; float: left; line-height: 0px; } .listeSpectacle .box { position: absolute; left: 0; bottom: 0; background: url(../images/bg-image-block.png); padding: 17px 37px 15px 12px; cursor: pointer; } .listeSpectacle .box p { color: white; margin: 0; padding: 0; font-size: 11px; line-height: 15px; } .listeSpectacle .box p.title { text-transform: uppercase; margin-top: 10px; margin-bottom: 0px; } .listeSpectacle .box p.oneLine { max-height: 17px; overflow: hidden; } .listeSpectacle .plus { position: absolute; bottom: 7px; right: 10px; width: 30px; height: 30px; overflow: hidden; text-indent: -9999px; background: #ffffff url('../images/sprite-2.png') no-repeat 0 -74px; } .listeSpectacle .box:hover .plus { background-position: -38px -74px; } .listeSpectacle .box.rouge {background: url(../images/bg-image-block-rouge.png);} .listeSpectacle .box.vert {background: url(../images/bg-image-block-vert.png);} .listeSpectacle .box.violet {background: url(../images/bg-image-block-violet.png);} .listeSpectacle .box.bordeaux {background: url(../images/bg-image-block-bordeaux.png);} .listeSpectacle .box.orange {background: url(../images/bg-image-block-orange.png);} .listeSpectacle .box.gris {background: url(../images/bg-image-block-gris.png);} .listeSpectacle .spect.hoverEffect .box { min-height: 15px; } .listeSpectacle .spect.hoverEffect p { display: none; } .listeSpectacle .spect.hoverEffect:hover p { display: block; } .listeSpectacle .spect.hoverEffect .titre { } .listeSpectacle .spect.hoverEffect:hover .titre { max-height: 1000px; overflow: default; } .listeSpectacle .spect.hoverEffect .box-holder { bottom: 10px;max-width:405px; } .listeSpectacle .spect.hoverEffect .box-frame { padding-right: 10px;line-height: 20px; } .listeSpectacle .spect.two { /*margin-bottom: 15px;*/ margin-right: 20px; width: 220px; height: 147px; } .listeSpectacle .spect.two .titre { font-size: 16px; line-height: 17px; } .listeSpectacle .spect.two .box { max-height: 115px; width: 171px; } .listeSpectacle .spect.hoverEffect:hover .box { height: 115px; } .listeSpectacle .box p.title { display: block; font-size: 10px; } .listeSpectacle .box p.title { display: block; margin-top: 5px; } .listeSpectacle.six .title { font-size: 15px; line-height: 15px; } /* Grande vignette home */ .listeSpectacle .spect.four { margin-bottom: 15px; width: 460px; height: 306px; } .listeSpectacle .spect.four .titre { font-size: 26px; line-height: 30px; } .listeSpectacle .spect.four .box { max-height: 115px; width: 300px; } /* Vignette visite */ .listeSpectacle .spect.three { margin-bottom: 15px; width: 350px; height: 200px; margin-right: 14px; } .listeSpectacle .spect.three .titre { font-size: 26px; line-height: 30px; } .listeSpectacle .spect.three .box { max-height: 115px; width: 200px; } .listeSpectacle .spect.three.last { margin-right: 0px; } /* Liste spectacle (saison/festival) */ .listeSpectacle.six .spect { margin-right: 15px; } .visite.listeSpectacle { margin-top: 15px; } /* Conteneur home */ .listeSpectacle.four { width: 480px; } /* MUSIQUE LR */ h2.content_h2, .content_h2 h2{ background: url("../images/fleche_titre.png") no-repeat scroll right center #FF5A32; box-shadow: 1px 1px 5px 1px #404040; color: #404040; padding: 10px; position: relative; text-transform: uppercase; z-index: 2;} .barre_orange_top_h3{border-top: 2px solid #FF5A32;font-size: 21px;font-weight:bold;padding-top: 20px;text-transform: uppercase;margin-bottom:10px;clear:both;} /* Homepage - Accueil */ #main{float:left:width:715px;width:100%;} #main:after { content: ''; display: block; clear: both; } #right{float: left;width: 20%;padding: 0 0 0 52px;top:-13px;} .aside {float: right;width: 219px;} #wrapper{max-width:1280px;margin:0 auto;} #orange_top{width:100%;position:absolute;height:77px;background-color:#ff5a32;z-index:-1;left:0;box-shadow: 1px 1px 10px 1px #111;} #orange_bottom{width:100%;position:absolute;height:150px;background-color:#ff5a32;z-index:-1;left:0;bottom:0;box-shadow: 1px 1px 10px 1px #111;} #connexion{display:inline-block;vertical-align:top;/*width:23.5%;*/width:20%;margin-left:30px;} #se-connecter{margin-top:10px;} #s-inscrire{margin-top:20px;} #se-connecter a{color:#404040;font-weight:bold;font-size:18px;} #s-inscrire a{color:#fff; background-color:#404040; border-radius:3px; padding:3px;font-weight:bold;font-size:18px;} #langues{float:right;background-color:#404040;border-radius:3px;position:relative;top:-66px;} #langues a{display:block;margin:5px;} #accroche{color: #fff;font-size: 17px;text-align: center;margin-top: 14px;margin-bottom: 30px;} #content { float: left; width: 100%; } .mod_newslist h2{margin-bottom:0;} .mod_newslist .layout_simple{padding:10px 20px;background:#fff;color:#ff5a32;font-size:14px;font-weight:bold;} .mod_newslist .layout_simple a{color:#404040;} .mod_newslist .layout_simple .holder{padding-bottom:20px;border-bottom:2px solid #404040;} #more-news{text-align:right;display:block;background: #fff;font-size:14px;text-transform:uppercase;padding:2px 10px 5px 2px;font-weight:bold;} /* Footer */ #footer{position: relative;bottom: 0;width: 100%;left: 0;color:#404040;margin-top:40px;} #footer .holder{max-width:1100px;margin:0 auto;} #footer_gauche,#footer_centre,#footer_droite{display:inline-block;vertical-align:top;height:140px;font-size:18px;} #footer_gauche{width:20%;max-width:20%;min-width:20%;} #footer_droite{width:30%;max-width:30%;min-width:30%;} #footer_centre{text-align:center;width:49%;max-width:49%;min-width:49%;} #footer_centre ul{padding:0;margin:0 0 0 130px;height:35px;} #footer_centre ul li{list-style-type: none;float: left;margin: 0 5px 0 0;height: 20px;} #footer_centre ul li a{color:#404040;} /*#footer_centre ul li:nth-child(1):after,#footer_centre ul li:nth-child(2):after{content:' -';}*/ #copyright{font-size:12px;display:inline-block;vertical-align:middle;} #link_apem{display:inline-block;vertical-align:middle;} /* Top Ecoute */ #top-ecoute{background: white;color: #333;padding: 20px 10px;position: relative;top: -30px;} #top-ecoute .ecoute{padding:7px 0;border-bottom:1px dotted #333;} #top-ecoute .ecoute .chart{color:#fff;background:#333;font-size:14px;border-radius:20px;display:inline-block;width:20px;height:20px;vertical-align:top;text-align:center;line-height:20px;margin-right:10px;} #top-ecoute .ecoute .chart-titre{display:inline-block;vertical-align:top;margin-top:2px;font-size:14px; font-style:oblique;margin-right:5px;} #top-ecoute .ecoute .chart-artiste{display:inline-block;vertical-align:top;margin-top:2px;font-size:14px;font-weight:bold;margin-left:5px;} /* Slider Home */ #accueil .ce_flexSlider { height: 306px; margin-bottom: 20px; margin-top: 30px;} #article-20 .ce_flexSlider{height:320px;margin-top:30px;} .slides.nav_slides {width: 30%!important;float: right;position: absolute;top: -317px;right: 0;} .slides.nav_slides p{max-width:100%;} .slides.nav_slides li a{color:#404040;font-size:16px;font-weight:bold;} .slides.nav_slides li a:hover{text-decoration:none;} .slides.nav_slides li:hover a{transition: color 1s;-webkit-transition:color 1s;color:#fff;} .slides.nav_slides li{width:82.5%!important;height:76px!important;background: rgba(255,255,255,0.8);border-bottom:1px solid white;padding:0 25px;cursor:pointer;} .slides.nav_slides li:hover{transition: background 1s;-webkit-transition:background 1s; background: rgba(255,90,50,0.8);} .slides.nav_slides li.flex-active-slide{background:url('../images/fleche_slider.png') no-repeat center right #ff5a32;} .slides.nav_slides li.flex-active-slide a{color:#fff;} .flex-viewport {overflow: visible !important;/* padding-left: 23px;*/} /*.flex-direction-nav{display:none;}*/ #carousel .flex-direction-nav{display:none;} /* Newsletter */ .mod_subscribe{background:#fff;color:#FF5A32;padding-bottom:10px;margin-bottom:20px;} .mod_subscribe h3{padding:3px 10px;text-align:center;margin-bottom:0;} #info_newsletter{display:block;text-align:center;} #ctrl_email_18 { border: 1px solid #777777; color: #777777; font-weight: bold; margin-left: 5px; margin-top: 5px; padding: 5px; width: 141px;} #submit_newsletter{margin-top: 5px;width:32px;height:27px;border:1px solid #777;background:#fff;} /* Facebook */ .mod_fb_likeBox{background:#fff!important;} .mod_login {width:50%;margin:0 auto!important;} /* Espace Connexion */ .mod_login table{width:100%} .mod_login h2{ background: url("../images/fleche_titre.png") no-repeat scroll right center #FF5A32; box-shadow: 1px 1px 5px 1px #404040; color: #404040; padding: 10px; position: relative; text-transform: uppercase; z-index: 2; margin:10px;} .mod_login label{text-align:right;font-size:16px;font-weight:bold;} .mod_login label{width:29%;padding:20px;} .mod_login input{width:90%;padding:10px;} .submit_container{text-align: center;width: 330px;} .submit_container input{border: 1px solid #777777;background: none repeat scroll 0 0 #404040;color:#fff;border-radius:5px;text-transform:uppercase;font-size:20px;font-weight:bold;} /* Recherche */ #recherche #form-search{margin-top:20px;} #recherche #form-search #keywords,#recherche #form-search #categorie,#recherche-droite #form-search #keywords,#recherche-droite #form-search #categorie{ border:#FF5A32 solid 2px;color: #777777;font-weight: bold;padding-left:5px;padding-right:5px;margin-right:5px;} #recherche #form-search input[type=submit]{background:#FF5A32;border:#FF5A32 solid 2px;color:#fff;font-weight: bold;} #recherche-droite #form-search input[type=submit]{float:right;background:#FF5A32;border:#FF5A32 solid 2px;color:#fff;font-weight: bold;} #recherche-droite{margin-bottom: 40px;} /*NAVIGATION - MENU */ #nav{text-align:center; background:#FF5A32; width:100%; height:50px;} #nav .level_1 { margin: 0; list-style: none; font-size: 12px; line-height: 11px; text-transform: uppercase; z-index: 1000;font-family: 'Raleway', sans-serif;font-weight:800;} #nav .level_1:after { content: ''; display: block; clear: both;} #nav .level_1 li { float: left; padding:20px;font-size: 20px;} #nav .level_1 li:hover {background: #404040;} #nav .level_1 a { color: #404040 } #nav .level_1 .active a { font-weight: bold } #nav .level_1 li:hover a, #nav .level_1 .active a, #nav .level_1 a:hover { color: #fff; text-decoration: none; } #nav .level_1 li:hover .drop { display: block } #nav .level_1 .drop {display: none;position: absolute;text-align: left;top: 85px;width: 200px;z-index: 1010;box-shadow: 1px 5px 9px -5px #404040;} .drop-holder{ background: none repeat scroll 0 0 #FFFFFF; margin-top: 11px;} #nav .level_1 li:nth-child(2) .drop, #nav .level_1 li:nth-child(3) .drop,#nav .level_1 li:nth-child(4) .drop { background:url('../images/bg-lieux.png')no-repeat -33px 0 transparent;} #nav .level_3 li:nth-child(2) .drop, #nav .level_3 li:nth-child(3) .drop,#nav .level_3 li:nth-child(4) .drop {background:none;} #nav .level_1 ul { padding: 8px 3px 1px; margin: 0; list-style: none; line-height: 16px; text-transform: uppercase; } #nav .level_1 ul li { float: none; margin: 0; padding: 8px 13px 10px; border-top: 1px solid #e4e4e4; font-size: 14px;} #nav .level_1 ul li:hover {background:none;} #nav .level_1 ul li:first-child { border: 0 } #nav .level_1 li:hover ul a, #nav .level_1 .active ul a, #nav .level_1 ul a { color: #333333;display: block; font-weight: normal;margin-top:5px;padding: 5px;width: 140px;} #nav .level_1 .active ul a:hover, #nav .level_1 ul a:hover { color: #FF5A32!important; } #nav .level_2{font:normal 13px Arial,Verdana,sans-serif;color:#333333;} #nav .level_3{display:none;margin-left:20px;background:#404040;color:#fff;border:1px solid white;width:200px;padding:0!important;} #nav .level_2 li.submenu:hover .level_3{display:block;} #nav .level_2 .drop { box-shadow: 1px 5px 9px -5px #404040; display: none; left: 199px; position: absolute; text-align: left; top: 56px; width: 200px; z-index: 1010;} #nav .level_2 li .drop{background:none!important;text-align:center;box-shadow:none;} #nav .level_3 li a{color: #FFFFFF !important; display: inline-block !important; width: 166px !important;} #nav .level_3 li{padding-left:0!important;padding-right:0!important;} #nav .level_3 li:hover{background:url('../images/bg-menu.png')no-repeat 0 50%!important;} /* Breadcrumb */ .mod_breadcrumb ul {padding:0} .mod_breadcrumb ul li{display:inline-block;vertical-align:top;list-style-type:none;margin:5px 2px;} .mod_breadcrumb ul li a{color:#fff;font-weight:bold;} #artistes-reader .mod_breadcrumb ul li a,#label .mod_breadcrumb ul li a{color:#000;font-weight:bold;} .mod_breadcrumb ul li a:after{content:">";margin-left:8px;text-decoration:none;} /* MIXITUP */ .lettres {border-radius: 5px;color: #FFFFFF;margin-top: 5px;text-align: center;} .lettres .legende{color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:21px;float:left;padding:2px 12px 0px 5px;} .alphabet{ height:50px;margin-top: 5px;padding-left:20px;} .alphabet li{list-style-type:none;} .alphabet li a{ font-size:11px; font-weight:bold; line-height:20px; float:left; color:#FFF; text-align:center; padding-top:3px; text-decoration:none; /*margin:0 3px 5px 0;*/ cursor:pointer;} .alphabet li a:hover{color:#FF5A32;} .alphabet li a:after{content:"|";margin:0 5px;} .alphabet li a:hover:after{color:#FFF} #tri{float:right;margin-top:5px;font-size: 10px;vertical-align: bottom;} #agenda #tri{float:none;margin-top:5px; /*margin-left: 10px;*/ padding-bottom: 10px;font-size: 10px;vertical-align: bottom; width:700px;} #tri-salle { margin: 30px auto 0; text-align: center; width: 760px;} #filterOptions{padding:0;} #filterOptions li{background:#999;} #filterOptions li.active{background:#ff5a32;} #filterOptions a{color:#fff;} #Grid{padding-left:0px;} #Grid .mix{/*opacity: 0;*/display: none;} #Grid li{margin:5px 5px 5px 5px;} #tri ul{padding-left:0px;} .filter{ background: none repeat scroll 0 0 #3a4764; -moz-border-radius: 20px; border-radius: 5px; color: #0f1f39; cursor: pointer; display: inline-block; font-size: 12px;height: 30px; line-height: 30px; list-style-type: none; margin-bottom: 4%; text-align: center; vertical-align: top;/*min-width:85px;*/ padding:0 25px; text-transform:uppercase; font-weight: bold;} .filter:hover, .filter.active{ background: none repeat scroll 0 0 #f29100; color: #ffffff;} #tri li:hover .drop-client { display: block; } #tri li .drop-client { position: absolute; top:30px; right:15px; width: 112px; display: none; z-index: 1010;} #tri li .drop-client ul{position: absolute; top:25px; width: 112px; background:#f29100;-moz-border-radius: 5px;border-radius: 5px;} .filter-client{list-style-type: none;line-height:25px;} .filter-client a{ color:#ffffff;} .filter-client a:hover{color:#000000;text-decoration:none;} #Grid li .display{width:840px;/*width:532px;*//*height:172px;*/display:block;padding-left:28px;padding-top:14px;position:relative;text-decoration:none;} #Grid li .nom{color:#AC1B16;font-size:13px;text-decoration:none;padding-bottom:15px;} #Grid li .teaser{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;line-height:21px;} #Grid li .trait{border-bottom:#AC1B16 1px solid;/**/width:650px;height:20px;/*text-indent: -9999px;*/margin-bottom:10px;} #Grid li a.liens{color:#AC1B16;font-size:12px;font-weight:bold;text-decoration:none;padding-bottom:15px;} #Grid li .label{color:#ff5a32;font-size:12px;font-weight:bold;text-decoration:none;padding-bottom:15px;} #Grid li .image{float:right;height:110px;width:110px;border:#e2e2e2 1px solid;/*text-align:center;*/background:#FFF;position:relative;margin-top:0px;} #Grid li .image img{/*padding-top:20px;*/position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} /* ARTISTE LISTE */ #tous-les-artistes h2{ display:block; width:33%;} #par-genre h2 { display:block; width:33%;} .listeArtiste li strong{display:none; text-indent:-99999px;} .listeArtiste .projet.hoverEffect{width:110px;height:110px;position:relative;cursor: pointer;float:left;-moz-border-radius: 3px;border-radius: 3px;} .listeArtiste .projet.hoverEffect img{position:absolute;top:0px;left:0px;-moz-border-radius: 3px;border-radius: 3px;} .listeArtiste .projet.hoverEffect .box{width:110px;height:110px; } .listeArtiste .projet.hoverEffect .box-holder {position:relative;width:110px;height:110px; } .listeArtiste .projet.hoverEffect .box-holder .box-frame { color:#FFF; font-size:10px; padding-right: 0px; background:#FF5A32; height:35px;width:110px;position:absolute; bottom:-1px; -moz-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;} .listeArtiste .projet.hoverEffect .box-holder .box-frame .titre{margin:3px 0 0 5px;font-weight:900;letter-spacing:1px;line-height:9px;} .listeArtiste .projet.hoverEffect .box-holder .box-frame .texte{margin-left:5px;font-weight:700;letter-spacing:0px;font-style:italic;text-transform:capitalize;font-size:9px;} /* ARTISTE FICHE */ #artistes-reader {background: #FFF; width: 90%; min-height: 604px; margin: 0px 20px 0px 20px; color: #404040; border-radius: 0 0 15px 15px; padding: 0px 30px 30px 30px;float: left;} #artistes-reader .concert-date{ background: none repeat scroll 0 0 #404040; border-radius: 5px; color: #FF5A32; display: block; font-size: 20px; font-weight: bold; height: 60px; line-height: 30px; padding: 5px; text-align: center; width: 50px;} #artistes-reader .block_date{float:left;} #artistes-reader .block_infos{text-align:right;font-size:12px;line-height:20px;font-weight:bold;} #artistes-reader .block_concert{height:80px;cursor:pointer;padding:5px 5px 0px 5px;} #artistes-reader .block_concert:hover{background:#D8D8D8;} #artistes-reader .white{color:white;} #artistes-reader .label{font-weight:bold;color: #ff5a32;} #gauche-fiche{background:#FFF;float:left;padding:10px 20px 10px 20px; width:59%;} #droite-fiche{background:#FFF;float:right;width:29%;padding:10px 20px 10px 20px;} #gauche-fiche h2.titre-fiche {height: 23px;background: #FF5A32 url('../images/fleche-module.png') no-repeat right top;color: #404040;padding-top: 10px;padding-left: 10px;font-size: 17px;display: block;box-shadow: 0 1px 2px 1px #AAAAAA;} #droite-fiche h2.titre-fiche{box-shadow: 0 1px 2px 1px #AAAAAA;height:23px;background:#FF5A32 url(../images/fleche-module.png) no-repeat right top; color:#404040;padding-top:10px;padding-left:10px;font-size:14px;width:190px;} .label-fiche-presentation h2,.label-fiche-presentation h1{color:#FF5A32;} .label-fiche-presentation{margin-bottom:30px;} .label-fiche-presentation .label-fiche .image-fiche{position: relative;width:189px;height:189px;line-height: 170px;text-align: center;/*border: 1px solid #404040;*/} .label-fiche-presentation .label-fiche .image-fiche img{bottom: 0;left: 0;margin: auto;position: absolute;right: 0; top: 0;border: 1px solid #404040;} #artistes-reader .label-fiche-presentation .label-fiche img {border: 1px solid #404040;min-height: 100px;min-width: 170px;width:100%;height:auto;} #artiste-discographie{display:block;margin-bottom:30px;/*height:215px;*/min-height: 170px;} .discographie{width:137px;height:129px;position:relative;cursor: pointer;float:left;margin:0px 20px 0px 20px;} .discographie img{position:absolute;bottom:0px;left:0px;width:100%;} .discographie .box { height: 100%; width: 100%;} .discographie p {display: block; margin-left:10px;margin-right:10px; } .discographie .box-holder { height: 100%; position: relative; width: 100%;} .discographie .box-holder .box-frame { background: none repeat scroll 0 0 rgba(40, 40, 40, 0.6); bottom: -1px; color: #FFFFFF; font-size: 12px; min-height: 40%; padding-right: 0; position: absolute; width: 100%;} .discographie a:hover{text-decoration:none;} .discographie .box-holder .box-frame .titre{margin-top:7px;margin-left:5px;font-weight:700;font-style:italic;letter-spacing:-1px;} .discographie .box-holder .box-frame .texte{margin-left:5px;font-weight:700;letter-spacing:-1px;} /* POP UP */ .album-info { color: #404040; display: inline-block; vertical-align: top; margin-top:20px; width:65%;padding-left:10px;} .img-album{ display: inline-block; vertical-align: top; width:33%;margin-top:20px;/*border: 1px solid #404040;*/} /*.img-album img{ border: 1px solid #404040;}*/ #fiche-album .img-album{width:200px; height:200px;background: url('../images/no-cd-200x200.jpg') no-repeat;} #colorbox .mp3Title{width:35%;} #colorbox .mp3Title_head{width:34%;padding-top:5px;} #colorbox .mp3Album_head{width:62%;padding-top:5px;} #colorbox .titre{font-weight:bold;text-transform:uppercase; font-size:18px;} #colorbox .description{margin-top:20px;} #colorbox .playlist{background:#d8d8d8; border-radius:5px;} #droite-fiche #social{height:30px;} a.social-text { color: #404040; float: right; font-size: 12px; font-weight: bold; margin-top: 6px; text-decoration: underline;} .mp3Title, .mp3Album,.mp3Title_head, .mp3Album_head{display:inline-block;vertical-align:top;/*margin-right:4px;*/color:#404040;} .mp3Title_head, .mp3Album_head{font-weight:bold;border-bottom:3px solid #404040;} .mp3Title_head{ width:47%;} .mp3Album_head{ width:49%;} .mp3Title{width:47%;} .mp3Album{width:41%;} .numberMP3{display:inline-block;vertical-align:top;margin:0 5px;} .playlist-fiche{width:100%;background:#d8d8d8;margin-bottom:30px;border-radius:5px;padding-top:2px;} #label-reader .playlist-fiche{width:100%;background:#d8d8d8;margin-bottom:30px;border-radius:5px;padding-top:0px;} .playlist{padding:0!important;width:100%!important;} .playlist li:nth-child(even){ background: #c8c8c8;} .playlist > li { min-height: 30px; padding: 4px; position:relative;} .playlist li:last-child{border-radius:0 0 5px 5px;} .playlist a{color:#404040;text-transform:capitalize;} .playlist a:hover{ text-decoration:none;} .ajout-note {position:absolute;right:4px;top:5px;} #mep_0{width:100%!important;border-radius: 5px 5px 0 0;} .playlist-videos-fiche table{width:100%;} .playlist-videos-fiche table img{width:100%;} .mejs-time-loaded{ background: rgb(255,90,50)!important; /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,90,50,1) 0%, rgba(64,64,64,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,90,50,1)), color-stop(100%,rgba(64,64,64,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(255,90,50,1) 0%,rgba(64,64,64,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(255,90,50,1) 0%,rgba(64,64,64,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(255,90,50,1) 0%,rgba(64,64,64,1) 100%)!important; /* IE10+ */ background: linear-gradient(135deg, rgba(255,90,50,1) 0%,rgba(64,64,64,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a32', endColorstr='#404040',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */ } .mejs-controls .mejs-button button:focus { outline: 1px solid #FF5A32!important;} /* ARTISTE FICHE FLEXSLIDER */ #fiche .flexslider {margin: 0; padding: 0;} #fiche .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #fiche .flexslider .slides li {position: relative; /*padding-right:20px;*/} #fiche .flexslider .slides img {width: 100%; display: block;} #fiche .flex-pauseplay span {text-transform: capitalize;} #fiche .flexslider {/*width:545px;position: relative; zoom: 1;*/width: 80%; margin: 0 auto;/*border:#333 1px solid;*/ } #fiche .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #fiche .slides, #fiche .flex-control-nav, #fiche .flex-direction-nav {margin: 0; padding: 0; list-style: none; } #fiche #carousel .flex-direction-nav{display:block;} /* Direction Nav */ #fiche .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} #fiche .flex-direction-nav .flex-next {right: 0 !important; margin-right: -24px;/*position: absolute; left: 520px;*/background: url(../images/fleche-diapo-suivant.png) no-repeat 0 0;z-index:9999;width:22px;height:82px;vertical-align:middle; } #fiche .flex-direction-nav .flex-prev {left: 0 !important;margin-left: -24px;/*position: absolute; left: 5px;*/background: url(../images/fleche-diapo-retour.png) no-repeat 0 0;z-index:9999;width:21px;height:82px;vertical-align:middle;} #fiche .flexslider:hover .flex-next, #fiche .flexslider:hover .flex-prev {opacity: 0.8;} #fiche .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} #fiche .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ #fiche .flex-control-nav{display:none;} #fiche .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;/*width:480px;*/overflow: hidden!important;} #fiche .loading .flex-viewport {max-height: 300px;} #fiche .ce_flexslider{width:545px;/*height:90px;*/} #fiche .ce_flexSlider{width:545px/*;height:90px;*/} #fiche #carousel li.discographie {margin-left: 5px; margin-right:5px;} /* ALBUM HOME */ #album-discographie{display:block;margin-bottom:30px;height:115px;} #album-discographie .discographie{height: 145px;width:118px;position:relative;cursor: pointer;float:left;margin:0px 15px 0px 15px;/*margin:0px 175px 0px 15px;*/} #album-discographie .discographie img{position:absolute;top:0px;left:0px;width:100%;} #album-discographie .discographie .box{width:125px;height:125px; } #album-discographie .discographie .box-holder {position:relative;width:125px;height:125px; } #album-discographie .discographie .box-holder .box-frame { color:#FFF;font-size:10px;padding-right: 0px;background:#FF5A32; height:35px;width:118px;position:absolute;bottom:0px;/*left:-1px;*/} #album-discographie .discographie .box-holder .box-frame .titre{margin-left:5px;font-weight:700;font-style:italic;letter-spacing:-1px;} #album-discographie .discographie .box-holder .box-frame .texte{margin-left:5px;font-weight:700;letter-spacing:-1px;} /* LABELS LISTE */ #label_liste #Grid li{width:750px; background:none;border-top:#FFF solid 1px;min-height:80px;padding: 10px 40px 10px 40px;} #label_liste #Grid li:hover{background:#999;} #label_liste .label-listing .label{color:#FFF;font-size:10px;font-weight:700;font-style:italic;letter-spacing:-1px;} #label_liste .label-listing li strong{display:none; text-indent:-99999px;} #label_liste .label-listing .projet.hoverEffect{width:750px;position:relative;cursor: pointer;float:left;-moz-border-radius: 5px;border-radius: 5px;} #label_liste .label-listing .projet.hoverEffect img{float:left;-moz-border-radius: 3px;border-radius: 3px; height:70px; width:70px;} #label_liste .label-listing .projet.hoverEffect .box{float:left; } #label_liste .label-listing .projet.hoverEffect .box-holder .box-frame { color:#FFF;font-size:10px;padding-left: 20px;} #label_liste .label-listing .projet.hoverEffect .box-holder .box-frame .titre{font-size:12px;font-weight:bold;letter-spacing:1px;} #label_liste .label-listing .projet.hoverEffect .box-holder .box-frame .texte{margin-left:5px;font-weight:700;letter-spacing:-1px;} #label_liste #Grid li .plus{ display: block;font-family:Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; line-height: 13px;} #label_liste #Grid li .plus::after{content:url('../images/addwhite.png');position:relative;top:5px;left:10px;} /* LABELS READER */ #label{background: #FFF;width: 925px;min-height: 604px;margin: 0px 20px 0px 20px;color: #404040!important;border-radius: 0 0 15px 15px;padding: 0 30px;} #label .label-fiche{color:#404040; font-size:12px;max-width:680px;} #label .image-fiche{/*width:200px;height: 200px;display:inline-block;vertical-align:top;position:relative;*/} #label .image-fiche img{/*bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0;*/ border: 1px solid #404040;min-height: 100px;min-width: 170px;width:100%;height:auto;} #label .label-fiche .label,#label .label,#salle-reader .label{font-weight:bold;color: #ff5a32;} .title_label{ text-transform:uppercase; } #wrapper_label{display:inline-block;vertical-align:top;padding-left:10px;} #wrapper_label h1{/*margin:0 0 10px 0*/;color:#FF5A32;} td.label-playlist{/*width:40%;*/width:235px;} #label .description-fiche{width:98%;} #wrapper_img{min-height:100px;max-height:100px;} .catalogue{/*width:130px;height:135px;*/width:125px;height:125px;float:left;margin:10px;} #label-catalogue .box{background: rgba(0,0,0,0.6);padding: 5px 3px 1px 3px;position: relative;/*top: -35px;*/bottom: 33px;color:white;width:121px;font-size:11px;overflow:hidden;height:45px;} #label-catalogue{padding-top:30px;padding-bottom:20px;} #label-catalogue a:hover{text-decoration:none;} .catalogue img{margin: 0 auto;display: block;border:#666 1px solid;} /* CONCERTS */ .listeConcert .box .date_concert{background: none repeat scroll 0 0 #FF5A32;display: block;font-size: 14px;font-weight: bold;height: 35px;padding: 2px;position: relative;text-align: center;top: -100px;width: 40px;} .listeConcert .box .titre{background: none repeat scroll 0 0 rgba(40, 40, 40, 0.8);display: block;font-size: 14px;padding: 6px 0;position: relative;text-align: center;top: -81px;width: 99.5%;border-radius: 0 0 3px;height:30px;} .listeConcert .spect{height:100px;margin: 15px 0;} .listeConcert .spect .box{ height:110px;} .listeConcert .spect img{border-radius: 3px;} .listeConcert .hidden-image{height:100px;width:100%;overflow:hidden;border-radius: 3px;/*background: url('../images/no-concert.jpg') no-repeat;*/} .listeSpectacle .spect.two .box { max-height: 115px; width: 171px;} .mod_article {overflow:visible;} #content-agenda {min-height: 200px;} .img-agenda {border: 1px solid #FFFFFF; border-radius: 3px; margin: 0px 25px 5px 5px; width: 100px; height:100px; float: left;overflow:hidden;} #concert-fiche .spect{margin-top:20px;} #concert-fiche .box-frame{line-height: 20px;} #concert-fiche .reservation{float: left;width: 18%;margin-top: 5px;text-align: right/*left*/;} #concert-fiche .titre{font-size:16px;text-transform:uppercase;color: #FF5A32;font-weight:bold;} #concerts-fiche .lieu, #concerts-fiche .departement {font-size:12px; font-weight:bold;} #concert-fiche .localisation {height: 60px;line-height: 74px;font-size:14px;color:#ff5a32;} #concert-fiche .localisation:after{content:url('../images/whereiam.jpg');position: relative;top: 4px;} #concert-fiche .reservation a{color:#ff5a32;font-size:14px;text-decoration:underline;} #concert-fiche .price{padding:3px;color:#ff5a32;font-size:18px;font-weight:bold;} #concert-fiche .reservation .button_reservation{padding:5px;background:#ff5a32; font-size:14px; font-weight:bold;border-radius:3px;color:#fff;} #concert-fiche .box-holder {width: 600px; height: 150px; float:left; margin:0px 50px 0px 80px;} /* Modifs Agenda */ #agenda .sc-count0{width:70%;} #agenda .sc-count1{width:29%; text-align:right;} #agenda iframe{border:5px solid white!important;margin: 20px 0 0 38px;} .listeSpectacle { margin-left: 0px; } .blocks_months.listeSpectacle .spect.two { margin-right: 21px; } #agenda .date-concert {font-size:20px;height:20px;border-top:solid 1px #CCCCCC;padding:21px 0 20px 0; width:730px} #agenda .date-concert .mois { font-weight:bold;} #agenda .date-concert .annee{color:#ff5a32;} .date-white {background: none repeat scroll 0 0 #FFFFFF; border-radius:5px; color:#404040; padding:14px 11px; text-align:center; width:80px; height:80px; font-size:22px; float:left; position:relative;} .date-white .jour{display:block; text-transform:capitalize;} .date-white .num_jour{display:block; color:#ff5a32; font-weight:bold;} .date-white .mois{} /* AGENDA */ #concerts-liste {float:left;} #concerts-liste-map p { color:#000000;} #concerts-liste-map p > strong { color:#FF5A32} #concerts-liste-map .gm-style-iw {font:size:12px;overflow:overlay!important} .gm-style .gm-style-iw { font-size: 12px; font-weight: 300;color:#404040;} .gm-style .gm-style-iw p > strong{color: #FF5A32;} #concerts-liste .listeSpectacle .spect.hoverEffect .box {min-height: 15px;} #concerts-liste .listeSpectacle .concert_wrap:hover > .date-concert, #concerts-liste .listeSpectacle .concert_wrap:hover > .hoverEffect {background-color:#999999} #concerts-liste .listeSpectacle .box {background: none;cursor: pointer;position: relative;margin-left:20px;display:inline-block;vertical-align:top;padding:0;} /*#concerts-liste .listeSpectacle img{border:1px solid white;}*/ #concerts-liste .listeSpectacle .hidden-image-fiche{border:1px solid white;} #concerts-liste .listeSpectacle .spect{float:none!important;} #concerts-liste .listeSpectacle .spect{background:none;/*padding-bottom: 15px;*/cursor: pointer;} #concerts-liste .listeSpectacle .spect.two {/*width:730px;*/height:140px;padding-left: 10px; padding-right: 10px; width: 710px;} #concerts-liste .listeSpectacle .spect.hoverEffect:hover .box { height: auto; } #concerts-liste .listeSpectacle .spect.two .box {width: auto;} #concerts-liste .listeSpectacle .spect .titre{font-weight:bold;color:#ff5a32;text-transform:uppercase;max-width:405px;} #concerts-liste .listeSpectacle .spect .title{font-size:17px;} #concerts-liste .listeSpectacle .spect .lieu, #concerts-liste .listeSpectacle .spect .departement {font-size:12px; font-weight:bold;} #concerts-liste .listeSpectacle .spect .horraire {font-size:12px} #concerts-liste .listeSpectacle .spect.hoverEffect p {display: block;width: 395px;margin-top: 10px;font-style: italic;font-size: 12px;} #concerts-liste .reservation {float: right;height: 100px;width: 180px;text-align: right;} /* Votre espace */ body.espace #pageContent{padding:0;background:#fff;color:#333;margin-bottom:410px;} body.espace #container #votre-espace{padding:20px;} body.espace header#header{height:115px;} body.espace .drop, body.espace ul.level_2{display:none!important;} #affichage_user{background-color: white; color: #333; padding: 20px; min-height: 180px;} #affichage_user .left{width:49%;display:inline-block;vertical-align:top;padding-bottom:20px;margin-right:1%;} #affichage_user .right{width:49%;display:inline-block;vertical-align:top;padding-bottom:20px;} .blocSuppression{margin-bottom:10px;} .suppression-playlist{display:none;padding:20px;} .suppression-playlist input{width:100px;height:30px;text-align:center;border:1px solid;margin:10px;cursor:pointer;} .prevention{font-weight:bold;cursor:pointer;color:#ff5a32;} .suppression-playlist input[type="submit"]{background:#ff5a32;font-weight:bold;} .suppression-playlist input[type="button"]{background:#fff;} .suppression-playlist input[type="button"]:hover{background:#ff5a32;color:#fff;font-weight:bold;} .suppression-playlist input[type="submit"]:hover{background:#333;color:#ff5a32;border-color:#fff;} .m-gauche{margin-left:5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /********************************************************************************************************@@@@ SCREEN @@@@********/ #concerts-liste .reservation {float: right;height: 100px;width: 160px;text-align: right;position: relative;/*bottom: 90px;*/right:10px;} } #concerts-liste .localisation {height: 60px;line-height: 74px;font-size:14px;color:#ff5a32;} #concerts-liste .localisation:after{content:url('../images/icon-plan.png'); /*PNG POUR FOND TRANSPARENT*/position:relative;left:5px;margin-right:5px;} #concerts-liste .reservation a{color:#ff5a32;/*color:#fff;*/font-size:14px;text-decoration:underline;} #concerts-liste .price {padding:3px;color:#ff5a32;font-size:18px;font-weight:bold;line-height:20px;} #concerts-liste .button_reservation{padding:6px;background:#ff5a32;font-size:14px;font-weight:bold;border-radius:6px;color:#fff;} /* Créer un compte */ #creer-un-compte{color:#404040;width:95%;margin:0 auto;background:white;padding:10px;border-radius:0 0 20px 20px;margin-bottom:10px;border-bottom:1px solid #404040;} #creer-un-compte #wrapper{width:60%;margin:0 auto;} #creer-un-compte h2{width:60%;margin:0 auto;} #creer-un-compte .ce_text{width:60%;margin:0 auto;} #creer-un-compte .ce_hyperlink{display:inline-block;vertical-align:top;text-align:center;padding:10px;color:#ff5a32;} .wrap_insc{text-align:center;} #creer-un-compte .mod_breadcrumb a, #inscription-label .mod_breadcrumb a, #inscription-artiste .mod_breadcrumb a, #inscription-public .mod_breadcrumb a, #transition-inscription .mod_breadcrumb a, #validation-inscription .mod_breadcrumb a, #inscription-publique .mod_breadcrumb a{color:#404040;} #creer-un-compte table, #inscription-label table, #inscription-artiste table, #inscription-public table{width:50%;margin:0 auto;} #creer-un-compte table .submit_container, #inscription-label table .submit_container, #inscription-artiste table .submit_container, #inscription-public table .submit_container{width:90%;text-align:right;} #creer-un-compte table .submit_container input, #inscription-label table .submit_container input, #inscription-artiste table .submit_container input, #inscription-public table .submit_container input{margin-top: 50px;padding:10px 20px;} #creer-un-compte input.submit_container, #inscription-label input.submit_container, #inscription-artiste input.submit_container, #inscription-public input.submit_container{border: 1px solid #777777;background: none repeat scroll 0 0 #404040;color:#fff;border-radius:5px;text-transform:uppercase;font-size:20px;font-weight:bold;padding:10px 20px;float:right;} #creer-un-compte input, #inscription-label input, #inscription-artiste input, #inscription-public input{width:89%;margin:5px;padding:5px;border:1px solid #404040;} #creer-un-compte table tr.row_6, #inscription-label table tr.row_6, #inscription-artiste table tr.row_6, #inscription-public table tr.row_6{color:#3daf2c;font-weight:bold;height:100px;} #creer-un-compte table tr.row_6 td input, #inscription-label table tr.row_6 td input, #inscription-artiste table tr.row_6 td input, #inscription-public table tr.row_6 td input{border:1px solid #3daf2c;} #creer-un-compte #ctrl_groups, #inscription-label #ctrl_groups, #inscription-artiste #ctrl_groups, #inscription-public #ctrl_groups{padding:10px 0;} #creer-un-compte table tr.row_6 legend, #inscription-label table tr.row_6 legend, #inscription-artiste table tr.row_6 legend, #inscription-public table tr.row_6 legend{position:relative;left:-172px;top:12px;} #creer-un-compte table tr.row_6 input, #inscription-label table tr.row_6 input, #inscription-artiste table tr.row_6 input, #inscription-public table tr.row_6 input{width:auto;} /* Inscriptions */ #inscription-public, #inscription-publique, #inscription-label, #inscription-artiste, #transition-inscription, #validation-inscription{background:#fff;color:#333; padding:20px;} .mod_facebook_login{width:182px;height:50px;background:url(../images/facebook-connect.jpg)no-repeat;} .mod_facebook_login a{display:block;width:182px;height:50px;text-indent:-9999px;} .mod_facebook_login:hover{box-shadow:1px 1px 10px gray;} .mod_facebook_login, .titre_form{display:inline-block;vertical-align:middle;margin:10px;} .error{color:#ff5a32;} .icone-inscription{width:32.5%!important;padding-right:0!important;text-align:center;} .icone-inscription figure{padding:20px;} .icone-inscription figure:hover{box-shadow:1px 1px 10px gray;} .icone-inscription figcaption{width:auto!important;font-weight:bold;color:#ff5a32;} /* Page de connexion */ #page-de-connexion{color:#404040;width:95%;margin:0 auto;background:white;padding:10px;border-radius:0 0 20px 20px;} /* Electronic Press Kit Editor */ /* Création */ #electronic-press-kit, #fiche-epk, #liste-album-artiste, #liste-concerts-artiste, #modification-artiste, #evenements, #modification-concert-label{color:#404040;width:95%;margin:0 auto;background:white;padding:10px;border-radius:0 0 20px 20px;} #mod_label_creation{min-height:670px;} #mod_epk_creation{min-height:440px;} #mod_epk_modification, #modification-artiste{min-height:1095px;} #electronic-press-kit h1{text-align:center;border-bottom:1px solid #404040;padding-bottom:20px;} #electronic-press-kit .mod_breadcrumb a, #modification-artiste .mod_breadcrumb a{color:#404040;} #electronic-press-kit table, #modification-artiste table{width:100%;} #electronic-press-kit table .submit_container, #modification-artiste table .submit_container{width:90%;text-align:right;} #electronic-press-kit table .submit_container input, #modification-artiste table .submit_container input{padding:10px 20px;} #electronic-press-kit{margin-bottom:10px;border-bottom:1px solid #404040;} #electronic-press-kit #gauche,#modification-album #gauche,#ajout-album #gauche,#modification-artiste #gauche{display:inline-block;vertical-align:top;width:29%;margin-right:20px;} #electronic-press-kit #droite,#modification-album #droite,#ajout-album #droite, #modification-artiste #droite{display:inline-block;vertical-align:top;width:67%;margin-left:1%;} #electronic-press-kit #droite #d_left, #modification-artiste #droite #d_left{ float:left;} #electronic-press-kit input.submit_container, #modification-artiste input.submit_container {border: 1px solid #777777;background: none repeat scroll 0 0 #404040;color:#fff;border-radius:5px;text-transform:uppercase;font-size:20px;font-weight:bold;padding:10px 20px;float:right;} #electronic-press-kit input.submit_label, #modification-artiste input.submit_label{border: 1px solid #777777;background: none repeat scroll 0 0 #404040;color: #fff;border-radius: 5px;text-transform: uppercase;font-size: 20px; font-weight: bold;padding: 10px 20px;} #electronic-press-kit input.submit_container:hover, #modification-artiste input.submit_container:hover{background:#ff5a32;color:#333;} #electronic-press-kit input.submit_label:hover, #modification-artiste input.submit_label:hover{background:#ff5a32;color:#333;} #block_photo_presentation{text-align: center;padding: 50px 10px;background: #ddd;} #inputsWrapper input, #electronic-press-kit #droite > input, #modification-album #droite > input, #ajout-album #droite > input, #ajout-album #droite > select, #modification-artiste #droite > input, #modification-artiste #droite > select{width:29%;margin:5px;padding:5px;/*border:1px solid #404040;*/min-height:0;border-radius:4px;} #inputsWrapper h4{margin-bottom:0;} #electronic-press-kit #droite > textarea ,#modification-album #droite > textarea, #modification-artiste #droite > textarea{width: 95%;padding: 5px;margin: 5px;height:150px;/*border:1px solid #404040;*/} #modification-album #droite > textarea, #ajout-album #droite > textarea, #modification-album #droite > textarea{/*width: 80%;*/padding: 5px;margin: 5px;height:150px;border:1px solid #ccc;display:inline-block;vertical-align:middle;} #modification-album label,#ajout-album label, #ajout-album label, #modification-artiste label,#mod_label_creation label{/*width:100px;*/display:inline-block;vertical-align:middle;font-weight:bold;} #block_mp3{margin:0 0 0 50px;} #electronic-press-kit #music_epk input[type="text"], #block_video_YouTube input, #block_video_Dayli input, #block_video_Vimeo input, #d_right input, #block_mp3 input{width:95%!important;/*margin:5px;padding:5px;*/border:1px solid #ccc;color: #555;} .addVideo_Dayli, .addVideo_Vimeo, .addVideo_YouTube, .addMP3{display:block;cursor:pointer;margin:5px;} .addVideo_Dayli::before, .addVideo_Vimeo::before, .addVideo_YouTube::before, .addMP3::before{display: inline-block;vertical-align: middle;margin-right: 10px;content: url('../images/add.png');} .decalage{width:75%!important;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;line-height: 1.42857;padding: 6px 12px;height:20px;} .orange{color:#ff5a32;} .orange_label{color:#333;margin-top:20px!important;display:block;width:500px!important;} .orange_label em{color:#ff5a32;} #d_left label{display:inline-block;vertical-align:middle;width:100px;} .little_input{width:79%!important;display:inline-block;vertical-align:middle;} .removeVideo{display:inline-block!important;vertical-align:middle;cursor:pointer;} #lienvideoyoutube{background: #fff url('../images/youtube.jpg') no-repeat right center;} #lienvideovimeo{background: #fff url('../images/vimeo.jpg') no-repeat right center;} #lienvideodaily{background: #fff url('../images/daylimotion.jpg') no-repeat right center;} #facebook{background: #fff url('../images/facebook.png') no-repeat right center;} #twitter{background: #fff url('../images/twitter.png') no-repeat right center;} #myspace{background: #fff url('../images/myspace.png') no-repeat right center;} #youtube{background: #fff url('../images/youtube.png') no-repeat right center;} #lienvideoyoutube:focus,#lienvideovimeo:focus,#lienvideodayli:focus,#facebook:focus,#twitter:focus,#myspace:focus,#youtube:focus{background: none;} #select-genre,#selecSalle,#select-label{width:30.6%;padding:5px;margin-left:5px;border-color:#404040;} #select-genre,#select-label{display:inline-block;vertical-align:middle;} .label_select{display:inline-block;vertical-align:middle;width:300px; margin:10px;} #statutJuridique{width:30.6%;padding:5px;margin-left:5px;border-color:#404040;} #music_epk #label{width:95%!important;min-height:0;border-radius:0;} .info-label{font-weight:bold;margin-left: 5px;margin-right: 25px;color:#ff5a32;margin-top:20px;text-align:center;display:block;} .info-label span{font-size:20px;margin-left:34px;} .voirFiche{border: 1px solid #777777;background: none repeat scroll 0 0 #404040;color: #fff;border-radius: 5px;text-transform: uppercase;font-size: 17px;font-weight: bold;padding: 10px 10px;float: right;width: 77%;margin: 5px;} .voirFiche:hover{background:#ff5a32;color:#333;} #generateur_album_fiche,#generateur_concerts_fiche{height:50px;} #submit_album_fiche{width:98%;} /* Modification */ #mod_epk_modification input, #mod_epk_modification textarea, #mod_epk_modification select{color:#000;/*font-weight:bold;*/} /* LABELS */ #liste-de-vos-artistes, #ajout-artistes{background:#fff;color:#333;padding:20px;} #ajout-artistes .mod_breadcrumb a, #liste-de-vos-artistes .mod_breadcrumb a{color:#333;} #ajout-artistes #gauche{display:inline-block; vertical-align:top;} #ajout-artistes #droite{display: inline-block; vertical-align: top; width: 60%; margin-left: 25px;} #ajout-artistes input[type="text"], #ajout-artistes select{/*width:200px;*/margin: 5px;padding: 5px;/*border: 1px solid #404040;*/border: 1px solid #ccc;} #ajout-artistes textarea{width:87.5%;margin:5px; padding:5px;/*border:1px solid #404040;*/border: 1px solid #ccc;height:200px;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;} #ajout-artistes #submit_container{padding:15px;} .addMember{vertical-align:middle;cursor:pointer;} .addMember img, .removeMember{vertical-align:middle;margin:5px;cursor:pointer;} /* Actualités */ #actualites{background: #fff;border-radius:0 0 20px 20px;color:#404040;margin:0 auto;padding: 20px; width: 93%;} #actualites .mod_breadcrumb ul li a {color:#404040;} /* Déconnexion */ #page-de-deconnexion{background: #fff;border-radius:0 0 20px 20px;color:#404040;margin:0 auto;padding: 20px; width: 93%;} /* Lieux de diffusion */ #salle-reader #content{background: #fff;border-radius:0 0 20px 20px;color:#404040;margin:0px 20px 0px 20px;padding: 20px;width: 92%;} #salle-reader #content h1{color:#FF5A32; line-height: 24px;} #salle-concert-a-venir{width: 90%;margin: 0 auto;margin-left: 3.5%;float: left;margin-top: 20px;} #salle-reader #content .salle-image{float:left;position: relative;border: 1px solid #323232;background:#323232;width:200px;height:200px;} #salle-reader #content .salle-image img{bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0;} #lieu #map{margin:0 auto;} #map_salle_spectacle #map{margin: 0 auto;height: 450px!important;} #map img{max-width: none;} #map_salle_spectacle .item{border-top:1px solid white;padding:10px;cursor: pointer;min-height:120px;width:760px;} #map_salle_spectacle .item:hover,#map_salle_spectacle .item:nth-child(even):hover{background:#303130;} #CategorieMap{width:760px;margin:0 auto;} #map_salle_spectacle .item:nth-child(even){background:#666;} #map_salle_spectacle .item a{color:#fff;} #map_salle_spectacle .item a:hover{text-decoration:none;} #map_salle_spectacle .item a h4{text-transform:uppercase;color:#fff;font-size:18px;margin-top:0;} #map_salle_spectacle .plus::after{content:url('../images/addwhite.png');position:relative;top:5px;left:10px;} .item .img_salle{border-radius: 5px;border: 1px solid #FFFFFF;float: left;height: 120px;margin: 0 11px 0 1px;overflow: hidden;width: 120px;} #salle-gauche{float:left;width:72%;} #salle-droite{float:right;} .salle-image{float:left;} .salle-aside{margin-left:230px;} #salle-description{margin-top:100px;} #salle-description h2{text-transform:uppercase;margin-top:30px;} #salle-description h3{text-transform:capitalize;margin:10px 0 0 0;} .infos-contact{font-size:14px;} #salle-reader .mod_breadcrumb a{color:#404040;} #salle-concert-a-venir .date-concert {font-size:20px;height:20px;padding-top:10px;} #salle-concert-a-venir .date-concert .annee{color:#ff5a32;} #salle-concert-a-venir .spect{min-height:120px;border-bottom:1px solid #ccc;padding:10px;margin-top:10px;cursor: pointer;} #salle-concert-a-venir .spect:nth-child(even){background: rgba(255,255,255,0.1);} #salle-concert-a-venir .hidden-image-fiche{height:100px;width:100px;overflow:hidden;float:left;margin-right:10px;border-radius:5px;border:1px solid white;} #salle-concert-a-venir .spect img{/*float:left;margin:5px 10px 5px 5px;border-radius:5px;border:1px solid white;*/} #salle-concert-a-venir .box-holder{max-width:610px;} #salle-concert-a-venir .box-frame{float:left;width:72%;margin-top: 5px;line-height:20px;} #salle-concert-a-venir .box-frame .titre{color:#ff5a32;font-weight:bold;} #salle-concert-a-venir .lieu,#salle-concert-a-venir .departement{font-weight:bold;} #salle-concert-a-venir .reservation{float:right;width:15%;margin-top: 8px;text-align:right;} #salle-concert-a-venir .titre{font-size:16px;text-transform:uppercase;} #salle-concert-a-venir .localisation {height: 60px;line-height: 74px;font-size:14px;color:#ff5a32;} #salle-concert-a-venir .localisation:before{/*content:url('../images/whereiam.jpg');*/content: url("../images/icon-plan.png");} #salle-concert-a-venir .reservation a{color:#ff5a32;font-size:14px;text-decoration:underline;} #salle-concert-a-venir .price{padding:3px;color:#ff5a32;font-size:18px;font-weight:bold;line-height:20px;} #salle-concert-a-venir .reservation .button_reservation{padding:3px;background:#ff5a32;font-size:14px;font-weight:bold;border-radius:3px;color: #fff;} body{min-width:0;} /*.slides.nav_slides {display:none;}*/ /*#main {width: 90%;}*/ #nav .level_1{padding:0;margin-left:10px;} #footer a {display: inline-block;max-width: 50%;} #label_mobile{display:inline;word-break: break-all;} #electronic-press-kit #separateur{position: absolute;bottom: 20px;left: 150px;width: 236px;text-align: center;} #electronic-press-kit #separateur-label{position: absolute; bottom: 20px;left: 40px;width: 236px;text-align: center;} /* Liste albums artiste */ #liste-album-artiste{background: #fff;color:#000;padding:20px;} #liste-album-artiste a{color:#000;} #content-liste-album-artiste .album{width:200px;text-align:center;padding:5px;display:inline-block;vertical-align:top;} #content-liste-album-artiste .album .img{height:200px;} #content-liste-album-artiste .titre{padding:10px;} /* Ajout albums artiste */ #ajout-album{background: #fff;color:#000;padding:20px;} #ajout-album a{color:#000;} #ajout-album #generateur_album{min-height:560px;} #ajout-album #submit_album{/*position:absolute;bottom:10px;*/} /* Modification albums artiste */ #modification-album{background: #fff;color:#000;padding:20px;} #modification-album a{color:#000;} #modification-album input[type="submit"]{margin-top:20px;} /* Suppression albums artiste */ #suppression-album{background: #fff;color:#000;padding:20px;} #suppression-album a{color:#000;} /* Envoi MP3 */ #envoi-mp3{background: #fff;color:#000;padding:20px;} #envoi-mp3 a{color:#000;} #envoi-mp3 label{width:100px;display:inline-block;vertical-align:middle;font-weight:bold;margin-bottom:30px;} #envoi-mp3 input[type="file"]{margin-bottom:30px;} #envoi-mp3 .block_second label{font-weight:normal;margin-bottom:0;} #caution_mp3{text-align:center;color:red;font-size:16px;margin-top:-20px;} /* Liste concerts artiste */ #liste-concerts-artiste{background: #fff;color:#000;padding:20px;} #liste-concerts-artiste a{color:#000;} #liste-concerts-artiste .date{color:#ff5a32;padding:5px;} /* Ajout concerts artiste */ #ajout-concert, #ajout-concert-label, #modification-concert-label,#suppression-concert-label{background: #fff;color:#000;padding:20px;min-height:460px;} #ajout-concert a, #ajout-concert-label a, #modification-concert-label a{color:#000;} #ajout-concert label, #ajout-concert-label label, #modification-concert-label label{width:100px;display:inline-block;vertical-align:middle;} #ajout-concert select, #ajout-concert-label select, #modification-concert-label select{width:257px; padding:5px;margin-left:5px;border-color:#404040;} #ajout-concert textarea, #ajout-concert-label textarea, #modification-concert-label textarea{width:200px;height:100px;} #ajout-concert #gauche, #ajout-concert-label #gauche, #modification-concert-label #gauche{float:left;width:30%;} #ajout-concert #droite, #ajout-concert-label #droite, #modification-concert-label #droite{float:right;width:68%;} #ajout-concert #droite input, #ajout-concert #droite textarea, #ajout-concert-label #droite input, #ajout-concert-label #droite textarea, #modification-concert-label #droite input, #modification-concert-label #droite textarea{/*width: 29%;*/margin: 5px;padding: 5px;border: 1px solid #ccc;min-height: 0;/*border-radius: 0;*/} /* Suppression concerts artistes */ #suppression-concert{background: #fff;color:#000;padding:20px;} #suppression-concert a{color:#000;} #content-suppression-concert-artiste{font-size:14px;} #content-suppression-concert-artiste div{padding:5px;} #content-liste-concert-artiste .concert{width:200px;text-align:center;padding:5px;display:inline-block;vertical-align:top;} #content-liste-concert-artiste .concert img{height:200px;width:100%;} #content-liste-concert-artiste .concert .titre{margin-bottom:10px;margin-top:20px;} /* Modification concerts artiste */ #modification-concert{background: #fff;color:#000;padding:20px;min-height:460px;} #modification-concert a{color:#000;} #modification-concert label{width:100px;display:inline-block;vertical-align:middle;} #modification-concert select{width:213px;} #modification-concert textarea{width:200px;height:100px;} #modification-concert #gauche{float:left;width:30%;} #modification-concert #droite{float:right;width:68%;} #modification-concert input[type="submit"]{margin-top:20px;} #modification-concert #droite input, #modification-concert #droite textarea{/*width: 29%;*/margin: 5px;padding: 5px;/*border: 1px solid #404040;min-height: 0;border-radius: 0;*/} /* Fiche EPK */ #fiche-epk{background: #fff;color:#000;padding:20px;overflow:auto;} #fiche-epk a{color:#000;} body.epk #container{padding-right:0;} body.epk h1{text-align:center;border-bottom:1px solid black;padding-bottom:20px;} #mod_epk h2.gray_epk{color:#fff;background:url(../images/bg-gray-titre.jpg)no-repeat center right #3e3e3e;padding:20px;box-shadow:2px 1px 5px black;} #mod_epk .col_2_30{width:25%;float:left;} #mod_epk .col_2_70{width:69%;float:right;} #mod_epk .col_2_70_1{width:45%;float:left;} #mod_epk .col_2_70_2{width:45%;float:right;} #mod_epk .infos .image{width:25%;float:left;} #mod_epk .infos .texte{width:69%;float:right;} #mod_epk .infos .texte .nom{text-transform:uppercase;font-size:22px;} #mod_epk .infos .texte .description{margin-top:20px;} /* Boutons */ body.creation-album-artiste input[type="submit"], body.creation-album-artiste input[type="button"]{border: 1px solid #777777;background: none repeat scroll 0 0 #404040;color: #fff;border-radius: 5px; text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 10px 20px; width:100%; cursor:pointer;} body.creation-album-artiste input[type="button"]{margin-bottom:50px;} body.creation-album-artiste input[type="submit"]:hover, body.creation-album-artiste input[type="button"]:hover{background:#ff5a32;color:#333;} /* Recherche */ #ctrl_4{border:2px solid #ff5a32;padding:5px;width:92%;} #ctrl_4_submit{border-radius:2px;border:0;background:#ff5a32;color:#fff;padding:5px;float:right;} /* Liste Artistes Labels */ #content-liste-artiste-label .artiste{width:24%;display:inline-block;vertical-align:top;margin:5px;text-align:center;} #content-liste-artiste-label .artiste .img{width:200px;height:200px;overflow:hidden;margin:0 auto;} #content-liste-album-artiste{background:white;} .inline-playlist{position:absolute;} .mdp_form{background:#fff;padding:20px;color:#000;font-size:14px;} .mdp_form td input{padding:5px;} .mdp_form .submit_container input{padding:10px;margin:10px 10px 10px 0;} .mdp_form .submit_container {text-align:left;} .mdp_zone{text-align:right;padding-right:30px; background:url('../images/password.png')no-repeat center right; height:20px;line-height:26px;margin-bottom:20px;} @media only screen and ( min-width: 961px ) and ( max-width: 1050px ) { /****************************************************************************** @@@@ I-pad paysage @@@@ ********/ #f3{display:none;} /* Recherche */ #orange_top{top:0;} #wrapper{margin-top:80px;} #container{padding-right:0;} #main{width:100%;float:none;min-height:0!important;} .img_playlist{display:none;} #right{float:none;width:100%;padding:0;margin-top:21px;} .mod_fb_likeBox{display:none;} #connexion{width:39%;} #se-connecter,#s-inscrire{display:inline-block;vertical-align:top;margin:32px 25px;} #langues{top:0;} #nav .level_1 li{padding:20px;font-size:15px;} #tl_subscribe .formbody{text-align:center;} .mod_fb_likeBox {width: 205px;margin: 0 auto;} #contener-mlr-player{position:absolute;margin:0;left:17.5%;top:81px;} #salle-gauche{width:69%;} #gauche-fiche{width:59%;} #artistes-reader{margin:0 20px;} #salle-reader #content{margin:0 20px} #label{width:87%;padding:0 45px;} #label .image-fiche{width:50%;height:auto;} .flexslider{margin-left:14%!important;} .slides.nav_slides{display:block;width:100%!important;position:static;text-align:center;} .slides.nav_slides li{width:120px!important;} .slides.nav_slides li span{font-size:10px!important;} .slides.nav_slides li a{font-size:12px;} .slides.nav_slides li.flex-active-slide{background-image:none;} #footer_gauche, #footer_centre, #footer_droite{font-size:14px;} #footer_centre ul{width:230px;margin:0 auto;height:40px;} #footer_centre ul li::after{display:none;} } @media only screen and ( min-width: 767px ) and ( max-width: 960px ) {/*****************************************************************@@@@ I-pad portrait @@@@**************/ #f3{display:none;} /* Recherche */ #orange_top{top:0;} #wrapper{margin-top:85px;} #container{padding-right:0;} #main{width:100%;float:none;min-height:0!important;} .img_playlist{display:none;} #right{float:none;width:100%;padding:0;margin-top:21px;} #nav .level_1 li{padding:20px;font-size:15px;} #tl_subscribe .formbody{text-align:center;} .mod_fb_likeBox {display:none;} #connexion {width: 39%;} #se-connecter,#s-inscrire{display:inline-block;vertical-align:top;margin:32px 25px;} #langues{top:0;} #contener-mlr-player{position:absolute;margin:0;left:223px;top:81px;} #salle-gauche{width:69%;} #gauche-fiche{width:59%;} #artistes-reader{margin:0 10px;} #salle-reader #content{margin:0 7px} #label{width:87%;} #label .image-fiche{width:50%;height:auto;} .flexslider{margin-left:3%!important;} .slides.nav_slides{display:block;width:100%!important;position:static;text-align:center;} .slides.nav_slides li{width:120px!important;} .slides.nav_slides li span{font-size:10px!important;} .slides.nav_slides li a{font-size:12px;} .slides.nav_slides li.flex-active-slide{background-image:none;} #footer_gauche, #footer_centre, #footer_droite{font-size:14px;} #footer_centre ul{width:230px;margin:0 auto;height:40px;} #footer_centre ul li::after{display:none;} } @media only screen and ( max-width: 767px ) { /*******************************************************************************************************@@@@ Mobile - Paysage @@@@************/ #f3{display:none;} /* Recherche */ #orange_top{top:0;} #wrapper{margin-top:83px;} #container{padding-right:0;} #main{width:100%;float:none;min-height:0!important;} #right{float:none;width:100%;padding:0;margin-top:21px;} #nav .level_1 li{padding:20px 3px;font-size:11px;} #tl_subscribe .formbody{text-align:center;} .mod_fb_likeBox{display:none;} #contener-mlr-player{position:absolute;margin:0;left:221px;top:81px;background:transparent!important;} #jp_container_N{background:transparent!important;} #jquery_jplayer_N{width: 75px!important; height: 75px!important;} #artistes-reader{margin:0 10px;} #salle-reader #content{margin:0 4px} #label{width:87%;} #label .image-fiche{width:50%;height:auto;} .img_playlist{display:none;} #wrap_logo {max-width: 17.3%;} #contener-mlr-player{width:28.3%!important;} #connexion{width:27%;margin-left:10px;} #se-connecter,#s-inscrire{display:inline-block;vertical-align:top;margin:32px 25px;} #connexion a{font-size:14px;} #langues{top:0;} #retour_haut{background:none;} .listeConcert .spect{width:45%;float:left;margin:10px;} .listeConcert .box .titre{width:100%;} #salle-concert-a-venir .spect{height:295px;} #salle-concert-a-venir .reservation{width:25%;} div.jp-video div.jp-type-playlist ul.jp-controls{margin-left:0;} div.jp-controls-holder{width:100%;} .label-fiche-presentation .label-fiche .image-fiche{width:120px;border:none;} #artistes-reader{width:83%;padding:0;} .listeSpectacle{text-align:center;height:400px;} .listeSpectacle div{text-align:center;} #agenda .date-concert{width:100%;} #concerts-liste .listeSpectacle .spect.two .box{width:100%;margin:0;} #concerts-liste .listeSpectacle .spect.hoverEffect p{width:100%;} #concerts-liste .listeSpectacle .spect.two{width:93%;height:340px;} #concerts-liste .reservation{text-align:center;margin-top:13%;float:none;width:100%;} #concerts-liste .listeSpectacle .spect .titre{margin-top:6%;} #concerts-liste .listeSpectacle .hidden-image-fiche{border:none;width:100%!important;} .label-fiche-presentation h2{width:120px;} .description-fiche{width:120px;} #tri-salle{width:100%;} #filterOptions{width:100%;} .pager-list{margin:0!important;width:100%!important;} #concert-fiche .box-holder{margin:0;} .img-agenda{margin:0px 25px 5px 0px;} #label{margin:0px 20px 0px 13px;} #wrapper_label{padding:0;} #content-agenda{width:100%;} #concert-fiche .box-holder{width:100%;} #concert-fiche .titre{width:100%;} #concert-fiche .box-frame p{width:100%;} #concert-fiche .reservation{width:97%;} .flexslider{margin:0!important;} .slides.nav_slides{display:block;width:400%!important;position:static;text-align:center;float:none;} .slides.nav_slides li{width:8.5%!important;margin:0 30px!important;} .slides.nav_slides li span{font-size:10px!important;} .slides.nav_slides li a{font-size:12px;} .slides.nav_slides li.flex-active-slide{background-image:none;} #album-discographie{min-height:275px;} #artiste-discographie{height:320px;} .sc3{width:100%!important;float:none!important;padding-right:27%!important;} #tous-les-artistes h2{width:94%;} .barre_orange_top_h3{font-size:15px;padding-left:10px;} #tri{float:none;} .alphabet{margin-top:25px;} #Grid li {margin: 0 20px 5px 20px;} #gauche-fiche, #droite-fiche{width:100%;float:none;margin:0px 20px 0px -3px;} #label_liste #Grid li{margin:0;padding:10px 0;width:100%;} #label_liste .label-listing .projet.hoverEffect{width:100%;} #label_liste .label-listing .projet.hoverEffect img{margin-left:10px;} #label {width:73%;} #fiche .ce_flexSlider{width:100%;} #map_salle_spectacle #map{height:275px!important;width:320px!important;} #CategorieMap #Grid li{margin:0;padding:10px 0;width:100%;} #map_salle_spectacle .item, #CategorieMap{width:100%;} #map_salle_spectacle .item{padding:10px 0;} #CategorieMap .label-listing .projet.hoverEffect img{margin-left:10px;} .item .img_salle{margin-left:10px;} #salle-reader #content{width:85%;} #salle-droite,#salle-gauche{float:none;width:100%;} .salle-aside{margin-left:0;text-align:center;} .salle-image{float:none;text-align:center;margin-top:20px;} #salle-description{margin-top:20px;text-align:center;} table.minicalendar{float:none;margin:0 auto;} #footer_gauche, #footer_centre, #footer_droite{font-size:14px;width:100%;max-width:100%;min-width:100%;text-align:center;} #footer_centre ul{width:230px;margin:0 auto;height:40px;} #footer_centre ul li::after{display:none;} #orange_bottom{height:440px;} #nav > .mobile-invisible{display:block;text-transform:uppercase;margin:15px auto;} #nav ul.level_1{display:none;margin:0;} #nav ul.level_1 li{padding:10px 0;float:none;} #nav ul.level_1 li:hover .drop{display:none;} #nav .level_1 .drop{display:none;position:static;background:none!important;width:auto;box-shadow:none;} #nav .drop-holder{background: transparent;} #agenda .sc-count1{float:none;width:100%;} #concerts-liste{float:none;width:90%!important;display:block;padding:10px!important;} #concerts-liste-map #map{margin:20px auto!important;float:none!important;} #form-filter-agenda select, #form-filter-agenda input{display:block;margin:5px;padding:10px;width:50%;} } @media only screen and ( max-width: 478px ) { /***************************************************************************************************** Mobile - Portrait *******************/ #contener-mlr-player{position:absolute;margin:0;left:0;top:81px;background:#fff!important;} #jp_container_N{background:#fff!important;} #jquery_jplayer_N{width: 77px!important; height: 77px!important;} .listeConcert .spect{width:42%;float:left;margin:10px;} #se-connecter, #s-inscrire{margin:10px 0 0 0;display:block;} #wrap_logo {max-width: 13.3%;} #orange_top{height:59px;} #langues{top:-50px;} #connexion{width:12%;} } /* Ajouts IRa */ #top-container {position: fixed; z-index: 500; left: 0; top: 0; width: 100%; background: #222; -moz-box-shadow: 0px 0px 5px #444; -webkit-box-shadow: 0px 0px 5px #444; box-shadow: 0px 0px 5px #444;} #top-container .inside{width: 1280px; margin: 0 auto;} #container{padding-top:90px;} .flex-caption{display:none;} /* allgemeine Definition */ .sc {margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;clear:none !important;} .sc-first {} .sc-last {} .sc-clear {clear:left;} .sc-rowspan > *{margin: 0!important;padding: 0!important;} /* 2-spaltig */ .sc2 {width:49.5%;padding-right:1%;float:left;display:inline;} .sc2-first {clear:left;} .sc2-last {padding-right:0;} /* 3-spaltig */ .sc3 {width:32.3%;padding-right:1%;float:left;display:inline;} .sc3-first {clear:left;} .sc3-last {padding-right:1.1%;} .sc3-2 {width:65.6%;padding-right:1%;float:left;display:inline;} .sc3-2-first {clear:left;} .sc3-2-last {padding-right:1.1%;} /* 4-spaltig */ .sc4 {width:24%;padding-right:1%;float:left;display:inline;} .sc4-first {clear:left;} .sc4-last {} .sc4-2 {width:49%;padding-right:1%;float:left;display:inline;} .sc4-2-first {clear:left;} .sc4-2-last {} .sc4-3 {width:74%;padding-right:1%;float:left;display:inline;} .sc4-3-first {clear:left;} .sc4-3-last {} /* 5-spaltig */ .sc5 {width:19%;padding-right:1%;float:left;display:inline;} .sc5-first {clear:left;} .sc5-last {} .sc5-2 {width:39%;padding-right:1%;float:left;display:inline;} .sc5-2-first {clear:left;} .sc5-2-last {} .sc5-3 {width:59%;padding-right:1%;float:left;display:inline;} .sc5-3-first {clear:left;} .sc5-3-last {} .sc5-4 {width:79%;padding-right:1%;float:left;display:inline;} .sc5-4-first {clear:left;} .sc5-4-last {} .warning{background:#ddd;border:1px solid #ccc;border-radius:5px;padding:15px;} .title_label_playlist{padding:10px;color:#ff5a32;} /* 26/03/2014 */ #creation-album-artiste{color:#404040;width:95%;margin:0 auto;background:white;padding:10px 10px 50px 10px;border-radius:0 0 20px 20px;} body.creation-album-artiste #wrapper{min-height:800px;} #creation-album-artiste h1{text-align:center;border-bottom:1px solid #404040;padding-bottom:20px;} #creation-album-artiste .mod_breadcrumb a{color:#404040;} #creation-album-artiste #gauche{float:left;width:49%;margin-bottom:20px;} #creation-album-artiste #droite{float:right;width:49%;margin-bottom:20px;} #creation-album-artiste select{width:62.5%;} #creation-album-artiste label{width:100px;text-align:right;display:inline-block;margin-right:20px;font-weight:bold;} #creation-album-artiste input{margin:5px;padding:5px;border:1px solid #404040;min-height:0;border-radius:0;width:60%;} #creation-album-artiste textarea{margin:5px;padding:5px;border:1px solid #404040;min-height:150px;border-radius:0;width:60%;} #select-genre option:nth-child(1),#select-label option:nth-child(1){text-align:center;color:#AAA;} #submit_album{border: 1px solid #777777!important;background: none repeat scroll 0 0 #404040;color:#fff;border-radius:5px!important;text-transform:uppercase;font-size:20px;font-weight:bold;padding:10px 20px!important;margin:0 auto!important;display:block;} #block_cover{text-align: center;padding: 50px 10px;background: #ddd;} #ten_more_1,#ten_more_2,#ten_more_3{display:none;} .more_ten, .more_ten_2, .more_ten_3{cursor:pointer;padding:10px 20px;background:#ddd;border:1px solid #ccc;display:block;width:30%;font-weight:bold;text-align:center;margin:10px auto;border-radius:3px;clear:both;} .more_ten:hover, .more_ten_2:hover, .more_ten_3:hover{text-decoration:underline;} .block_second{width:80%;margin-left:12%;padding-bottom:50px;} .duree{text-align:right;} #blockImagePrincipale{width:100%;padding:5px 0;max-height:200px;overflow:hidden;} #blockImagePrincipale img{max-height:100%;margin: 0 auto;display: block;cursor:pointer;} #blockImagePrincipale:hover img{opacity:0.2;} #blockImagePrincipale:hover:before{content:"Cliquez pour modifier";position:absolute;margin-top:90px;margin-left:60px;font-weight:bold;font-size:16px;opacity:1;} #blockImagePrincipale{width:100%;padding:5px 0;max-height:200px;overflow:hidden;} #blockAlbumPrincipale img{max-height:100%;margin: 0 auto;display: block;cursor:pointer;} #blockAlbumPrincipale:hover img{opacity:0.2;} #blockAlbumPrincipale:hover:before{content:"Cliquez pour modifier";position:absolute;margin-top:170px;margin-left:100px;font-weight:bold;font-size:16px;opacity:1;} #block_photo_presentation, #mod_epk_modification #block_photo_presentation{display:none;} #creation-album-artiste #block_album_presentation,#modification-album #block_album_presentation{display:none;} #block-mp3{ display:none;} #liste-mp3{width:100%;margin-bottom:30px;} #liste-mp3 td, #liste-mp3 th{border:1px solid #ccc;padding:5px;} #separateur{padding-top:20px;} #reSendMp3{margin: 30px auto!important;display: block;cursor:pointer;} #block_photo_group div img{display:block;margin:0 auto;} body.fiche-artiste #container, body.creation-album-artiste #container{padding:0;} body.fiche-artiste #header, body.creation-album-artiste #header{height:120px;} .expand{height:103px;overflow:hidden;} #send-mp3{clear:both;} #send-mp3 .left-mp3{float:left;width:49%;} #send-mp3 .right-mp3{float:right;width:49%;} #info-mp3{clear:both;} span.pager{display:inline-block;vertical-align:top;padding:5px;border:1px solid silver;border-radius:3px;cursor:pointer;} div.pager-list{margin-left:10px;margin-top:10px;} div.pager-list span.active{color:#FF5A32;background: #fff;} div.pager-list span:hover{border-color:#FF5A32;} #sidebar-playlist-list{list-style-type: none;position: fixed;right: -2px;top: 200px;z-index: 10;width:250px;background:#FFF;padding-left:0px;} #sidebar-playlist-list li{border-bottom: 1px dotted #333;padding: 7px 0px 7px 10px;} #sidebar-playlist-list-titre{color: #404040;font-size:18px;font-weight:bold;background: url("../images/fleche_titre.png") no-repeat scroll right center #ff5a32;box-shadow: 1px 1px 5px 1px #404040;color: #404040; padding: 10px;position: relative; text-transform: uppercase;z-index: 2;} #sidebar-playlist-list li .icon-playlist{background: url("../images/playlist_icon.png") no-repeat scroll left center;width:16px;height:20px;/**/float:left;margin-right:10px;} #affiche-droite {background-color:#FFF;padding-top:10px;padding-bottom:10px;margin-top:10px;text-align:center;} /* EPK form.control */ #electronic-press-kit .form-control, #ajout-artistes .form-control, #modification-artiste .form-control, #ajout-album .form-control, #modification-album .form-control, #modification-concert-label .form-control, #ajout-concert-label .form-control, #modification-concert .form-control, #ajout-concert .form-control{background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; /*font-size: 14px; height: 30px;*/ line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 95%;} #inputsWrapper input.form-control, #electronic-press-kit #droite > input.form-control, #modification-album #droite > input.form-control, #ajout-album #droite > input.form-control, #ajout-album #droite > select.form-control, #modification-artiste #droite > input.form-control, #modification-artiste #droite > select.form-control { width: 95%;} #electronic-press-kit label, #modification-artiste label,#modification-album label,#ajout-album label, #ajout-artistes label, #modification-concert-label label,#ajout-concert-label label,#ajout-concert label,#modification-concert label{ display: inline-block; font-weight: 700; margin-bottom: 5px;margin-top:10px;margin-left:5px; max-width: 100%;} #electronic-press-kit select[multiple], #electronic-press-kit select[size], #ajout-album select[multiple],#ajout-album select[size], #modification-album select[multiple], #modification-album select[size], #ajout-artistes select[multiple], #ajout-artistes select[size], #modification-artiste select[multiple], #modification-artiste select[size], #modification-concert-label select[multiple], #modification-concert-label select[size], #modification-concert select[multiple],#modification-concert select[size]{ height: auto; width: 97%;} #electronic-press-kit select.form-control {width:95%;}/* */ .album-list .discographie {background: url("../images/no-cd-125x125.jpg") no-repeat scroll top left;} textarea.form-control { height: auto;min-height:150px;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;/*font-size: 14px;*/line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 95%;} #electronic-press-kit .inline-epk {height: auto;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;/*width: 95%;*/ display:inline-block; } .video-link{height: auto;width:95%;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;display:inline-block; } #label-reader p,#artistes-reader p, #salle-reader p {/*padding-bottom:4px;*/ line-height:normal;margin:5px 0px 5px 0px;} #albums #fiche-album { background: none repeat scroll 0 0 #fff; border-radius: 0 0 20px 20px; color: #404040; margin: 0 20px; padding: 20px;} #albums #fiche-album .img-album img {border: 1px solid #404040;} #envoi-mp3 label.checkbox-inline { width : 100%;} .checkbox-inline, .radio-inline { cursor: pointer; display: inline-block;font-weight: 400; margin-bottom: 0; padding-left: 20px; position: relative; vertical-align: middle;} /* LISTE MP3 EPK */ #epk-liste-mp3 {border-radius: 4px; padding-left:0px;} #modification-album #liste-mp3 { border:none;margin-bottom: 0px; } #modification-album #liste-mp3 .numero,#modification-album #liste-mp3 .duree {width: 40px;} #modification-album #liste-mp3 .name, #modification-album #liste-mp3 .auteur, #modification-album #liste-mp3 .compositeur, #modification-album #liste-mp3 .vente { width:20%;} #modification-album #liste-mp3 tr {border:1px solid #ccc;} #modification-album #liste-mp3 td{max-width: 158px;overflow: hidden;text-overflow: ellipsis;background-color: #f7f7f7;}