@charset "utf-8 ";
body{background:#fff url(../img/body-bg.png) repeat-x left top;color:#8B8B8B}
#menu{background:#1B1B1B;}
#playground{min-height:680px;background:transparent url(../img/playground-bg.png) left top no-repeat;z-index:101;}
#layoutTitle{position:absolute;right:15px;top:32px;color:#929315;font-family: 'Arista 2.0 Light',verdana;font-size:28px;}
#h1wrapper{position: absolute; left:0px; top:20px; width: 640px; height: 95px; border:0px solid #999}
h1{position:absolute;left:0px;bottom:0px;}
#audioContainer{position: absolute; top: 140px; left: 0px; width: 480px;}

#newsWords{position:absolute;right:3px;top:145px;width:431px;height:390px;overflow:hidden; }
#newsTitre{color:#fff;font-family: 'Arista 2.0 Light',verdana;font-size:28px;line-height:32px;letter-spacing:.15em;padding:0 15px 15px 15px; }
#newsTexte{position:relative;width:379px;padding:0px 20px 0px 30px;height:290px;overflow:hidden;background:#81820A;color:#fff;line-height:24px;}



#newsTexteInner{padding:20px 0 45px 0}

#mainSlider{position:absolute;left:0px;top:169px;width:480px;height:320px;}
#mainSlider .slide{width:480px;height:320px; background: #fff;}
#mainSlider audio{position: absolute; bottom: 25px; left:80px; width: 320px;}
#mainSlider .nav{position:absolute;top:152px;background-image:url(/pages/commun/img/sliders-nav-bg46px.png);background-repeat:no-repeat;z-index:113;opacity:.7}
#mainSlider .navLeft{background-position:top left;left:0px}
#mainSlider .navRight{background-position:top right;right:0px}
#mainSlider .nav img{width:46px;height:46px}
#mainSlider .nav:hover{opacity:1}
#campaigns{position:absolute;left:0px;top:508px;width:545px;height:55px;overflow:visible;z-index:110;}
#campaigns ul{background:#393636;border-bottom:#393636 22px solid;overflow:hidden;padding:5px 0 0 5px;margin:0}
#campaigns li{float:left;padding:0;margin:0;}
#campaigns li img{border-right:5px #393636 solid;}
#campaigns li div{position:absolute;width:265px;top:55px;display:none;padding:0 10px 25px 25px;font-size:11px;background:url(../img/compaigns-li-div-bg.png);color:#fff}
#campaigns li div h3{padding:7px 0 7px 7px;font-size:13px}
#campaigns li div p{border-left:1px white solid;padding-left:7px;line-height:14px;}
#campaigns li div a{color:#eaeaea}
#campaigns li div a:hover{color:#fff}
#campaigns .nav{position:absolute;top:12px;background-image:url(/pages/commun/img/sliders-nav-bg46px.png ?h=30&cache=true);background-repeat:no-repeat;z-index:113;}
#campaigns .navLeft{background-position:top left;left:0px}
#campaigns .navRight{background-position:top right;right:0px}
#campaigns .nav img{width:30px;height:30px;}
#campaigns li:hover div{display:block}


    
@media screen and (max-width:800px) {    
    #playground{background: transparent url(../img/playground-resp-bg.png) left top repeat-x;}

    #layoutTitle{top:10px; font-size:18px}
    #h1wrapper{width: 100%; min-width: 400px; top:0; height: 70px; position: relative;}
    h1{left:10px}
    #newsWords{position: relative; width: 90%; margin:25px 5%; right: auto; top:auto; height: auto; background: #81820A; padding-bottom:25px}
    #mainSlider{position: relative; width: 90%; margin:0 5%; top:auto; margin-top :25px; left:auto; height:auto}
    #mainSlider .slide {width: 100%; margin:0 ; height:auto}
    #mainSlider .slide img{width: 100%; }
    #campaigns{display:  none;}
    #newsTexte{width: auto;margin: 0px 20px 0 30px}
}