/**
 * fiatlux.tk/css/stainless.css
 * Stainless Skin for Screen Media for the Diesel Ok Html Template
 * Copyright (c) 2010-2012, 12939 Media Architecture
 * All Rights Reserved/Tous droits réservés.
 * 
 * Can we mimic Facebook using the OK template, with minimal modifications?
 *
 * @charset UTF-8 (no BOM)
 * @since 20110627
 * 
 */

/* General Visual Positionning */
body{text-align:center;margin:0}
.nostyle{display:none}

#messages{}
 #messages>div{padding:4px 6px 5px;border:1px solid;margin-bottom:-1px}
#fakebar{position:absolute;width:100%;height:41px} /* Using a fakebar instead of oversizing the header to avoid horiz. scrollbars */
#canvas{position:relative;width:980px;margin:0 auto;text-align:left}
 #header{position:absolute;width:100%;height:41px/*;margin:0 -999px;padding:0 999px;*/}
  #logo{position:absolute;top:10px;left:-5px;z-index:1}
   #logo a{display:block;width:119px;height:25px;padding:6px 6px 0}
  #sitetitle/*(text-only){position:relative;top:-11px;left:104px;padding-left:3px;width:67px;text-align:left;overflow:hidden}*/
                     /*(graphic)*/{position:absolute;top:10px;left:18px;z-index:1}/**/
			/*(none){display:none}/*/
   #sitetitle a{display:block;height:25px;padding:6px 6px 0}/**/
   #sitetitle img{foreground-blending-mode:lighten}
  #slogan{display:none}
  #searchbox{z-index:1;position:absolute;top:15px;left:185px;width:348px;height:20px;padding:0;border:1px solid}
   #searchbox form{margin:0}
   #searchbox input{margin:0;border:none;height:17px}
   #searchbox input[name='q']{position:absolute;padding:1px 30px 2px 5px;width:313px}
   #searchbox input[type='submit']{position:absolute;right:-2px;margin:0;padding:0 0 0 26px;width:0px;height:20px}
   #searchbox input[type='submit']{background:transparent url('search-button.png') 1px 3px no-repeat}
 
 #cover{position:relative;top:42px}
 #adspace,
 #featured{position:relative;top:41px;float:right;clear:right;padding:0 20px 0px 20px;width:758px;margin:0;border-style:solid;border-width:0 1px;text-align:center}
 
  #adspace>:first-child,#featured>:first-child{margin:19px auto auto}
 #body{position:relative;top:41px;float:right}
  #title,
  #breadcrumbs,
  #content,
  #breadcrumbs{float:right;clear:right;padding:0 286px 0 20px;width:492px;border-style:solid;border-width:0 1px}
  #title{padding-top:19px;padding-bottom:12px;margin:0}
  #content{border-bottom-width:1px;min-height:480px;padding-bottom:24px}
   #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{clear:both}
  #context{position:absolute;top:20px;right:20px;width:240px;padding:8px 0 0}
 #topmenu{position:absolute;top:10px;right:0px;width:798px;height:30px;border:1px solid;border-bottom:none;padding:0}
 #graph{position:absolute;top:60px;left:0;width:180px}
  #graph #face img:first-child{width:180px}
  #graph .widget{margin-bottom:16px}
  #menu{}
  /* skyscraper: should use javascript to display only when window has sufficient width */
 #skyscraper{position:absolute;top:51px;left:990px;width:160px}
 #footer{clear:both;padding:50px 6px 10px 186px;height:62px}
  #links{float:right;text-align:right}
  #copyright{padding-bottom:9px}
   #badges{clear:both;padding:6px 0}  

/* Visual Fine-Tuning */
.icon{background-position:-999px;background-repeat:no-repeat}
a img{border:none}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:underline}
#canvas{}
 #header{}
  #searchbox input[type='submit']{cursor:pointer}
 #body{}
  #context ul{padding:0px;margin:0px}
  #context li{list-style:none}
 #topmenu{text-align:right}
  #topmenu ul{list-style:none;margin:0;padding:0}
   #topmenu>ul>li{display:inline;position:relative;top:8px;padding:8px 10px 8px;margin-left:-3px}
    #topmenu>ul>li>a{padding:8px 10px 8px;margin:0 -10px;text-decoration:none}
	#topmenu>ul>li>a.active{border-top:2px solid;padding-top:6px}
    #topmenu>ul>li>ul{display:none;position:absolute;top:28px;right:-1px;border:1px solid;border-top:none;text-align:center}
	 #topmenu>ul>li>ul a{display:block;padding:7px 9px 8px;text-decoration:none}
	#topmenu>ul>li:hover>ul{display:block;margin-top:1px}
 #graph{}
  .widget{}
   .widget h2{margin:0 auto}
   .widget h2 a[href], .widget h2 .self{display:block;padding:2px 9px 3px;margin:0 auto 1px;border-bottom:1px solid}
   .widget ul{list-style:none;padding:0;margin:0}
    .widget ul li{}
	 .widget ul li a, .widget ul li .self{display:block;padding:3px 3px 3px 26px;border-bottom:1px solid}
	  .widget ul li a.icon, .widget ul li .self.icon{background-position:4px 1px;background-repeat:no-repeat;}
	  .widget ul ul li a, .widget ul ul li .self{padding-left:38px}
	   .widget ul ul li a.icon, .widget ul ul li .self.icon{background-position:16px 1px}
       .widget ul ul ul li a, .widget ul ul ul li .self{padding-left:50px}
	    .widget ul ul ul li a.icon, .widget ul ul ul li .self.icon{background-position:28px 1px}	   
 #footer{}
  #links{} 
   #links>ul{list-style:none;padding:0;margin:0}
    #links>ul>li{font-weight:bold}
	 #links>ul>li ul{display:inline;padding:0px;margin:0;font-weight:normal}
	 #links>ul>li>div.links{display:inline}/*automaticbacklinks*/
	  #links>ul>li ul>li{display:inline}
	  #links>ul>li ul>li:first-child{display:inline}
	   #links>ul>li ul>li:before{content:' · '}
	   #links>ul>li ul>li:first-child:before{content:' · '}

/* "profile" skin (introduced 20121114) */
body.profile #fakebar{border-bottom:1px solid black}
body.profile #cover{margin-left:-10px;border:1px solid;border-color:#b2b2b2;border-top:none;overflow:hidden}
body.profile #cover>img{margin-bottom:-2px}
body.profile #title{padding-top:12px}
body.profile #content{min-height:180px}
body.profile #context{padding-top:0}
body.profile #graph{position:absolute;top:160px;left:0;width:180px}
body.profile #graph #face{
	width:144px;height:144px;padding:5px;
	margin-left:8px;border:1px solid;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	background-color:white;overflow:hidden;
	position:relative;text-align:center}
body.profile #graph #face img:first-child{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
body.profile #graph #face img:first-child{width:auto}
body.profile #graph #face{border-color:#888}


/* Colors */
/*/a{color:#3B5998}/* Fake blue */
/*/a{color:#d11111}/* Frank red */
/*/a{color:#593B98}/* Mystic shift */
/*/body{color:#222222}a{color:#807c49}a:active,a:hover{color:#FF7000}/* Khahirange fifty-one */
/*/a{color:#008000}/* Vintage Green */
/*/a{color:#000080}/* Vintage Blue */
/*/a{color:#4b3280}/* Guru */
/**/a{color:#07F}/* Bubbles */
/*/a{color:#F06}/* Bubble Gum */

#messages{}
 #messages>div{border-color:black}
 #messages .error{background-color:#E02010;color:white}
 #messages .warning{background-color:#FFC000;color:black}
 #messages .notice{background-color:#1020A0;color:white}
 #messages .debug{background-color:#10A0FF;color:black}
 #messages .success{background-color:green;color:white}
#above,
#fakebar{background-color:#212121}
#canvas{}
 #header{/*background-color:#212121;*/color:#eeeeee}
  #header a:hover{background-color:#2e2e2e;color:#ffffff}
  #sitetitle{color:#818181}
  #searchbox{background-color:white;border-color:#171717}
   #searchbox input[type='text']{color:#818181}
   #searchbox input[type='text']:focus{color:black}
   #searchbox input[type='submit']{}
 #cover,
 #adspace,
 #featured{border-color:#b2b2b2}
 #body{}
  #title,
  #breadcrumbs,
  #content,
  #context{border-color:#b2b2b2}
  #context{color:#818181}
 #topmenu{background-color:#313131;color:#eeeeee;border-color:#171717}
  #topmenu a{color:#eeeeee}
   #topmenu>ul>li a.active{border-color:#d30}
   #topmenu>ul>li:hover{background-color:#414141}
    #topmenu>ul>li>ul{background-color:#313131;border-color:#171717}
	 #topmenu>ul>li>ul a:hover{background-color:#414141}
 #graph{}
  .widget{}
   .widget h2 a[href], .widget h2 .self{background-color:#f8f8f8;border-color:#d5d5d5;color:#414141;text-decoration:none}
   .widget h2 a[href]:hover{background-color:#eeeeee}
   .widget ul li a, .widget ul li .self{text-decoration:none;border-color:white}
   #menu ul li a, #menu ul li .self{color:#414141}
   .widget ul{list-style:none;padding:0;margin:0}
    .widget ul li{}
	 /* Smooth grey /*/
	 .widget ul li .self{background-color:#dddddd}
	 .widget ul li a:hover{background-color:#eeeeee} /**/
	 /* Frankly reddish //
	 #menu ul li .self{background-color:#d11111;color:#ffeeee}
	 #menu ul li a:hover{background-color:#f18121;color:#ffffff} /**/
	 /* Mystic shift //
	 #menu ul li .self{background-color:#bb99ff}
	 #menu ul li a:hover{background-color:#eeddff} /**/
 #footer{color:#818181}

/* Fonts */
/*body{font-family:Verdana,Helvetica,sans-serif;font-size:11px}*/
body,input{font-family: "lucida grande",tahoma,verdana,arial,sans-serif}
/*#sitetitle{font-family:arial,sans-serif}*/

/* Typography */
body,input{font-size:11px}
/* +/- parfait! */
.ambig{font-size:80%;letter-spacing:-0.2em;padding-right:3px;/*margin:auto 0.3em auto 0;*/position:relative;top:-0.1em}
b .ambig, strong .ambig{padding-right:2px}
#messages{font-size:120%;font-weight:bold}
#canvas{}
 #header{}
  #sitetitle{margin:0;font-weight:bold}
  #searchbox input{font-size:11px}
 #body{}
  #title{font-size:22px}
  #content{}
   #content p{text-align:justify;margin:3pt 0 9pt}
   #content p.content-headline{font-weight:bold;font-size:110%;margin:15px 0 45px}
   #content h2{margin:12pt auto 9pt}
   #content h3{margin:12pt auto 9pt}
   #content h4{margin:12pt auto 6pt}
   #content h5{margin:9pt auto 6pt}
   #content h6{margin:9pt auto 3pt}
  #graph{}
   #menu{}
    #menu h2{font-size:120%}
	 #menu h2 a[href]{text-decoration:none}
 #topmenu li{font-weight:bold}
 #footer{}

/* Icons */
.icon{background-repeat:no-repeat}
/* fiatlux.tk */
.icon.archive{background-image:url('icon/silk/package.png')}
.icon.information{background-image:url('icon/fugue/information.png')}
.icon.local{background-image:url('icon/fugue/marker.png')}
.icon.presse{background-image:url('icon/silk/newspaper.png')}
.icon.radio{background-image:url('icon/fugue/microphone.png')}
.icon.search{background-image:url('icon/fugue/magnifier.png')}
.icon.sites{background-image:url('icon/silk/sitemap_color.png')}
.icon.tv{background-image:url('icon/silk/television.png')}
.icon.wiki{background-image:url('icon/fugue/globe--pencil.png')}
/* radio.fiatlux.tk */
.icon.babillard{background-image:url('icon/fugue/balloons-white.png')}
.icon.ecoutez{background-image:url('icon/fugue/control.png')}
 .icon.mobile{background-image:url('icon/fugue/media-player-phone.png')}
 .icon.programmation{background-image:url('icon/fugue/table.png')}
 .icon.emissions{background-image:url('icon/fugue/microphone.png')}
 .icon.evenements{background-image:url('icon/fugue/calendar-blue.png')}
 .icon.musique{background-image:url('icon/fugue/music.png')}
.icon.diffusez{background-image:url('icon/fugue/microphone--plus.png')}
 .icon.upload{background-image:url('icon/fugue/arrow-090.png')}
 .icon.diffusez.musique{background-image:url('icon/fugue/music--plus.png')}
 .icon.diffusez.emission{background-image:url('icon/fugue/microphone--plus.png')}
 .icon.diffusez.evenement{background-image:url('icon/fugue/calendar-insert.png')}
 .icon.diffusez.station{background-image:url('icon/fugue/building--plus.png')}
 .icon.diffusez.site{background-image:url('icon/fugue/monitor--plus.png')/*script--plus*/}
.icon.annoncez{background-image:url('icon/fugue/megaphone--plus.png')}
 .icon.annoncez.evenement{background-image:url('icon/fugue/ticket--plus.png')}
 .icon.publicite{background-image:url('icon/fugue/target--plus.png')}
 .icon.production{background-image:url('icon/fugue/equalizer--plus.png')}
.icon.ressources{background-image:url('icon/fugue/toolbox.png')}
 .icon.ressources.producteurs{background-image:url('icon/fugue/hard-hat.png')}
 .icon.ressources.operateurs{background-image:url('icon/fugue/hard-hat-white.png')} 
.icon.a-propos{background-image:url('icon/fugue/information.png')}
.icon.contact{background-image:url('icon/fugue/card-address.png')/*paper-plane*/}

/* wiki */
#breadcrumbs{margin-top:-9px;padding-bottom:6px}
table.wiki,table.wiki td,table.wiki th{border:1px solid #b2b2b2;padding:2px 4px}
table.wiki{border-collapse:collapse}table.wiki td{vertical-align:top}