/*
Theme Name: Fluide
Theme URI: http://www.fluide.ch/
Version: 0.2
Author: <a href="http://www.fluide.ch/">2009 Fluide</a>
*/

/*
Basé sur Grid-A-Licious(tm)

orange: #F29400;
gris foncé: #333;
gris clair: #87888A;

*/

body {
	background-color: #424242;
	color: #333;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;	
	padding: 25px;
}

#header {
	position: relative;
	padding: 10px 25px;
	height: 90px;
	width: 100%;
	min-width: 680px;
	margin: -25px 0 -60px -25px;

	text-align: left;
	background: #FFF url('images/ombre_header.gif') repeat-x top left;
}

#logo, #logo h1 {
	height: 70px;
	width: 140px;
	margin: 10px 0;
	padding: 0;
	margin: 0;
}

#logo {
	margin: 10px 0 10px 40px;
}

/* MENU */
#menu {
	position: absolute;
	top: 62px;
	left: 205px;
	padding: 0;
	
	height: 15px;
	width: 600px;
	padding: 2px 0;
}

#menu li {
	display: inline;
	padding: 2px 0;
	margin: 0 0 2px 0;
	
	background: #F0F0F0;
}

#menu li a {
	padding: 2px 15px;
	text-transform:uppercase;
	border: 1px solid white;
	border-width: 0 0 0 1px;
}

#menu li:hover {
	background: #DDD;
}

#menu li a:hover {
	color: #333;
}

#menu li.current-cat {
	background: #333;
}

#menu li.current-cat a {
	color: #F29400;
}


#menu li:first-child{
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	
	-moz-border-radius-topright: 0;
	-khtml-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-khtml-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	
}

#menu li:last-child:last-child {
	-moz-border-radius-topleft: 0;
	-khtml-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-khtml-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#menu li.apropos {
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
	
	padding: 0 10px;
}

#menu li.apropos ul {
	position: absolute;
	display: none;
}

#menu li.apropos:hover ul {
	display: block;
}

/* end of MENU */

#page {
	position: relative;
	width: 100%;
	min-width: 680px;
	padding: 0px 25px 25px 25px;
	margin: 0 0 0 -25px;
	background: #999a9c url('images/ombre_content.gif') repeat-x top left;
}

/* FOOTER */
#footer {
width: 100%;
height: 90px;
padding: 0 25px;
margin: 0 0 -25px -25px;
background: #333;
min-width: 690px;
background: #424242 url('images/ombre_footer.gif') repeat-x;
}

#footer div, #footer a {
	color: white;
}

#footer > div {
	display: block;
	float: left;
	border-left: 2px solid #424242;
	height: 80px;
	width: 200px;
	padding: 10px 13px;
	margin: 1px 0 0 0;
}

#footer > div:first-child {
	border-left: 0px solid #424242;
}

#footer .fluide, .eachpost .fluide {
	background: url('images/picto_fluide_fd_noir.png') no-repeat 0px 4px;
	padding: 2px 0 2px 12px;
	text-transform:lowercase;
}

.eachpost .fluide {
	background: url('images/picto_fluide_fd_blanc.png') no-repeat 0px 4px;
}

#footer .slogan, .eachpost .slogan {
	color: #F29400;
	text-transform: lowercase;
}

#footer .discret, .eachpost .discret {
	color: #87888A;
}

/* end of FOOTER */



a {	color:#333333; text-decoration:none; }

img {
	border: 0px solid white;
}

a:hover	{ color:#666666; text-decoration:none; }

.round { 		background-color:white;
				-moz-border-radius:4px;
  				-khtml-border-radius: 4px;
				-webkit-border-radius:4px;
				padding: 10px;
				width: 200px;
				float: left;
				margin-right: 10px; }

.contentIndex p img { display:none; }

.eachpost, div#apropos {
	background-color:white;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
	position:absolute;
}

.boxLink {
	/*-moz-border-radius-bottomright: 0;
	-khtml-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	
	background: #FFF url('images/coin_fluide.gif') bottom right no-repeat;*/
}
			
.eachpost > div { padding:10px; }

.eachpost > div h2 {
	font-size: 1.2em;
	color: #666;
	margin: 0;
}
.eachpost > div h2 a {
	color: #333;
	margin: 0;
	padding: 0;
}

.eachpost > div h2 a:hover {
	text-decoration: underline;
}
	
.eachpost .author { padding-right: 3em; }

.author, .comment { text-decoration:none; }

.eachpost .signature { margin-top:1.5em; }

.news {
	background-color: #CCC;
}

#allposts {
	margin-bottom:60px;
}

il, ul, ol {
	list-style-type: disc;
	list-style: disc;
}

#menuItem { height: 50px; }

#mainContent img { }
#mainContent {  -moz-border-radius:4px;
				-webkit-border-radius:4px;
  				-khtml-border-radius: 4px;
				border: 0;
				background: #fff;
				padding: 0 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				width: 430px;
				float: left;
}
.main { font-size: 0px !important; }
.main p img {	-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border: 0;
				background: #fff;
				padding: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				display: inline; }

.twocols { }
.threecols { }

input, textarea, select, button{
				background-color: white;
				-moz-border-radius:4px;
  				-khtml-border-radius: 4px;
				-webkit-border-radius: 4px;
				padding: 3px;
				border:0px;
				margin-top: 5px;
				color:#666;
				font-family: inherit;
				font-size: .9em;
}

.eachpost input, .eachpost textarea, .eachpost select, .eachpost button {
	border: 1px solid #87888A;
	font-size: inherit;
	color: inherit;
}
				
textarea { width: 420px; padding: 5px; }

.bubble { width: 430px; margin-bottom: 10px; }

.bubble blockquote { background: #fff;
				margin: 0px;
   				-moz-border-radius: 3px;
  				-khtml-border-radius: 3px;
  				-webkit-border-radius: 3px;
				padding: 3px;
				background: white; }

.bubble blockquote p { margin: 3px; padding: 0px; }

.bubble cite { 	position: relative;
				margin: -7px;
				padding: 7px 0px 13px 18px;
				top: 5px;
				background: transparent;
				font-style: normal;
				display: block; }

.commentmetadata { margin: 0; display: block; }

#commentBox a { text-decoration: none; }

small.postmetadata {
	text-transform:uppercase;
}

small.postmetadata a {
	text-decoration: none;
}

small.postmetadata a:hover {
	text-decoration: underline;
}

/* SEARCHFORM */
#searchform div label.screen-reader-text {
	display: none;
}

#searchform div {
	display: inline;
	padding: 0;
	margin: 0;
}

#searchform input#s, #searchform input#searchsubmit {
	padding: 3px;
	border: 0 solid #333;
	margin: 0;
	display: inline;
}

#searchform div #s {
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	
	-moz-border-radius-topright: 0;
	-khtml-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-khtml-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	
	width: 100px;
	
}

#searchform div #searchsubmit {
	-moz-border-radius-topleft: 0;
	-khtml-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-khtml-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	cursor: pointer;
	width: 70px;
	background-color: #87888A;
	color: #FFF;
	margin-left: -3px;
}

/* end of SEARCHFROM */


ul.reseaux {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.reseaux li {
	margin: 0 0 3px 0;
}

ul.reseaux li a:hover {
	text-decoration: underline;
}

a.facebook, a.rss, a.addthis_button {
	padding: 2px 0 2px 20px;
}

li.facebook {
	background: url('images/facebook_on.gif') no-repeat left;
	background: url('images/facebook_off.gif') no-repeat left;
}

li.facebook:hover {
	background: url('images/facebook_on.gif') no-repeat left;
}

a.rss {
	background: url('images/rss_on.gif') no-repeat left;
	background: url('images/rss_off.gif') no-repeat left;
}

a.rss:hover {
	background: url('images/rss_on.gif') no-repeat left;
}

a.addthis_button {
	background: url('images/addthis_on.gif') no-repeat left;
	background: url('images/addthis_off.gif') no-repeat left;
}

a.addthis_button:hover {
	background: url('images/addthis_on.gif') no-repeat left;
}


div#credits {
	padding-top: 10px;
	font-size: 0.8em;
}

/* apropos */
div.show {
	position: absolute;
	bottom: 0;
	left: 130px;
	width: 15px;
	padding: 3px;
	color: #CCC;
	cursor: pointer;
}
div.show:hover {
	color: #999;
	
}

div#apropos {
	top: 110px;
	width: 420px;
	padding: 10px;
	left: 255px;
	background-color: transparent;
	background-color: ;
}

div#apropos h2 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	color: #666;
}