/* global */
* { margin:0; padding:0; border:0; outline:none; list-style-type: none; }
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* colors */
body { background: #c7d7e3; }
div#container { background: #dce6ee; }
div.module { border-color: #a7c1d4; background: white; }
ul.module { border-color: #a7c1d4; background: #c7d7e3; }
div.element, div.menu-element, div#featured, input.login { border-color: #dddddd; } 
li.menu-element, li.menu-lastelement {  border-color: #a7c1d4; }
li.menu-element a, li.menu-lastelement a { color: black; }
li.menu-element:hover, li.menu-lastelement:hover { background: #a7c1d4; }
div.hpf_feed { border-color: #aaaaaa; } 
input.hpf_submit { border-color: #54738e; } 
div.hpf_msg { border-color: #aaaaaa; } 

div.title-bar { background: #a7c1d4; color: #54738e; }

div#footer { color: #aab9c7; }

div#footer a { color: #aab9c7; text-decoration: none; }

hr.annuaire { margin: 5px 0 5px 0; }

span.category, label.category { color: white; } 
.cat0	{ background-color: #0080c0; } /* Selection principale */
.cat1	{ background-color: #66b3d9; } /* Selection secondaire a6c8e3 */
.cat2	{ background-color: #008080; } /* News */
.cat3	{ background-color: #f5740d; } /* Actu / politique */
.cat4	{ background-color: #b30000; } /* Festiblog */
.cat5	{ background-color: #606982; } /* Revelation Blog */
.cat6	{ background-color: #ff80c0; } /* Sexy */
.cat7	{ background-color: #888888; } /* Temporaire */
.cat8	{ background-color: #990099; } /* 30 jours de BD */
.cat555	{ background-color: #81c929; } /* Recent */
.cat666	{ background-color: #ff9900; } /* Selection perso */


span.ok { color: green; }
span.mb { color: orange; }
span.no { color: red; }




  #topbar {
	position: relative; /*fixed;*/
	height: 15px; padding-top: 1px; 
	width: 100%;
	z-index: 100;
	background-color: #54738E; /*#41596F;*/
	color: white;
	font-size: 75%;
	text-align: center;
	}
	#topbar span.info {color:#aab9c7;} 
	#topbar a {color:#aab9c7;} /*#topbar a {color:white;} */
	#topbar span.spacer { margin: 0 20px 0 20px; color:#aab9c7;}



div.big-bullet { background: url('/bbd-pix/big-bullet.png'); }

div.help p { text-align: justify; }
div.help hr { margin: 5px; 0 0 0; }



div.recrutement label { font-weight: bold; margin-left: 15px; }
div.hpf_feed {  border-width: 1px; border-style: solid; padding: 5px; margin: 5px 0 5px 0; } 
input.hpf_feed { width: 100%; }
div.recrutement p { text-align: justify; margin: 0 0 5px 0; }

div.hpf_submit { text-align: center; }
input.hpf_submit { border-width: 1px; border-style: solid; padding: 5px; margin: 5px 0 5px 0; background: #a7c1d4; color: #54738e; border-radius: 5px; font-weight: bold; } 
div.hpf_msg {  border-width: 1px; border-style: solid; padding: 5px; margin: 5px 0 5px 0; } 
textarea.hpf_msg { width:100%; height: 100px; }


/* structure */
div#container{width:865px;margin:0 auto}
div#content{float:right;width:535px}
div#content-padding{ padding: 15px 15px 15px 0; }
div#navigation{float:left;width:330px;}
div#navigation-padding { padding: 15px; }
div#footer{clear:both;width:100%;text-align:center;padding:15px 0 15px 0;}

div#backtotoplink { width:50px; height:50px; position: fixed; top: 20px; right: 20px; border-radius: 5px; }


div#debug { width:200px; height:300px; position: fixed; bottom: 0px; left: 0px; border-top-right-radius: 10px; background: black; color: green; }
div#debug-padding { padding: 5px; }
div#debug a { color: green; text-decoration: underline; }

/* blogroll */
ul.module, div.module { border-radius: 5px; border-style: solid; border-width: 1px; margin-bottom: 15px; }
div.element { border-bottom-width: 1px; border-bottom-style: solid; padding: 12px; }
div.lastelement { border-bottom-width: 0px; border-bottom-style: solid; padding: 12px; }

div.annuaire-selection { border-bottom-width: 0px; border-bottom-style: solid; padding: 6px 12px 6px 12px; }

div.menu-element { border-bottom-width: 1px; border-bottom-style: solid; padding: 8px; }
div.lastelement { border-bottom-width: 0px; padding: 12px; }
div.menu-lastelement { border-bottom-width: 0px; padding: 8px; }
div#theend {  text-align: center; } 

li.menu-element { border-bottom-width: 1px; border-bottom-style: solid; }
li.menu-element a, li.menu-lastelement a { display:block; font-weight: bold; font-size: 110%; padding: 8px; }
li.menu-lastelement { border-bottom-width: 0px; }






span.category, label.category { padding: 1px 3px 1px 3px; border-radius: 4px; } 
span.category { font-size: 80%; } 


/* misc */
div.right { text-align: right; }
div.center { text-align: center; }

 span.misc { color: #999999; font-size: 80%; } /*
span.timeago {  } */

div.slider-item { width: 558px; height: 198px; }
div#pub-250 { width: 200px; height: 200px;margin: 10px 10px 10px 0; padding: 0; float: right;  }

div#slider-border { border: 1px solid black; margin: 10px 10px 10px 0; float: right;}
div#slider { width: 558px; height: 198px; float: right;}
div#slider img { }


table.post, table.link { width: 100%; }




div#backtotoplink { width:50px; position: fixed; right: 20px; top: 20px; }
div.big-bullet { width:50px; height:50px; margin-bottom: 5px; }
div#loading-bis { padding: 9px 0 0 9px; }

/*div#newposts { color: #21759b; margin-bottom: 10px; background: #bac8d3; font-weight: bold; font-size: 100%; border-radius: 5px; } 
div#newposts { padding:5px; text-align: center; }*/

ul.annuaire li { margin: 6px 0px 6px 0px; }

div#newposts { font-weight: bold; background: #e3e3e3; color: #999; text-align: center;}
form#selection {  } 
ul.selection li { margin: 4px 0px 4px 15px; }
input#touslesreferences { margin-bottom: 8px; }
select#lng { width: 100%; border: 1px solid; }
.invisible { display: none; }


form#login { } 
form#login input { width: 100%; }

input.login { border-width: 1px; border-style: solid; }




a { color: #54738e; text-decoration: none; }

div.element p.excerpt { font-size: 80%; margin: 0px; }
div.element table.link { margin: 5px 0 0px 0; border: 1px solid #e3e3e3; width: 100%; background: #f7f7f7; } /* background: #e1e8ee; */
div.element table.link td.thumbnail { border-right: 1px solid #e3e3e3; width: 88px; height: 88px; font-size: 0%; }
div.element table.link td.excerpt { padding: 5px; color: #999; }
div.element table.link tr.link:hover td.excerpt { background: #f0f0f0; }
img.avatar { border: 1px solid black; }

div.element table.link td.excerpt-plus { vertical-align: bottom; width:20px; background: #e3e3e3; border-left: 1px solid #e3e3e3; color: #999; text-align: center; font-weight: bold; 
font-size: 130%; }

div.element table.link td.extra { border-top: 1px solid #e3e3e3; color: #999; padding: 0 5px 5px 5px; }
div.element table.link td.extra a:hover { text-decoration: underline; }
div.element table.link td.extra ul li { margin-top: 5px; }

/*height: 15px;  border-top: 1px dotted #e3e3e3;*/


td.avatar { vertical-align: top; width: 60px; }
td.links { vertical-align: top; }
div.links { margin: 0; } /*5px 10px 5px 5px; }*/
div.element {  } 
div.element a, div#newposts a { text-decoration: none; }


div#loading { float: left; }

div#blogroll-title { text-align: right; }

hr.page { margin: 10px 0 10px 0; border-top: 1px solid #CCC; }



.clickable { cursor: pointer; cursor: hand; }

label.category { padding: 0px 3px 0px 3px; border-radius: 4px; color: white; line-height: 120%; }

div.link { color: #999999; } 
label.category { padding: 1px 3px 1px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: white; }
a.feed { font-weight: bold; }
a.link { font-size: 120%; font-weight: bold; }
a.link:visited { color: #999999; }
hr.page { margin: 10px 0 10px 0; border-top: 1px solid #CCC; }

img.avatar { border: 1px solid black; }




/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 

 

 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */


div#featured { border-style: solid; border-top-width: 1px; border-bottom-width: 1px; }

div#featured, img.slide { width: 298px; height: 100px; } 

#featured { 
	background: #000 url('bbd-pix/loading.gif') no-repeat center center;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }




/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; 
	display: none;
	
}

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(/bbd-pix/rotator-black.png) no-repeat;
    z-index: 3; 
	display: none;
	}

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; 
		display: none;
	}

span.rotator.move {
	display: none;
    left: 0 }

span.mask.move {
    width: 40px;
		display: none;
    left: 0;
    background: url(/bbd-pix/orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/bbd-pix/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; 
		display: none;
	}

span.pause.active {
    background: url(/bbd-pix/orbit/pause-black.png) no-repeat 0 -40px ;
		display: none;
	}

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 
		display: none;
	}


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 39px;
    height: 50px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -25px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(/bbd-pix/right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(/bbd-pix/left-arrow.png);
    left: 0; }