body {
	background:url(images/herbe.jpg) repeat top #abc957;
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666262;
	border:none;

}
#container {
	background:url(images/header.jpg) no-repeat top ;
	width:864px;
	margin:0 auto;
	position:relative;
	height:197px;
}

p {
	margin: 0;
	padding: 0;
}
/* social */

#menu-holder {
	background:url(images/social.png) no-repeat top;
	position:absolute;
	top:43px;
	left:322px;
	width:128px;
	overflow:hidden;
	height: 28px;
}
#menu {
	width:135px;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#menu li, #menu a {
	height:30px;
	display:block;
}
#fb {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:45px;
}
#flickr {
	text-indent:-300em;
	overflow:hidden;
	left:45px;
	width:45px;
}
#twitter {
	text-indent:-300em;
	overflow:hidden;
	left:90px;
	width:45px;
}
#fb a:hover {
	background:transparent url(images/social-roll.png) 11px 0px no-repeat;
}
#flickr a:hover {
	background:transparent url(images/social-roll.png) -34px 0px no-repeat;
}
#twitter a:hover {
	background:transparent url(images/social-roll.png) -79px 0px no-repeat;
}

/* header */

#logo {
	text-indent:-300em;
	background:url("images/logo.gif") no-repeat ;
	width:152px;
	height: 200px;
	position:absolute;
	margin-top:-100px;
	margin-left: 85px;
}

#postit {
	background: url(images/postit.jpg) no-repeat;
	width:211px;
	height: 218px;
	margin-top:32px;
}
#title {
	position:relative;
	margin-top:-160px;
	width:210px;
}
.col02 #title h2 {
	color:#c91b07;
	font-size:22px;
	font-weight:normal;
	margin:0 0 2px;
}
#content .col02 #title h3 {
	background:none;
	color:#c91b07;
	font-size:14px;
	font-weight:normal;
	margin:0 0 2px;
}
#quote {
	background: url(images/quote.jpg) no-repeat;
	position:relative;
	left: 220px;
	width:245px;
	overflow:hidden;
	height: 189px;
}


/* content */

#content {
	background:url(images/notepad-back.gif) repeat-y;
	width:791px;
	margin:0 auto;

}
#content blockquote {
	padding:0 0 0 30px;
	background:url(images/blockquote.gif) no-repeat 0 50%;
}
#content .col01 {
	float:left;
	width:212px;
	font-size:11px;
	line-height:16px;
	padding-left:60px;
}


#content .col01 .categories-upper {
	margin-top:115px;
	height:69px;
	background:url(images/categories-upper.gif) no-repeat;
}
#content .col01 .categories {
	background:url(images/categories-back.gif) repeat-y;
}
#content .col01 .categories ul {
	margin:0;
	padding:0;
}
#content .col01 .categories ul li {
	font-size:14px;
	line-height:14px;
	list-style:none;
}
#content .col01 .categories ul li a {
	color:#000;
	margin:0 auto;
	display:block;
	width:170px;
	padding:12px 0 12px 25px;
	background:url(images/menu.png) no-repeat 5px 10px;
}
#content .col01 .categories ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(images/menu-roll.png) no-repeat -5px 2px;
}
.roll {
	margin:0 auto;
	display:block;
	width:170px;
	padding:12px 0 12px 25px;text-decoration:none;
	color:#000;
	background:url(images/menu-roll.png) no-repeat -5px 2px;
}
#content .col01 .categories-btm {
	height:68px;
	background:url(images/categories-btm.gif) no-repeat;
}


#content .col01 .links {
	background:url(images/txt-friends-links.gif) no-repeat 50% 8px;
	padding-top:20px;
}
#content .col01 .links ul {
	margin:0 0 20px;
	padding:0;
}
#content .col01 .links ul li {
	font-size:11px;
	line-height:18px;
	list-style:none;
	background:url(images/line-inner.gif) no-repeat bottom;
}
#content .col01 .links ul li a {
	color:#21565E;
	margin:0 auto;
	display:block;
	width:212px;
	padding:6px 0;
}
#content .col01 .links ul li a:hover {
	text-decoration:none;
	color:#000;
}

#content .col01 .side-meta {
	background:url(images/txt-misc-debris.gif) no-repeat top right;
}
#content .col01 .side-meta ul {
	margin:10px 0;
	padding:0;
}
#content .col01 .side-meta ul li {
	font-size:10px;
	line-height:14px;
	list-style:none;
}
#content .col01 .side-meta ul li a {
	color:#21565E;
	margin:0 auto;
	display:block;
	width:212px;
	padding:2px 0;
}
#content .col01 .side-meta ul li a:hover {
	text-decoration:none;
	color:#000;
}
#content .col02 {
	float:right;
	width:455px;
	font-size:12px;
	padding-right:35px;
	margin-top: -110px;
	position:relative;
}

#content .col02 h3 {
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px;
	background:url(images/line.gif) no-repeat left bottom;
}
#content .col02 h4 {
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	margin:0;

}
#content .col02 h4 a {
	color:#79af08;
	text-decoration:underline;
}
#content .col02 h4 a:hover {
	text-decoration:none;
}
#content .col02 .post {
	padding-top: 15px;
}

#content .col02 .thumbnail {
	float:right;
	margin:10px 0 10px 10px;
}
#content .col02 .meta {
	font-size:11px;
	text-align:right;
	background:url(images/line.gif) repeat-x;
	padding-top:8px;
}
#content .col02 .post-inner {
	position:relative;
}
#content .col02 .post-inner .date-tab {
	position:absolute;
	top:0px;
	left:-98px;
	height:64px;
	width:83px;
	background:url(images/date-tab.gif) no-repeat;
}
#content .col02 .thumbnail {
	float:right;
	margin:12px 0 12px 12px;
}
.month {
	text-align:right;
	display:block;
	padding:6px 16px 6px 0;
	font-size:11px;
}
.day {
	text-align:right;
	display:block;
	padding:4px 16px 2px 0;
	font-size:18px;
	font-weight:bold;
}
#content .col02 .post-inner a {
	color:#000;
	position:relative;
	text-decoration:none;
	border-bottom:1px solid #868585;
	background:#f4f0db;
}
#content .col02 .post-inner a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#fffbc1;
}
#content .col02 .meta a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #868585;
}
#content .col02 .meta a:hover {
	color:#000;
	text-decoration:none;
	border-style:none;
}
#action-holder {
	overflow:hidden;
	margin-top: 10px;
}
#action {
	height: 270px;
	margin:0;
	padding:0;
	position:relative;
}
#action li {
	list-style:none;
	top:0;
	padding:0 3px 0 0;
	width:142px;
	float:left;
}
#action img {
	-moz-box-shadow:1px 1px 2px #dadada;
	border:4px solid #fff;
	margin: 10px 0;

}
#action .btn {
	background:url("images/btn-home.jpg") no-repeat ;
	height:38px;
	margin:10px 0 0 10px;

}
#action h4, #action p {
	width:128px;
	margin:0;
}
#action li, #action a {
	display:block;

}
#un {
	margin:0;
	border-right:2px solid #79AF08;
}
#deux {
	margin-left: 9px;
	border-right:2px solid #79AF08;
}
#trois {
	margin-left: 9px;
	padding:0 !important;
	border:none;
}
#fb a:hover {
	background:transparent url(images/social-roll.png) 11px 0px no-repeat;
}
#flickr a:hover {
	background:transparent url(images/social-roll.png) -34px 0px no-repeat;
}
#twitter a:hover {
	background:transparent url(images/social-roll.png) -79px 0px no-repeat;
}
#content .lecture {
	background:url("images/lecture/lecture.gif") no-repeat 80px;
	float:left;
	padding-left:250px;
	padding-top: 23px;
	margin-bottom:-23px;
	position:relative;
	width:600px;
	height:150px;
}
#content .lecture img {
	border:none;
}
#content .col02a {
	float:right;
	width:483px;
	font-size:12px;
	padding-right:20px;
	margin-top: -122px;
	position:relative;
}
#content .trombone {
	background:url(images/trombone.png) no-repeat left bottom;
	position:absolute;
	top:-15px;
	left:437px;
	height:59px;
	width:37px;

}
#content .col02a h3 {
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:10px 0;
	background:url(images/line.gif) no-repeat left bottom;
}
#content .col02a .page-upper h3 {
	font-size:14px;
	font-weight:normal;
	margin:0;
	width:370px;
	padding:20px 0 10px 80px;
	background:url(images/line.gif) no-repeat 80px bottom;
}
#content .col02a h4 {
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	margin:0;
	color:#79af08;
}
#content .col02 h4 a {
	color:#79af08;
	text-decoration:underline;
}
#content .col02 h4 a:hover {
	text-decoration:none;
}
#content .col02a .page-upper {
	height:104px;
	background:url(images/page-upper.png) no-repeat;
}
#content .col02a .page, #content .col02a .page-bis {
	background:url(images/page-back.gif) repeat-y;
	margin-top: -25px;
	padding: 0 17px;
}
#content .col02a .page-bis .carte {
	float:right;
	border:none;
	text-align:left;
	margin-bottom: 10px;
	width:260px;
}
#content .col02a .page img{
	border:none;
	margin-bottom: 10px;
}
#content .col02a .page ul {
	margin:0;
	padding:0;
}
#content .col02a .page ul li {
	font-size:14px;
	line-height:14px;
	list-style:none;
}
#content .col02a .page a {
	color:#79af08;
}
#content .col02a .page a:hover {
	text-decoration:none;
}
#content .col02a .page-btm {
	height:10px;
	background:url(images/page-btm.gif) no-repeat;
}

/* footer */

#footer-holder {
	width:819px;
	margin:0 auto;
	position:relative;
}
#footer-holder .footer {
	width:932px;
	height:118px;
	position:absolute;
	top:0px;
	left:-22px;
	background:url(images/footer.jpg) no-repeat;
	z-index:100;
}
#footer-holder .txt-liens a {
	color:#000;
}
#footer-holder .txt-liens a:hover {
	color:#000;
	text-decoration:none;
}
#footer-holder .txt {
	width:150px;
	position:absolute;
	top:61px;
	left:203px;
	font-size:11px;
	line-height:16px;
	color:#000;
	z-index:105;
	height:21px;
	overflow:hidden;
}
#footer-holder .txt-liens {
	width:319px;
	position:absolute;
	top:61px;
	left:443px;
	font-size:11px;
	line-height:16px;
	color:#000;
	z-index:105;
	height:21px;
	overflow:hidden;
}
#footer-holder .smashing a {
	width:66px;
	height:61px;
	position:absolute;
	top:160px;
	left:709px;
	font-size:11px;
	text-indent:-400px;
	z-index:102;
	overflow:hidden;
	background:url(images/logo-smashing.gif) no-repeat 0 0;
}
#footer-holder .smashing a:hover {
	background:url(images/logo-smashing.gif) no-repeat 0 -61px;
}
#footer-holder .rss a {
	width:55px;
	height:55px;
	position:absolute;
	top:165px;
	left:130px;
	font-size:11px;
	text-indent:-400px;
	z-index:103;
	overflow:hidden;
	background:url(images/icon-rss.gif) no-repeat 0 0;
}


/* next previous */

.previous a {
	float:left;
	width:93px;
	height:33px;
	text-indent:-400px;
	background:url(images/link-older.gif) no-repeat 0 0;
	overflow:hidden;
}
.previous a:hover {
	background:url(images/link-older.gif) no-repeat 0 -33px;
}
.next a {
	float:right;
	width:93px;
	height:33px;
	text-indent:-400px;
	background:url(images/link-newer.gif) no-repeat 0 0;
	overflow:hidden;
}
.next a:hover {
	background:url(images/link-newer.gif) no-repeat 0 -33px;
}
/* SLIDER */

#slider {	
	background:url(images/slider.png) no-repeat 0px 2px;
}
#slider .container {	
	position:relative;
	height:212px;
	overflow:hidden;
	margin-top:10px;
	width:426px;
	margin-left:15px;
}
#slider .slides {
	position:absolute;
	top:0px;
	left:0px;
	width:426px;
}
#slider .slides > div {
	position:absolute;
	top:21px; 
	width:426px;
	display:none;
}
#slider #nav {
	position: relative;
	bottom: 25px;
	left:15px;
	height: 25px;
	width:426px;
	color:#FFFFFF;
	font-size:14px;
}
#slider-page{	
	background:none;
}
#slider-page .container {	
	position:relative;
	margin-top:2px;
	height:450px;
	overflow:hidden;
	width:468px;
}
#slider-page .slides {
	position:absolute;
	width:468px;
}
#slider-page .slides > div {
	position:absolute;
	width:468px;
	display:none;
}
#slider-page .slides a {
	color:#79af08;
	text-decoration:underline;
}
#slider-page .slides a:hover {
	text-decoration:none;
}
#slider-page #nav {
	position: relative;
	bottom: 16px;
	height: 25px;
	width:480px;
	color:#FFFFFF;
	font-size:14px;
}
#slider-page .pagination {
	float: right;
	margin: 0 0 15px 0;
	padding: 0px;
	background: transparent url(images/bg-btn-slider.gif) no-repeat left top;
	height:37px;
	width:145px;

}
#slider-page .pagination li {
	display: inline;
}
#slider-page .pagination a {
	display:block;
	float: left;
	width:12px;
	height:0px;
	margin: 13px 0 0 10px;
	padding:12px 0 0;
	background: transparent url(images/projet/bg-slider-nav-a.png) no-repeat left top;
	overflow:hidden;
	outline: none;
}
#slider-page .pagination li.active a {
	background: transparent url(images/projet/bg-slider-nav-a-active.png) no-repeat left top;
}
a.title  {
color:#FFFFFF;
float:left;
overflow:hidden;
text-decoration:none;
white-space:nowrap;
width:454px;
}
#slider .pagination {
	float: right;
	margin: 0 10px 0 0;
	padding: 0px;
}
#slider .pagination li {
	display: inline;
}
#slider .pagination a {
	display:block;
	float: left;
	width:12px;
	height:0px;
	margin: 9px 0 0 10px;
	padding:12px 0 0;
	background: transparent url(images/slider/bg-slider-nav-a.png) no-repeat left top;
	overflow:hidden;
	outline: none;
}

#slider .pagination li.active a {
	background: transparent url(images/slider/bg-slider-nav-a-active.png) no-repeat left top;
}

#ribbon {
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	width: 115px;
	height: 115px;
}

.red #ribbon {
	background: transparent url(images/slider/ribbon-red.png) no-repeat left top;
}


.blockfloat:after,.spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0;line-height:0;height:0;width:100%;margin:0;padding:0;}