@import url(../type/reactions.css);

/* Layout
--------------------------------------------------------- */
#main-content{
	width: 590px;
	padding: 20px 50px 20px 30px;
	/* background:url(../../images/sep.gif) repeat-y right bottom; */
}
#nav-section{
	position:absolute;
	top:106px;
	width:980px;
}
#top-site-bar{
	position: absolute;
	width: 1000px;
	top: 0;
}
#branding{
	position: absolute;
	width: 980px;
	height: 75px;
	top: 30px;
}

/*#main{ margin-top:120px; } !* ne pas changer ceci sans modifier le style spécifique poker dans /i/c/head.htm *!*/


/* Article
--------------------------------------------------------- */
#article-header,
#article-body{
	line-height: 1.4em;
	font-size: 13px;
}
#article-header p,
#article-body p{
	margin: 0 0 10px 0;
	text-align: justify;
}
#article-header p,
#article-body p{
	line-height: 1.4;
}
#article-header p { color: #666; }
#article-header p strong { color: #222; }

.size-8 { font-size: .8em; }
.size-9 { font-size: .9em; }
.size-10{ font-size: 1.0em; }
.size-11{ font-size: 1.2em; }
.size-12{ font-size: 1.4em; }
.size-13{ font-size: 1.6em; }


/* Article-highlight
--------------------------------------------------------- */
#article-highlight{
	/* overflow: hidden; */
	margin-bottom: 10px;
}
.folderTitle{ margin-bottom: 1px; }
#article-highlight .node{
	padding-top: 1px;
}
#chroniqueurs{
	height: 65px;
	margin-bottom: 20px;
	text-align: center;
}
#chroniqueurs li{
	float: left;
	padding-right: 1px;
}
#chroniqueurs img{ width: 58px; }

/* Article-header
--------------------------------------------------------- */
.info-bandeau{
	display: block;
	float: left;
	padding: 3px;
}
h1{
	margin-bottom: 15px; margin-top: 5px;
	clear: both;
}
#article-header{ clear: left; }
#article-header ul.reaction{
	float: right;
	margin-top: 5px;
}
#article-info .date,
#article-info .article-section{ font-size: 1em; }
#article-info .date{ font-size: .92em; }
#article-info .date{ margin-bottom: 5px; }
.article-section:first-letter{ text-transform: uppercase; }
.sharebox {
	float: left;
	margin: 5px 0;
}
.sharebox div {
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	margin-right: 10px;
	/* overflow: hidden; */
}

/* Article-body
--------------------------------------------------------- */
#article-body{
	width: 390px;
	float: right;
	margin-bottom: 20px;
}
.classic #article-body{
	float: left;
	width: 100%;
}
#article-content h2{
	font: bold 1.6em Arial, sans-serif;
	margin: 10px 0;
}
/*
.interview #article-content h2{
	margin: 20px 0 0;
	font-size: 1em;
	letter-spacing: 0;
}
*/
.interview #article-content h2:first-child{ margin: 0; }
#article-content a:hover{ text-decoration: underline; }
#article-body .relate{
	width:200px;
	margin:10px 0 0 10px; padding:20px;
	font: italic normal 1.1em/1.1em Georgia; text-align: left; color: #333;
	border-top:5px solid #E00; border-bottom:5px solid #E00;
}
#article-body .relate.fl{
	width:200px;
	margin:10px 10px 0 0; padding:20px;
}
#article-body .tooltip{
	display: block;
	background: transparent none;
	border: 0;
	float: left;
	padding: 5px 3px 10px 0;
}
#article-body .tooltip li{
	display: inline;
}

#article-body .sharebox div{ display: inline-block; margin: 0 3px 0 0; }

/* Article-photo
--------------------------------------------------------- */
#article-photo{
	cursor: pointer;
	margin-bottom: 10px;
	font: 0.9em arial; color: #666;
	position: relative;
	min-height: 115px;
	background: #EEE;
}
#article-photo p{ position: relative; }
#article-photo .i-zoom{
	position: absolute;
	left: 0;
}
#article-photo img{
	max-width:100%;
	display: block;
	margin:0 auto;
}

#article-photo .i-zoom img{
	max-width:1000px;
}

#article-photo p{
	display: block;
	padding-top: 3px;
	padding-left: 25px;
	background: #FFF url(../../images/sep.gif) repeat-y 18px 0;
}
#article-photo .info-bandeau{
	position: absolute;
	left: 10px;
	padding: 5px;
}
#article-related #article-photo .info-bandeau{ top: 95px; }
#article-body #article-photo .info-bandeau{ top: 230px; }

.promesse-ok,
.promesse-ko,
.promesse-new{
	position: absolute;
	right: 0;
	bottom: 100%;
	width: 235px;
	height: 113px;
	background-repeat: no-repeat;
	background-position: left top;
}
.promesse-ko{
	background-image: url(../../images/promesse-ko.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/promesse-ko.png", sizingMethod="crop");
}
.promesse-ok{
	background-image: url(../../images/promesse-ok.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/promesse-ok.png", sizingMethod="crop");
}
.promesse-new{
    background-image: url(../../images/promesse-new.png);
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/promesse-new.png", sizingMethod="crop");
}


/* Article-author
--------------------------------------------------------- */
#article-author{
	padding-top: 5px;
	margin-bottom: 20px;
	clear: both;
	background: transparent url(../../images/sep.gif) repeat-x scroll right top;
}
#article-author p{
	text-align: right;
	padding: 2px 0 0;
	margin-bottom: 0;
	line-height: normal;
	font-size:0.85em;

}

#article-author p.date{
	font-size: 0.85em; color: #898989;
	padding: 0 0 2px 0;
}
#article-author .source,
#article-author .source a{ color: #E20; }

/* Article-related
--------------------------------------------------------- */
#article-related{
	float: left;
	width: 180px;
	margin: 0 20px 20px 0;
	color: #000;
}
.classic #article-related{
	width: 100%;
}
.classic #article-related #article-photo{
	display: none;
}
#article-related .node{ padding-left: 10px; }
#biographie p{ margin-bottom: 10px; }
#article-related p{
	font-size: 0.95em;
	color: #444;
}
#biographie ul,
#biographie li{
	list-style-type: disc;
	list-style-position: inside;
}
#biographie li{ margin-bottom: 5px; }
#article-related .node .node3{
	background-color:#fff;
}
#article-related #jdd-pdf{
	margin:10px 0 0;
	padding:38px 30px 10px;
	position:relative;
}
#article-related #jdd-pdf h2{
	position:absolute;	top:13px;	left:10px;
	font-size:0.92em;
	color:#000;
	margin-bottom:10px;
	line-height:1.2em;
	text-transform:uppercase;
}
#article-related #jdd-pdf a img{
	width:118px !important;
	border:solid 1px #ccc;
}
#article-related #jdd-pdf a:hover img{
	border:solid 1px #059;
}

/* Zoom out
--------------------------------------------------------- */
#zoom{
	padding: 10px;
	background: #000;
	border: 1px solid #333;
	position: absolute;
	z-index: 200;
	cursor: pointer;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
}
#zoom p{
	font: 1em Arial; color: #FFF;
	padding: 2px 90px 12px 0;
}
#zoom span{
	display: block;
	width: 68px; height: 18px;
	margin-bottom: 10px;
	float: right;
	background: url(../../images/closed.gif) no-repeat 0 0;
}

/* Archives
--------------------------------------------------------- */
#article-archives{ clear: both; }

/* Provider
--------------------------------------------------------- */
#provider.eco-life a{
	display: block;
	float: right;
	background: url(../../images/provider/eco-life/logo.gif) left top no-repeat;
	height: 35px;
	width: 94px;
	text-indent: -999em;
}

/* Commentaires
--------------------------------------------------------- */
#commentReturn{
	display: none;
	padding: 10px;
	margin-bottom: 10px;
	border-width: 1px;
	border-style: solid;
}
#commentReturn.error{
	display: block;
	border-color: #C00;
	color: #C00;
}
#commentReturn.valid{
	display: block;
	border-color: #090;
	color: #090;
}
.loading{ background: url(../../images/loading.gif) right top no-repeat; }

/* Sondages inline
--------------------------------------------------------- */
#article-content #opinion-article, #article-content .poll-article{
	border-color:#ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
}
#article-content #opinion-article h3, #article-content .poll-article h3{ margin-bottom:10px; }
#article-content #opinion-article h3 strong, #article-content .poll-article h3 strong{ font-size:17px; }
#article-content #opinion-article p.infos, #article-content .poll-article p.infos{ float:left; }
#article-content #opinion-article p.more, #article-content .poll-article p.more{ float:right; }

/* Poll charts
-------------------------------------------------------------- */
#sondage-resultats{ margin-bottom:20px; }
#sondage-resultats h1{ padding:30px 0 20px; }
#sondage-resultats h2,
#sondage-resultats h3{
	font-size:1.5em;
	margin:0 0 20px;
}
#sondage-resultats h3{ font-size:1.3em; }

#sondage-resultats .scan-photo{ margin-bottom:20px; }
#sondage-resultats .scan-photo b{
	display:block;
	padding:2px 0;
	font-weight:normal;
	font-size:0.95em;
	color:#444;
}

.poll-charts{
	margin: 0;
	list-style: none;
}
.poll-charts li{
	padding: .5em;
	margin: 0 0 .5em 0;
	position: relative;
	line-height: 1.1em;
}
.poll-charts li:hover{
	background-color: #f5edbb;
	background-color: #EEE;
}
.poll-charts em{
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 40px;
	font: normal bold 1.2em/1 Georgie, Times, serif;
}
.poll-charts p{ margin: 0 0 0 40px !important; }
.poll-charts .bar{
	float: left;
	display: block;
	height: 8px;
	padding: 1px;
	margin: 0 0 5px 0;
	border: 1px solid #DDD;
	background: #FFF;
}
.poll-charts .bar span{
	display: block;
	height: 8px;
	background: #E00;
}
.poll-charts strong{
	clear: both;
	display: block;
	font-weight:normal;
}
.poll-charts strong b{
	font-weight:normal;
	color:#666;
}
.sondage-resultats p.infos{ float:left; }

/* Detecteur de mensonge */
#tag-header {
	border-bottom:10px solid #E00;
	color: #E00;
	font-size: 1.8em;
	margin-bottom: 10px;
}

/* Commentaires */
#new-reactions{
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	position: relative;
}

#new-reactions .nombre_reactions{
	position: absolute;
    background: url('../../images/comments/sprite_comments.png') -152px -10px;
	width: 44px;
	height: 29px;
	right: -4px;
	padding-left: 4px;
	top: 15px;
	color: #24282e;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
}

#new-reactions h2{
	font-weight: bold;
	font-size: 30px;
	text-transform: none;
	margin-bottom: 0;
	letter-spacing: -1px;
}

#new-reactions .bloc-connexion-answer {
    margin-top: 23px;
    margin-left: 60px;
    text-align: center;
    border-top: 2px solid #E00;
}

#new-reactions .bloc-connexion-answer p {
    padding-left: 10px;
    padding-top: 10px;
}

#new-reactions .bloc-connexion p:first-child,
#new-reactions .bloc-connexion-answer p:first-child {
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	margin-bottom: 22px;
}

#new-reactions .bloc-connexion p:first-child a,
#new-reactions .bloc-connexion-answer p:first-child a{
	color: #EC0000;
}

#new-reactions .formReaction li input,
#new-reactions .formReaction li textarea{
	color: #333;
	margin-left: 0;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	padding: 5px 8px;
	-moz-box-shadow: 0 1px 2px 0 #AAA inset;
	-webkit-box-shadow: 0 1px 2px 0 #AAA inset;
	box-shadow: 0 1px 2px 0 #AAA inset;
}

#new-reactions .formReaction li textarea{
	width: 572px !important;
	height: 100px;
}

#new-reactions input.btn-valider{
    background: url('../../images/comments/sprite_comments.png') -10px -10px;
	width: 115px;
	height: 28px;
}

#new-reactions .bloc-comments .recent,
#new-reactions .bloc-comments .oldest {
	display: none;
}

#new-reactions .bloc-comments > span {
	color: #858585;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: bold;
	margin: 8px 0 5px 104px;
	text-transform: uppercase;
	cursor: pointer;
	padding-bottom: 15px;
}

#new-reactions .bloc-comments > span:first-child {
	margin-left: 0;
}

#new-reactions .bloc-comments .comment-list{
	padding: 0;
	overflow: hidden;
}

#new-reactions .bloc-comments > span.active {
	color: #000;
    background: url("../../images/comments/puce_comments.png") no-repeat center 20px;
}

#new-reactions .bloc-comments .comment-list img{
	width: 46px;
	height: 46px;
	float: left;
	margin-right: 15px;
}

#new-reactions .formReactionCaptcha img.captcha,
#new-reactions .bloc-connexion-answer .ajout-commentaire .formReaction img.captcha {
    width: 80px;
    height: 20px;
    margin-right: 0px;
    float: none;
    vertical-align: middle;
    padding-bottom: 4px;
    margin-left: 5px;
}

#new-reactions .bloc-connexion-answer .ajout-commentaire .formReaction div.formAnswerCaptcha {
    text-align: left;
}

#new-reactions .bloc-connexion-answer .ajout-commentaire .formReaction div.formAnswerCaptcha input.codeSecu {
    width: 90px;
    margin-left: 5px;
}

#new-reactions .bloc-comments .comment-list li {
	position: relative;
	margin-bottom: -2px;
	padding: 18px 15px 1px;
	background-color: #FFF;
}
#new-reactions .bloc-comments .comment-list #commentReturn{ margin-top: 15px; }
#new-reactions .bloc-comments .comment-list #commentReturn li { padding: 0; }
#new-reactions .bloc-comments .comment-list li,
#new-reactions .bloc-comments .comment-list li .more_comments li{
    background:  url('../../images/sep.gif') repeat-x 0 0 #FFF;
}
#new-reactions .bloc-comments .comment-list li.even,
#new-reactions .bloc-comments .comment-list li.even .more_comments li {
    background:  url('../../images/sep.gif') repeat-x 0 0 #F5F5F5;
}
#new-reactions .bloc-comments{
	margin-top: 20px;
	clear: both;
    background:  url('../../images/sep.gif') repeat-x 0 0;
	position: relative;
}
#new-reactions .bloc-comments .comment-list li > span{
	display: block;
	/* padding-left: 61px; */
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}
#new-reactions .bloc-comments .author{
	color: #000;
	font-weight: bold;
}
#new-reactions .bloc-comments .date_comment{
	color: #666;
	font-weight: bold;
}
#new-reactions .bloc-comments .abus{ color: #666; }
#new-reactions .bloc-comments .comment{
	display: block;
	margin-top: 20px;
	font-size: 13px;
	position: relative;
}

#new-reactions .bloc-comments .comment strong{
    background: url("../../images/comments/sprite_comments.png") no-repeat -13px -71px;
	display: block;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
}

#new-reactions .bloc-comments .response{
    background: url("../../images/comments/sprite_comments.png") no-repeat -12px -54px;
	display: block;
	padding-left: 20px;
	color: #EC0000;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 12px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	width: auto;
	cursor: pointer;
}

#new-reactions .bloc-comments > div{
	margin-top: -10px;
	*margin-top: 0;
}

#new-reactions .bloc-comments .fav,
#new-reactions .bloc-comments .fav_answer {
    background: url("../../images/comments/sprite_comments.png") no-repeat -130px -10px;
	position: absolute;
	right: 40px;
	display: block;
	width: 16px;
	/* height: 17px; */
	cursor: pointer;
	padding-top: 20px;
	color: #666;
	text-align: center;
	padding-top: 18px;
	color: #999;
	font-weight: bold;
	z-index: 2;
}

#new-reactions .bloc-comments .unlike{
	background-position: -12px -247px;
	right: 18px;
}

#new-reactions .bloc-comments .comment .end{
	background: url("http://cdn2-lejdd.ladmedia.fr/design/lejdd/images/sprite_comments.png") no-repeat -12px -88px;
	width: 13px;
	height: 11px;
	right: 10px;
	bottom: -5px;
	display: block;
	position: absolute;
}

#new-reactions .bloc-comments .comment-list .more_comments{
	margin-left: 60px;
}

#new-reactions .bloc-comments .comment-list .more_comments li:first-child{ padding-top: 20px; }
#new-reactions .bloc-comments .comment-list .more_comments li{
	padding-right: 0;
	position: relative;
}
#new-reactions .bloc-comments .more_comments .fav{ right: 25px; }
#new-reactions .bloc-comments .more_comments .unlike{ right: 3px; }
#new-reactions .more_comments .eval{ right: -15px; }
#new-reactions .formReaction li input:first-letter,
#new-reactions .formReaction li textarea:first-letter{
	text-transform: uppercase;
}
#new-reactions .eval {
	background: url("http://cdn2-lejdd.ladmedia.fr/design/lejdd/images/sprite_comments.png") no-repeat scroll -11px -98px transparent;
	/* display: none; */
	font-size: 12px;
	height: 90px;
	padding: 20px 15px;
	position: absolute;
	right: 0;
	text-align: left;
	width: 180px;
	z-index: 2;
	top: 46px;
}
#new-reactions .formReaction li{ padding-bottom: 10px; }
#new-reactions .formReaction .email{ display: none; }
#new-reactions .bloc-comments .comment-list .formReaction li{
	background: none !important;
	padding: 15px 0 0;
}
#new-reactions .comment-list .formReaction li textarea{
	width: 481px !important;
	margin-bottom: 15px;
}
#new-reactions .bloc-comments .comment-list .formReaction p{ display: none; }
#new-reactions .comment-list .more_comments .formReaction li textarea{ width: 406px !important; }

#new-reactions .eval .btn-valider{ margin-top: 5px; }
#new-reactions .eval .captcha{
	width: 90px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #858585;
	color: #FFF;
	margin-top: 5px;
}
#new-reactions .eval input[type=text]{
	width: 60px;
	height: 16px;
	margin-left: 2px;
	vertical-align: bottom;
}
#new-reactions .more-reactions,
#new-reactions .more-answers {
    background: url('../../images/comments/sprite_comments.png') -14px -39px;
	padding-left: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: right;
	margin-top: 5px;
}
#new-reactions .eval .close,
#new-reactions .eval_answer .close {
	color: #AAA;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	right: 7px;
	top: 13px;
}
#new-reactions .bloc-comments > span.sep {
    background: url("../../images/sep.gif") repeat-x 0 0 ;
	left: -104px;
	position: absolute;
	top: 19px;
	width: 100%;
	z-index: 1;
}
#new-reactions .bloc-comments .comment-list li:first-child{ background: none; }
#new-reactions .ajout-commentaire li.pseudo{ padding: 0; }
#new-reactions .ajout-commentaire {
    margin-top: 7px;
}

#new-reactions input.off,
#new-reactions .bloc-comments .off {
    z-index: 0;
    opacity: 0.7;
    cursor: auto;
}


/* Sondage resultats IE fix
-------------------------------------------------------------- */
* html .poll-charts li{ zoom: 1; }
* html .poll-charts .bar{ margin: 0 0 0 20px; }
*+html .poll-charts li{ zoom: 1; }
* html .poll-charts span{
	font-size: 1%;
	overflow: hidden;
}



/* Imports (classes importees)
--------------------------------------------------------- */

.b{
	font-family : MillerText-Bold;
}

.i{
	font-family : MillerText-Italic;
}

.u{
	text-decoration:underline;
}

.up{
	text-transform:uppercase;
}

.signatureFin{
	display: block;
	color: rgba(0,00,0,1);
	font-size: 12pt;
	text-align: left;
	/*font-family : MillerDisplay-Bold;*/
	text-transform: uppercase;
	line-height: 14pt;
	margin: 20px 0 10px 0;
}

.inter{
	display: block;
	color: rgba(0,00,0,1);
	font-size: 16pt;
	text-align: left;
	/*font-family : MillerDisplay-Bold;*/
	line-height: 20pt;
	margin: 20px 0 10px 0;
}

.interliste{
	display: block;
	color: rgba(0,00,0,1);
	font-size: 16pt;
	text-align: left;
	/*font-family : MillerDisplay-Bold;*/
	text-transform:uppercase;
	line-height: 18pt;
	margin: 20px 0 10px 0;
}

.fonction{
	font-size: 14pt;
	text-align: left;
	/*font-family : MillerDisplay-Bold;*/
	line-height: 16pt;
	margin: 0 0 20px 0;
}

.question{
	display: block;
	color: rgba(0,00,0,1);
	font-size: 16pt;
	text-align: left;
	/*font-family : MillerDisplay-Bold;*/
	line-height: 20pt;
	margin: 20px 0 10px 0;
}

.symbole:before{
	content: "▪";
	padding-right: 2px;
	/* color: red; */
}

#article-body .ezoeItemCustomTag
{
	border-bottom: 5px solid #EE0000;
	border-top: 5px solid #EE0000;
	color: #333333;
	font: italic 1.1em/1.1em Georgia;
	text-align: left;
	margin: 10px 10px 0 0;
	padding: 20px;
	width: 200px;
}

#article-body .ezoeItemCustomTag .citation_gauche
{
	margin: 10px 10px 0 0;
	padding: 20px;
	width: 200px;
}

/* article */
.cdm .bloc-cdm .header{
	position: relative;
	left: -30px;
	width: 660px;
	margin-bottom: 15px;
}
.cdm .toolbar{
	top: 330px;
}

/* Signature */
#article-author .twitter{
	display: block;
	margin: 5px 0;
}
#article-author strong{
	font-size: 13px;
}