@charset "utf-8 ";
    @font-face {
        font-family: "Arista 2.0 Light";
        src: url('/pages/commun/fonts/Arista20-light.ttf');
    }
    
    /*
    @font-face {
        font-family: "Arista 2.0";
        src: url('/pages/commun/fonts/Arista.ttf');
    }
    */

/* reset css */
html{background:#393636; height:100%;padding:0;margin:0}
body{background:#393636; height:100%;padding:0;margin:0}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:1em;vertical-align:baseline;background:transparent;}
body{line-height:1;}
blockquote,q{quotes:none;}:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
*{outline:none;}
ul{list-style:disc;padding-left:15px;}
ol{padding-left:25px;}
li{padding-bottom:7px;}
a{color:#32559D;text-decoration:none;}
a:hover{text-decoration:underline;}
td{padding:10px;}
sup{font-size:50%;vertical-align:super;}
table.noborder,table.noborder td{border:none;}



.aristaLight{font-family: 'Arista 2.0 Light'}
.arista{font-family:' Arista 2.0'}
.bolder{font-weight:bolder;}
.nobold{font-weight:normal;}
.hidden{display:none;}
.white{color:#fff;}
.fl{float:left;}
.fr{float:right;}
.ilb{display:inline-block;width:180px;padding:10px;}
.ac{text-align:center;}
.al{text-align:left;}
.aj{text-align:justify;}
.ar{text-align:right;}
.oh{overflow:hidden;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:16px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs30{font-size:30px;}
.fs36{font-size:36px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.bold{font-weight:bold;}
.orange{color:#F7941D;}
.orangeBg{background-color:#F7941D;}
.orangeLine{background-color:#F7941D;margin:0 15px;height:2px;}
.gold{color:#E7C775;}
.goldBg{background-color:#E7C775;}
.gray3{color:#333;}
.gray6{color:#666;}
.gray9{color:#999;}
.mr20{margin-right:20px;}
.oH{overflow:hidden;}
.construc{border:1px dotted #950;}
.row{overflow:hidden;clear:both;}
div.applicationBodyMask{background-color:#505050;opacity:0.6;filter:alpha(opacity=60);z-index:999990;}
/* PROJECT */

html{height:100%;background:#393636;}
body{height:100%;text-align:center;font-family:verdana,sans-serif;font-size:12px;background:#393636 url(../img/body-bg.jpg) top center no-repeat; padding:0; margin:0}
h1{font-weight: normal}
h1 .autosize{visibility: hidden}
#wrapper{position:relative;width:980px;min-height:700px;margin:0 auto 80px auto;text-align:left;}
/* HEADER */
#header{position:relative;height:192px;overflow: hidden; top:0; margin:0}
/* HEADER - logo */
#logo{display:block;margin-top:20px;width:149px;height:100px;}
/* HEADER - phone */
#phone{position: absolute; right:0; top: 100px; color:#aaa; font-size:16px}
#phone span{font-size:14px}
h1{font-family: 'Arista 2.0 Light', verdana;}

#newsTitre{padding:20px 0 0 40px;text-align:left;padding-right:10px; font-family: 'Arista 2.0 Light', verdana;font-size:32px; line-height: 32px; letter-spacing: 0.10em; font-weight: normal;}
#newsTitre span, #newsTitre small{font-size:22px; line-height:20px; }
#newsTexte.overflowY{overflow-y: scroll;}
#newsTexte.overflowY #newsTexteInner{padding-right: 10px}


#audioContainer{position:  absolute; top:0; left:0}
.vimeoPlayer{width:100%; height:100%}
#mainSlider video__ {min-width: 100%; height: 320px !important; width: auto !important; position: absolute; left: 0; top: 0; }
/* HEADER - menu */
#menu-burger {display: none; height: 40px;position: absolute; right:20px; top:20px; cursor: pointer;}
#menu-close {display: none; height: 38px;position: absolute; right:20px; top:20px; cursor: pointer;}
#menu-burger img {height: 40px!important;}
#menu-close img {height:26px!important}
#menu{position:absolute;top:140px;height:52px;z-index:999;width:100%;font-size:12px;text-align:right; display0: none}
#menu *{padding:0;margin:0px;}
#menu a:hover{text-decoration:none;}
#menu ul{position:relative;list-style:none;}
#menu ul.level0{margin-top:0px}
#menu ul li{color:#B89C5D;display:inline-block;padding:15px 0px 0px 0;margin:0 20px;border-top:1px solid #1B1B1B;border-bottom:0px dotted #ff1B1B;}
#menu ul li.level0{height: 20px;}
#menu ul li.level0:hover{height: 40px;}
#menu > ul > li.selected{border-top:1px solid #EB632F;}
#menu ul li a{color:#B99E59;}
#menu ul li a:hover{color:#E7C775;}
#menu ul ul{position:absolute; top:52px; text-align: left; background: #3B3A3A; padding:0; margin:0; display: none}
#menu ul ul li{position: relative; float:none; display: block;border: none; border-bottom:  #999 dotted 1px;border-left:3px solid #3B3A3A;  float:  none; width: 230px;padding:0; margin:0 }
#menu ul ul li.last{border-bottom: none}
#menu ul ul li a{display: block; padding:10px 15px;}
#menu ul ul li:hover{background: #474646;}
#menu ul li:hover ul.level1{display: block}
#menu ul ul li.selected{border-left:3px solid #EB632F;background: #474646;} 

#menu ul ul ul{ top:0; left:-210px; display: none; z-index:1001;width: 210px;overflow: hidden;}
#menu ul ul ul li{background: #474646;width: 220px}
#menu ul ul ul li:hover{background: #707070;}
#menu ul ul li:hover ul{ display: block}

#menu_36 ul{display: none}
#sub-menu-artistes {display: none}
#ariane{position:absolute;bottom:3px;left:10px;z-index:1000;font-size:10px}
#ariane a{color:#8B8B8B;}
#ariane000000 a.first{text-decoration:underline}
#ariane .separator{display:inline-block;color:#EA622E;padding:0 5px;font-weight:bold;}
/* CENTER */
#playground{position:relative;text-align:left;overflow:hidden;min-height:500px;}
/* FOOTER */
#footer{clear:both;padding:10px 0 40px 0;font-size:10px;border_:1px dotted #999;}
#footer,#footer a{color:#fff;}
.arabesque{position:fixed;z-index:0;}
#bottomLeftArabesque{bottom:0;left:0;}
#topRightArabesque{top:0;right:0;}
/* ARTISTS NAV BOX */
#artistsNavBox{position:absolute;top:-1000px;left:0;width:980px;background:#3A3637;border:0px solid #666;z-index:999;overflow:hidden;color:#FFFFFF;box-shadow:1px 1px 12px #555;}
#artistsNavBox #categoriesWrapper{width:10000px;list-style:none;padding:0 0 0 15px;}
#artistsNavBox ul,#artistsNavBox li{padding:0;margin:0;list-style:none;}
#artistsNavBox li.category{position:relative;float:left;width:48px;height:310px;border:0px solid #999;border-left:2px solid #262626;padding:20px 0 0 26px;overflow:hidden;}
#artistsNavBox li.cat1{background: url(../img/cat1.png)  5px 20px no-repeat;}
#artistsNavBox li.cat2{background: url(../img/cat2.png)  5px 20px no-repeat;}
#artistsNavBox li.cat3{background: url(../img/cat3.png)  5px 20px no-repeat;}
#artistsNavBox li.cat4{background: url(../img/cat4.png)  5px 20px no-repeat;}
#artistsNavBox li.cat5{background: url(../img/cat5.png)  5px 20px no-repeat;}
#artistsNavBox li.cat6{background: url(../img/cat6.png)  5px 20px no-repeat;}
#artistsNavBox li.cat7{background: url(../img/cat7.png)  5px 20px no-repeat;}
#artistsNavBox li.category:first-child{border-left:none;}
#artistsNavBox ul.artists{position:relative;width:inherit;height:282px;overflow:hidden;}
#artistsNavBox li.artist{position:absolute;top:0;left:0;width:inherit;overflow:hidden;background:#3A3637;border:1px solid #393636;background-position:top center;background-repeat:no-repeat;}
#artistsNavBox .cover{border:0px solid #666;background-position:top center;background-repeat:no-repeat;height:inherit;min-width:35px;width:40%;height:250px;padding-top:10%;max-height:240px;cursor:pointer;}
#artistsNavBox .details{position:absolute;left:200px;top:0;width:220px;float:left;padding-left:20px;line-height:18px; height: 260px;}
#artistsNavBox p.name{color:#EB632F;padding:0 15px 7px 0;}
#artistsNavBox p.name a{color:#EB632F;}
#artistsNavBox p.more {text-align:right; color:#EB632F; font-size:10px}

#artistsNavBox p.more a{color:#EB632F;}



#artistsNavBox li.opened{width:460px;}
#artistsNavBox li.opened .cover,#artistsNavBox li.opening .cover{cursor:default;}
#artistsNavBox li.opened .details{display:block;}



#artistsNavBox .anSlider .slide{z-index:981;}
#artistsNavBox .anSlider .current{z-index:982;}
#artistsNavBox .anSlider .next{z-index:983;}


p.other{position: absolute; display: none; bottom:57px; right:10px;z-index:984;height:10px;width:240px; border-top:1px dotted #999; text-align: center; color:#999; padding-top:4px}
#artistsNavBox .catSliderNav{position:absolute;display:none;bottom:38px;z-index:984;height:10px;width:auto;background-image0:url(/pages/homepage/img/categories-sliders-nav-bg.png);background-repeat:no-repeat;opacity:.8;color:#fff}
#artistsNavBox .catSliderNav:hover{opacity:1;color:#EB632F}
#artistsNavBox li.opened  .catSliderNav{display: block}
#artistsNavBox li.opened  p.other{display: block}


#artistsNavBox .catSliderNavLeft{left:235px;background-position:top left;}
#artistsNavBox .catSliderNavRight{right:10px;background-position:top right;}




/* anSliderZoom */
body #anSliderZoom a span{display:none}
body #anSliderZoom a {width: 46px;height: 46px; padding:0; opacity:.9; border-radius:0}
body #anSliderZoomDivIn{background: #fff; padding:20px}
body a#anSliderZoomAClose{background-image: url(../img/anSliderZoomAClose-bg.png?w=30); width: 30px;height: 30px; top: -15px; right: -15px}
body a#anSliderZoomAPrevious{background-image: url(../img/anSliderZoomAPrevious-bg.png)}
body a#anSliderZoomANext{background-image: url(../img/anSliderZoomANext-bg.png)}


@media screen and (max-width:800px) {
    .arabesque{display: none}
    #logo{margin-left:10px}
    #menu{text-align:left ; min-width: 670px;}
    
    #wrapper{width: 100%; min-width: 400px;}
    #artistsNavBox li.category{width: 10px; }
    #artistsNavBox li {height:250px}
    #artistsNavBox li.opened {width:250px}
    #artistsNavBox li .details {left:0px}
    #artistsNavBox li .cover{display:none}
    #artistsNavBox .catSliderNavLeft{left:45px;}
    #artistsNavBox .catSliderNavRight{right:5px;}
    #artistsNavBox .catSliderNav{display: none}
    #artistsNavBox li.opened {width:250px}
    #artistsNavBox li.opened .catSliderNav {display:  block;}
    
    #artistsNavBox p.name{text-align: center}
    #ariane{display: none;}

    #h1wrapper span span{font-size: 32px;}

}



 
@media screen and (max-width:800px) {
    .arabesque{display: none}
    #logo{margin-left:10px}
    
    
    
    #menu{text-align:left ; min-width: 670px;}
    
    #wrapper{width: 100%; min-width: 400px;}
    #artistsNavBox li.category{width: 10px; }
    #artistsNavBox li {height:250px}
    #artistsNavBox li.opened {width:250px}
    #artistsNavBox li .details {left:0px}
    #artistsNavBox li .cover{display:none}
    #artistsNavBox .catSliderNavLeft{left:45px;}
    #artistsNavBox .catSliderNavRight{right:5px;}
    #artistsNavBox .catSliderNav{display: none}
    #artistsNavBox li.opened {width:250px}
    #artistsNavBox li.opened .catSliderNav {display:  block;}
    
    #artistsNavBox p.name{text-align: center}
    #ariane{display: none;}

    #h1wrapper span span{font-size: 32px;}

}