@charset "utf-8";
body { background: #333333 url(../imgs/bg-pix.png) repeat-x scroll 0 0;overflow-x:hidden;}
#contener {position:relative; width:800px; height:615px; margin:0 auto;z-index:50;}
/*---*/
.bestof {display:block;width:8px;height:8px; line-height:8px; background: #fff url(../imgs/sprite.gif) no-repeat scroll -126px -24px;margin-right:5px; float:left;display:inline;}
.curGal, .curGal a {color:#f00048 !important;}
.none {display:none;}
/*---*/
#nextEntry, #prevEntry {position:absolute;bottom:0;visibility:hidden;display:none;font-size:1px;width:1px;height:1px;line-height:1px;}
#ref h1{font-size:12px;}
#ref {font-size:10px;}
#ref a{font-size:10px;}
#ref p{margin:12px;}
#ref #js{width:100%; height:25px; background:#f00048; color:#fff;font-size:11px;padding-top:12px;}
/*---*/
#header {width:990px; height:50px; margin: 0 auto;}
#logo {width:495px; height:50px; float:left;}
#logo a{display:block; width:184px; height:24px;line-height:24px; float:left; background: #fff url(../imgs/sprite.gif) no-repeat scroll -126px -0; margin:13px 0 0 67px;display:inline;}
#nav {width:420px; height:42px; float:right; font-family: Tahoma,Arial,Verdana,sans-serif; font-size:9px; color:#c5c5c5; padding-top:8px;}
#nav span {float:left;margin:5px 5px 0 0;}
#nav .sep {display:block;width:1px;height:19px;background:#dedede;margin:0 5px 0 5px; float:left;display:inline;}
#nav a{float:left; color:#0e0e0f;margin-top:5px;}
#nav a:hover{color:#f00048;}
#nav #graph{margin:5px 5px 0 5px;}
/*---*/
#time {position:absolute; width:990px; top:250px; left: 50%; margin-left:-495px; height:69px;}
#time #contTime {position:relative; width:990px; height:69px;}
#next, #nextIn {float:left; width:495px; height:69px;position:absolute;top:0;left:0;}
#prev, #prevIn {float:right; width:495px; height:69px;position:absolute;top:0;left:969px;}
#time .arrow {display:block;width:21px;height:69px;}
#time .left {background: transparent url(../imgs/sprite.gif) no-repeat scroll -21px 0;}
#time .right {background: transparent url(../imgs/sprite.gif) no-repeat scroll -84px 0;}
#time .left:hover {background: transparent url(../imgs/sprite.gif) no-repeat scroll 0 0;}
#time .right:hover {background: transparent url(../imgs/sprite.gif) no-repeat scroll -105px 0;}
#time .leftIn {background: transparent url(../imgs/sprite.gif) no-repeat scroll -42px 0;}
#time .rightIn {background: transparent url(../imgs/sprite.gif) no-repeat scroll -63px 0;}
/*---*/
#contener {}
#contener #encours {width:800px; height:615px;}
#contener #screen {width:790px; height:490px; border:5px solid #dedede; background: #000 url(../imgs/screen.jpg) no-repeat scroll 0 0;}
#contener #screen img {width:790px; height:490px; border:none;}
#contener #contenu {position:relative;width:800px; height:75px; font-family: Tahoma,Arial,Verdana,sans-serif; color:#0e0e0f;}
#contener #contenu #new {position:absolute;width:38px; height:38px;line-height:38px;left:757px;top:-495px;background: transparent url(../imgs/sprite.gif) no-repeat scroll -272px -26px; }
#contener #contenu table {font-size:10px;}
#contener #contenu .bestof {display:block;width:8px;height:8px; background: #fff url(../imgs/sprite.gif) no-repeat scroll -126px -24px;margin-right:5px; }
#contener #contenu h2 {font-size:14px; font-weight:bold; margin:20px 0 10px 0;}
#contener #contenu h2 img{margin:0 5px;}
#contener #contenu span {color:#0e0e0f; margin:0;}
#contener #contenu a {color:#f00048; }
#contener #contenu .legende {color:#c5c5c5; margin:0 8px 0 0; }
#contener #contenu .sep {margin:0 8px 0 8px; color:#c5c5c5; font-size:12px;}
/*---*/
#loader {position:absolute; width:32px; height:32px; line-height:32px; top:267px; left:50%; margin-left:-16px; background: #fff url(../imgs/loading-j.gif) no-repeat scroll 0 0;}
/*---*/
#footer {width:990px; height:65px; margin:0 auto;}
#footer #copyright { width: 398px; height: 33px; float: left; font-family: Tahoma,Arial,Verdana,sans-serif; font-size: 9px; color: #c5c5c5; margin:40px 0 0 67px; display:inline;}
#footer #copyright .mon{ color: #f00048;}
#footer #copyright .carton{ color: #000;}
#footer #copyright .sep{margin:0 8px 0 8px; color:#c5c5c5; font-size:12px;}
#footer #copyright a{color:#c5c5c5;}
#footer #copyright a:hover{color:#f00048;}
#footer #social { width: 495px; height: 33px; float: right; font-family: Tahoma,Arial,Verdana,sans-serif; font-size: 9px; color: #ffa654; margin:40px 0 0 0; display:inline;}
#footer #social #links { width: 325px;  height: 33px; float:right; padding-left: 00px; }
#footer #social #links a{ float: left;  color: #ffa654; margin-top: 2px;}
#footer #social #links a:hover{ color: #cc6200; }
#footer #social #links .feed{ float: left;  width:8px; height:8px; line-height:8px; background: #fff url(../imgs/sprite.gif) no-repeat scroll -134px -24px; margin: 2px 2px 0 5px;}
#footer #social #links .sep{ float: left; margin:0 8px 0 8px; color:#c5c5c5; font-size:12px;}
#footer #social #links .facebook{ float: left; display:block; width:13px;height:13px; line-height:13px;background: #fff url(../imgs/sprite.gif) no-repeat scroll -126px -32px;margin: 0 2px 0 2px;}
#footer #social #links .twitter{ float: left; display:block; width:10px;height:13px; line-height:13px;background: #fff url(../imgs/sprite.gif) no-repeat scroll -139px -32px;margin: 0 2px 0 2px;}
#footer #social #links .delicious{ float: left; display:block; width:13px;height:13px; line-height:13px;background: #fff url(../imgs/sprite.gif) no-repeat scroll -126px -45px;margin: 0 2px 0 2px;}
#footer #social #links .flickr{ float: left; display:block; width:28px;height:7px; line-height:7px;background: #fff url(../imgs/sprite.gif) no-repeat scroll -126px -58px; margin: 3px 0;}

#sitemap {position:absolute; top:733px; left:50%; margin-left:-428px; font-family: Tahoma, Arial, Verdana, sans-serif; width:856px; height:auto; overflow:auto; overflow:hidden; }
#sitemap #logo {width:856px; height:35px;clear:both;}
#sitemap #logo span{display:block; width:112px; height:16px; background:transparent url(../imgs/sprite.gif) no-repeat scroll -158px -28px; margin:14px 0 0 9px;line-height:16px;font-size:1px; }
#sitemap #cols {width:856px; height:200px;/*overflow:auto;*/clear:both;}
#sitemap #cols .col{width:196px;height:200px;padding:9px 9px 25px 9px; float:left; font-size:10px;}
#sitemap #cols .col ul{height:145px;overflow:auto; }
/*#sitemap #cols .col ul.fiche{height:auto !important;overflow:auto; }*/
#sitemap #cols .col ul .resume{color:#5d5d62;}
#sitemap #cols .col ul .resume a{color:#5d5d62;}
#sitemap #cols .col ul .resume a:hover{color:#7b0126;}
#sitemap #cols .col ul .resume p{color:#3c3c3f;margin-top:16px;}
#sitemap #cols .col h1{font-size: 11px; font-weight:bold; color:#6a6a6a;margin-bottom:12px;}
#sitemap #cols .col h2{font-size: 11px; font-weight:bold; color:#6a6a6a}
#sitemap #cols .col h2 a{font-size: 11px; font-weight:bold; color:#6a6a6a}
#sitemap #cols .col h2 a:hover{color:#7b0126}
#sitemap #cols .col h3{font-size: 10px; font-weight:normal; color:#5d5d62; margin-top:3px;margin-bottom:12px;}
#sitemap #cols .col li{line-height:11px; color:#5d5d62;}
#sitemap #cols .col ul li span{color:#5d5d62;margin-left:6px;}
#sitemap #cols .col ul li span a{color:#7b0126;}
#sitemap #cols .col ul li span a:hover{color:#7b0126;}
#sitemap #cols .col a{color:#3c3c3f;font-size:10px;}
#sitemap #cols .col a:hover{color:#7b0126;}
#sitemap #cols .col a span{color: #6e6600 !important;}
/*****------*****/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ 
body { overflow:hidden;}
#contener {position:fixed !important; left:50% !important; top: 50px !important; margin-left:-400px !important;}
#nav {width:390px !important; margin-right:28px;}
#footer {position:fixed !important; left:50% !important; top: 665px !important; margin-left:-495px !important; width:990px; height:150px; margin:0 auto;}
#time {position:fixed !important;  left:50% !important; top: 250px !important; margin-left:-495px !important;width:990px; height:69px; margin:0 auto;}
}