/* ************************************************

Modern

- design & code : Marco <marco@marcarea.com>

- icônes : http://www.famfamfam.com/

************************************************ */



* {

	margin: 0;

	padding: 0;

	border: 0;

}



body {

	background: #fff url(img/body.jpg) no-repeat top center;

	 font-family:Georgia, "Times New Roman", Times, serif;

	 font-size:0.7em;

}



/* Common styles

-------------------------------------------------------- */



ul, ul li {

	list-style: none;

}



a:link, a:visited {

	color: #000;

	/*text-decoration: underline;*/

}



a:hover {

	color: #000;

	text-decoration: none;

}



pre {

	overflow: auto;

	width: 100%;

	height: auto;

}



.left {

	float: left;

}



.right {

	float: right;

}



/* Page

-------------------------------------------------------- */



#page {

	position: relative;

	width: 915px;

	margin: 0 auto;

}



/* Header

-------------------------------------------------------- */



#top {

	width: 855px;

	margin: 150px auto 15px auto;

	padding-left:16%;
	

	height:40px;

	background: #fff url(img/menu_top.gif) repeat-x bottom left;

}



#top h1 {

	font-size: 3em;

}



#top a:link, #top a:visited, #top a:hover {

	color: #000;

	text-decoration: none;

	font-style:italic;

	font-weight:bold;

}



#top ul li{float:left;text-align:center;}

#top ul li a{

	height:25px;

	line-height:25px;

	width:140px;

	display:block;

}

	

#top ul li a:hover{border-bottom:11px solid orange;color:orange}

#top .actif a{border-bottom:11px solid #000}	



/* Prelude

-------------------------------------------------------- */



#prelude {

	position: absolute;

	top: 0;

	right: 18px;

	width: 366px;

	padding: 6px 0 0;

	color: #CAE4FC;

	text-align: center;

	display:none;

}



#prelude a:link, #prelude a:visited {

	font-size: 1em;

	font-weight: bold;

	color: #CAE4FC;

	text-decoration: none;

}



#prelude a:hover {

	text-decoration: underline;

}



#prelude a:focus, #prelude a:active {

	padding: 5px 8px;

	background: yellow;

	color: red;

}



#ban{display:none;}



/* Wrapper

-------------------------------------------------------- */



#wrapper {

	width: 915px;

	margin: 0 auto 10px;



}



#main {

	width: 680px;

	float: left;

		min-height:680px;

	_height:680px;

	padding-right:20px;

border-right:1px solid #d1d1d1;

}



#sidebar {

	width: 200px;

	



	float: right;

	

}



/* Sidebar

-------------------------------------------------------- */



#sidebar h2 {

	/*margin: 0 0 10px;

	padding: 5px 8px;

	background: #F5F5F5;*/

	width:100%;

	border-bottom: 1px solid #545353;

	color: #000;

	font-size: 1.1em;

	font-style:italic;

	font-weight: bold;

	margin-bottom:8px;

}



#sidebar h3 {

	padding: 4px 8px 0 8px;

	color: #005D99;

	font-size: 1em;

}



#sidebar a:link, #sidebar a:visited {

	text-decoration: none;

	color:orange;

	font-weight:bold;

}



#sidebar a:hover {

	text-decoration: underline;

}



#sidebar ul {

	padding: 0 0 4px;

}



#sidebar li {

	padding: 3px 4px 3px 2px;

	margin: 0 4px 0 11px;

	list-style: disc; color:orange;

	/*background: transparent url(img/sidebar_li.png) no-repeat 10px 7px;*/

}





#calendar  {padding-bottom:10px;}

/*#calendar h2{margin-bottom:10px}*/





#sidebar p {

	padding: 0 0 4px 10px;

}



#search fieldset p {

	padding-left: 8px;

}



#search #q {

	width: 180px;

	padding: 1px 2px;

	border: 1px solid #CDCDCD;

	color: #005D99;

	font-size: 1em;

}



#search .submit {

	color: #005D99;

	background: #FFF;

	font-size: 1em;

	font-weight: bold;

	text-transform: uppercase;

	border: 1px solid #FFF;

}



#search .submit:hover {

	background: #005D99;

	border: 1px solid #005D99;

	color: #FFF;

}



#search, #sidebar .selected, #sidebar .categories, #sidebar .syndicate,

#sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text {

	padding: 0 0 10px;

}

/*#sidebar .syndicate{display:none}*/



#topnav {

	margin: 0 0 20px;

	padding: 5px 5px 5px 8px;

	background: #F6F6F6;

	border: 1px solid #545353;

	border-width: 1px 0;

	color: #005D99;

	font-size: 0.9em;

	font-weight: bold;

	text-transform: uppercase;

	width:210px;

}



#sidebar #topnav ul {

	margin: 0;

	padding: 0;

}



#sidebar #topnav li {

	display: inline;

	margin: 0;

	padding: 0;

	background: none;

}



#sidebar .syndicate li {

	margin: 0 4px 0 11px;

	padding: 5px 4px 5px 22px;

	background: transparent url(img/rss.png) no-repeat 0% 50%;

}



#sidebar .tags ul {



	font-size: 110%;

	border: 1px solid #CCCCCC;

	padding: 14px;

}







#sidebar .tags ul li {

	display: inline;

	margin: 0;

	padding: 0;

	background: none;

	font-size: 0.9em;

}



#sidebar .tags ul li a:link, #sidebar .tags ul li a:visited {

	color: #333;

}



#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {

	/*padding: 0 0 0 18px;

	background: transparent url(img/tags.png) no-repeat 0 -2px;*/

}



.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: 130%; }

.tag70 { font-size: 140%; }

.tag80 { font-size: 150%; }

.tag90 { font-size: 160%; }

.tag100 { font-size: 170%; }



/* Post-content

-------------------------------------------------------- */



.post-content, .post-excerpt {

	padding: 4px 0 0 0;

	line-height: 1.5em;

	font-size: 1em;

	min-height:20px;

	_height:20px;

	color:#545353;

}



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

	padding: 4px 0;

	text-align:justify;

	color:#545353;/*font-weight:bold;*/

}



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

	font-size: 0.9em;

}



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

	cursor: help;

	border-bottom: 1px dashed #666;

}



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

	padding: 10px 5px;

	margin: 6px 0;

	background: #F5F5F5;

	font: 1.1em 'courier new', courier, monospace;

}



.post-content h3, .post-excerpt h3 {

	padding: 4px 0;

	font-size: 1.2em;

	color: #666;

}



.post-content h4, .post-excerpt h4 {

	padding: 4px 0;

	font-size: 1.1em;

	color: #666;

}



.post-content h5, .post-excerpt h5 {

	padding: 4px 0;

	font-size: 1.0em;

	color: #666;

}



.post-content ul, .post-excerpt ul {

	margin: 0;

	padding: 4px 0;

}



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

	padding: 1px 0 1px 10px;

	background: transparent url(img/li.png) no-repeat 0 5px;

}

.post-content ul li {color:#000;}



.post-content ol, .post-excerpt ol {

	margin: 0 0 0 28px;

	padding: 4px 0;

}



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

	padding: 1px 0;

}



.post-content blockquote, .post-excerpt blockquote {

	margin: 4px 0 4px 5px;

	padding: 0 5px;

	border-left: 4px solid #CDCDCD;

}



/* Classes

-------------------------------------------------------- */



.day-date {

	display:none;

	clear: left;

	margin: 0 0 10px 0;

	padding: 5px 10px;

	background: #F5F5F5;

	border: 1px solid #CDCDCD;

	border-width: 1px 0;

	color: #5E9E14;

	font-weight: bold;

	text-align: right;

}



a.feed { }



.wrapBillet{min-height:170px;_height:170px;}

.billetGauche{float:left;width:240px;}

.billetDroite{float:right;width:440px;min-height:170px;_height:170px;}

.clear{clear:both;}



.post {

	color: #000;

	background: #fff url('img/bottom_billet.jpg') no-repeat bottom right;

	padding-bottom:60px;

	margin-bottom: 20px;

}



.post-title {

	padding: 0 0 4px 0;

	color: #000;

	font-size: 1.7em;

	font-style:italic;

}



.post-title a:link, .post-title a:visited {

	color: #000;

	font-size:20px;

	font-style:italic;



	text-decoration: none;

}



.post-title a:hover {

	text-decoration: underline;

	color:orange;

}



.post-info {

	font-style: italic;

}



.post-tags {

	position: relative;

	overflow: hidden;

	height: 1%;

	margin: 8px 0 0 0;

	padding: 5px;

	border: 0;

	background: #F6F6F6;

}



.post-tags:after {

	content: '[DO NOT LEAVE IT IS NOT REAL]';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.post-tags li {

	display: inline;

}



.post-tags li a:link, .post-tags li a:visited {

	display: block;

	float: left;

	padding: 2px 8px 2px 18px;

	/*background: transparent url(img/tag.png) no-repeat 0 0;*/

	white-space: nowrap;

	color: #5b3818;

	text-decoration: none;

}



.post-tags li a:hover {

	text-decoration: underline;

}



.post-info-co {

	clear: left;

	margin: 0 0 26px;

	padding: 5px;

	border: 0;

	/*background: #FBFBFB;*/

}



.post-info-co a:link, .post-info-co a:visited {

	padding: 2px 10px 2px 18px;

	text-decoration: none;

	font-weight:bold;

	color:#545353;

}



.post-info-co a:hover {

	text-decoration: underline;

}



.comment_count {

	background: transparent url(img/commentaire.png) no-repeat 0 50%;

}



.ping_count {

	background: transparent url(img/retrolien.png) no-repeat 0 50%;

}



.attach_count {

	background: transparent url(img/attach.png) no-repeat 0 50%;

}



.read-it {

	font-weight: bold;

	padding: 0 0 10px 0;

	clear: left;

}



#attachments {

	clear: left;

	margin: 4px 0 6px 0;

	padding: 5px;

	background: #FBFBFB;

	border: 1px solid #E8E8E8;

	border-width: 1px 0;

}



#attachments * {

	color: #3C8FD1;

}



#attachments h3 {

	font-size: 1.2em;

}



#attachments ul {

	padding: 4px 0;

}



#attachments li {

	margin: 0 0 0.6em;

	padding: 2px 10px 2px 18px;

	background: transparent url(img/attach.png) no-repeat 0 50%;

}



#attachments li object {

	display: inline;

	margin: 0;

	padding: 0;

	vertical-align: bottom;

}



.footnotes {

	margin: 6px 0 25px 0;

	padding: 5px 0;

	border: 1px solid #E8E8E8;

}



.footnotes h4 {

	margin: 0 0 6px;

	padding: 2px 10px 2px 25px;

	background: transparent url(img/report.png) no-repeat 4px 3px;

	border-bottom: 1px solid #E8E8E8;

	color: #005D99;

	font-style: italic;

}



.footnotes p {

	padding: 4px 10px;

}



/* Archives

-------------------------------------------------------- */



#content-info {



}



.content-inner {

	padding-bottom: 20px;

}

.content-inner p{color:#545353}

.content-inner h3 {

color: #545353;

    font-size: 18px;

    font-style: italic;

    text-decoration: none;

}



#content-info h2 {

		color: #000;

    font-size: 1.7em;

    padding: 10px 0 4px;

}



#content-info p {

	padding: 4px 0;

	font-size: 1em;

}



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

	padding: 4px 0 4px 22px;

	background: transparent url(img/rss.png) no-repeat 1px 3px;

}



.content-inner .day-date {

	text-align: left;

}



.content-inner .post-title {

	margin: 0 0 0 0;

	padding: 4px 0;

}



.content-inner .post-info {

	margin: 4px 0 20px 10px;

}



.content-inner ul {

	margin: 0 0 0 10px;

	padding: 4px 0;

}



.content-inner ul li {

	padding: 1px 0 1px 10px;

	background: transparent url(img/li.png) no-repeat 0 5px;

	font-size: 1em;

	line-height: 1.3;

}



/* Tags - Page des tags

-------------------------------------------------------- */



.content-inner ul.tags {

	position: relative;

	height: 1%;

	overflow: hidden;

	margin: 8px 0 20px;

	padding: 5px;

	background: #FBFBFB;

	border: 1px solid #E8E8E8;

	border-width: 1px 0;

	font-size: 120%;

}



.content-inner ul.tags:after {

	content: '[DO NOT LEAVE IT IS NOT REAL]';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.content-inner ul.tags li {

	display: block;

	float: left;

	height: 18px;

	margin: 4px;

	background: transparent;

	line-height: 18px;

}



.content-inner ul.tags li a:link, .content-inner ul.tags li a:visited {

	color: #5b3818;

	text-decoration: none;

	white-space: nowrap;

}



.content-inner ul.tags li a:hover {

	text-decoration: underline;

}



.content-inner ul.tags li a:focus, .content-inner ul.tags li a:active {

	background: #005D99;

	color: #FFF;

}



/* Commentaires

-------------------------------------------------------- */



#comments, #pings {

	padding-top: 10px;

}



#comments h3, #pings h3, #comments-feed, #pr h3 {

	clear: left;

	margin: 20px 0 8px 0;

	padding: 5px;

	background: #FBFBFB;

	border: 1px solid #E8E8E8;

	border-width: 1px 0;

	font-size: 1.2em;

}



#pr h3 {

	margin: 30px 0 8px;

	color: #5E9E14;

}



#comments-feed {

	margin: 14px 0 8px;

	text-align: right;

	font-weight: bold;

}



#comments-feed a:link, #comments-feed a:visited {

	padding: 3px 0 3px 22px;

	background: transparent url(img/rss.png) no-repeat 0px 50%;

	font-size: 0.8em;

	text-decoration: none;

}



#comments-feed a:hover {

	text-decoration: underline;

}



#comments dl { }



#comments dt, #pings dt {

	position: relative;

	top: 1px;

	display: block;

	padding: 10px 0 30px;

	background: transparent url(img/commentaire_bulle.png) no-repeat 50% 100%;

}



#comments dt a:link, #comments dt a:visited {

	color: #3C8FD1;

	text-decoration: none;

}



#comments dt a:hover {

	text-decoration: underline;

}



#pings dt a:link, #pings dt a:visited {

	color: #3C8FD1;

	text-decoration: none;

}



#pings dt a:hover {

	text-decoration: underline;

}



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

	margin: 0 0 8px;

	padding: 10px;

	border: 1px solid #E8E8E8;

	border-width: 1px 0;

	background: #F5F5F5;

	font-size: 1.1em;

	line-height: 1.4;

}



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

	padding: 5px 0;

	font-size: 1em;

}



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

	color: #5E9E14;

}



#comments dd.me {

	border-left: 4px solid #5E9E14;

}



.comment-number, .ping-number {

	color: #3C8FD1;

	font-weight: bold;

	font-size: 1.4em;

}



#ping-url {

	margin: 30px 0;

	padding: 5px;

	background: #FBFBFB;

	border: 1px solid #E8E8E8;

	border-width: 1px 0;

	font-weight: bold;

	text-align: right;

}



.error {

	margin: 20px 0 0;

	padding: 10px 5px;

	background: #FFCCCC;

	border: 2px solid red;

	font-weight: bold;

}



.message { }



/* navigations */



.pagination {

	clear: left;

	margin: 0 0 30px;

	padding: 5px;

	background: #F5F5F5;

	border: 1px solid #CDCDCD;

	border-width: 1px 0;

	text-align: center;

	color: #5E9E14;

	font-weight: bold;

}



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

	color: #5E9E14;

	text-decoration: none;

}



.pagination a:hover {

	text-decoration: underline;

}



#navlinks {

	margin: 0 0 20px;

	padding: 5px;

	background: #F5F5F5;

	border: 1px solid #CDCDCD;

	border-width: 1px 0;

	text-align: center;

	color: #5E9E14;

	font-weight: bold;

}



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

	color: #5E9E14;

	text-decoration: none;

}



#navlinks a:hover {

	text-decoration: underline;

}



/* Forms

-------------------------------------------------------- */



#comment-form {

	padding-top: 10px;

}



#comment-form h3 {

	margin: 20px 0 8px 0;

	padding: 5px;

	background: #FBFBFB;

	border: 1px solid #E8E8E8;

	border-width: 1px 0;

	font-size: 1.2em;

}



#comment-form fieldset p {

	padding: 5px 0;

}



#comment-form fieldset p.field {

	clear: left;

	width: auto;

	margin: 0;

	padding: 5px 0;

}



#comment-form p.form-help {

	width: 60%;

	margin: 0 0 0 30%;

	font-style: italic;

}



#comment-form p label {

	width: auto;

}



#comment-form p.field label {

	display: block;

	float: left;

	width: 29%;

	padding: 0 4px 4px 0;

	text-align: right;

	font-weight: bold;

}



#comment-form input, #comment-form textarea {

	width: 60%;

	padding: 1px 2px;

	border: 1px solid #CDCDCD;

	font: 1em Arial,sans-serif;

	color: #005D99;

}



#comment-form input#c_remember {

	width: auto;

	margin: 0 5px 0 140px;

	border: 0;

}



#comment-form input.preview {

	margin-left: 134px;

}



#comment-form input.preview, #comment-form input.submit {

	width: auto;

	background: #FFF;

	border: 1px solid #FFF;

	color: #005D99;

	font-size: 1em;

	font-weight: bold;

	text-transform: uppercase;

}



#comment-form input.preview:hover, #comment-form input.submit:hover {

	background: #005D99;

	border: 1px solid #005D99;

	color: #FFF;

}



/* Footer

-------------------------------------------------------- */



#footer {

	/*display:none;*/

	clear: both;

	width: 900px;

	padding: 0 0 14px;

	margin-top:20px

	/*background: transparent url(img/footer.png) no-repeat center bottom;*/

}



#footer p {

	

	margin: 0 auto;

	padding: 6px 16px 6px 0;

	/*background: #606666;*/

	color: #000;

	text-align: center;

	font-weight: bold;

}



#footer p a:link, #footer p a:visited {

	color: #000;

	text-decoration: none;

}



#footer p a:hover {

	text-decoration: none;

}



#content h2 .cartouche{margin:10px 0}



#comment-form input.preview, #comment-form input.submit {

    background: none repeat scroll 0 0 #AFA5A6;

    border: 1px solid #BCB3B4;

    color: #FFFFFF;

    font-size: 1em;

    font-weight: bold;

    text-transform: uppercase;

    width: auto;

	margin-left:380px;

}



#comment-form input.preview:hover, #comment-form input.submit:hover {

	background: orange;

	color: #fff;

	border: 1px solid #6d8824;

}



#calendar th{color:orange;}

#calendar td a{font-weight:bold;}

#calendar table{ background-color:#f6f6f6}

.calendar-array {background-color:#f6f6f6;width:100%;}

.page-info{display:none;}

/*.text a {margin-left:8px}*/

.orange{color:orange; font-style:normal}

.lienOrange {float:right;margin:5px 0}

.lienOrange a{color:orange; font-weight:bold; text-decoration:none;}

.encartCommentaire{width:400px;margin:40px 0 0 120px;background-color:#eee9da;padding:10px;color:#000}

.encartCommentaire p{color:#000;font-weight:normal}

.soustitre{   color: #545353;

    font-size: 18px;

    font-style: italic;

    text-decoration: none;}



.soustitre a{color: #545353; text-decoration:none}

	

.eventhandler-calendar{margin-bottom:10px;}	



.calendar-array  table { background-color:#F6F6F6;width:220px; }

.calendar-array caption{width:220px;background-color:#F6F6F6;}





.shareonentry{ clear:both; background-color:#003}



.shareonentry ul { list-style: none; margin: 4px 0; padding: 0; } 

.shareonentry ul li { float:left; margin: 4px 0; padding: 0; } 

#sidebar .shareonwidget ul { list-style: none; margin: 4px; padding: 0; border: none; } 

#sidebar .shareonwidget ul li { margin: 4px; padding: 0; border: none; }

.button-twitter{ width:92px}

.shareon-box-fbshare{ height:40px; background-color:#0C3;padding-bottom:2px}



#linkSocial{ background-color:#0C3;margin:12px 0;}

#linkSocial li{ float:left;margin:0 4px 0 0;padding:0}

.button-twitter{ width:92px;}