/* Custom content-slider */

div.content-slider {
  background-color: #000;
  /* background-image: url("/images/bg_visuels_articles.jpg.jpg");*/ 
}

div.content-slider div.content-slider-window {
  padding: 10px 0;
  overflow: hidden;
  width: 644px;
  height: 270px;  
}

div.content-slider div.content-slider-paging {
  background: #000;
  height: 55px;
  width: 100%;
  border-top: 1px solid #ccc;
}

div.content-slider .content-slider-paging a {
  float: left;
  display: block;
  margin: 10px 5px;
  height: 30px;
  width: 30px;
  padding: 2px;
  border: 1px solid #ccc;
  opacity: 0.4;
}

div.content-slider .content-slider-paging a.active {
  opacity: 1;
}

div.content-slider .content-slider-paging img {
  width: 30px;
  height: 30px;
  border: none;
}

.content-slider div.paging {
  margin: 0;
}


/* Article-content */

div#article {
	float:left;
	width:100%;
}
div#article h2 {
	font-size:11px;
}
div#article h2 a {
	font-size:11px;	
	color:#000;	
	text-decoration:none;
}
div#article h2 a:hover {
	text-decoration:underline;	
}
div#article h1 {
	font-size:22px;	
}
div#article div.image {
	float:left;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	width:100%;
	padding:10px 0;
	text-align:center;
	background-color:#25262a; 
	overflow:hidden;
}
div#article div.date {
	font-size:12px;
	color:#666;	
}
div#article div.date p {
	padding:0; margin:0;
	float:left;	
	display:inline;
}
div#article div.date p a {
	float:left;	
	display:inline;
	color:#666;
}
div#article div.date p a div.auteur_icon {
	display:inline;
	float:left;
	background-image:url("/images/icons_article.png");
	background-position:-1px 0;	
	width:15px;
	height:15px;
	padding:0; margin:0;
}
div#article div.date p a:hover {
	color:#000;	
}
div#article div.date p a:hover div.auteur_icon {
	background-position:-1px -15px;	
}
div#article div.chapo {
	float:left;
	border-top:solid 1px #CCC;
	width:100%;
	padding:5px 0;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
div#article div.content_art {
	float:left;
	width:100%;	
	margin:5px 0 20px 0;
	border-bottom:1px solid #CCCCCC;
}
div#article div.content_art div.text {
	float:left;
	font-size:12px;
	width:100%;
}
div#article div.content_art div.text p {
	padding:10px 0;	
	text-align: justify; 
}
div#article div.content_art div.text p a {
	color:#000;
}
div#article div.content_art div.text p a:hover {
	text-decoration:none;
}
div#article div.content_art div.other_infos {
	float:left;
	width:225px;
	margin-left:10px;
	background-color:#CCC;
	height:200px;
}
div#navImages {
	float:left;
	width:100%;
	padding:7px 0 5px 0;
	background-color:#18191d;
	overflow:hidden;
}
div#navImages ul {
	list-style:none;
	padding:0; margin:0;
	float:left;
	position:relative;
}
div#navImages ul li {
	display:inline;
	padding:5px; margin:0;
	float:left;
}
div#navImages ul li a {
	border:solid 1px #484e5a;
	padding:2px;
	float:left;
}
div#navImages ul li a img {
	width:30px;
	height:30px;
	border:0;
	opacity:0.2;
}
div#navImages ul li.sel a {
	border:solid 1px #d6dae3;
}
div#navImages ul li.sel a img {
	border:0;
	opacity:1;
}
div.mainbox_content ul li {
	float:left;
	height:22px;
}
div.mainbox_content ul li img {
	float:left;	
	border:0;
	padding-right:5px;
}
div.mainbox_content ul li a {
	float:left;
	padding:2px 0 0 0;
	text-decoration:none;
	height:20px;
	width:270px;
}
div.mainbox_content ul li a h4 {
	color:#FFF;
	font-size:12px;
	float:left;
	width:200px;
}
div.mainbox_content ul li a:hover h4 {
	text-decoration:underline;
}
/* Sharing */
div#article div#share {
	float:right;
}
div#article div#share ul {
	float:left;
	list-style:none;
	padding:0; margin:0;
}
div#article div#share ul li {
	display:inline;
	float:left;
}
div#article div#share ul li a {
	float:left;
	display:inline;
	background-image:url("/images/icons_article.png");
	float:left;
	width:15px;
	height:15px;
	overflow:hidden;
	text-indent:-5000em;
	margin:0 2px;
}
div#article div#share ul li.sh_rss a {
	background-position:-17px 0;
}
div#article div#share ul li.sh_rss a:hover {
	background-position:-17px -15px;
}
div#article div#share ul li.sh_facebook a {
	background-position:-33px 0;
}
div#article div#share ul li.sh_facebook a:hover {
	background-position:-33px -15px;
}
div#article div#share ul li.sh_twitter a {
	background-position:-49px 0;
}
div#article div#share ul li.sh_twitter a:hover {
	background-position:-49px -15px;
}
div#article div#share ul li.sh_comm a {
	background-position:-81px 0;
}
div#article div#share ul li.sh_comm a:hover {
	background-position:-81px -15px;
}
div#article div#share div.sh_stm {
	float:left;	
	padding:0 10px 0 0;
}
div#article div#share div.sh_stm div.sh_stm_icon {
	background-image:url("/images/icons_article.png");
	float:left;
	background-position:-65px 0;
	height:15px;
	text-decoration:none;
	font-size:12px;
	color:#000;
	width:15px;
	margin:0 2px 0 0;
}
div#article div#share div.sh_stm a {
	float:left;
	color:#666;
	font-size:11px;
	text-decoration:none;	
}
div#article div#share div.sh_stm a:hover {
	text-decoration:underline;
}


/* Commentaires */
div.article_commentaire {
	float:left;
	width:645px;
}
div.article_commentaire div.ac_head {
	float:left;
	background-image:url("/images/bg_comms.png");
	width:100%;
}
div.article_commentaire div.ac_head div.ac_hcount {
	float:left;
	background-image:url("/images/commbulle.png");
	width:112px;
	height:27px;
	font-size:12px;
	padding:10px 0;
	text-align:center;
}
div.article_commentaire div.ac_head div.ac_nav {
	font-size:12px;
	text-align:center;
}
div.article_commentaire div.ac_head {
	float:left;	
}
div.article_commentaire div.ac_head div.ac_nav {
	float:left;
	width:421px;
}
div.article_commentaire div.ac_head div.ac_btn {
	float:right;	
	padding:3px 4px 0 0;
	width:60px;
}
div.article_commentaire div.ac_head div.ac_btn a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
div.article_commentaire div.ac_head div.ac_btn a:hover {
	text-decoration:underline;
}
div.article_commentaire div.ac_comments {
	border-right:solid 1px #afc2e0;
	border-left:solid 1px #afc2e0;
	border-bottom:solid 1px #afc2e0;
	float:left;
	width:643px;
}
div.article_commentaire div.ac_comments div#boxreaction {
	float:left;
	width:623px;
	padding:10px;
	background-color:#5A749C;
	color:#FFF;
}
div.article_commentaire div.ac_comments div#boxreaction div.boxreact_head {
	float:left;
	width:100%;	
	
	position:relative;
}
div.article_commentaire div.ac_comments div#boxreaction div.boxreact_head div.boxreact_icon {
	position:absolute;
	width:26px;
	height:20px;
	left:0;
	background-image:url("/images/writeCommentIcon.png");	
}
div.article_commentaire div.ac_comments div#boxreaction div.boxreact_head h4 {
	float:left;
	width:593px;
	font-size:18px;
	font-weight:bold;	
	border-bottom:solid 1px #FFF;
	padding:0 0 2px 30px;
	margin:2px 0 5px 0;
}
div.article_commentaire div.ac_comments div.ac_comment {
	float:left;
	width:623px;
	border-bottom:dotted 1px #afc2e0;
	padding:10px;
}
div.article_commentaire div.ac_comments div.color2 {
	background-color:#edf4ff;
}
div.article_commentaire div.ac_comments div.ac_comment div.acc_from {
	float:left;
	width:100%;
	font-size:12px;
	color:#666;
}
div.article_commentaire div.ac_comments div.ac_comment div.acc_texte {
	float:left;	
	width:100%;
	font-size:12px;
}

div.article_commentaire div.ac_comments div.ac_comment div.acc_from a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
div.ac_commpost {
  padding:10px;
  margin-top:10px;
  float:left;
  width:603px;
  background-color:#dbe7fa;
}


div.ac_commpost label {
  font-size:16px;
  font-weight:bold;
  color:#5a749c;
}

div.ac_commpost input {
  margin-left: 10px;
}

div.ac_commpost input.textfield {
  width: 250px;
  height: 20px;
}

div.ac_commpost textarea {
  border: solid 2px #afc2e0;
  padding: 5px;
  margin: 0 10px 10px 10px;
  width: 570px;
  height: 90px;
  font-size: 16px;
  font-family: arial;
}

div#form-error {
  margin: 10px;
  width: 570px;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  background: #93021F;
  color: #fff;
}

div#author-infos {
  width: 265px;
  float:left;
  margin-right: 10px;
}

div#recaptcha_area {
  float:left;
}

div#comment-body {
  padding-top: 5px;
  clear: both;
}

div#comment-submit label {
  font-style: italic;
  font-size: 12px;
}

div#comment-submit input.submit {
	border:solid 2px #afc2e0;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	background-color:#edf3fd;
	padding:5px;
	margin-top: 10px;
	font-weight:bold;
	font-size:12px;
	font-family:arial;
}

/* Sons */
div#content_songs {
	margin:10px 0;
	background-color:#d5d5d5;
	float:left;
	width:635px;
	position:relative;
	padding:5px;
}
div#content_songs div.content_songs_head {
	float:left;
	width:100%;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#838383;
}
div#content_songs ul {
	float:left;
	width:100%;
	list-style:none;
}
div#content_songs ul li {
	float:left;
}
div#content_songs ul li div.csg_song {
	padding:2px 0 2px 20px;
	width:625px;
}
div#content_songs ul li div.csg_song a {
	font-size:14px;
	color:#545454;
	background-image:url("/images/btn_play.jpg");
	background-repeat:no-repeat;
	padding-left:20px;
}
div#content_songs ul li div.csg_song a:hover {
	text-decoration:none;
}