/* Generic style */
body { 
   /*background:black url(/wp-content/media/background/back_image.jpg) no-repeat fixed center center;*/
   font-size: 14px;
   font-family: helvetica, arial, sans-serif;
   height: 100%;
   padding-top: 20px;
   color: white;
}

html {height: 100%;background: transparent;}

em {font-style:italic;}
strong { font-weight: bold;}

h1 {color: white;}
.home_page h1 {font-weight: bold;}

#page { 
   width:940px; 
   position: relative;
   margin: 0 auto;
}

/* Style pour le menu */
#menu { font-size: 18px;height: 30px;line-height: 21px;}
#menu li, .col_contenu { 
   float: left; 
   width: 200px;
   padding:10px;
   margin-left: 20px;
}
#menu .active { font-size: 21px;}
#menu li { height:28px; padding-bottom:0;text-transform: uppercase;}
#menu .current-cat { /*pour la catégorie "nouvelles" active */
font-size:21px;
line-height:21px;
}
#menu #mnu_vincent_gagnon {
   font-weight: bold;
}
#menu li a {text-decoration:none;color:white;}

#mnu_projets, #col_projets {background: transparent url(images/menu/back_projets.png);}
#mnu_calendrier, #col_calendrier {background: transparent url(images/menu/back_calendrier.png);}
.cat-item-1, #mnu_nouvelles, #col_nouvelles {background: transparent url(images/menu/back_musique.png);} /*JN*/
#mnu_musique, #col_musique {background: transparent url(images/menu/back_musique.png);}
#mnu_vincent_gagnon, #col_vincent_gagnon {background: transparent url(images/menu/back_vincent_gagnon.png);}
#mnu_vincent_gagnon { font-weight: bold;}

/* style pour page.php */
#page_content h1 {font-size: 26px;margin-bottom: 25px;}
#page_content img {float:right;}


/* style footer */
#footer { padding-top: 20px;}
#photo_list li {margin-right: 20px;}
#photo_list-prev { cursor: pointer; background:transparent url(images/prev.png) no-repeat;width: 48px;height: 38px;float:left;margin:20px 0 0 20px;}
#photo_list-next { cursor: pointer; background:transparent url(images/next.png) no-repeat;width: 48px;height: 38px;float:left;margin-top:20px;}
.jcarousel-container-horizontal {width: 760px;margin-left: 26px;float:left;margin-bottom: 20px;}

/* Style pour la page principale */

/* Modif du menu sur la page d'accueil */
.home_page #menu {font-size: 21px; line-height: 21px; }
.home_page #menu .active {font-weight: normal;}
.home_page #mnu_musique {visibility: hidden;}

#projets {color: white;}
#projets a {text-decoration: none;color: white;}
#projets h2{font-weight: bold;}
#projets p {margin-bottom: 20px;}
#projets .active { 
   margin: 0 0 0 -10px;
   padding-left: 10px;
   background: transparent url(images/menu/back_calendrier.png);
}

#projets li {padding: 10px 10px 10px 0;}
.home_page #projets li { padding:10px;}
.home_page #projets { margin-top: -10px; }

#projets p {margin-bottom: 0;}

#projets li:hover { 
   margin: 0 0 0 -10px;
   padding-left: 10px;
   background: transparent url(images/menu/back_calendrier.png);
}

.home_page #projets li:hover { margin: 0; }

#album { width: 200px; height: 200px;}

.col_contenu { height: /*442px 550px*/ 500px;}
#col_musique { margin-top: -38px; height: /*588px*/ 538px;}

#where_to_buy li{
   width:40px;height:40px; background: black;
   float: left;
   margin: 10px 0 0 13px;
}

#where_to_buy a {
   display: block;
   width: 100%;
   height: 100%;
}

.fp_event { border-bottom: 1px solid white; 
   padding-bottom: 12px;
   margin-bottom: 10px;
   position: relative;
}
.fp_event ul{
   float: left;
   width: 56px;
   text-align: center;
   color: white;
}
/* Style pour les front page event (mais finalement ils sont partout, pas juste sur la front page) */
.fp_event .event_jour {font-size: 10px;}
.fp_event .event_date {font-size: 30px;}
.fp_event .event_mois {font-size: 9px; font-weight: bold; text-transform: uppercase;}
.fp_event .title a{ text-decoration: none;color:white;}
.fp_event .event_infos{float: left; text-transform: uppercase; color:white;font-size: 10px;margin-left:10px;}
.fp_event .facebook_link {
   display: block;
   position: absolute;
   bottom: 5px;
   right:0; 
   width: 20px; 
   height: 20px; 
   background: transparent url(images/facebook-icon.png) no-repeat; 
   text-indent: -5000em;
}
.fp_event .endroit {
   font-size: 10px; 
   text-transform: uppercase;
   margin-left: 66px;
   line-height: 14px;
}

/* Modification pour une liste de post (énènements) dans index.php */
.post_info .fp_event {border:0;padding-bottom: 20px;}
.post_info .fp_event .event_infos {width: 75%; margin-left: 0;}
.post_info .fp_event .facebook_link { bottom:0;}


#player object {margin-top: 20px;}

#nouvelles h2 {font-weight: bold;margin-top: 20px; text-transform: uppercase;}
#nouvelles li, #nouvelles p {float:left;}
#nouvelles a, #page_content a {text-decoration: none; color: white;}
#newsletter_txt_courriel, #wpsb_email {width: 175px; height: 20px;border:0;}
#newsletter_btn_soumettre, #wpsb_submit {width: 24px; height:20px;background:white;border:0;background:transparent url(images/enveloppe.png) no-repeat;margin-left: 1px ;}
#opt-in_mailing_list {clear: both;}
#wpsb_actions, .wpsb_form_label label {display:none;}

#col_vincent_gagnon strong {color: black;}
#slogan {color: black;}
/*#col_vincent_gagnon #post-9 p { display: inline;}*/
#social {margin: 10px 0;}
.links a, #fb_page, #myspace_page, a.article, #mail_to { 
   padding-left: 23px; 
   font-weight: normal;
   text-transform: uppercase;
   text-decoration: none;
   color: white;
   height: 22px;
   display: block;
   font-size: 10px;
   line-height: 23px;
}
#page_content .links a:hover {
	text-decoration: underline;
}
.links a { background: transparent url(images/web.png) no-repeat 0 center; }
#fb_page, .links .fb_page { background: transparent url(images/facebook-icon.png) no-repeat 0 center; }
#myspace_page, .links .myspace_page { background: transparent url(images/myspace_logo.png) no-repeat 0 center; }
#mail_to { background: transparent url(images/mailto.png) no-repeat 0 center; }
.article { background: transparent url(images/article.png) no-repeat 0 center; }

/* Style pour single.php and page.php*/
.content_post_nouvelles { background: transparent url(images/menu/back_musique.png);padding: 10px 10px 20px 10px;}
.content_post { background: transparent url(images/menu/back_calendrier.png);padding: 10px 10px 20px 10px;}
.content_page { background: transparent url(images/menu/back_projets.png);padding: 10px 10px 20px 10px;}
#event_list {float: left; width:210px; color: white;}
#event_list a { color: white; text-decoration:none;}
.event_Y {font-size: 20px;}
#calendar { width: 200px; float: left;margin-left: 30px;}
#post_content {width: 440px; float: left;margin-left: 40px;}
#page_content {width: 680px; float: left;margin-left: 30px;}
.entry h2 {margin-bottom: 10px;font-style:italic;font-size: 14px;}
.entry p {margin-bottom: 10px;}
.entry ul { margin-bottom: 10px;}
.entry ul li {list-style: disc inside none;}


/* Style pour index.php */
.post_list {padding-bottom: 10px;border-bottom: 1px solid white;}
.post_list a {color: white; font-size: 18px;}
.post_list .post_info {float: left;width: 210px; margin-right: 40px;}
.post_list .entry {width: 440px;padding-left: 250px;}
.post_list small { font-size: 14px;}

/* Style pour le recherche */
#s_cont div {float: left;}
#s {
   width: 175px; 
   height: 23px; 
   font-size: 12px;
   border:0;
}
#searchsubmit { 
   background: white url(images/search.png) no-repeat scroll center center; 
   height:23px; 
   width: 24px;
   margin-left: 1px;
   border:0;
}
/* Style pour le boutton des comentaires */
#submit {
   background: black;
   border :0;
   color: white;
   width: 60px;
   height: 23px;
   font-size: 12px;
}
#search { padding-bottom: 17px; }

/* Style pour les commentaires */
#comments {
   float:right;
   padding-top: 30px;
   color: white;
   width:680px;
}
#comments h3 { font-size: 26px; padding-bottom:18px; border-bottom: 1px solid white;}
#comments ol li {clear: both;border-bottom: 1px solid white;padding: 10px 0;}
#comments .author_name {display: block; font-size: 18px; text-transform: capitalize;}
#comment{ width:680px;height: 100px;border: 1px solid black;}
#leave_comment {padding-top: 37px;clear: both;}
.comment_info li {margin-bottom: 20px;}
.comment_info li { float:left;}
.comment_info li input { width:130px; height:17px; border:1px solid black;margin-right:25px;}
.comment_info li label{ font-size:14px; margin-right: 25px;}
#submit {width: 67px;}
.avatar, .signature, .comment_text {float: left;}
.avatar {margin-right: 20px;}
.signature {margin-right: 40px;width:130px; height: 64px;font-size: 14px;}
.comment_text {font-size: 14px;width: 425px;}

/* Style pour les sponsors */
#remerciment {text-align:right;}
#sponsors li { float: left; margin-right: 20px;height:35px;}
#sponsors #site_signature {float: right; margin-right:0; font-size: 9px;}
#copyright_text { width: 280px; font-size: 9px;padding-top: 8px;}

/* Fixes */
#menu .first, .col_contenu .first, #where_to_buy .first, .first { margin-left: 0;}
.clearer, #footer, .fp_event, #wp-calendar, #content, #player{ clear: both;}

/* Modifs demander par Laurent selon la page vincent_gagnon dans le wiki */
.title { margin-left: 66px; }
.fp_event .endroit { margin-top: 9px; }
.ec3_eventday a { color: #3f1a1a !important; }
.ec3_postday { padding-top: 3px; }
#wp-calendar caption { padding: 8px 0; }
.ec3_eventday:hover {background: white;}
#col_projets { padding: 10px 0; width: 220px;}
#page_content h1 {font-size: 26px;margin-bottom: 0;}
.entry h2 {margin-bottom: 20px; font-style:normal;}
#menu { font-size: 16px;height: 30px;line-height: 16px;}
#menu .active { font-size: 21px; line-height: 21px;}

/* Laurent s'amuse */
#wp-calendar table {
	border-spacing: 2px !important;
	border-collapse: separate !important;
}
#wp-calendar table thead {
	font-weight: bold;
}
.links { margin-top: 20px; }
.post-edit-link { float: right; }
#spon_cre { padding: 2px 0; }
#spon_effendi, #spon_forum { padding: 5px 0; }
#spon_quebec { padding: 4px 0; } 
#site_signature { padding-bottom: 8px; }
#site_signature img { margin: -1px 0; }

/* Ajout demandé par Vincent */
.content_post .hentry {margin-bottom: 40px;}

/* 
	Styles ajoutés par JN 
	À vérifier: les correction correspondante dans ie.css
*/


#col_nouvelles.col_contenu #nouvelles {
	margin-top: -20px;
}
#col_nouvelles.col_contenu #nouvelles .titre_1, #col_nouvelles.col_contenu #nouvelles .titre_2{
	width:100%;
	float:left;
	margin-top: 20px;
	padding: 10px 0;
}

#col_nouvelles.col_contenu #nouvelles h2 {
	margin-top: 10px;
	text-transform: none;
	padding-left: 34px;
	min-height: 34px;
	max-height: 75px;
	background: transparent url(images/icons_sprite.png) no-repeat 0 0;
}
#nouvelles p {
	padding: 10px 0 0;
}
#nouvelles .right {
	float:none;
	text-transform: uppercase;
	text-align: right;
	font-size: 0.8em;
}
#content.content_post_nouvelles #post_content {
	float: right;
	width: 680px;
	margin-left: 30px;
}
/*#content.content_post_nouvelles h2 {
	font-size: 26px;
	padding: 15px 0;	
}
#content.content_post_nouvelles h2.liste_nouvelles {
	font-size: 16px; 
	padding: 5px 0;
}*/
#content.content_post_nouvelles a {
	color: #FFF;
	text-decoration: none;
}
#post_content h1.post_title {font-size: 26px;margin-bottom: 0;}
#post_content .entry_border {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #FFFFFF;}
.entry p.date {
	font-style: normal;
	margin-bottom: 10px;
}
.entry p.date {
	font-size: 16px;
	margin-left: 4px;
}
/* commentaires */
#comments .avatar {}
.avatar_image {
	float: left;
}
.avatar_image .avatar {margin: 0 10px;}
.avatar_caption {margin: 5px auto 0; text-align: center; width:70px; line-height: 1.1em;}
#comments .avatar_caption .author_name {font-size: 14px; font-weight: bold;}
#comments ol li .comment_date li {border: none; padding:0; clear; none;}
.comment_date {
	float: left;
	width: 56px;
	text-align: center;
	margin: 2px 64px 2px 15px;
}
.comment_date .event_jour {
	font-size: 10px;
}
.comment_date .event_date {
	font-size: 30px;
}
.comment_date .event_mois {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
#comments .signature {
	width: 74px;
	margin: 0;
}
/* pour le player */
.header_player {
	background: transparent url(images/menu/back_projets.png);
	height:30px;
	margin: -20px 0 30px;
}
.player_inside {
	margin:0 auto;
	width:1000px;
}
li.track_info {
	float:left;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	width: 325px;
}
li.track_info span {
	padding: 0 10px;
}
li.track_info span.track_name {
	margin-left: 20px;
}
li.track_info span.time {
	float: right;
}
.ebatien_player .button {
	margin-top: 11px;
	margin-left: 21px;
}
#ebatien_unique_player.ebatien_player .timeline {
	clear:none;
	float: left;
	left: 30px;
	height: 10px;
	top: 9px;
	background: transparent;
	border: 2px solid white;
}
#ebatien_unique_player.ebatien_player .indicator {
	background: white;
	width: 15px;
}
#hover_track {
	position: absolute;
	width: 260px;
	height:30px;
	margin-left: 20px;
}
#hover_track:hover ul.sounds {
	left: auto;
}
ul.sounds { /* retravailler le menu déroulant pour les morceaux */
/*	display:none;  */
	background: url(images/menu/back_projets.png) black;
	position: absolute;
	width: 100%;
	top: 30px;
	left: -999em;
	z-index: 1000;
}
ul.sounds li {
	background: url(images/menu/back_projets.png);
	padding: 3px 14px 3px 10px;
}
ul.sounds li:hover {
	background: none;
}
ul.sounds li a.sound {
	color: white;
	text-decoration: none;
	font-size: 12px;
}
/* les liens sociaux dans le player */
.header_player #social {
	margin: 4px;
	margin-right: 18px;
	float:right;
}
.header_player .links a, .header_player #fb_page, 
.header_player #myspace_page, .header_player a.article,
.header_player #mail_to {
	float: left;
	padding: 0 18px;
}

/* à classer */
ul#where_to_buy {
	height: 60px;
}
#player .test-comments {
	padding: 10px 0;
}
#player .test-comments h2 {
	font-size: 18px;
	text-transform: uppercase;
	padding: 5px 0;
}
#player .test-comments a {
	color:white;
}