/* ************************************************
Utopia
- design & code : Rodolphe
************************************************ */

* { margin: 0; padding: 0; border: 0; }
html { font-size:100% ; }
body { text-align : center; background-color: #336a70 ; background-image: url(img/rideau-fond-bleu.jpg); background-repeat: repeat-x ; color: black ; font-size: 0.95em ; line-height: 1.6em ; font-family: Helvetica, Arial, 'Bitstream Vera Sans', Verdana, sans-serif ; }


/* Common styles
-------------------------------------------------------- */
ul { list-style: none; }
ul li { list-style: none; }

a:link { color:#2c5579 ; text-decoration: none ; }
a:visited { color:#2c5579 ; text-decoration: none ; }
a:hover { color:#2c5579 ; text-decoration: underline ; }
a:active { color:#2c5579 ; text-decoration: none ; }
pre { overflow: auto; width: 100%; height: auto; }
.left { float: left; }
.right { float: right; }


/* Page
-------------------------------------------------------- */
#page {
	margin: 20px auto ;
	width: 1180px ;
	text-align: left ;
	background-color: #fff ;
	background-image: url(img/fond-2.jpg);
}


/* Header
-------------------------------------------------------- */
#top {  position: relative; height : 100px; background-image: url(img/fond-1.jpg);
 }
	#top h1 { font-family: 'Comic Sans MS', Arial, 'Bitstream Vera Sans', sans-serif; font-weight: bold; font-size: 2em; position: absolute; z-index: 40; top: 0px; left: 0px; height: 180px; width: 312px; background-image: url(img/sous-marin.png); background-repeat: no-repeat ; }
#top h1 span { position: absolute; z-index: 50; top: 104px; left: 68px; }
	#top a:link, #top a:visited, #top a:hover { text-decoration: none; color: #f9f7f2 ; }


/* Prelude
-------------------------------------------------------- */
#prelude { display: none; }


/* Wrapper
-------------------------------------------------------- */
#wrapper { }


#main { width: 620px; margin-left: 288px; margin-right: 12px; float: left; display: inline; }

#sidebar { font-size: 0.88em ; line-height: 140% ; }

#blognav, #blogextra { margin : 0; padding : 0 8px; display: inline; width: 244px ; }

#blognav { float: left ; text-align: right ; margin-left: -920px; padding-top: 100px; }

#blogextra { float: right ; text-align: left ; padding-top: 20px; }




/* Sidebar
-------------------------------------------------------- */
#sidebar h2 {
	margin: 0 0 8px 0;
}
#sidebar h3 {  }

#blognav div, #blogextra div { margin-bottom: 20px }

#sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#blogextra a:link, #blogextra a:visited { text-decoration: none; }
#blogextra a:hover { text-decoration: underline; }

#sidebar ul, #blogextra ul { }
#sidebar li, #blogextra li { }
#sidebar p, #blogextra p {  }

	#search fieldset p {  }
	#search #q {
		color: #005D99;
		background: #f9f7f2;
		width: 180px;
		border: 1px solid #CDCDCD;
		padding: 1px 2px;
		font-size: 1em;
	}
	#search .submit {
		color: #2c5579;
		background: #f9f7f2;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		border: 1px solid #f9f7f2;
	}
	#search .submit:hover { background: #2c5579; color: #f9f7f2; border: 1px solid #2c5579; }

#search, #sidebar .selected, #sidebar .categories, #sidebar .syndicate,
#sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text {  }

#topnav { }
	#sidebar #topnav ul { margin: 0; padding: 0; }
	#sidebar #topnav li {
		font-size: 1.2em;
		font-weight: bold;
		display: inline;
		background: none;
		margin: 0;
		padding: 0;
	}

	#sidebar .syndicate li {  }

	#sidebar .tags ul { }
		#sidebar .tags ul li {
			display: inline;
			background: none;
			margin: 0 4px 0 0 ;
			padding: 0;
			font-size: 0.9em ;
			
		}
			#sidebar .tags ul li a:link, #sidebar .tags ul li a:visited {  }
			
		#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited { text-transform: uppercase; font-size: 0.85em ; }
		#sidebar .tags p strong a:hover {}


.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }



/* Post-content
-------------------------------------------------------- */
.post-content, .post-excerpt { }

.post-content p, .post-excerpt p {  }

.post-content strong, .post-excerpt strong {  }
.post-content acronym, .post-excerpt acronym {  }

.post-content pre, .post-excerpt pre { }

.post-content h3, .post-excerpt h3 {  }
.post-content h4, .post-excerpt h4 {  }
.post-content h5, .post-excerpt h5 {  }

.post-content ul, .post-excerpt ul {  }
	.post-content ul li, .post-excerpt ul li { }
.post-content ol, .post-excerpt ol {  }
	.post-content ol li, .post-excerpt ol li {  }

.post-content blockquote, .post-excerpt blockquote { margin: 16px 0px; padding: 4px 8px; background-color: #dfebc8; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; }
.post-content blockquote em, .post-excerpt blockquote em {}

/* Picture-show */
#pictures { text-align: center; width:560px; margin: 0.8em auto; }

/* pollsfactory */
.post .pollsfactory { text-align: left; width:560px; margin: 0.8em auto; }
.poll-query textarea, .poll-query .poll-field { color: #2c5579; 	border: 1px solid #CDCDCD; background-color: #b5cace; padding: 1px 2px; font-size: 1em; width: 64%; }
.poll-submit input { margin-top: 8px; border: 1px solid #b5cace; width: auto; color: #2c5579; background: transparent; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.poll-submit input:hover { background: #b5cace; color: #f9f7f2; border: 1px solid #b5cace; }

/* Classes
-------------------------------------------------------- */

#navlinks { margin-bottom: 20px }
.pagination, #content-info, .dc-tags .content-inner, .dc-archive .content-inner, .dc-archive-month .content-inner, #comments-feed, #pings, #ping-url, #navlinks { text-align: center; }

.dc-post #content #comment-form, #content #comments, .post { margin-bottom: 20px; background-image: url(img/bulles-post-2.jpg); padding: 0px; }
.dc-post #comment-form h3, #comments h3, .dc-post #comment-form p, #comments p, .post p { margin: 0px; padding: 0px; }
.dc-post #comment-form:before, #comments:before, .post:before { background: transparent; display: block; height: 30px; line-height: 0.1; font-size: 1px; content: url(img/bulles-post-1.jpg); margin: 0px; padding: 0px; }
.dc-post #comment-form:after, #comments:after, .post:after { background: transparent; display: block; height: 30px; line-height: 0.1; font-size: 1px; content: url(img/bulles-post-3.jpg); margin: 0px; padding: 0px; }

#pr dl, #pr p, .dc-post #comment-form h3, #comments h3, #comments dl, .post-title, p.post-info, .post-excerpt, .post-content, p.read-it, p.post-info-co, .post-tags {  margin: 0px; padding : 0px 28px; }
.post-title { margin-top: 6px; }
.post-content, .post-excerpt { margin-top: 8px; }

#comments dl dd { margin-bottom: 6px; padding: 4px 8px; background-color: #e9e7e0; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }

.day-date { display: none; }

a.feed {}

.post-title {  }
	.post-title a:link, .post-title a:visited {  }
	.post-title a:hover { text-decoration: underline; }

.post-info, .post-info-co, #pings, #ping-url, #comments-feed { font-size: 0.8em; }
#comments, #comment-form { font-size: 0.9em; }

.post-tags { font-size: 0.75em; text-transform: uppercase; }
	.post-tags:after{ }
	.post-tags li { display: inline; }
		.post-tags li a:link, .post-tags li a:visited {
			background: transparent url(img/tag.png) no-repeat 0 0;
			padding: 2px 8px 2px 18px;
		}
		.post-tags li a:hover { }

.post-info-co { }
	.post-info-co a:link, .post-info-co a:visited { }
	.post-info-co a:hover { text-decoration: underline; }
	
	.comment_count { }
	.ping_count { }
	.attach_count { }

.read-it { }

#attachments { margin-bottom: 12px; text-align: center; }
	#attachments * {  }
	#attachments h3 {  }
	#attachments ul {  }
	#attachments li { }
	#attachments li em {}
	#attachments li div {}
	#attachments li object { }

.footnotes { }
	.footnotes h4 { }
	.footnotes p {  }
	
.page-info { display: none; }

/* Archives
-------------------------------------------------------- */
#content-info { }
.content-inner {  }

.content-inner h3 { }

#content-info h2 {  }
#content-info p {  }

#content-info p a.feed:link, #content-info p a.feed:visited { }
#content-info p a.feed:hover {}

.content-inner .day-date {  }
.content-inner .post-title {  }
.content-inner .post-info {  }

.content-inner ul {  }
	.content-inner ul li {  }

/* Tags - Page des tags
-------------------------------------------------------- */

.content-inner ul.tags { }
	.content-inner ul.tags:after{ }
	.content-inner ul.tags li { }
		.content-inner ul.tags li a:link, .content-inner ul.tags li a:visited { }
		.content-inner ul.tags li a:hover {  }
		.content-inner ul.tags li a:focus, .content-inner ul.tags li a:active {  }

/* Commentaires
-------------------------------------------------------- */
	#comments h3, #pings h3, #comments-feed, #pr h3 { }
	#pr h3 {  }
	
	#comments-feed {  }
		#comments-feed a:link, #comments-feed a:visited { }
		#comments-feed a:hover { text-decoration: underline; }

#comments dl{}

#comments dt, #pings dt { }
	#comments dt a:link, #comments dt a:visited {  }
	#comments dt a:hover {  }
	#pings dt a:link, #pings dt a:visited {  }
	#pings dt a:hover {  }

	#comments dd, #pings dd, dd.comment-preview {  }
	#comments dd *, #pings dd *, dd.comment-preview * {  }

	#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover {  }
	#comments dd.me {  }

	.comment-number, .ping-number {  }

#ping-url {  }


.error {  }

.message {}

.pagination {  }
	.pagination a:link, .pagination a:visited {  }
	.pagination a:hover {  }

#navlinks { }
	#navlinks a:link, #navlinks a:visited {  }
	#navlinks a:hover {  }

/* ------------------------------------------------------------
	CONTACT
------------------------------------------------------------- */

.dc-contactme #content { margin-bottom: 20px; background-image: url(img/bulles-post-2.jpg); }
.dc-contactme #content:before { background: transparent; display: block; height: 30px; line-height: 0.1; font-size: 1px; content: url(img/bulles-post-1.jpg); margin: 0px; padding: 0px; }
.dc-contactme #content:after { background: transparent; display: block; height: 30px; line-height: 0.1; font-size: 1px; content: url(img/bulles-post-3.jpg); margin: 0px; padding: 0px; }
.dc-contactme #content #content-info {  }
.dc-contactme .content-inner p { padding: 0px 28px; }
#comment-form.contactme fieldset { }
#comment-form.contactme h3 {  }
.dc-contactme .field {  }
.dc-contactme .field label { }
.dc-contactme .field input {  }
.dc-contactme .field textarea {  }

#comment-form.contactme input[type=submit] { margin-left:29%; }
#comment-form.contactme input[type=submit]:hover {  }

/* Forms
-------------------------------------------------------- */

#comment-form h3 { }

#comment-form.contactme fieldset p, #comment-form fieldset p { padding: 5px 0; }
#comment-form.contactme fieldset p.field, #comment-form fieldset p.field { padding: 5px 0; width: auto; margin: 0; clear: left; }
#comment-form.contactme p.form-help, #comment-form p.form-help { width: 60%; margin: 0 0 0 30%; font-style: italic; }

#comment-form.contactme p label, #comment-form p label { width: auto; }
#comment-form.contactme p.field label, #comment-form p.field label {
	font-weight: bold;
	display: block;
	padding: 0 4px 4px 0;
	width: 28%;
	float: left;
	text-align: right;
}
#comment-form.contactme input, #comment-form.contactme textarea, #comment-form input, #comment-form textarea {
	color: #2c5579;
	border: 1px solid #CDCDCD;
	background-color: #b5cace;
	padding: 1px 2px;
	font-size: 1em;	
	width: 64%;
}

#comment-form.contactme input#c_remember, #comment-form input#c_remember {
	width: auto;
	border: 0;
	margin: 0 5px 0 140px;
}
#comment-form.contactme input.preview, #comment-form input.preview { margin-left: 134px; }
#comment-form.contactme input.preview, #comment-form.contactme input.submit, #comment-form input.preview, #comment-form input.submit {
	width: auto;
	color: #2c5579;
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
#Contact-comment-form input.preview:hover, #Contact-comment-form input.submit:hover, #comment-form input.preview:hover, #comment-form input.submit:hover { background: #b5cace; color: #f9f7f2; border: 1px solid #b5cace; }


/* Footer
-------------------------------------------------------- */

#footer {
	clear: both; height : 30px; background-image: url(img/fond-3.jpg); padding-top: 100px; padding-right: 15px;
}

	#footer p { text-align:right ; }
		#footer p a:link, #footer p a:visited {  }
		#footer p a:hover {  }