/*------------------------------------------------------------------------------
 TWITTER
------------------------------------------------------------------------------*/
#h .twit {
	height:96px;
	overflow:auto;
	position: absolute;
	text-align: right;
	top:30px;
	right:42px;
	width:320px;
}
# .twit p {
	text-align: left;
	color: #fff;
}
/*------------------------------------------------------------------------------
 TWITTER WIDGET TRICKS
------------------------------------------------------------------------------*/
.twtr-hd, .twtr-ft { display: none }
.twtr-hyperlink { font-weight: bold }
.twtr-tweet,
.twtr-tweet-text,
.twtr-tweet-text p,
.twtr-tweet-wrap {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.twtr-tweet {
	padding: 0 0 5px 0 !important;
}
.twtr-doc { width: auto !important; }
.twtr-tweet { font-size: 1.0em  }




.bab-gallery .thumb { float:left }
/*------------------------------------------------------------------------------
 SKIN SELECTOR
------------------------------------------------------------------------------*/
.top .skin {
	border: 1px solid #fff;
	float: right;
	height: 8px;
	margin-top: 4px;
	margin-left: 4px;
	padding-left: 8px;
	overflow: hidden;
	width: 0;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	-moz-box-shadow: 0 1px 5px #666;
	-webkit-box-shadow: 0 1px 5px #666;
	box-shadow: 0 1px 5px #666;
}
.top .skin.orange { background: #f60; }
.top .skin.kiwi { background: #9c0; margin-right: 4px; }
/*
cyberiance.com
/theme/default/style.css

#h: head
#m: menu
#c: content
#f: foot
.i: invisible
.s: space/shadow
#art: article

history:
2010/04/23 creation / leon
*/

body#art {

	margin: 20px;
	padding: 0;
	min-height: 10px;
	height: auto;
	width: auto;
	overflow: auto;

}

/*------------------------------------------------------------------------------
 RESET
------------------------------------------------------------------------------*/
.liste-recherche h3, .liste-recherche p, body,li,form,#h .top,#h .art p,#h .art .suite,#h h3,#h .art ul,#h .art li,#m ul,.news h3,.news p,.fils h3,.fils p,.suite,#choisir ul,p.suite,#art p.suite,input{ margin:0; padding:0 }
.clear { clear:both; height:1px }
.i,#choisir span { display:none }
a img { border:none }
hr { border:0; border-bottom:1px dashed #999; height:1px }
/*------------------------------------------------------------------------------
 SPRITES
------------------------------------------------------------------------------*/
#h,#m .color a,#cols,#news,#f,#m a		{ background-repeat:no-repeat }
#c										{ background-position:-1064px 0 }
#f										{ background-position:0 -158px }
#m .color .ord1							{ background-position:-3416px 0 }
#m .color .ord2							{ background-position:-3416px -36px }
#m .color .ord3							{ background-position:-3416px -72px }
#m .color .ord4							{ background-position:-3416px -108px }
#m .home a								{ background-position:-3384px 0 }
#m .color li							{ background-position:-2128px 0 }
#cols									{ background-position:-2128px -210px }
#news									{ background-position:-3128px -170px; }
h1.icon1								{ background-position:-2448px -32px }
h2.icon2								{ background-position:-2448px -82px }
h2.icon3								{ background-position:-2448px -132px }
#choisir								{ background-position:-2128px -32px }
.iconlist								{ background-position:-2768px -59px }
#news .iconlist							{ background-position:-2768px -84px }
/*------------------------------------------------------------------------------
 COMMON COLORS
------------------------------------------------------------------------------*/
body							{ background-color:#ccc }
#m,#refs,.news .date,body#art	{ background-color:#fff }
#art .date						{ background-color:#bbb }
#news .date						{ background-color:#fff }
#news							{ background-color:#777 }
input,
textarea
	{ color:#333 }
body,
.col h3 a,
#m a,
.ftext,
#f a,
#h .top a,
#news .date
	{ color:#666 }
#h .art
	{ color:#777 }
#h .top,
#f,
#art h1,
#h h3,
#h h3 a
	{ color:#999 }
#m .color a,
#news,
#news h2 a,
#news h3 a,
#choisir,
#art .date
	{ color:#fff }
/*------------------------------------------------------------------------------
 BORDERS
------------------------------------------------------------------------------*/
#h .logo:hover		{ border-bottom:3px solid #bbb }
#m a 				{ border-right:1px solid #ccc }
#m .selected		{ border-bottom:5px solid #bbb }
#m .color a.selected,
#m .home a.selected	{ border-bottom:6px solid #bbb }
#choisir a:hover	{ border-bottom:4px solid #fff }
.news, #mini-refs	{ border-top:1px dashed #bbb }
/*------------------------------------------------------------------------------
 FONTS
------------------------------------------------------------------------------*/
body,
input
	{ font-family: Arial, Helvetica, sans-serif }
#h	{ font-size:0.65em }
#f,
.news .date,
#art .fils .date,
.suite,
#art .suite,
#c p.back,
.liste-recherche small,
small.bab-form
	{ font-size:0.7em }
#m,
p.iconlist,
#m input,
#h .date, #mini-refs
	{ font-size:0.8em }
body
	{ font-size:0.95em; }
.news h3,
.fils h3,
#h .art .suite
	{ font-size:1em }
#choisir,
#h .art
	{ font-size:1.15em }
#art h2
	{ font-size:1.4em }
h2,
.home h1
	{ font-size:1.5em }
h1	{ font-size:1.8em }
#h h3												{ font-style:italic }
h1,h2,#h h3,.liste-recherche h3						{ font-weight:normal }
.suite,#art .suite,#m .color a,#h .date, #art .chapeau				{ font-weight:bold }
h1.icon, h2.icon,#h .art p				 			{ line-height:1em }
body,#art h2,#h .art,#f, #art h1					{ line-height:110% }
ul li												{ list-style-type:square }
.news .date,#art .fils .date						{ text-align:center }
#art p,#art .chapeau p								{ text-align:justify }
p.suite,#h .twit p,#m form							{ text-align:right }
#f 													{ text-align:left }
a													{ text-decoration:none }
a:hover												{ text-decoration:underline }
/*------------------------------------------------------------------------------
 POSITIONS & DIMENSIONS
------------------------------------------------------------------------------*/
.liste-recherche small { display: block; margin-bottom:10px; }
.fils .vignette{ float:left; margin-right:10px }
h1, h2 { margin-top:0 }
ul{ padding-left:14px }
#h,#c,#f { left:50%; margin-left:-532px; padding:0 32px 0 32px; position:relative; width:1000px }
#h{ height:118px }
#h .top {
	line-height:20px;
	padding-left:10px;
}
#h .logo span{ display: none }
#h .logo{ display:block; height:64px; left:32px; margin:10px 22px; position:absolute; top:30px; width:366px; }
#c > .in{ padding:0 10px }
.home .col .in{ padding: 10px 10px 10px 0 }
h1.icon,h2.icon{ margin-bottom:5px; padding-left:20px }
p.iconlist{ padding-left:16px }
#m { height:42px; position:relative; width:980px }
#m li{ display:block; float:left; height:32px; line-height:32px; margin-left:4px }
#m a { display: block; height:32px; padding:0 10px; }
#m .home a span{ display:none }
#m .home a{ border:0; height:32px; padding:0; width:32px }
#m .color li{ margin-left:2px }
#m .color a{ border:none; padding-left:30px }
#m .selected{ height:27px; }
#m .color a.selected,#m .home a.selected{ height:32px; padding-bottom: 2px; }
#m form{ display:block; position:absolute; bottom:17px; right:0 }
input.ftext, .bab-form-text {
	border:1px solid #aaa; border-top-width:2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.fbutton,
#m input.fbutton,
.bab-form-submit {
	border:0;
	background: #fff;
	cursor: pointer;
	padding-left: 2px;
	font-size: 1.15em;
	font-style: italic
}
#refs{ height:250px; }
#refs .ref{ float:left; margin-right:10px }
#refs .right{ margin:0 }
#refs-flash { margin-bottom: 10px; }
#cols{ padding:10px 0 10px 0 }
.s{ height:33px }
.col{ width:320px; float:left; margin-right:10px }
.news .date,#art .fils .date, .liste-recherche .date{ float:right; padding:1px; margin-left:5px; margin-top:-11px; width:66px }
#art .fils { border-top: 1px dashed #999; }
#art{ min-height:333px; width:650px }
#art .in{ padding:0px 20px; }
#news{ margin:0; width:300px; padding:0 10px 10px 10px }
#news h2{ padding:10px 0 0 16px }
.iconlist{ margin:0 }
#c .news,#c .fils{ padding:10px 0 }
#c .news .date{ margin: -11px -10px 0 5px }
p.suite,#art p.suite{ margin-bottom:-7px }
.news p,.fils p{ display:inline }

#f{ clear:left; padding-top:20px; padding-bottom:50px }
#f .right{ float:right }
#f ul, #f p{ float:left; margin-left:10px; margin-top:0 }
#f ul{ width: 140px; }
#choisir{
	height:150px;
	padding:10px 0 0 10px;
	position:relative;
	width:310px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: 0 1px 3px #888;
	-webkit-box-shadow: 0 1px 3px #888;
	box-shadow: 0 1px 3px #888;
}
#choisir ul{ position:absolute; top:41px; left:11px }
#choisir li{ list-style-type:none; display:inline }
#choisir a{ float:left; height:107px; margin-right:10px; padding-bottom:4px; width:92px }
.nousyvoici .vignette{ float: right; margin-left:10px; }
/*------------------------------------------------------------------------------
 TAGS
------------------------------------------------------------------------------*/
#f .tags{
	font-size: 0.9em;
	width: 650px;
	float: left;
	margin-left: 10px;
	text-align: justify;
}
.tag1 { font-size:1em; }
.tag2 { font-size:1.3em }
.tag3 { font-size:1.5em }
.tag4 { font-size:1.7em }
.tag5 { font-size:1.9em }
.tag6, .tag7, .tag8 { font-size:2.4em }
/*------------------------------------------------------------------------------
 PORTAIL REFERENCES
------------------------------------------------------------------------------*/
#menu_portail {
	font-size: 0.8em;
	margin-bottom: 10px;
}
#menu_portail ul {
	margin: 0;
	padding: 0;
}
#menu_portail li {
	list-style-type: none;
	display: inline;
}
#menu_portail a {
	background: #999;
	color: #fff;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 7px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#portail {
	margin-top: 5px;
	padding-top: 10px;
	clear: left;
}
#portail h1 {
	color: #666;
	font-size: 1.3em;
}
#portail .fiche_site {
	border-top: 1px dotted #999;
	clear: left;
	padding: 10px 0;
}
#portail .fiche_site h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#portail img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

	-moz-box-shadow: 0 1px 5px #888;
	-webkit-box-shadow: 0 1px 5px #888;
	box-shadow: 0 1px 5px #888;
}
#portail span a {
	background: #ddd;
	border-bottom: 1px solid #bbb;
	color: #666;
	display: block;
	float: left;
	font-size: 0.7em;
	padding: 0 5px;
	margin: 5px 5px 0 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#portail .lucky {
	border-top: 1px dashed #999;
	clear: left;
	margin-top: 10px;
}
#portail .lucky h1 {
	font-size: 1.3em;
	margin: 10px 0;
	padding: 0;
}
#portail .lucky h2 {
	font-size: 0.8em;
	display: inline;
	margin: 0;
	padding: 0;
}