/* @override http://www.melaniebaillairge.com/wp-content/themes/melanie/style.css */


/* ----------------------------------------
Theme Name: Mélanie
Description: melaniebaillairge.com
Version: 1.0
Author: francisco sottolichio
Author URI: http://www.utopsie.com
---------------------------------------- */

html {
	margin: 0;
	padding: 0;
}


a {
	
	text-decoration: none;
	color: black;
}

a:hover {
	color: maroon;
}

a:active {
	color: yellow;
}

a:visited {
	color: gray;
}


body {
	margin: 0 auto 20px;
	padding: 0;
	width: 954px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

#head {
	background: url(img/head_noir.jpg) no-repeat;
	padding: 0;
	display: block;
	position: relative;
	margin: 0;
	height: 220px;
	width: 954px;
	clear: left;
}

#head h1 {
	margin: 86px 0 7px;
	display: block;
	float: left;
	width: 704px;
	height: 72px;
}

#head h1 a {
	width: 704px;
	height: 72px;
	background-image: url(img/titre.jpg);
	display: block;
	font-size: 1px;
	color: white;
}

#head h2 {
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
}

#head h3 {
	width: 200px;
	height: 30px;
	display: block;
	float: right;
	margin: 0;
	background-color: #FFF30B;
	padding-top: 15px;
	padding-left: 20px;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

#head .blogue {
	display: inline-block;
	float: right;
	width: 220px;
	background-image: url(/wp-content/uploads/2009/08/titre_blog.jpg);
	height: 72px;
	position: relative;
	top: 41px;
}

#head .blogue a {
	width: 220px;
	height: 72px;
	display: block;
	font-size: 1px;
	color: white;
}

#bloghead {
		background: url(img/head_noir.jpg) no-repeat;
	padding: 0px;
	display: block;
	position: relative;
	margin: 0px;
	height: 220px;
	width: 954px;
	clear: left;
}

#bloghead h1 {
	display: block;
	color: white;
	font-size: 18px;
	margin: 0;
	float: left;
}

#bloghead h1 a {
	width: 704px;
	height: 45px;
	display: block;
	font-size: 1px;
	color: black;
	background: url(img/blogheader.jpg) no-repeat;
	opacity: 0.6;
}

#bloghead h1 a:hover {
	opacity: 1;
}
	

#bloghead h2 {
	display: none;
}

#bloghead h3 {
	width: 200px;
	height: 30px;
	display: block;
	float: right;
	margin: 0;
	background-color: #FFF30B;
	padding-top: 15px;
	padding-left: 20px;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

#bloghead .blogue {
	margin: 86px 0 7px;
	display: block;
	float: left;
	width: 220px;
	height: 72px;
	clear: left;
	position: absolute;
}

#bloghead .blogue a {
	width: 301px;
	height: 72px;
		background-image: url(img/titre_blogue.jpg);
	display: block;
	font-size: 1px;
	color: white;
}

#bloghead .blogue a:hover {
	opacity: 0.15;
}

#main {
	width: 704px;
	display: block;
	float: left;
	margin-right: 30px;
}

#envitrine {
	height: 220px;
	overflow: hidden;
	clear: left;
	margin-bottom: 20px;
}

#envitrine img {
	float: left;
}

#envitrine a img {
	text-decoration: none;
	border-style: none;
}

#envitrine .texte {
	display: block;
	margin: 20px 50px 20px 20px;
	float: left;
	width: 270px;
	font-size: 11px;
}

#envitrine .titre {
		font: bold 18px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans;
	letter-spacing: 1px;
	margin-bottom: 10px;
	border-bottom: 1px dashed silver;
	padding-bottom: 5px;
}

#envitrine .feat_title {
	font-weight: bold;
	display: inline;
}

#envitrine .feat_text p {
	margin: 0 0 5px;
}

#envitrine .link_suite a {
	color: #ec008c;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
}

.separateur {
	display: block;
	background-color: black;
	margin-top: 0;
	height: 3px;
	margin-bottom: 20px;
	clear: left;
}

.separateur_small {
	display: block;
	background-color: black;
	margin-top: 0;
	height: 1px;
	margin-bottom: 20px;
	clear: left;
}


#footer .separateur {
	margin-bottom: 0px;
}

#work {
	display: block;
	width: 704px;
	float: left;
	margin-bottom: 20px;
	padding: 0;
	clear: left;
}

#work .section {
	margin-right: 22px;
	font-size: 11px;
	display: block;
	width: 220px;
	float: left;
}

#work ul {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
}

#work ul li {
	width: 220px;
}

#work ul li a {
	display: block;
	height: 110px;
	padding-top: 0;
	font: italic 15px Georgia, "Times New Roman", Times, serif;
	color: #be0000;
}

#work ul li a:hover {
	color: red;
}

#work ul li.page_item.page-item-5 a {
	background: url(img/pf_design_image.jpg) no-repeat 0 bottom;
}

#work ul li.page_item.page-item-7 a {
	background: url(img/pf_projets_image.jpg) no-repeat 0 bottom;
}
#work ul li.page_item.page-item-3 a {
	background: url(img/pf_illus_image.jpg) no-repeat 0 bottom;
}

#work ul li.page_item.page-item-3 {
	margin-right: 0;
}

#work  a.more {
	display: block;
	clear: both;
	font-weight: bold;
	font-style: italic;
	margin-top: 6px;
}

#work .dg {
	
}

#work .pr {
	
}

#work .il {
	margin: 0;
}

#extrait {
	width: 704px;
	height: 350px;
	margin-bottom: 20px;
	border: 1px solid silver;
	display: block;
	float: left;
	clear: left;
}

#extrait img {
	float: left;
}

#extrait a img {
	text-decoration: none;
	border-style: none;
}

#extrait .texte {
	display: block;
	margin: 40px 50px 20px 20px;
	width: 280px;
	float: left;
}

#extrait .date {
	font: bold 10px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans;
	letter-spacing: 1px;
	margin-bottom: 10px;
	border-bottom: 1px dashed silver;
	padding-bottom: 5px;
}

#extrait .feat_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-bottom: 10px;
}

#extrait .texte p {
	font-size: 12px;
	margin: 0;
}

#extrait .link_suite a {
	color: #ec008c;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
}

#extrait .recent {
		font: bold 10px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans;
	letter-spacing: 1px;
	margin-bottom: 10px;
	border-bottom: 1px dashed silver;
	padding-bottom: 5px;
	margin-top: 20px;
}

#extrait .recent_titres {
	text-decoration: none;
	margin-bottom: 5px;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
}

#single_nav {
	font-size: 12px;
	display: block;
	float: left;
	width: 704px;
	margin-bottom: 20px;
	margin-top: 0;
	border-bottom: 1px solid black;
	padding-bottom: 17px;
}

#single_nav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}

#single_nav .prev {
	float: left;
	display: block;
	padding: 0;
	
}

#single_nav .prev_text {
	margin-left: 10px;
	clear: both;
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

#single_nav .next {
	float: right;
	display: block;
	padding: 0;
}

#single_nav .next_text {
	clear: both;
	text-align: right;
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

#single_nav_bot {
	font-size: 12px;
	display: block;
	float: left;
	width: 704px;
	margin-bottom: 20px;
	margin-top: 0;
	border-top: 1px solid black;
	padding-top: 17px;
}

#single_nav_bot a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}

#single_nav_bot .prev {
	float: left;
	display: block;
	padding: 0;
	
}

#single_nav_bot .prev_text {
	margin-left: 10px;
	clear: both;
	margin-right: 10px;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 8px;
}

#single_nav_bot .next {
	float: right;
	display: block;
	padding: 0;
}

#single_nav_bot .next_text {
	clear: both;
	text-align: right;
	margin-right: 10px;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 8px;
}

.single h3 {
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 12px;
	font: italic bold 22px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	border-bottom: 1px dashed silver;
	padding-top: 9px;
}

#sidebar {
	width: 220px;
	display: block;
	float: left;
}


#twitter {
	width: 200px;
	display: block;
	margin: 0 0 20px;
	background-color: #FFF30B;
	padding-top: 10px;
	padding-left: 20px;
	padding: 10px;
	font-size: 12px;
}

#twitter a.twitter-link {
	font-size: 10px;
	line-height: 9px;
	clear: left;
	display: block;
	margin-top: 5px;
}

#twitter .twitter-timestamp {
	display: block;
	top: 0;
	font-size: 10px;
	margin-top: 2px;
	text-decoration: none;
}

abbr {
	text-decoration: none;
	border-style: none;
}

.single img.alignleft {
	margin-right: 20px;
	float: left;
	display: block;
}

.page a img {
	border-style: none;
}

.page img.alignleft {
	position: relative;
	padding: 0;
	margin: 0 20px 0 0;
	display: block;
	float: left;
}

.page img.aligncenter {
	margin-bottom: 15px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.entry img.alignleft {
	position: relative;
	padding: 0;
	margin: 0 20px 0 0;
	display: block;
	float: left;
}

.entry img.aligncenter {
	float: left;
	display: block;
	text-decoration: none;
	border-style: none;
	padding-bottom: 16px;
	position: relative;
}

.entry img.alignnone {
	display: block;
	text-decoration: none;
	border-style: none;
	padding-bottom: 16px;
	position: relative;
}

.postmetadata {
	display: block;
	border-top: 1px dashed silver;
	clear: both;
	margin: 20px 0 0;
	font-size: 11px;
	padding-top: 10px;
	float: left;
}

.metadata {
	display: block;
	clear: both;
	margin: 0;
	font-size: 11px;
}

.post {
	display: block;
	clear: left;
	margin-bottom: 16px;
	border-bottom: 3px solid black;
	padding-bottom: 20px;
	float: left;
	width: 704px;
}

.post h2 {
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 12px;
	font: italic bold 22px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	border-bottom: 1px dashed silver;
	padding-top: 9px;
}

.entry {
	font-size: 12px;
}

.entry p {
	display: block;
}

.page {
	font-size: 13px;
	display: block;
	clear: left;
	float: left;
	margin-bottom: 20px;
}

.page h2 {
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 12px;
	font: italic bold 22px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	border-bottom: 1px dashed silver;
	padding-top: 9px;
}

.travaux_listing {
	clear: left;
	display: block;
}

.travaux_listing .separateur {
	margin: 0 0 10px;
}

.travaux_listing h2 {
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	border-bottom: 1px dashed silver;
	padding-top: 0;
}

.travaux_listing ul {
	list-style-type: none;
	padding: 0;
	width: 726px;
	margin: 0;
	float: left;
	display: block;
}

.travaux_listing ul li {
	width: 220px;
	margin-right: 22px;
	display: block;
	float: left;
	height: 120px;
	border-style: none;
	padding-top: 0;
	margin-bottom: 20px;
}

.travaux_listing ul li a {
	width: 220px;
	height: 110px;
	display: block;
	padding-top: 0;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

.travaux_listing .page-item-11 a {
	background: url(/wp-content/uploads/2011/01/logotypes-preview.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-13 a {
	background: url(/wp-content/uploads/2011/01/livres-preview.jpg) no-repeat 0 bottom;
}
.travaux_listing .page-item-15 a {
	background: url(/wp-content/uploads/2009/09/thumb_0023_paperjam.jpg) no-repeat 0 bottom;
}
.travaux_listing .page-item-17 a {
	background: url(/wp-content/uploads/2009/09/thumb_0008_appeldoffre.jpg) no-repeat 0 bottom;
}
.travaux_listing .page-item-19 a {
	background: url(/wp-content/uploads/2009/09/thumb_0000_societal.jpg) no-repeat 0 bottom;
}
.travaux_listing .page-item-345 a {
	background: url(/wp-content/uploads/2009/09/thumb_0024_programme.jpg) no-repeat 0 bottom;
}
.travaux_listing .page-item-359 a {
	background: url(/wp-content/uploads/2009/09/thumb_0001_jones.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-506 a {
	background-image: url(/wp-content/uploads/2009/10/th-de-identite.jpg);
}

.travaux_listing .page-item-502 a {
	background-image: url(/wp-content/uploads/2009/10/th-de-affichefilm.jpg);
}

.travaux_listing .page-item-517 a {
	background-image: url(/wp-content/uploads/2011/01/pochettes-preview.jpg);
}

.travaux_listing .page-item-532 a {
	background-image: url(/wp-content/uploads/2009/10/th-de-sidlee.jpg);
}

.travaux_listing .page-item-544 a {
	background-image: url(/wp-content/uploads/2009/10/th-de-crogers.jpg);
}

.travaux_listing .page-item-21 a {
	background: url(/wp-content/uploads/2009/09/thumb_0009_boite.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-23 a {
	background: url(/wp-content/uploads/2009/09/thumb_0002_poupeesloche.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-39 a {
	background: url(/wp-content/uploads/2009/10/th-proj-veux.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-41 a {
	background: url(/wp-content/uploads/2009/09/thumb_0020_ad.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-43 a {
	background: url(/wp-content/uploads/2009/09/thumb_0015_soimeme.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-45 a {
	background: url(/wp-content/uploads/2009/09/thumb_0017_lapin.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-47 a {
	background: url(/wp-content/uploads/2009/09/thumb_0011_adidas.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-49 a {
	background: url(/wp-content/uploads/2009/10/th-proj-nada.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-304 a {
	background: url(/wp-content/uploads/2009/09/thumb_0018_montreal.jpg) no-repeat 0 bottom;
}

.travaux_listing .page-item-476 a {
	background-image: url(/wp-content/uploads/2009/10/th-proj-slc-fanzine.jpg);
}

.travaux_listing .page-item-481 a {
	background-image: url(/wp-content/uploads/2009/10/th-proj-adidas.jpg);
}

.travaux_listing .page-item-498 a {
	background-image: url(/wp-content/uploads/2009/10/th-proj-pit.jpg);
}

.travaux_listing .page-item-558 a {
	background-image: url(/wp-content/uploads/2009/10/th-proj-slc-succ.jpg);
}

.travaux_listing .page-item-564 a {
	background-image: url(/wp-content/uploads/2009/10/th-proj-slc-mutek.jpg);
}

.travaux_listing .page-item-567 a {
	background-image: url(/wp-content/uploads/2009/10/th-proj-slc-amst.jpg);
}

.travaux_listing .page-item-1857 a {
	background-image: url(/wp-content/uploads/2011/01/petitballet-preview.jpg);
}

.travaux_listing .page-item-1875 a {
	background-image: url(/wp-content/uploads/2011/01/petroliphages-preview.jpg);
}

.travaux_listing .page-item-1915 a {
	background-image: url(/wp-content/uploads/2011/01/essence-preview.jpg);
}

.travaux_listing .page-item-1923 a {
	background-image: url(/wp-content/uploads/2011/01/corporatefaces-preview.jpg);
}

.travaux_listing .page-item-25 a {
	background-image: url(/wp-content/uploads/2009/10/th-ill-cestcelon.jpg);
}

.travaux_listing .page-item-27 a {
	background-image: url(/wp-content/uploads/2009/10/th-ill-appareil.jpg);
}

.travaux_listing .page-item-29 a {
	background-image: url(/wp-content/uploads/2009/10/th-ill-nada.jpg);
}

.travaux_listing .page-item-31 a {
	background-image: url(/wp-content/uploads/2009/10/th-ill-tribune.jpg);
}

.travaux_listing .page-item-33 a {
	background-image: url(/wp-content/uploads/2009/10/th-ill-type.jpg);
}

.travaux_listing .page-item-37 a {
	background-image: url(/wp-content/uploads/2009/10/th-ill-timeto.jpg);
}

.travaux_listing .page-item-1898 a {
	background-image: url(/wp-content/uploads/2011/01/tcmr-preview.jpg);
}

.travaux_listing .page-item-1932 a {
	background-image: url(/wp-content/uploads/2011/01/chantcygne-preview.jpg);
}

.travaux_listing .page-item-1937 a {
		background-image: url(/wp-content/uploads/2011/01/dents-preview.jpg);
}

.travaux .page_item {
	
}

/* Archives */

h4.pagetitle {
	margin-left: 10px;
	clear: both;
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

.complexItem {
	display: block;
	float: left;
	width: 704px;
}

.post_date {
	font-size: 13px;
}

.post_meta {
	font-size: 13px;
}

.complexItem .text_excerpt {
	font-size: 13px;
}

.complexItem h3 {
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 12px;
	font: italic bold 22px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	border-bottom: 1px dashed silver;
	padding-top: 9px;
	
	
}

.commentaires ol {
	font-size: 13px;
}

.commentaires ol li {
	width: 600px;
}

#comment {
	width: 640px;
}

#sidebar {
	width: 220px;
}

#sidebar ul {
	list-style-type: none;
	padding: 0 0 10px;
	border-bottom: 1px dashed silver;
	margin: 0 0 10px;
}

#sidebar ul li {
	font: italic 14px/19px Georgia, "Times New Roman", Times, serif;
}

#sidebar ul li .titre_liens {
	margin-bottom: 10px;
}

#sidebar ul li.page_item.page-item-145 {
	font-weight: bold;
}



#sidebar ul li h4 {
	margin: 0 0 2px;
}

#footer {
	display: block;}

#footer ul {
	display: block;
	font-size: 11px;
	padding: 0 0 4px;
	border-bottom: 1px dashed silver;
	margin: 9px 0 5px;
}

#footer ul li {
	margin-right: 5px;
	display: inline;
}

#footer ul.footer_contact {
	border-bottom: none;
	height: 110px;
	margin: 0;
}

#footer ul.footer_contact li {
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	margin-right: 0;
}

#footer .XXX {
	float: left;
	clear: left;
	display: block;
}

#footer .gras {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	float: left;
	display: block;
	width: 460px;
	margin-right: 25px;
}

#footer .texte {
	font-size: 11px;
	display: block;
	float: left;
	width: 220px;
	margin-right: 30px;
}

#footer .texte2 {
	font-size: 11px;
	display: block;
	float: left;
	width: 210px;
	margin: 0;
}

#footer .texte2 a {
	color: fuchsia;
}

#footer .contact {
	width: 220px;
}

#footer .contact h2 {
	margin: 0 0 5px;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

#footer .footer_contact .nom {
	font-size: 13px;
}

.linkcat h2 {
	display: none;
}


.linkcat ul li {
	height: 100px;
	border: 1px solid silver;
	margin-bottom: 5px;
	width: 220px;
}

#sidebar .linkcat ul {
	border-style: none;
	margin-bottom: 0;
	padding: 0;
}	

.linkcat ul li a {
	width: 215px;
	display: block;
	padding-top: 80px;
	padding-left: 5px;
	color: white;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	height: 20px;
}

#linkcat-7 a {
		background: black url(/wp-content/uploads/2009/08/links_02_etsy.jpg) no-repeat;
}

#linkcat-11 a {
		background: black url(/wp-content/uploads/2009/08/links_06_lacie.jpg) no-repeat;
}

#linkcat-6 a {
		background: black url(/wp-content/uploads/2009/08/links_01_tribune.jpg) no-repeat;
}

#linkcat-9 a {
		background: black url(/wp-content/uploads/2009/08/links_03_viewbook.jpg) no-repeat;
}