/* 

Theme Name: LiquidCard

Theme URI: http://philo-cafe.net/

Description: LiquidCard for Wordpress

Version: 2.0

Author: Jori Avlis

Author URI: http://e-jori.com/



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



html, body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #5b5959;
}

body {
	background: url(images/blog-arca-patrimoine.jpg) left 120px repeat-x;
}

#top_site
{
	background-color:#dad9d7;
	height:4px;
	width:100%;
}

#logo_arca img
{
	margin:10px 0px 40px 0px;
}

#title_arca 
{
	margin:43px 140px 0px 0px;
}
#title_arca  
{
	color: #5b5959;
	text-align:center;
}
#title_arca  span
{
	color: #666666;
	font-size:14px;
	font-weight:normal;
}

/* Prelude

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

#prelude {

	position: absolute; 

	top: -5000px; 

}



img {

	border: none;

}



fieldset{

	border: none;

}



label{

	cursor: pointer;

}



.field label{

	display: block;

}



input,textarea{

	border: 1px solid #999;

}



textarea{

	width: 95%;

	font-size: 1em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



a {

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



a:hover {

	font-weight: bold;

	text-decoration: underline;

}



#logo {

	margin: 0;

	display: block;

	height: 50px;

	width: 70px;

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

}



#logo a {

	margin: 0;

	display: block;

	height: 50px;

	width: 70px;

	background: url(img/logojori.png) top left no-repeat;

}



#logo a:hover {

	background-image: none;

}



#logocontenu {

	position: absolute; 

	top: 10px; 

}



h1 {
	margin:10px 0px;
	font-size: 19px;
	font-weight:bold;
	color:#41a5be;
}



h2 {

	font-size: large;

}




#menu {

	margin: 0 0 -5px 0;

	padding: 0;

}



#menu h2{

	display: none;

}



#menu ul { 

	list-style: none;

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 46px;

}



#menu li {

	float: left;

	background: url(img/boutongauche.png) no-repeat left top;

	padding: 10px 0px 12px 10px;

	font-size: medium;

}



#menu li a {

	background: url(img/boutondroite.png) no-repeat top right;

	padding: 10px 25px 12px 10px;

	font-size: medium;

}



#menu li:hover {

  background-position: 0% -46px;

}

  

#menu li a:hover {

	color: #fff;

	text-decoration: none; 

}



#menu li:hover a {

	background-position: 100% -46px;  

}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}





/* La page

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

#page {
	width:882px;
	margin: 0px auto;
	padding: 0;
}



.dark {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
}



.darkTop {
	background-color: #DAD9D7;
	margin:30px 0px 10px 60px;
	padding:5px;
}


.darkcenter {
	position: relative;
	display: block;
	margin: 10px 0px 20px 60px;
}



hr.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}


.title_archive
{
	color:#c5363c;
	font-weight:normal;
	margin-bottom:20px;
	text-transform:uppercase;
}


/* Le contenu

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

#content {
	position: relative;
	z-index: 10;
	width: 653px;
	margin: 0;
	padding: 0;
	float: left; 
}

.middle {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
}

.date
{
	background: url(images/date-arca-patrimoine.jpg) top left no-repeat;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	height:50px;
	_height:56px;
	padding-top:6px;
	text-align:center;
	text-transform:uppercase;
	width:44px;
}
.title_post
{
	background: url(images/degrade-solution-assurance-vie.jpg) left -2px no-repeat;
	padding:10px 0px 10px 15px;
	margin-left:44px;
}
.title_post a
{
	color:#41a5be;
}



.post{

	clear:both;
	margin-left:59px;
}
.post p{

	line-height:16px;
}
.auteur_post
{
	color:#888888;
	font-size:11px;
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
}

.more
{
	background: url(images/puce-suite-assurance-vie.jpg) left 2px no-repeat;
	color:#c5353c;
	padding:5px 0px 5px 20px;
	font-size:9px;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
}

.post-info {
	background-color:#eeeeee;
	margin:5px 0px;
	font-style: italic;
	font-size:11px;
}


.post-info a{
	color:#5b5959;
	text-decoration: none;
}

.post-info a:hover {
	color: #000000;
	text-decoration: none;
}


.post-content blockquote{

	font-family: Georgia, serif;

	font-style: italic;

}

.post-content .akst_share_link 
{
	background: url(images/envoyer-arca-patrimoine.gif) left 2px no-repeat;
	
}

.post-info-co{

	text-align: right;

	font-size: x-small;

	clear: left;

	border: 0;

	padding: 5px;

	margin: 0 0 26px 0;

}

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

		text-decoration: none;

		padding: 2px 10px 2px 18px;

	}



#trackbacks blockquote, #comments blockquote{

	border: 1px solid #fff;

	padding: 10px;

	margin: 5px 10px;

}


.arcapatrimoine .post
{
	margin-left:0px;
	margin-top:30px;
}


.post-content .cform 
{
	margin:20px auto;
}

.cform legend
{
	display:none;
}

/* La barre de navigation

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

#bright {
	width: 189px;
	padding: 0;
	margin:10px 40px 0px 0px;
	float: left;
}

#brightcenter {
	position: relative;
	margin: 0px;
}

#bright ul{
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style: none;
}

#bright ul ul{
	border:1px solid #e6e6e6;
	padding:8px 0px;
}

#bright ul h2{
	background: url(images/menu-gris-arca-blog.gif) top left no-repeat;
	margin:0px;
	font-size:15px;
	padding:6px 10px;
	color:#FFFFFF;
}

#bright ul li{
	background: url(images/puce-solution-assurance-vie.gif) left 5px no-repeat;
	margin:0px 0px 0px 10px;
	padding:0px 10px;
	line-height:16px;
	font-size:11px;
}
#bright ul li a{
	color:#5b5959;
	font-size:11px;
	font-weight:normal;
}
#bright ul li a:hover{
	color:#000000;
	text-decoration:underline;
}
#bright ul.widget_rss h2{
	background: url(images/menu-bleu-arca-forum.gif) top left no-repeat;
	padding-left:40px;
}
#bright ul.widget_rss h2 a{
	color:#5b1216;
	font-size:15px;
}
#bright ul.widget_rss img{
	display:none;
}


#bright .contact_arca 
{
	margin: 10px 0px 10px 0px;
}
#bright .contact_arca ul
{
	border:1px solid #e6e6e6;
	padding:3px 0px;
	margin-top:-4px;
}
#bright .contact_arca p
{
	text-align:center;
}
#bright .contact_arca .link_contact
{
	font-weight:normal;
	color:#5b5959;
}
#bright .contact_arca .link_contact:hover
{
	text-decoration:none;
}
#bright .contact_arca .horaire
{
	font-size:10px;
	margin-bottom:5px;
}
#bright .contact_arca .tel
{
	background: url(images/telephone-arca-patrimoine.jpg) top left no-repeat;
	padding:5px 0px 5px 40px;
	margin:0px 0px 0px 8px;
}
#bright .contact_arca .cout
{
	font-size:10px;
	color:#888888;
	margin-top:0px;
}
#bright .contact_arca .link_left
{
	float:left;
	height:30px;
	margin:6px 0px 10px 17px;
	width:50px;
}
#bright .contact_arca .link_forum_arca
{
	width:40px;
}
#bright .contact_arca .link_site_arca
{
	width:32px;
}
#bright .contact_arca .link_left a
{
	font-weight:normal;
	color:#666666;
}
#bright .contact_arca .link_left a:hover
{
	color:#000000;
	text-decoration:none;
}
.sep_hr {
    background: url(images/sep-assurance-vie.png) top left no-repeat;
    height: 8px;
    position: relative;
}

#search{

	background: transparent;

	line-height: 2.3em;

}




#search fieldset, #search p{

	margin: 0;

	padding: 0;

}



	#search #q {

		border: 1px solid #ad9482;

		padding: 1px 0 1px 20px;

	}

	#search .submit {

		background: #6A78B2; 		

		color: #fff;

		text-transform: uppercase;

		font-weight: bold;

		border: 1px solid #ad9482;

		cursor: pointer;

	}

	#search .submit:hover { 

		background: #4e3024;

	}





#q{

	background: url(img/q.png) no-repeat;

	background-position: 4px 4px;

}





/* box claire supplémentaire (commenter)

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

#brightbis div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#brightbis {
	background-color: #dad9d7;
	margin-left:60px;
	padding:10px 20px;
}




.brighth2bis {

	margin: 10px 0 0 0;

}



/* Le pied de page

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

#footer {
	width:100%;
	background-color:#bab6b6;
}
#footer div{
	background: url(images/arca-patrimoine-ombre-footer.jpg) left -1px no-repeat;
	margin:0px auto;
	padding:5px 0px;
	width:882px;
}


#footer a {
	color: #615a5a;
}

#footer a:hover {
	color: #000000;
}









/* Sidebar

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





#sidebar h3 { 

	font-size: 1.2em; 

	margin: 0;

	padding: 10px 0 5px 0;

}





#blogextra {



}

#syndicate {

	margin: 10px 0;

}

#blogextra li {

	background: transparent url(img/sidebar_li.gif) no-repeat 10px 4px !important;

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

	padding: 0 4px 0 20px;

}



#sidebar li a

{

	color:#03468C;

	

}



#sidebar li a:hover

{

	color:#9DA5C9;

	text-decoration:underline;

	

}





#sidebar p, #blogextra p { padding: 0 0 4px 10px; }



	#sidebar #syndicate li {

		margin: 0 4px 0 0;

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

		padding: 5px 4px 5px 22px;

	}







/* Classes

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

.day-date {



	font-weight: bold;

	border-width: 1px 0;

	text-align: right;

	padding: 5px 10px;

	margin: 0 0 10px 0;

	clear: left;

}



a.feed {}



.post-title { color: #666; padding: 10px 0 4px 0; font-size: 1.7em; }

	.post-title a:link, .post-title a:visited { color: #666; text-decoration: none; }


.post-tags {

	position: relative;

	border: 0;

	padding: 5px;

	text-align: right;

}



	.post-tags li { display: inline; }

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

			padding: 5px;

			white-space: nowrap;

		}







.read-it {

	font-weight: bold;

	padding: 0 0 10px 0;

	clear: left;

}



#attachments {

	clear: left;

	border: 1px solid #e8e8e8;

	border-width: 1px 0;

	padding: 5px;

	margin: 4px 0 6px 0;

}



	#attachments h3 { font-size: 1.2em; }

	#attachments ul { padding: 4px 0; }

	#attachments li {

		margin: 0 0 0.6em 0;

		padding: 2px 10px 2px 18px;

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

	}

	#attachments li em {}

	#attachments li div {}

	#attachments li object {

	   display: inline;

	   margin: 0;

	   padding: 0;

	   vertical-align: bottom;

	}



.footnotes {



	padding: 5px 0;

	margin: 6px 0 25px 0;

}

	.footnotes h4 {

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

		padding: 2px 10px 2px 25px;

		margin: 0 0 6px 0;

		font-style: italic;

	}

	.footnotes p { padding: 4px 10px; }





/* Archives

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

#content-info {

	font-size: 0.8em;

	border-width: 1px 0;

	padding: 5px 10px;

	margin: 0 0 20px 0;

	font-size: 1em;

	line-height: 1.4;

}

.content-inner { padding: 0 20px; margin: -40px 0;}



.content-inner h3 {

	font-size: 1.6em;

	padding: 5px 10px;

	margin: 10px 0!important;

}



#content-info h2 { font-size: 1.4em; }

#content-info p { padding: 4px 0; font-size: 1em; }



.darkcenter p a.feed {

	padding: 4px 0 4px 22px;

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

}



.content-inner .day-date { text-align: left; }

.content-inner .post-title { padding: 4px 0; margin: 0 0 0 10px; }

.content-inner .post-info { margin: 4px 0 20px 10px; }



.content-inner ul {  }

	.content-inner ul li {

		padding: 10px;

		font-size: 1.4em;

		display: inline;

	}

	

.content-inner p { 

	font-size: 1.2em;

	margin-left: 10px;

 }



/* Tags - Page des tags

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



.content-inner ul.tags {

	position: relative;

	border-width: 1px 0;

	padding: 5px;

	margin: 8px 0 20px 0;

	overflow: hidden;

	height: 1%;

	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;

		margin: 4px;

		height: 18px;

		line-height: 18px;

		background: none;

	}

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

			text-decoration: none;

			white-space: nowrap;

		}





/* Calendrier

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

#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}



/* Commentaires

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



.navigation {
	margin-top: 15px;
	margin-left:310px;
	text-align:right;
}
.navigation .alignleft {
	background: url(images/arca-patrimoine-assurance-vie-d.jpg) right 0px no-repeat;
	float:right;
	padding:2px 23px 2px 10px;
}
.navigation .alignright {
	background: url(images/arca-patrimoine-assurance-vie-g.jpg) left 0px no-repeat;
	float:right;
	padding:2px 10px 2px 23px;
}
.navigation hr
{
	margin:0px;
}

.navig_comment .alignright {
	background: url(images/arca-patrimoine-assurance-vie-g.jpg) right 0px no-repeat;
	padding:2px 23px 2px 10px;
}

/*
.alt {
	background-color: #eeeeee;
}

.alt2 {
	background-color: #dddddd;
}
*/

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 5px 0px;
	padding: 5px 10px 3px;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}



.commentlist p {
	margin: 10px 5px 10px 0;
}







.paddingeneral {

	margin: -150px 0 -120px 0;

	padding: 30px;

}



.paddingeneral h3 { 

	margin: 30px 0 8px 0;

	font-size: 1.4em; 

}



/* Forms

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

#comment-form { padding-top: 10px; }



#comment-form h3 {

	margin: -10px 10px 10px 35px;

	font-size: 1.4em;

}



#comment-form fieldset p { padding: 5px 0; }

#comment-form fieldset p.field { font-size: 1.3em; padding: 5px 0; width: auto; margin: 0; clear: left; }

#comment-form p.form-help { margin: 0 40px; font-style: italic; }



#comment-form p label { width: auto; }

#comment-form p.field label {

	font-weight: bold;

	display: block;

	padding: 0 4px 4px 0;

	width: 29%;

	float: left;

	text-align: right;

}

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

	border: 1px solid #ccc;

	padding: 3px;

	font-size: 1.1em;	

	width: 70%;

	margin: 0px 35px;

}



#comment-form input#c_remember {

	width: auto;

	border: 0;

	margin: 0 5px 0 140px;

}

#comment-form input.preview { margin-left: 134px; }

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

	width: auto;

	background: #fff;

	font-size: 1em;

	font-weight: bold;

	text-transform: uppercase;

	border: 1px solid #fff;

}

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

	background: #eeb59c; 

	color: #fff; 

	border: 1px solid #eeb59c; 

	cursor: pointer;

}



.post_date {

  	background: url('img/datebg.jpg');

	clear:left;

	float:left;



	position:relative;

	width:40px;

	height:40px;

}



* html .post_date {

        margin: 30px 0 0 0;

}



.date_post {

	border-bottom:1px dotted;

	clear:left;

	color:#2C4353;

	float:left;

	font-size:16px;

	font-weight:400;

	padding-top:2px;

	text-align:center;

	width:40px;

}

.month_post {

	float: left;

	clear: left;

	width: 40px;

	font-size: 14px;

	color: #2C4353;

	text-align: center;

	padding-bottom:2px;

}