.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
	background: #efefef;
}

.post,div.page,.commentlist, .comment-form {
	background: white;
	border-color: white;
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 4px rgba(0, 0, 0, 0.2);	
}


.widget {
	background: white;
	border-color: white;
	border-width: 0px;
	padding-bottom: 10px;
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 4px rgba(0, 0, 0, 0.2);	
}


#main{margin-top: 5px;}
#sidebar{overflow:auto;width:290px; padding: 5px;}

h1{font-size:30px}


.header-container {
	background: black;
	-webkit-box-shadow:-4px 5px 4px rgba(0, 0, 0, 0.2);	
	-moz-box-shadow:-4px 5px 4px rgba(0, 0, 0, 0.2);	
	overflow:hidden;
}

#top-nav .current_page_item a{color:#B86443}
#top-nav .current_page_item a:hover{background:#B86443; color: #fff;}

.nav{margin-left: 20px;}
.nav a{color:#555;}
.nav li{margin:0 5px;padding:0 0 10px;}
.nav a:hover{background:#B86443;color:#fff}
.nav ul a:hover{background:#B86443 !important;color:#fff !important}
.nav .current a, .nav li:hover > a{background:#B86443;color:#fff}
.nav li.current_page_item a:hover {background:#B86443; color: #fff;}

.post-title h1, .post-title h1 a {
	color:#B86443;
}


#search-form {
	margin-top: 12px;
	margin-right: 5px;
}


/*------------------------------------------------------------------------------
 *	PAGE D'ACCUEIL
 *----------------------------------------------------------------------------*/

h2.headline {font-size: 27px;}

.intro-box {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	width: 275px;
	border-right: 1px solid #AAA;
	padding: 0 17px;
}

.intro-box h3 {
	font-size: 16px;
	padding: 6px 0 6px 39px;
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.intro-box a {
	color:#333;
}

h3.rails {
	background-image: url('../images/rails.png');
}

h3.website {
	background-image: url('../images/website.png');
}

h3.allostudio {
	background-image: url('../images/favicon_32.png');
}

div.last {
	padding-right: 0;
	border: none;
}

div.premier {
	padding-left: 0;
}


div.portfolio{margin-bottom:20px;padding:15px 30px 10px 30px;}

div.portfolio img {
	float: left;
	width: 200px;
	margin-right: 25px;
}

/*------------------------------------------------------------------------------
 *	PAGE PORTFOLIO
 *----------------------------------------------------------------------------*/

.bloc {margin: 0px 0 30px 0; clear:both; border-top: 1px dotted #555; padding-top: 30px; min-height: 320px; font-size: 12px;}
.bloc img {float:left; margin-bottom: 30px;}
.bloc p {float:left; width: 320px; margin: 10px 0 0 20px; color: #333; line-height: 16px;}
.bloc h2 {font-size: 2em; font-weight: bold; line-height: 40px; padding: 5px 0; margin: 15px 0; color: #555; }
.bloc h3 {float:left; width: 320px; margin: 0 0 0 20px; color: #222; font-size: 16px;  line-height: 1.1em}
.bloc h3 span {display: inline; margin:0; font-size: 12px; color: #555; font-weight: normal;}
.bloc span {float:left; width: 320px; margin: 5px 0 10px 20px; color: #2A2A2A; font-weight: bold;}
.bloc p.site {margin-top: 20px; text-align: right;}
.bloc p.site a {padding: 5px 6px; color: white; background-color: #B86443; text-shadow: none; font-size: 11px; 	border-radius: 3px 3px; -moz-border-radius: 3px; text-decoration: none;}
.bloc a {text-decoration: underline;}

.left-bloc {
	float: left;
	width: 590px;
	margin-right: 10px;
}

.right-bloc {
	float: left;
	width: 340px;
}

/*------------------------------------------------------------------------------
 *	NIVO SLIDER
 *----------------------------------------------------------------------------*/

.nivoSlider {
	position:relative;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
}


.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('../images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

#slider1 .nivo-controlNav,
#slider2 .nivo-controlNav,
#slider3 .nivo-controlNav,
#slider4 .nivo-controlNav {
	position:absolute;
	left:40%;
	bottom:-30px;
}
#slider1 .nivo-controlNav a,
#slider2 .nivo-controlNav a,
#slider3 .nivo-controlNav a,
#slider4 .nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url('../images/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#slider1 .nivo-controlNav a.active,
#slider2 .nivo-controlNav a.active,
#slider3 .nivo-controlNav a.active,
#slider4 .nivo-controlNav a.active {
	background-position:-10px 0;
}