/*
-----------------------------------------------------------
Theme Name: xMark
Theme URI: http://blogdesignsolutions.com/
Description: Custom blog design by Lisa Sabin-Wilson
Version: 2.0
Author: Lisa Sabin-Wilson
Author URI: http://blogdesignsolutions.com
This design is a copyright of Lisa Sabin-Wilson and E.Webscapes and may not be reproduced. 
-----------------------------------------------------------
*/



/* PAGE LAYOUT  ---------------------------------- */


body
{
background-image:url(images/bg.png);
background-repeat:repeat-x;
background-position:top left;
	background-color:#151819;
	font:72.5% Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
}

#page
{
	overflow:hidden;
	width:990px;
	position:relative;
	margin-top:0;
	margin-bottom:0;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	background-color:#FFFFFF;
}

#content
{
	min-width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
#header 
{
background:#363A3B;
margin:0;
padding:0;
height:97px;
}
#rechercher
{
position:absolute;
top:62px;
left:730px;
margin:0;
padding:0;
}
.container
{
	width:100%;
	float:left;
	background-image:url(images/bg-page.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ffffff;
	text-align:left;
	margin:0 0 0 0;
	padding:0px 0 0 0;
	
}

.site_title
{
	font-size:28px;
	overflow:hidden;
	height:35px;
	padding:4px 0 0 25px
}

.description
{
	font-family:italics Georgia;
	color:gray;
	font-size:14pt;
	font-weight:400;
	height:23px;
	overflow:hidden;
	padding:45px 0 0 175px
}

#left
{
	background:transparent;
	margin:0 0 0 0;
	padding:0;
}


/* HEADER NAVIGATION  ---------------------------------- */



#navSquare ul
{
	text-align:right;
	width:100%;
	list-style:none;
	margin:0;
	padding:15px 0 0
}

#navSquare ul li
{
	text-align:left;
	display:inline;
	list-style:none;
	font-size:12px;
	line-height:14px;
	font-weight:700;
	text-transform:uppercase;
	padding:0 10px 0 0
}

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


/* BASIC FORMAT STYLES  --------------------------------- */

a img
{
	border:0
}

abbr,acronym
{
	border-bottom:1px dashed #404040;
	cursor:help
}

em,i
{
	font-style:italic
}


hr
{
	color:silver;
	background-color:#FFF;
	margin:0;
	padding:0
}

strong,b,.post dt,.post a:link
{
	font-weight:700;
}
.post a:visited {
color:#fb7600;
font-weight:normal;

}
h1,h2,h3,h4,ul,ol,p,form
{
	margin:0;
	padding:0
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

code, pre { background: #808080; padding: 1px; font-family: "Courier New", Courier, mono; color: #fff; text-decoration: none; text-align: left; margin: 10px; font-size: 1.1em; overflow:hidden;}


.navigation
{
	margin-bottom:30px;
	clear:both;
	font-size:1.4em;
}

.alignright
{
	background:url(images/arrow.gif) no-repeat;
	padding-left:18px;
	float:right
}

.alignleft
{
	background:url(images/arrow_left.gif) no-repeat;
	padding-left:18px;
	float:left
}

blockquote
{
	color:#625e5e;
	background:url(images/quote.jpg) no-repeat top left;
	padding-left:30px
}


/* CONTENT STRUCTURE --------------------------------- */


#lside
{
	float:left;
	width:545px;
	background:transparent;
	overflow:hidden;
	margin:25px 0px 0 5px;
}

#lside2
{
	float:left;
	background:transparent;
	width:200px;
	overflow:hidden;
	margin:52px 0 0 0;
	padding:0 0 0 15px
}
#rside
{
	float:left;
	background:transparent;
	width:200px;
	overflow:hidden;
	margin:32px 0 0 0;
	padding:0 0 0 15px
}


/* BLOG FORMATTING  --------------------------------- */



#blogc
{
	padding:25px 0 10px 5px;
}

.main_title
{
background-image:url(images/fond-titre.png);
background-repeat:no-repeat;
background-position:top left;
	font-size:24px;
	color:#565656;
	font-weight:bold;
	padding:5px 0 0px 5px;
}

.date
{
	font-size:12px;
	padding:0 0 0 5px;
	color:#999999;
}

.author
{
	font-size:1.2em
}

.post
{
	text-align:left;
	width:98%;
	font-size:13px;
	padding:0 0 0 5px;
	margin:0;
	min-height:100px;
}

.post p
{
	line-height:18px;
	text-align:justify;
	margin:1.3em 0
}

.post img
{
	padding:0 5px 5px
}

.post ul
{
	list-style:none;
	margin:0 0 .05em 40px
}

.post ol
{
	margin:0 0 .05em 40px
}

.post ul li
{
	background:url(images/list-item.gif) no-repeat;
	padding-left:18px;
	margin:0 0 .2em
}

.post ol li
{
	background:transparent;
	padding-left:0;
	margin:0 0 .2em
}

.post ul li ul,.post ul li ol,.post ol li ul,.post ol li ol
{
	margin:.5em 0 .5em 30px
}

.post dl
{
	margin:0 0 1.5em
}

.post dd
{
	margin:0 0 1.5em 20px
}
.wp-smiley {
margin:0;
padding:0;
vertical-align:bottom;
}
#more
{
	margin-top:-8px;
	background:url(images/more.gif) no-repeat;
	padding-left:18px;
	font-weight:700;
	float:right
}

.utwtags {
color:#999999;
padding:0 0 0 5px;
margin:10px 0 10px 0;
}
.articlesconnexes {
color:#999999;
padding:0 0 0 5px;
margin:0 0 10px 0;
}
.articlesconnexes ul{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	list-style-type: none;
}
.articlesconnexes li{
margin:0;
padding:0 0 0 10px;
background-image:url(images/liste.png);
background-repeat:no-repeat;
background-position:center left;
list-style-type: none;
}
.blog-meta {
color:#999999;
padding:10px 0 15px 5px;
margin:0 0 10px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}
.nbcom {
background-image:url(images/fondnbcom.png);
background-repeat:no-repeat;
background-position:top left;
height:35px;
text-align:center;
color:#ffffff;
font-weight:bold;
font-size:18px;
margin:0;
padding:0 20px 12px 10px;
}
.nbcomcom {
color:#f26400;
font-weight:bold;
font-size:24px;
margin:0;
padding:0;
}
.auteur {
color:#ff6000;
}
#commentaires {
margin:25px 0 0 0;
padding:0;
}
.suivant {
background-image:url(images/fond-suivant.png);
background-repeat:no-repeat;
background-position:top left;
height:28px;
font-size:14px;
color:#565656;
margin:0 0px 0 36px;
padding:6px 9px 6px 9px;
}
.suivant a{
text-decoration:none;
}
.suivant a:hover{
text-decoration:none;
}
.precedent {
background-image:url(images/precedent.png);
background-repeat:no-repeat;
background-position:top left;
height:28px;
font-size:14px;
color:#565656;
margin:0 70px 0 0;
padding:6px 12px 6px 12px;
}
.precedent a{
text-decoration:none;
}
.precedent a:hover{
text-decoration:none;
}
.pagination a:hover{
text-decoration:none;
}
.pagination a{
padding:0 5px 0 5px;
font-size:14px;
text-decoration:underline;
color:#333333;
}
.pagination {
font-size:14px;
color:#333333;
}
.nbpages {
background-image:url(images/fond-nb-pages.png);
background-repeat:no-repeat;
background-position:top left;
height:28px;
font-size:14px;
color:#565656;
margin:0 0px 0 50px;
padding:6px 12px 6px 12px;
}


/* LISTS  --------------------------------- */

#top
{
	background: url(images/top.png) no-repeat top left;
	width: 200px;
	height: 11px;
	padding:0;
	margin:0;
}
#mid
{
	background: url(images/mid.png) repeat-y;
	width: 198px;
	padding:0 1px 0 1px;
	margin:0;
}
#topecommerce
{
	background: url(images/haut-ecommerce.png) no-repeat top left;
	width: 200px;
	height: 100px;
	padding:0;
	margin:0;
}
#toppanthere
{
	background: url(images/hautpanthere.png) no-repeat top left;
	width: 200px;
	height: 102px;
	padding:0;
	margin:0;
}
#fondcolonne {
	background: url(images/fondcolonne.png) no-repeat;
	width: 189px;
	background-color:#fefefe;
	padding:5px 4px 0 5px;
	margin:0;
}
#fondcolonne a{
color:#fb7600;
}
#fondcolonne p{
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0px 0;
}
#fondcolonne ul li{
	padding:3px 0 3px 0;
	margin:3px 0 0 0;
}
#fondcolonnecom {
	background: url(images/fondcolonne.png) no-repeat;
	width: 189px;
	background-color:#fefefe;
	padding:5px 4px 0 5px;
	margin:0;
	font-size:11px;
}
#fondcolonnecom a{
color:#fb7600;
font-size:11px;
}
#fondcolonnecom p{
	font-size:11px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0px 0;
}
#fondcolonnecom ul li{
	padding:3px 0 3px 0;
	margin:3px 0 0 0;
	font-size:11px;
}
#fondcolonnearchives {
	background: url(images/fondcolonne.png) no-repeat;
	width: 189px;
	background-color:#fefefe;
	padding:5px 4px 0 5px;
	margin:0;
	color:#000000;
}
#fondcolonnearchives p{
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0px 0;
	color:#000000;
}
#fondcolonnearchives ul li{
	background-image:url(images/puce-liste.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 0 3px 8px;
	margin:3px 0 0 0;
	color:#000000;
}
#fondcolonnearchives ul li a{
color:#000000;
}
#fondcolonnearchives ul a{
color:#000000;
}
#fondcolonnearchives li a{
color:#000000;
}
#fondcolonnearchives a{
	color:#000000;
}
#fondcolonnerss {
	background: url(images/fondrss.png) repeat-y;
	width: 200px;
	padding:5px 0px 0 0px;
	margin:0;
	color:#666666;
}
#fondcolonnerss p{
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0px 0;
	color:#666666;
}
#fondcolonnerss ul li{
	background-image:url(images/puce-liste.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 0 3px 8px;
	margin:3px 6px 0 8px;
	color:#666666;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#fondcolonnerss a{
	color:#666666;
}
#fondcolonnepanthere {
	background-image:url(images/fondpanthere.png);
	background-repeat:no-repeat;
	background-color:#f85f00;
	width:186px;
	padding:5px 0px 0 0px;
	margin:0px 7px 0 7px;
	color:#ffffff;
}
#fondcolonnepanthere p{
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0px 0;
	color:#ffffff;
}
#fondcolonnepanthere ul li{
	background-image:url(images/puce-liste.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 0 3px 8px;
	margin:3px 0px 0 3px;
	color:#ffffff;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#fondcolonnepanthere a{
	color:#ffffff;
}
#midecommerce
{
	background: url(images/fondecommerce.png);
	background-repeat:no-repeat;
	width: 200px;
	padding:0;
	margin:0;
	color:#666666;
}
#midpanthere
{
	background: url(images/fondcentrepanthere.png);
	background-repeat:repeat-y;
	width: 200px;
	padding:0;
	margin:0;
	color:#666666;
}
#fondcolonneliens {
	background: url(images/fondcolonne.png) no-repeat;
	width: 189px;
	background-color:#fefefe;
	padding:5px 4px 0 5px;
	margin:0;
	color:#000000;
}
#fondcolonneliens p{
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0px 0;
	color:#000000;
}
#fondcolonneliens ul li{
	background-image:url(images/puce-liens.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0 3px 10px;
	margin:3px 0 0 0;
	color:#000000;
}
#fondcolonneliens ul li a{
color:#000000;
}
#fondcolonneliens ul a{
color:#000000;
}
#fondcolonneliens li a{
color:#000000;
}
#fondcolonneliens a:hover{
	color:#FF6400;
}
#fondcolonneliens ul li a:hover{
color:#FF6400;
}
#fondcolonneliens ul a:hover{
color:#FF6400;
}
#fondcolonneliens li a:hover{
color:#FF6400;
}
#fondcolonneliens a:hover{
	color:#FF6400;
}
#mid h2
{
	font-weight: normal;
	margin: 0;
	font-size: 18px;
	padding-bottom: 5px;
}
#bot
{
	background: url(images/bot.png) no-repeat;
	width: 200px;
	height: 9px;
	margin-bottom: 8px;
}
#botecommerce
{
	background: url(images/botecommerce.png) no-repeat;
	width: 200px;
	height: 17px;
	margin-bottom: 8px;
}
#botpanthere
{
	width: 200px;
	height: 44px;
	margin-bottom: 8px;
}
#topcom
{
	background: url(images/topcom.png) no-repeat top left;
	width: 517px;
	height: 15px;
	padding:0;
	margin:0;
}
#midcom
{
	background: url(images/middlecom.png) repeat-y;
	width:517px;
	padding:0;
	margin:0;
}
#midcom p
{
	padding:0 0 0 10px;
	margin:0;
}
#botcom
{
	background: url(images/botcom.png) no-repeat;
	width: 517px;
	height: 15px;
}
#lside2 li,#rside li
{
	list-style:none;
	margin:0;
	padding:0
}

#lside2 ul ul,#rside ul ul
{
	list-style:none;
	color:#000;
	background:#f2f2f2;
	margin:0 0 10px
}

#lside2 ul ul li,#rside ul ul li
{
	font-size:1em;
	border-bottom:1px solid silver;
	background:transparent;
	padding:0 0 0 5px
}

#lside2 ul ul li a:hover,#rside ul ul li a:hover
{
	text-decoration:underline;
}

#lside2 ul ul ul li,#rside ul ul ul li
{
	font-size:.8em;
	border:none;
	display:block;
	margin:0;
	padding:0 0 0 10px
}

#lside2 .widgettitle a,#lside2 .widgettitle a:visited,#rside .widgettitle a:link,#rside .widgettitle a:visited
{
	color:#FFF
}

#flickrrss .widgettitle {text-align: left;}
.widget_rss a img, .widget_rss a:visited img{margin-top: 2px;}

.textwidget
{
	background:#f2f2f2;
	border-bottom:1px solid silver;
	margin:0 0 10px;
	padding:5px
}

.textwidget p
{
	line-height:1.2em;
	padding:5px
}

.widgettitle
{
	background:#404040;
	color:#FFF;
	font-size:1em;
	text-transform:uppercase;
	border-bottom:1px #000 solid;
	margin:0;
	padding:0 0 0 5px
}

#lside2 li.widget_tag_cloud,#rside li.widget_tag_cloud,#lside2 li.widget_akismet,#rside li.widget_akismet
{
	background:#f2f2f2;
	border-bottom:1px solid silver;
	margin:0 0 10px;
	padding:5px
}


/* COMMENT STYLES  --------------------------------- */


.commentlist blockquote
{
	margin-right:50px;
	background:#FFF url(images/quote.jpg) top left no-repeat;
	border:1px solid #404040;
	padding:5px
}

ul.commentlist
{
	list-style:none;
	margin:0 10px;
}

.comment_top a:hover
{
	color:#ff6400;
	background:#FFF;
}

ul.commentlist li .comment_top
{
	width:510px;
	background:url(images/commenta.jpg) no-repeat;
	color:#000
}

ul.commentlist li p
{
	line-height:1.5em;
	font-size:1em;
	margin:0;
	padding:6px
}

ul.commentlist li .comment_bottom
{
	width:517px;
	height:53px;
	background:url(images/bullebottom.png) no-repeat;
	text-align:left;
	padding:0px 0 0 10px;
	color:#999999;
	font-size:11px;
}
ul.commentlist li .comment_bottoma
{
	width:517px;
	height:53px;
	background:url(images/bullebottomb.png) no-repeat;
	text-align:left;
	padding:0px 0 0 10px;
		color:#999999;
	font-size:11px;
}
ul.commentlist li.alt .comment_top
{
	width:510px;
	background:url(images/commentb.jpg) no-repeat;
	color:#000
}

ul.commentlist li.alt .comment_bottom
{
	width:517px;
	height:53px;
	background:url(images/bullebottom.png) no-repeat;
	text-align:left;
	padding:0px 0 0 10px
}

ul.commentlist li.alt p
{
	line-height:1.5em;
	font-size:1em;
	margin:0;
	padding:6px
}

#comments
{
padding:0;
margin:0;
}

#comments .number
{
	position:absolute;
	width:55px;
	top:42px;
	left:122px;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:700
}

.cmeta
{
	font-size:10pt;
	margin:0;
	padding:0 0 0 8px;
}

.comment_form
{
	width:495px;
	height:429px;
	color:#000;
	float:left;
	font-size:1.2em;
	margin:0;
	padding:10px 0 0 10px;
}

.commentnumber
{
	font:italic 14px 'Times New Roman', Times, serif;
	margin-top:-8px;
	float:right;
	color:gray;
	font-size:28pt;
	padding:0 5px 0 0
}

/* FORM STYLES  --------------------------------- */



#searchform
{
	float:right;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:none;
}

#s
{
	border:1px solid #e4e4e4;
	background:#fff;
	color:#000;
	width:181px;
	height:22px;
	padding:0 0 0 5px;
	font-size:16px;
	font-weight:none;
}
#ss
{
	border:1px solid #e4e4e4;
	background:#F85F00;
	color:#ffffff;
	width:120px;
	height:16px;
	padding:2px 0 0 5px;
	font-size:12px;
	font-weight:none;
}
#button
{
	border:0;
	background:transparent;
	height:19px;
	width:64px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#buttonn
{
	border:0;
	background:transparent;
	height:15px;
	width:23px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#archive_b
{
	border:1px solid #000;
	background:#fff;
	color:#000;
	margin-top:5px;
	width:60px
}

input
{
	border:1px solid #000;
	background:#fff;
	color:#000;
	width:200px
}

textarea
{
	border:1px solid #000;
	background:#fff;
	color:#000;
	width:470px
}

/* ASIDES  --------------------------------- */



.asides
{
	background:#f8f6f7 url(images/aside.jpg) no-repeat;
	width:95%;
	font-size:1em;
	border-bottom:1px solid #cfcdce;
	margin:10px;
	padding:15px 8px 5px
}

/* TAGS --------------------------------- */

.utwreltags a
{
	font-size:70%;
	color:silver;
	text-decoration:none
}

/* CALENDAR --------------------------------- */


#wp-calendar
{
	empty-cells:show;
	color:gray;
	width:98%;
	margin:0
}

#wp-calendar #next a
{
	padding-right:10px;
	text-align:right
}

#wp-calendar #prev a
{
	padding-left:10px;
	text-align:left
}

#wp-calendar a
{
	font-weight:700;
	display:block;
	text-decoration:none
}

#wp-calendar a:hover
{
	color:red;
	font-weight:700;
	background:#eee;
	text-decoration:none;
	border:none
}

#wp-calendar td
{
	color:#404040;
	letter-spacing:normal;
	text-align:center;
	padding:1px 0
}

#wp-calendar td.pad:hover
{
	color:#4b572b;
	background:#eee;
	text-decoration:none;
	border:none
}

#wp-calendar #today
{
	background:#eee;
	color:#000
}

#wp-calendar th
{
	font-style:normal;
	text-transform:capitalize
}

/* RELATED POSTS  --------------------------------- */

.related
{
	font-size:10pt;
	background:#eee;
	border-left:2px gray solid;
	padding:10px
}

.related ul
{
	margin:8px
}

.related ul li
{
	list-style:none;
	background:url(images/bullet.gif) no-repeat 0 50%;
	padding-left:18px
}

/* FLICKR RSS  --------------------------------- */


li.widget_flickrrss
{
	text-align:center
}

li.widget_flickrrss a img
{
	border:1px solid silver;
	margin:5px;
	padding:3px
}

li.widget_flickrrss a:hover img
{
	background:#900101
}


/* ARCHIVES PAGE  --------------------------------- */

.postspermonth
{
	list-style:none;
	padding-left:25px;
	margin:5px 0 10px
}


/* FOOTER -------------------------------------------- */



#footer
{
	float:left;
	width:100%;
	color:silver;
	font-size:13px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	margin:15px 0 0px 0;
	padding:32px 2px 20px 20px;
	height:22px;
	background-color:#151819;
	color:#565656;
	font:Arial, Helvetica, sans-serif;
}

#footer a,#footer a:visited,#footer a:active
{
	text-decoration:none;
	color:#565656;
}
#footer a:hover
{
	text-decoration:underline;
	color:#565656;
}
.rssfooter {
text-align:right;
margin:0 0 0 220px;
padding:0;
}

#navSquare a:link,#navSquare a:visited,li.alt .comment_top a:hover,#footer a:hover
{
	color:#000;
	text-decoration:none
}

a:link,a:visited
{
	color:#ff6600;
	text-decoration:none
}



a:hover,#lside2 a:hover,#rside a:hover,.blog-meta a:hover,.commentlist a:hover
{
	color:#000;
	text-decoration:underline
}



.site_title a:link,.site_title a:visited
{
	color:#FFF;
	text-decoration:none
}

.main_title a:hover,.comment_form a:hover,.main_title a,.main_title a:visited
{
	color:#565656;
	text-decoration:none;
}
.main_title a:hover,.comment_form a:hover
{
	color:#565656;
	text-decoration:underline;
}

.blog-meta a:link,.blog-meta a:visited,.blog-meta a:active,.commentlist a
{
	color:#ff6400;
	font-weight:normal;
	text-decoration:none;
}



.commentlist a:visited,.comment_top a,.comment_top a:visited,li.alt .comment_top a:visited
{
	color:#ff6400;
}