/* @import url(/includes/cobrand/css/type/import-form-ajout-commentaire.css); */

/* Layout
------------------------------------------ */
#article-wrapper{ padding: 15px; }
#article-body{
	float: left;
	width: 300px;
}

* html #article-body{ overflow: hidden; }
* + html #article-body{ overflow: hidden; }
#article-related{
	float: right;
	width: 300px;
}


/* Article
------------------------------------------ */
h1{
	margin-bottom: 25px;
	font-size: 3em;
	font-weight: normal;
}
#article .node{
	margin-bottom: 15px;
	zoom: 1;
}
#article-header{ padding-top: 10px; }

/* Article banner
------------------------------------------ */
#article-banner img{
	display: block;
	margin: 1px 0 -8px;
}

/* Article infos
------------------------------------------ */
#article-infos{
	position: relative;
	min-height: 15px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
/* article author */
#article-author p{
	margin-bottom: 0;
	color: #999;
}
#article-author p strong{ color: #05B; }
#article-author img{
	float: left;
	width: 40px;
	height: 45px;
	margin-right: 10px;
	background: #EEE;
}
#article-author p.author{
	margin-bottom: 4px;
	color: #333;
}
#article-author p span{ display: block; }

/* article tools */
#article-tools{
	position: absolute;
	left: 330px;
	bottom: 10px;
	width: 300px;
}
#article-tools .comments{
	position: relative;
	top: 4px;
}
#article-tools .comments img{ margin-right: 2px; }

/* toolbar */
#toolbar li{ padding-right: 5px; }
#toolbar .ico{
	margin-right: 1px;
	cursor: pointer;
}

/* font sizer */
#font-sizer{
	position: relative;
	top: 3px;
}
#font-sizer .big{ font-size: 23px; }
#font-sizer .ico{
	width: 8px;
	background-position: -49px top;
	background-color: #CCC;
	vertical-align: baseline;
	cursor: pointer;
}
#font-sizer .ico:hover,
#font-sizer .ico.on{
	background-color: #05B;
}
#font-sizer .i-fontsize1{
	height: 3px;
	border-top: 8px solid #FFF;
}
#font-sizer .i-fontsize2{
	height: 7px;
	border-top: 5px solid #FFF;
}
#font-sizer .i-fontsize3{ height: 11px; }

/* Socialbar
------------------------------------------ */
/*
.socialbar{
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}
*/
.socialbar {
    text-align: left;
}
.socialbar .facebook{ margin-top: -2px; }
/* Article content
------------------------------------------ */
#article-content{ line-height: 1.3; }
#article-content h2,
#article-content p{
	margin-bottom: 17px;
}
#article-content p{
	font-size: 1.17em;
	line-height: 1.3;
	text-align: justify;
}
#article-content p a{ color: #05B; }
#article-content p a:hover{ text-decoration: underline; }

#article-content.size1{ font-size: 1.3em; }
#article-content.size2{ font-size: 1.6em; }

#article-content .box{
	padding: 0;
	margin-bottom: 15px;
	border-bottom: 0;
}
#article-content .box:hover{ background: none; }

#article-content object,
#article-content embed{
	max-width: 300px;
}
#article-content .embed_external_media{margin-bottom: 15px;}

/* Article nav
------------------------------------------ */
#article-nav{
	margin: 0;
	list-style: none;
}
#article-nav li{ width: 45%; }
#article-nav a{ color: #35B; }
#article-nav .prev{ float: left; }
#article-nav .next{
	float: right;
	text-align: right;
}
#article-nav .next .ico{ margin: 0 0 0 3px; }

/* Article related
------------------------------------------ */
#inscription-alerte-info{ width: 210px; }
.ajout-commentaire .b-title{
	/* padding: 0 0 10px; */
	border-bottom: 0;
}

/*----------------------------------------*/
/*+++++++++++ New Style ++++++++++++++++++
-----------------------------------------*/

#article-new-wrapper {
	padding:0;
	background-color: #FFFFFF;
}
.col-main #article-new-wrapper { background: none; }

#article-new-wrapper #article-body{
	float: left;
	width: 475px;
	border-right:1px solid #E4EFEF;
	padding-right:15px;
}

* html #article-new-wrapper #article-body{ overflow: hidden; }
* + html #article-new-wrapper #article-body{ overflow: hidden; }
#article-new-wrapper #article-related {
	float: right;
	width: 170px;
}
#article-new-wrapper #article-related .list li:hover{ background: none; }
#article-new-wrapper #article-related .node .list span {
	display:block;
	margin-left:18px;
	padding:1px 0 10px;
}
#article-new-wrapper .ajout-commentaire .b-title {
	border-bottom:0 none;
	padding: 1px 0 0;
	margin: 0 0 10px;
}

#article-new-wrapper #article-header { padding:15px 15px 0 15px; }
#article-new-wrapper #article-header ol,
#article-new-wrapper #article-header ul {
	list-style:none outside none;
	margin: 0 0 15px;
}
#article-new-wrapper #article-header ul { display: block; }
#article-new-wrapper #article-header li { display: inline; }
#article-new-wrapper #article-header li a {
	color: #048;
	font-size: 12px;
}
#article-new-wrapper #article-infos { 
	margin:0 15px 15px; 
	padding-bottom: 0;
}
#article-new-wrapper .node { padding:0 15px 0 15px; }
#article-new-wrapper p.more {
	text-align:right;
	padding: 0 15px;
}
#article-new-wrapper .visual,
#article-new-wrapper .node,
#article-new-wrapper .visual .legend { margin-bottom:0; }
#article-new-wrapper #article-content {
	margin-top:15px;
	padding-left: 15px;
}
/* #article-new-wrapper #article-related .node { border-bottom:1px solid #E4EFEF; } */
#article-new-wrapper #article-related .b-title{
    margin: 0 0 10px;
}
#article-new-wrapper #article-related .node p { line-height: 1.4em; }
#article-new-wrapper .visual .more img { display: inline; }
#article-new-wrapper .visual .more { text-align: left; }
#article-new-wrapper #article-related .ad-partenaire{
	padding-top: 0px;
	padding-bottom: 0px;
}
#article-new-wrapper #article-related .ad-partenaire p strong { display: block; }
#article-new-wrapper #article-related .baseline a { color: #666; }
#article-new-wrapper #article-infos #article-tools {
	bottom: auto;
    padding: 10px 0 0;
    position: static;
    width: 100%;
}

#article-new-wrapper #article-related #toolbar li { padding-right:2px; }
#article-new-wrapper #article-tools .socialbar { width: 100%; }
#article-new-wrapper #article-tools {
	position: static;
	text-align: left;
	padding: 10px;
	width: 641px;
}
#article-new-wrapper #article-body .b-poll {
	border-bottom: 1px solid #E4EFEF;
	padding-bottom: 10px;
}
#article-new-wrapper #article-body #article-tools {
	position: relative ;
	left: 0;
	top:0;
	padding:15px 0 15px 0;
}
#article-new-wrapper #article-related > :first-child { padding: 0 10px 10px; }
#article-new-wrapper #article-related > :first-child .i-comments { margin-right: 0; }
#article-new-wrapper .node .legend span { color: #666; }
#article-new-wrapper #article-content object,
#article-new-wrapper #article-content embed{ max-width: 460px; }
#article-new-wrapper .embed { padding:0 0 15px 0; }

/* Photo dans le contenu de l'article */
#article-new-wrapper #article-content .visual{
	padding: 0;
	margin-bottom: 17px;
}
#article-new-wrapper #article-content .visual .legend{
	font-size: 11px;
	line-height: 1.2;
	text-align: left;
}
#article-content .photo-left{
	float: left;
	margin-right: 17px;
}
#article-content .photo-center{
	margin-left: auto;
	margin-right: auto;
}
#article-content .photo-right{
	float: right;
	margin-left: 17px;
}

/* Ad-partenaire */
.col-main .ad-partenaire p{ padding: 0 15px; }
.col-main .ad-partenaire .b-title{ padding: 1px 0 0; }
.col-main .ad-partenaire a img{ padding-left: 15px; }

/* Comment-link */
#article-content .comment-link {
    font-size: 10px;
    text-align: right;
}
#article-content .comment-link a { 
	text-decoration: underline;
	margin-right: 4px; 
}
#article-content .comment-link .i-comments{ margin-right: 0; }