/*
Thème réalisé par Antoine Boulinguez basé sur le thème neutra.
Tout droits réservés.
*/

@import url("css/class.css");

img {
	border: 2px solid #F1F1F1;
	padding:0;
}

/*
a.target-blank, a[target="_blank"] { background:url(images/ico-icons.png) no-repeat right 5px; padding:0 25px 0 0; }
*/
p { color:#444; font-size:12px; line-height:18px; }
ul, ol { padding:0; }
.border-gray { width:100%; height:5px; background:url(images/bg_post_border.png) no-repeat bottom left; }
.padding { padding:0 0 0 185px; margin:10px 0; }
.alignleft { text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }

#container { width:880px; margin-top:50px auto; }


/* ----- menu categories ----- */
#menucategories {
	list-style: none;
	float:left;
	overflow: hidden;
	padding:0;
	margin:0;
	margin-bottom:20px;
}

#menucategories ul {
	display:inline;
	list-style:none;
}
	
#menucategories li {
	float: left;
	margin-right:10px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0 15px 40px;
}

#menucategories li a {
	font-size: 0.70em;
	color: #666;
}
#menucategories li a strong {
	color: #666;
	font-size: 1.3em;
	display: block;
}

#menucategories li a:hover strong {
	color:#6699cc;
}

#menucategories #web {
	width: 140px;
	background:url(images/icones/monitor32.png) no-repeat top left;
}

#menucategories #video {
	width: 140px;
	background:url(images/icones/circleright32.png) no-repeat top left;
}

#menucategories #graphisme {
	width: 140px;
	background:url(images/icones/pencil32.png) no-repeat top left;
}

#menucategories #gestion-de-projet {
	width: 140px;
	background:url(images/icones/bag32.png) no-repeat top left;
}

#gestion-de-projet_actif {
	color:#6699cc;
	font-size: 0.70em;
	width: 140px;
	background:url(images/icones/bag32.png) no-repeat top left;
}
#gestion-de-projet_actif strong {
	display: block;
	font-size: 1.3em;
	padding-bottom:4px;
}

#web_actif {
	color:#6699cc;
	font-size: 0.70em;
	width: 140px;
	background:url(images/icones/monitor32.png) no-repeat top left;
}
#web_actif strong {
	display: block;
	font-size: 1.3em;
	padding-bottom:4px;
}

#video_actif {
	color:#6699cc;
	font-size: 0.70em;
	width: 140px;
	background:url(images/icones/circleright32.png) no-repeat top left;
}
#video_actif strong {
	display: block;
	font-size: 1.3em;
	padding-bottom:4px;
}

#graphisme_actif {
	color:#6699cc;
	font-size: 0.70em;
	width: 140px;
	background:url(images/icones/pencil32.png) no-repeat top left;
}
#graphisme_actif strong {
	display: block;
	font-size: 1.3em;
	padding-bottom:4px;
}


	
#menucategories li a.active {
	outline: none;
}

/* ----- page content ----- */
#page {
	float:left;
	width:880px;
	}
#page .post { margin:0; width:880px; color:#444; height:500px; padding-bottom:20px; }
#page .thumb { float:left; width:552px; margin-bottom:60px; }
#page .description {float:left; width:308px; margin:0 0 0 20px; padding:0; text-align:left; }
#page h1 { color:#666; font-size:33px; font-weight:normal; margin:0;  }
#page h2, #page h2 a { color:#999; font-size:1.1em; font-weight:bold; margin:0; }
#page h2 a:hover { color:#666; text-decoration:none; }
#page h3 { margin:25px 0 10px 0; font-size:1.2em; }
#page h3 a { font-size:21px; color:#666; font-weight:normal; }
#page h4 a {  font-size:18px; color:#666; font-weight:normal; }
#page h3, #page h4, #page h5, #page h6 { color:#666;  font-weight:normal; }
#page p { font-size:0.8em; line-height:1.5em; color:#999; margin-top:1em; }
#page span { font-size:12px; line-height:20px; color:#999; }

#page span a:hover, #page li a:hover { color:#0066cc; }

#page .client, #page .lien { float: left; text-align: left; font-weight:bold; width:4.5em; color:#999; }
#page .clientbloc { margin-top:1em; }
#page p a.more-link { font-size:12px; font-weight:bold; color:#666; background:url(images/ico-icons.png) no-repeat left -22px; margin:0 0 0 15px; padding:0 0 0 20px; }
#page ul li, #page ol li { padding:0 10px 0 30px; font-size:13px; color:#777; }
#page blockquote { padding:20px; font-style:italic; line-height:18px; }
#page img { max-width:600px; }
#page address, #page kbd { font-size:15px; line-height:24px; }
#page big { font-size:17px; }
#page cite { font-size:14px; font-style:italic; line-height:24px; }
#page code { font-family:Trebuchet MS, Verdana, Arial, serif; font-size:12px; color:#999; }
#page pre, #page q { font-size:15px; }
#page dl { padding:0; }
#page ul.post-categories { display:inline; margin:0; }
#page ul.post-categories li { list-style:none; display:inline; padding:0 10px 0 0; }
#page .link-pages { margin:10px 0; color:#999; }
#page .link-pages a { padding:5px; background:#EEE; color:#444; }
#page .postmetadata { border-top:2px solid #F1F1F1; padding:20px 0 0 0; margin:20px 0 20px 0; }
#page .postmetadata .floatpage { width:260px; }
#page .postmetadata p { font-size:12px; font line-height:20px; color:#999; }
#page .postmetadata p.role { margin-bottom:10px; ont-size:12px; line-height:20px; font-weight:bold; color:#999; }
#page .postmetadata ul { padding:0; margin-top:-0.5em; }
#page .postmetadata li { list-style:none; padding:0 0 0 1em; line-height:1.5em; margin:0;  width:140px; }
#page .postmetadata span { display:inline; }
#page .postmetadata span a { font-size:11px; color:#999; font-weight:normal; }
#page .postmetadata span a:hover { text-decoration:none; color:#000; }
#page .postmetadata span.date { background:url(images/ico-icons.png) no-repeat left -36px; padding:0 0 0 20px; }
#page .postmetadata span.category { background:url(images/ico-icons.png) no-repeat left -48px; padding:0 0 0 20px; }
#page .postmetadata span.comments { background:url(images/ico-icons.png) no-repeat left -11px; padding:0 0 0 20px; }
#page .postmetadata span.tags { background:url(images/ico-icons.png) no-repeat left -22px; padding:0 0 0 20px; }
#page .navigation { padding:0 0 0 185px; margin:0 0 30px 0; }
#page .navigation a { display:block; background:#F1F1F1; padding:5px; font-size:11px; font-weight:normal; }



#search { float:right; width:120px; margin-bottom:30px; }
#search form#searchform input.ipt-keywords { width:96px; height:18px; padding:5px 0 3px 25px; background:url(images/bg_search.png) no-repeat; font-size:11px; font-weight:normal; color:#888; border:0; }
#search form#searchform input.btt-search { color:#555; font-size:11px; font-weight:bold; background:none; border:0; }

/* ----- Comments and trackbacks ----- */
#comment-template { margin:30px 0 0 0; float:left; width:880px; }
#comment-template h2 { font-size:23px; font-weight:normal; color:#666; margin:0; border-bottom:2px solid #F1F1F1; }
#comment-template h2 span { border-bottom:5px solid #64C1FF; }
#comment-template p.do-you-comment { float:left; color:#CC3366; font-size:17px; }
#comment-template p.do-you-comment a { color:#444; font-weight:normal; }
#comment-template p.trackback { float:right; margin:0; color:#666; font-size:11px; }
#comment-template p.trackback a { color:#777; text-decoration:none; font-size:11px; font-weight:normal; }
#comment-template p.trackback a:hover { text-decoration:underline; }
#comment-template p.comments-closed { font-size:20px; }
#comment-template #comments { margin:40px 0 0 0; }
#comment-template blockquote { margin:0 0 20px 0; line-height:23px; color:#555; padding:20px 0 0 20px; border-bottom:2px solid #F1F1F1; }
#comment-template blockquote.odd { background:#F6F6F6; }
#comment-template blockquote.even { background:#FFF; }
#comment-template blockquote .floatleft { width:100px; text-align:center; }
#comment-template blockquote .floatright { width:420px; text-align:left; }
#comment-template blockquote div.avatar-wrap { text-align:center; }
#comment-template blockquote div.avatar-wrap img.avatar { width:80px; height:80px; }
#comment-template blockquote div.author { font-size:17px; font-weight:normal; }
#comment-template blockquote div.author a { color:#444; }
#comment-template blockquote div.date { color:#444; font-size:11px; text-align:right; }
#comment-template blockquote div.date span { padding:10px 15px 5px 15px; border-bottom:5px solid #E4F1C0; }
#comment-template blockquote div.date a { color:#444; }
#comment-template blockquote div.comment { font-style:normal; padding:0 20px 0 0; }
#comment-template blockquote div.comment a { color:#666; }
form#respond h2 { font-size:23px; font-weight:normal; color:#666; margin:0; border-bottom:2px solid #F1F1F1; }
form#respond h2 span { border-bottom:5px solid #FFA061; }
form#respond p.logged-as { text-align:right; font-size:11px; }
form#respond p.logged-as a { color:#555; }
form#respond .commentform-wrap { }
form#respond label { color:#555; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
form#respond label strong {font-weight:normal; }
form#respond input { width:560px; border-top:1px solid #CCC; border-right:2px solid #CCC; border-bottom:3px solid #CCC; border-left:1px solid #CCC; padding:5px; color:#555; font-size:12px; }
form#respond textarea { width:560px; border-top:1px solid #CCC; border-right:2px solid #CCC; border-bottom:3px solid #CCC; border-left:1px solid #CCC; padding:5px; color:#555; font-size:12px; }
form#respond p.btt-submit-wrap { text-align:right; }
form#respond p.btt-submit-wrap input.btt-submit { width:150px; font-size:14px; background:#FFF; }
#trackbacks { margin:20px 0 0 0; }
#trackbacks h2 { font-size:23px; font-weight:normal; color:#666; margin:0; border-bottom:2px solid #F1F1F1; }
#trackbacks h2 span { border-bottom:5px solid #D7EFFF; }
#trackbacks ul { margin:15px 0 0 0; }
#trackbacks ul li a { color:#555; font-size:12px; font-weight:normal; }



/* ----- Safari ----- */
@media all and (-webkit-min-device-pixel-ratio:0) {
#left .postmetadata span.tags { background:url(images/ico-icons.png) no-repeat left -24px; }
}