/*  
Theme Name: Ara Hwang
Theme URI: http://www.arahwang.com
Description: By Yann Pagès - Contact : <a href="mailto:whypy@hotmail.com">Mail</a> - My website <a href="http://www.whypy.com">Whypy</a>.
Version: 1.0
Author: Yann Pagès
Author URI: http://www.whypy.com
Tags: Ara Hwang, Yann Pagès, whypy
*/



/* *********************************************************************************************
 _          __  _   _  __    __  _____  __    __ 
| |        / / | | | | \ \  / / |  _  \ \ \  / / 
| |  __   / /  | |_| |  \ \/ /  | |_| |  \ \/ /  
| | /  | / /   |  _  |   \  /   |  ___/   \  /   
| |/   |/ /    | | | |   / /    | |       / /    
|___/|___/     |_| |_|  /_/     |_|      /_/     

Yann Pagès : whypy@hotmail.com

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



/*------------------------------------------------------------------
   PNG FIX for this F...ing IE6
------------------------------------------------------------------*/
img, div { behavior: url(javascript/iepngfix.htc) }

/*------------------------------------------------------------------
   ACCORDEON
------------------------------------------------------------------*/
#myAccordion {
	width:595px;
	color:#FFFFFF;
/*	border: 1px solid #6CAF00;
	left: 10px;
	top: 10px;*/
/*	background:url(images/acc_bg_transparent.png) repeat;
*/}
#myAccordion dt {
	line-height:44px;
	/*background-color: #80df20;
	border-top: 2px solid #DAFF9F;
	border-bottom: 2px solid #233247;*/
	color: #FFFFFF;
	font-size:20px;
	letter-spacing:1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:70px;
	background:url(images/accordeon.png) no-repeat bottom left;
}
#myAccordion dd {
	overflow: auto;
	background:url(images/accordeon_bg.jpg) no-repeat top left;
}
#myAccordion p{
	margin: 16px 10px;
}
#myAccordion dt.myAccordionHover {
	cursor:pointer;
	letter-spacing:2px;
}
#myAccordion dt.myAccordionActive {
/*	background-color: #6CAF00;
	border-top: 2px solid #80df20;
	border-bottom: 2px solid #000;
*/	
	background:url(images/accordeon.png) no-repeat top left;
}
.myAccordion_spacer {
	height:5px;
}
.myAccordion_images_content {
	float:left;
	margin:0px 15px 0px 0px;
}
h2.accordeon {
	font-size:16px;
	padding-left:10px;
	font-weight:normal;
	color:#FFFF00;
}













/*------------------------------------------------------------------
   GLOBAL
------------------------------------------------------------------*/



* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { height: 100% }
img, fieldset, abbr, acronym { border: 0 }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center; }
ul, ol { list-style-type:none; }
body#top {
	background: #2c0506 url(images/bg.jpg) repeat-x center 0;
	color: #e9e9e9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
p{ margin: 0 0 18px }
em { color: #d9e3ea }

a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active, a.active {
	text-decoration: underline;
}
#wrap {
	margin: auto;
	text-align: left;
	width: 960px;
	position: relative;
}
#header, #content, #footer {
	float: left; display: inline;
	clear: both;
	position: relative;
}
/*------------------------------------------------------------------
   HEADER
------------------------------------------------------------------*/
#header {
	height:605px;
	width: 100%;
	background:url(images/ara.jpg) no-repeat;
	margin-bottom:30px;
}
div#logo {
	position:absolute;
	top:120px;
	width:500px;
	float:left;
	height:150px;
	margin: 0px;
	padding:0px;
	background:url(images/logo.png) no-repeat;
}
div#logo a {
	height:150px;
	width:500px;
	text-indent:-9000px;
	font-size: 1px;
	display: block;
}
div#logo a:focus {
	outline:none;
}
/* *********************************************************************************************
INFOBULLES BALISE TITLE
********************************************************************************************* */
.inputsTooltip {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#tooltipURL {
	display: none;
}
/*------------------------------------------------------------------
   CONTENT
------------------------------------------------------------------*/
#content {
	padding: 0 0 4em;
	width: 100%;
}
/*------------------------------------------------------------------
   CONTENT RIGHT
------------------------------------------------------------------*/
#right {
	float: right;
	width:600px;
}
/*------------------------------------------------------------------
   CONTENT LEFT
------------------------------------------------------------------*/
#left {
	float: left;
	width:330px;
	height:440px;
	background:url(images/left_bg.jpg) no-repeat;
}
#left_news {
	margin:20px;
}
#left_news h2{
	color: #FFFFFF;
	font-size:20px;
	line-height:30px;
	letter-spacing:1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:35px;
	padding-bottom:20px;
	background:url(images/bougie.png) no-repeat;
}
p.news_date {
	padding:0px;
	margin:0px;
	color:#FFFF00;
	letter-spacing:1px;

}
#left_news a{
	color: #FFFFFF;
}
p.news_titre {
	margin:0px 0px 0px 0px;
	color:#FFFF00;
	background:url(images/puce.png) top left no-repeat;
	padding:0px 0px 0px 20px;
}
#myAccordion p.news_titre2{
	margin:0px;
	color:#FFFF00;
	background:url(images/puce.png) top left no-repeat;
	padding:0px 0px 0px 20px;
}


span.news_contenu p{
	color:#CCCCCC;
	padding:0px 0px 0px 20px;
}
/*------------------------------------------------------------------
   FOOTER
------------------------------------------------------------------*/
#footer {
	width: 100%; height:87px;
	background:#6f1415 url(images/footer_bg.gif) repeat-x;
}
#footerWrap {
	color: #dadada;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
ul#footerNav {
	position: absolute;
	top: 27px; right: 0;
}
ul#footerNav li {
	float: left; display: inline;
	margin-left: 15px;
}
#footer #footerWrap #copy {
	position: absolute;
	top: 27px; left: 0;
}
#footer #footerWrap #copy a {
	color: #6099ff;
}
/* Fix Footer Position */
#wrap {position: relative; min-height: 100%;}
html, body, * html #wrap {height: 100%;}
#content {padding-bottom: 100px;}
#footer {margin-top: -73px; bottom: -7px }
/*------------------------------------------------------------------
   MENU
------------------------------------------------------------------*/
#menu {
	height:50px;
	width:595px;
	position: absolute;
	top:30px; right:20px;
    background:url(images/menu_bg.png) no-repeat top;
}
.lavaLamp {
    position:relative;
    height: 50px; width:595px;
    padding:10px 0px 0px 40px;
	margin:0px;
    overflow: hidden;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: url(images/menu_bulle.gif) no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.back .left {
	background: url(images/menu_bulle.gif) no-repeat top left;
	height: 30px;
	margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative;
	overflow: hidden;
	text-decoration:none;
	text-transform:uppercase;
	font: bold 14px arial;
	color: #fff;
	outline: none;
	text-align: center;
	height: 30px; top: 7px;
	z-index: 10;
	letter-spacing:0;
	float: left;
	display: block;
	margin: auto 10px;
}
.lavaLamp li a:hover {
	color:#233247;
}
.lavaLamp li.current a{
	color:#233247;
}
/*------------------------------------------------------------------
   BIOGRAPHIE
------------------------------------------------------------------*/
div#bio {
	text-align:left;
	width:420px;
	height:450px;
	position:absolute;
	top:135px;
	right:50px;
}
#bio_title {
	background:url(images/bio_bg_title.png) no-repeat;
	width:420px;
	height:42px;
}
#bio_title h2{
	line-height:42px;
	padding-left:70px;
	color: #233247;
	font-size:20px;
	letter-spacing:1px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#bio_content {
	background-color:#330066;
	height:390px;
	margin-top:18px;
	background:url(images/bio_content_bg.png) no-repeat;
	padding:20px;
}
#bio_content h2 {
	color:#FFFF00;
	font-size:22px;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px 0px 10px 0px;
}
#bio_content h1 a{
	color:#FFFF00;
	font-size:26px;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px 0px 10px 0px;
	text-decoration:underline;
}

#bio_content p{
	text-align:justify;
}
#bio_content a{
	color:#233247;
}
/*-------------------------------
Utility classes
-------------------------------*/
.l { text-align: left }
.c { text-align: center }
.r { text-align: right }
.aligncenter { margin: 5px auto 15px auto;	display: block; }
.alignleft { margin: 5px 15px 5px 0; float: left; }
.alignright { margin: 5px 0px 5px 15px; float: right; }
.wrap, .col { float: left;	display: inline; position: relative; }
.wrap { clear: both }
.clear { clear: both }
.fl { float: left }
.fr { float: right }
.hide, .hidden, .anchor, .skip { display: none }
.nomargin { margin-bottom: 0 !important }
.noborder { border: 0 !important }
.top { margin-top: 0 !important }
.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }
.hr { background: #ccc; height: 1px; margin: 1.5em 0 }
.hr hr { display: none }
/*-------------------------------
Clearfix
-------------------------------*/
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: block }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }




















.SC {
	color:#FFCCCC;
	background:url(images/content_tb_right_bg.jpg) top right repeat-y;
	padding-left:10px;
}
.DateHeader {
	background:#f0f0f0;
	margin-bottom:20px;
	margin-top:20px;
}
.DateHeader p {
	background:url(./images/DateHeaderIco.png) no-repeat left center;
	padding:5px 0px 5px 20px;
	margin:0px 0px 0px 10px;
	font-size:18px;
	font-family: 'Helvetica';
}
.Post {
	padding:0px;
	position:relative;
	clear:left;
	margin:0px 20px 0px 20px;
}
.Post h1 {
	font-size:22px;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:22px 0px 10px 0px;
	margin:0px;
	display:block;
	text-transform:none;
	color: #ea787d;
}
.Post h1 a, .Post h1 a:visited{
	color: #ea787d;
	text-decoration: none;
}
.Post h1 a:hover, .Post h1 a:active {
	color: #ea787d;
	text-decoration:underline;
}
.PostHeadSimple {}
.PostHead { padding-left: 55px;
}


.PostContent { padding: 10px 0px;}
.PostContent h1 { font-size: 14px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;
}
.PostContent h2 { font-size: 19px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;
}
.PostContent h3 { font-size: 17px; font-weight: normal; padding: 2px 0px; margin: 0px;}

.PostContent p { font-size:14px; line-height: 16px; color: #FFCCCC; padding: 6px 0px; margin: 6px 0px;
}

.PostContent img {
	padding: 1px;
	border: solid 0px #406771;
	margin:0px;
}
.PostContent blockquote {
	padding: 5px 0px;
	margin: 5px 0px;
	color:#bee6e9;
}
.PostContent blockquote p { font-size: 10px; padding: 3px 0px; margin: 3px 0px; line-height: 12px; color: #bee6e9;
}
.PostDetails { padding: 10px 0px; margin: 0px; font-size: 10px;}
.PostDetails a { text-decoration: underline;}
.PostDetails a:visited { text-decoration: underline; }
.PostDetails a:hover { text-decoration: underline; }
.PostDetails .ReadOn {
	background: url(./images/PostDetailsReadIco.png) no-repeat left center;
	padding: 5px 0px 5px 15px;
}
.PostDetails .Subscribe {
	background: url(./images/PostDetailsRssIco.png) no-repeat left center;
	padding:15px 0px 5px 15px;
	margin-left: 5px;
}
.PostDetails .NrComments {
	background: url(./images/post_bulle.png) no-repeat left top;
	padding:15px 0px 0px 50px;
	height:40px;
	margin-left:5px;
	font-size:20px;
}
.PostDetails .AddOpinion {
	background: url(./images/pen.png) no-repeat left top;
	padding:5px 0px 0px 50px;
	margin-left:5px;
	margin-right:480px;
	font-size:20px;
	height:40px;
	float:right;
}
.PostDate {
	position:absolute;
	top:0.5em;
	left:0;
	text-align:center;
	margin:0;
	padding:6px 10px 5px 5px;
	list-style: none;
	background:url(./images/date.png) no-repeat left top;
	width:32px;
}
.PostDate .month {
	display:block;
	font-size:12px;
	letter-spacing:-1px;
	text-transform:lowercase;
	line-height:16px;
	color:#eaeaea;
	padding-top:4px;
	padding-left:15px;	
}
.PostDate .day {
	display:block;
	font-size:16px;
	font-family:'Arial';
	font-weight:bold;
	line-height:18px;
	color:#FFF;
	padding-left:15px;
	padding-top:0;
}

/* =========================================================================================================
	COMMENTAIRES
========================================================================================================= */
.Comments {
	padding: 20px 10px 0px 10px;
	margin: 30px 0px 0px 40px ;
	width:800px;
}
.Comments .List h3 {
background: url(./images/post_liste.png) no-repeat left center; font-size: 14px; font-weight: normal; color:#FFCCCC; margin: 0px; padding: 0px 0px 0px 60px;
}







.Comments .List h3 strong { font-size: 22px;
font-weight: normal;
text-transform:none;
color:#ea787d;
border-bottom: dashed 0px #87909e;
display:block;
padding-bottom:2px;
margin-bottom:2px;
	font-family:Georgia, "Times New Roman", Times, serif;

}
.Comments .List ol {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.Comments .List li {
	position: relative;
	background:#6F1513  url(./images/post_bulle.png) no-repeat left;
	padding: 20px;
	margin: 10px 0px;
	list-style-type: none;
	color:#0b3e5b; font-size: 12px;
	border: dashed 1px #3c0908;
}

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

.Comments .List .ListNr { position: absolute; top:5px; left: 12px; font-size: 22px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 22px;
color:#EA787D;
}
.Comments .List .ListDate { font-size: 10px; color:#EA787D;}
.Comments .List .ListDate a { color:#EA787D; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: underline;}

.Comments .List .ListUser { margin: 0px 0px 0px 50px; padding: 0px; font-size:14px; letter-spacing:1px;
font-family:Georgia, "Times New Roman", Times, serif;
color: #EA787D;

}
.Comments .List .ListUser a { color: #EA787D; }
.Comments .List .ListUser a:visited {
color: #EA787D; }
.Comments .List .ListUser a:hover {
color: #EA787D;
text-decoration:underline;}


.Comments .List .ListDate {
color:#0b3e5b; padding: 1px 0px; margin: 0px 0px 0px 50px;}
.Comments .List .ListDate a { color: #ea787d; text-decoration: underline;}
.Comments .List .ListDate a:hover {
color: #ea787d; text-decoration: underline;}
.Comments .List .ListContent { margin-left: 50px; margin-right: 10px; color:#FFFFFF;}
.Comments .List .ListContent a { color: #FFFFFF;
text-decoration:underline;
}
.Comments .List .ListContent a:visited { color: #FFFFFF; }
.Comments .List .ListContent a:hover { color: #FFFFFF;
text-decoration:none;}

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

.Comments .Form {
	
	margin:0px 0px 30px 0px;
	padding: 0px 0px 20px 0px;
	
}
.Comments .Form h3 { background: url(./images/post_bulle.png) no-repeat left; font-size: 22px; font-weight: normal; color:#ea787d; margin: 0px; padding: 20px 0px 0px 50px;
	
	font-family:Georgia, "Times New Roman", Times, serif;



}
.Comments .Form h3 strong { font-size: 22px; font-weight: normal; text-transform:none; color:#671613; border-bottom: dashed 0px #87909e; display: block; padding-bottom: 2px; margin-bottom: 2px; }

.Comments .Form form {
padding:0px; margin: 20px 0px 0px 60px;
}
.Comments .Form p, .Comments .Form p a {
padding:5px 0px; margin: 0px; font-size: 10px; color: #a1322e;}
.Comments .Form p label { padding-bottom: 10px;
display: block; color: #a1322e;}
.Comments .Form p label small { font-size:10px;
color: #a1322e;}

.Comments .Form .Note {  margin: 5px 0px;
width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #FFFFFF;
border: solid 1px #fff; padding: 5px; color: #a1322e;
font-size: 12px;}
.Comments .Form .TextArea { background: #FFFFFF;
border: solid 1px #fff; padding: 5px; color: #a1322e;
font-size: 13px;}

.Comments .Form input.SubmitComment {
width: 150px;
height:26px;
background: url(./images/validation_commentaire.gif) no-repeat;
margin-top:7px;
display:block;
}
.Comments .Form input.SubmitComment:hover {
background: url(./images/validation_commentaire.gif) no-repeat 0 -26px;
}
.Comments .Form input.SubmitCommentIE {
width: 150px; height: 26px; background: url(./images/validation_commentaire.gif) no-repeat 0 -26px;
margin-top: 7px;
}
.Comments .Form input.Subscribe {
background: #eaf4ff; border: 1px #fff solid;
font-weight: bold; padding: 2px 0px;
}






/*------------------------------------------------------------------------------------------------------------------------
CADRE POST
------------------------------------------------------------------------------------------------------------------------*/
#cadre_post {
	width:100%;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
/* ---------------------------------------- haut */
#cadre_post_hg {
	width:15px;
	height:15px;
	background:#2c0506 url(./images/cadre_post_hg.png) top left no-repeat;
	float: left;
}
#cadre_post_titre {
	height:15px;
	margin:0px;
	padding:0px;
	background-color:#671613;
}
#cadre_post_titre h2.cadrebulle_titre{
	line-height:70px;
	margin-left:55px;
	font-size:16px;
	color:#0a3e5b;
	font-weight:bold;
	border-bottom:solid 0px;
}
#cadre_post_hd {
	width:15px;
	height:15px;
	background:#2c0506 url(./images/cadre_post_hd.png) top right no-repeat;
	float: right;
}
/* ---------------------------------------- contenu */
#cadre_post_content {
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#671613;
}
#cadre_post_contenu {
	text-align:left;
	margin:0px 20px 0px 20px;
	font-size:12px;
}
#cadre_post_contenu a, #cadre_post_contenu a:visited{
	text-decoration:underline;
	color:#FFF;
}
#cadre_post_contenu a:hover {
	text-decoration:none;
}
/* ---------------------------------------- bas */
#cadre_post_bas_g {
	width:15px;
	height:15px;
	background:#2c0506 url(./images/cadre_post_bg.png) bottom left no-repeat;
	float: left;
}
#cadre_post_bas {
	height:15px;
	background-color:#671613;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#cadre_post_bas_d {
	width:15px;
	height:15px;
	background:#2c0506 url(./images/cadre_post_bd.png) bottom right no-repeat;
	float: right;
}












/*------------------------------------------------------------------------------------------------------------------------
CADRE COMMENT
------------------------------------------------------------------------------------------------------------------------*/
#cadre_comment {
	width:100%;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
/* ---------------------------------------- haut */
#cadre_comment_hg {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_hg.png) top left no-repeat;
	float: left;
}
#cadre_comment_titre {
	height:15px;
	margin:0px;
	padding:0px;
	background-color:#a1322e;
}
#cadre_comment_titre h2.cadrebulle_titre{
	line-height:70px;
	margin-left:55px;
	font-size:16px;
	color:#0a3e5b;
	font-weight:bold;
	border-bottom:solid 0px;
}
#cadre_comment_hd {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_hd.png) top right no-repeat;
	float: right;
}
/* ---------------------------------------- contenu */
#cadre_comment_content {
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#a1322e;
}
#cadre_comment_contenu {
	text-align:left;
	margin:0px 20px 0px 20px;
	font-size:12px;
}
#cadre_comment_contenu a, #cadre_comment_contenu a:visited{
	text-decoration:underline;
	color:#FFF;
}
#cadre_comment_contenu a:hover {
	text-decoration:none;
}
/* ---------------------------------------- bas */
#cadre_comment_bas_g {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_bg.png) bottom left no-repeat;
	float: left;
}
#cadre_comment_bas {
	height:15px;
	background-color:#a1322e;
	margin:0px 0px 30px 0px;
	padding:0px;
}
#cadre_comment_bas_d {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_bd.png) bottom right no-repeat;
	float: right;
}




/*------------------------------------------------------------------------------------------------------------------------
CADRE COMMENT POST
------------------------------------------------------------------------------------------------------------------------*/
#cadre_comment_post {
	width:100%;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
/* ---------------------------------------- haut */
#cadre_comment_post_hg {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_post_hg.png) top left no-repeat;
	float: left;
}
#cadre_comment_post_titre {
	height:15px;
	margin:0px;
	padding:0px;
	background-color:#fcb1ae;
}
#cadre_comment_post_titre h2.cadrebulle_titre{
	line-height:70px;
	margin-left:55px;
	font-size:16px;
	color:#0a3e5b;
	font-weight:bold;
	border-bottom:solid 0px;
}
#cadre_comment_post_hd {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_post_hd.png) top right no-repeat;
	float: right;
}
/* ---------------------------------------- contenu */
#cadre_comment_post_content {
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#fcb1ae;
}
#cadre_comment_post_contenu {
	text-align:left;
	margin:0px 20px 0px 20px;
	font-size:12px;
}
#cadre_comment_post_contenu a, #cadre_comment_post_contenu a:visited{
	text-decoration:underline;
	color:#FFF;
}
#cadre_comment_post_contenu a:hover {
	text-decoration:none;
}
/* ---------------------------------------- bas */
#cadre_comment_post_bas_g {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_post_bg.png) bottom left no-repeat;
	float: left;
}
#cadre_comment_post_bas {
	height:15px;
	background-color:#fcb1ae;
	margin:0px 0px 30px 0px;
	padding:0px;
}
#cadre_comment_post_bas_d {
	width:15px;
	height:15px;
	background:url(./images/cadre_comment_post_bd.png) bottom right no-repeat;
	float: right;
}




/*------------------------------------------------------------------------------------------------------------------------
FORMULAIRE
------------------------------------------------------------------------------------------------------------------------*/
#wpcf7-f1-p2-o1 p {
text-align:left;
font-size:11px;
}
p.human {
padding:0px;
margin:0px;
}
#wpcf7-f1-p2-o1 {padding-left:10px;}
#control {width:84px;}
.wpcf7 input {width:250px; float:left; color:#2f4559;}
.wpcf7 textarea {width:360px; height:80px; color:#2f4559;}
.wpcf7-not-valid-tip-no-ajax { color:#000000; font-weight:bold;}
.wpcf7-response-output wpcf7-validation-errors { color:#000000; border:#FFF 1px dashed; font-weight:bold;}
.wpcf7-response-output {color:#000000; border:#FFF 1px dashed; font-weight:bold;}
.wpcf7-validation-errors {color:#000000; border:#FFF 1px dashed; font-weight:bold;}
#send {float:right; margin-top:10px; padding-top:0; width:150px;}

















div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}





		.atwork {
		font-family:"Courier New", Courier, monospace;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		}