@charset "utf-8";
/************************************************************
 *
 *	Name		:	post.css
 *	Author		:	Kubota Hideo
 *	Created		:	18.05.2008
 *	Modified	:	18.05.2008
 *
 *	Description	:	Feuille de style pour la page des billets.
 *
 ************************************************************/
#container{
	position: relative;
}
#container a#print{
	position: absolute;
	right: 0px;
	top: 0px;
	display:block;
	height: 16px;
	line-height: 16px;
	padding-left: 25px;
	font-size: 1.2em;
	font-weight:bold;
	background:url(../media/image/btn_imprimer.gif) left top no-repeat;
}

/** un billet ***********************************************/
#container div.post{
	margin-top:0.5em;
}
#container div.post a {
color: #cc0000;
text-decoration: underline;
}
#container div.post h2{
	background:url(../media/image/arrow-post-h2.gif) left 0.2em no-repeat;
	font-size:2.3em;
	font-weight:bold;
	line-height:1.13em;
	padding-left:1em;
	margin-bottom:0.2em;
}
#container div.post h3{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.23em;
	color:#4e4e4e;
}

/** paragraphes ***************************/
#container div.post p{
	font-size:1.3em;
	line-height:1.23em;
	margin-bottom:1em;
}
#container div.post p.title{
	font-size:1.2em;
	line-height:1.335em;
	font-weight:bold;
	color:#4b4b4b;
	margin-bottom:0;
}
#container div.post p.title a{
	font-weight:bold;
	color:#4b4b4b;
}
#container div.post p.author{
	font-size:1.2em;
	line-height:1.335em;
	margin-bottom:0;
}
#container div.post img{
	margin:0.8em 0;
}
#container p.author img{
	margin:0 0 0 230px;
}
#container div.post p.summary{
	font-weight:bold;
	font-size:1.3em;
	line-height:1.23em;
}

/** conseil parieur ***********************/
#container div.post div.conseilParieurs{
	background:url(../media/image/bloc_parieurs-middle.gif) left bottom repeat-x;
	overflow:hidden;
}
#container div.post div.conseilParieurs div{
	background:url(../media/image/bloc_parieurs-left.gif) left bottom no-repeat;
	overflow:hidden;
}
#container div.post div.conseilParieurs div div{
	background:url(../media/image/bloc_parieurs-right.gif) right bottom no-repeat;
	overflow:hidden;
	padding:0 1.2em 1em 1.2em;
}
#container div.post div.conseilParieurs h3,
#container div.post div.conseilParieurs strong {
	font-size:1.3em;
	font-weight:bold;
	line-height:1.23em;
	color:#00418b;
}
#container div.post div.conseilParieurs strong{
	font-size:1.2em;
	line-height:1.335em;
	color:#00418b;
	margin-bottom:1em;
}
#container div.post div.conseilParieurs p{
	font-size:1.2em;
	line-height:1.335em;
	color:#00418b;
	margin-bottom:1em;
}
#container div.post div.conseilParieurs h4{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.335em;
	color:#00418b;
	float:left;
	margin-top:0.5em;
}
#container div.post div.conseilParieurs ol{
	float:left;
	width:34em;
}
#container div.post div.conseilParieurs ol li{
	float:left;
	display:block;
	padding:0 0 0.5em 1em;
}
#container div.post div.conseilParieurs ol li a img{
	margin:0; padding:0;
}

/** formulaire envoi commentaire **********/
#container div.post form.postComment{
	background:url(../media/image/bg-textarea.gif) left top repeat-x;
	padding:1em;
	border-bottom:solid 1px #d7d7d7;
	margin-top:1em;
	overflow:hidden;
	position:relative;
}
#container div.post form.postComment label{
	font-size:1.5em;
	font-weight:bold;
}
#container div.post form.postComment textarea{
	display:block;
	font-size:1.2em;
	line-height:1.335em;
	width:100%;
	height:10em;
	border:solid 1px #aa0005;
	margin:0.5em 0;
}
#container div.post form.postComment input#submitCom{
	float:right;
}

/** Messages affichés dans le textarea **********/

#container div.post form.postComment span.msg_success
{
	position: absolute;
	top: 70px;
	left: 120px;
	border: 1px solid #AA0005;
	background-color: #E2FECF;
	width: 230px;
	height: 40px;
	line-height:20px;
	text-align: center;
}

#container div.post form.postComment span.msg_echec
{
	position: absolute;
	top: 70px;
	left: 80px;
	border: 1px solid #AA0005;
	background-color:#FFD2D6;
	width: 310px;
	height: 40px;
	line-height:20px;
	text-align: center;
}

#container div.post form.postComment span.msg_echec a
{text-decoration: underline;}

#container div.post form.postComment span.msg_warning
{
	position: absolute;
	top: 70px;
	left: 115px;
	border: 1px solid #AA0005;
	background-color:#FFF9DD;
	width: 240px;
	height: 40px;
	line-height:40px;
	text-align: center;
}

/** envoyer a un ami **/
#container div#endArticle{
	margin-bottom:10px;
}
#container div#blocArticle{
	background-color:#FFFFFF;
	overflow:hidden;
	/*margin:1em;
	padding:0.5em 0.5em 0pt 0pt;*/
}
#container div.zoneArticle form#sendDiapo{
	/*background:#444 url(../media/image/bg-bloc-sendFriend-diapo.gif) left top repeat-x;*/
	margin:0;
	padding:1em;
	position: relative;
}
#container div.zoneArticle form#sendDiapo div#msgArticle{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 473px;
	height: 60px;
	border: solid 1px #800000;
	background-color:#D7E0FF;
	text-align:center;
	z-index:900;
}
#container div.zoneArticle form#sendDiapo div#errorEmailFrom{
	top: 32px;
	left: 10px;
	height: 17px;
	width: 180px;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
#container div.zoneArticle form#sendDiapo div#errorEmailTo{
	top: 32px;
	left: 203px;
	height: 17px;
	width: 180px;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
#container div.zoneArticle form#sendDiapo div#errorEmailTo img,
#container div.zoneArticle form#sendDiapo div#errorEmailFrom img{
	vertical-align:middle;
	margin: 0 3px 0 0;
}
#container div.zoneArticle form#sendDiapo div#msgArticle p{
	font-size:1.3em;
	margin-left: 40px;
	margin-top: 5px;
	text-align:center;
}
#container div.zoneArticle form#sendDiapo div#msgArticle img{
	float: left;
	margin: 10px 0px 0px 30px;
}
#container div.zoneArticle form#sendDiapo div#msgArticle p#endMsg{
	line-height:18px;
}
#container div.zoneArticle form#sendDiapo div#msgArticle input#submitMsgArticle{
	background: transparent url("../media/image/bg-submit-msg-dossier.png") 0px 0px repeat-x;
	border:solid 1px #a4a4a4;
	color: white;
	margin-top: 3px;
	padding: 0px 5px;
}
#container div.zoneArticle form#sendDiapo div#msgArticle div#closeMsgArticle{
	border-left: solid 1px #800000;
	border-bottom: solid 1px #800000;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	right: 0px;
}
#container div.zoneArticle form#sendDiapo label{
	font-size:1.3em;
	line-height:1.23em;
	font-weight:bold;
	color:#494949;
	background:url(../media/image/arrow-sendDiapo.gif) left 0.3em no-repeat;
	padding-left:1em;
}
#container div.zoneArticle form#sendDiapo label span{
	font-weight:bold;
	color:#000000;
}
#container div.zoneArticle form#sendDiapo input#mailFriendField,
#container div.zoneArticle form#sendDiapo input#mailFriendUser{
	font-size:1.2em;
	margin:0.5em 0.5em 0 0;
	width:15em;
}
#container div.zoneArticle form#sendDiapo input#submitDiapo{
	margin-top:0.6em;
	position:absolute;
}
/** vous avez aimer **/
#container div.zoneArticle div#blocArticle div#blocEndDiapo div.blocLike{
	background:url(../media/image/bg-blocLike.gif) #e1e1e1 left top repeat-x;
	padding:0.5em 0 0.5em 0;
	border-top:solid 1px #969696;
	overflow:hidden;
	/*height: 85px;
	margin-left:0.5em;
	width: 445px;*/
}
#container div.zoneArticle div#blocArticle div#blocEndDiapo div.blocLike#sendToFriendArticle{
	border-bottom:solid 1px #969696;
}
#container div.zoneArticle div#blocArticle div.blocLike p.like{
	font-size:2em;
	font-weight:bold;
	background-color:#cd020c;
	padding:0 0.5em;
	margin:0.4em 0.5em 0 0.5em;
	color:#ffffff;
}
#container div.zoneArticle div#blocArticle div#blocEndDiapo h3{
	font-size:1.3em;
	line-height:1.23em;
	background:url(../media/image/arrow-h3.gif) left 0.21em no-repeat;
	padding-left:1em;
	margin:0.5em 0 0 0.5em;
}

/** liste de commentaires *****************/
#container div.post ol#commentList{
}
#container div.post ol#commentList li{
	border-bottom:solid 1px #d7d7d7;
	padding:0.5em 1em;
}
#container div.post ol#commentList li.grey, #container div.post p.seeAllComments.grey{
	background-color:#f7f7f7;
	padding-left:0.5em;
}
#container div.post ol#commentList .author{
	font-size:1.2em;
	line-height:1.335em;
	color:#aa0005;
	font-weight:bold;
}
#container div.post ol#commentList span{
	margin-left:0.2em;
	font-size:1.2em;
	line-height:1.335em;
}
#container div.post ol#commentList p{
	margin:0.5em 0 0 1em;
}
#container div.post p.seeAllComments{
	margin:0;
	padding:0.5em 0;
	font-size:1.2em;
	line-height:1.335em;
}
#container div.post p.seeAllComments a{
	font-weight:bold;
	color:#bd0106;
}