/*
Theme Name: Trance4life
Theme URI: http://wordpress.org/
Description: Thème du site musical trance4life
Version: 0.1
Author: PENE REMI
Tags: trance, dance, hardstyle, Goa

Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {margin :0 ; padding :0; font-family : Arial; border : none; outline: none; }

a {color : #fff; text-decoration :none;}
.block_pub{margin-top : 20px; height : 250px; }
.block_pub .lien_pink{color : #ff0891;font-size : 10px; padding-bottom : 10px; display : block; text-align : right;}
.block_pub h1{display : none;}
.contenu{ width : 900px ;margin : auto;}
body {background : url('http://img.extragency.fr/trance4life/bg.gif'); } 
.block_header { background : url(http://img.extragency.fr/trance4life/header_trance4life.jpg) no-repeat ; display : block; width : 900px; height : 290px;}

.recherche{color  : #E77FFF; position : relative ;  top :125px;  float : left;  left : 510px; font-variant : small-caps;}
.recherche input{background-color : #50032D ; border-top :solid 1px #FF0896; border-bottom :solid 1px #8F0049; color : #FF4FB1; padding :3px;}
.recherche #searchsubmit{color : #fff; font-variant : small-caps; }
.block_footer { background : url(http://img.extragency.fr/trance4life/footer.jpg) no-repeat ; display : block; width : 900px; height : 290px;margin-top: 15px;}
.block_footer img {border : none; top :55px; position : relative; margin-left: 19px; color : #fff}
.block_footer a {font-size : 11px; float :left; }
.block_footer .pad {padding-left : 30px;}
.block_footer .lien{ position : relative; top : 70px;  float : left;  left : 400px; margin-right : 20px;}
.block_footer .lien_pink{color :#ff0891;}

.block_mix h2 {min-height: 40px; padding-bottom : 10px; padding-top : 15px; padding-left : 50px; background : url(http://img.extragency.fr/trance4life/title.gif) no-repeat ;   font-family : times ; font-size :16px; color : #c4abcb; text-transform : uppercase;}
.sondage{ color :#fff; font-size : 9px; text-align :center; }
.sondage .combo{height : 60px;}
.sondage .combo p{  color :#fff; font-size : 11px;  padding-bottom : 7px;padding-top : 3px; float :left; display : block; width : 48%;border-top :dotted 1px #8F0049}

.sondage .combo h2{color : #FF0891; padding-bottom : 7px;padding-top : 7px; font-size : 13px; border-top :dotted 1px #8F0049;border-left :dotted 1px #8F0049; width : 48%;float :left; display : block;}

.precsuiv {padding-left : 70px; height : 50px;}
.precsuiv a {float : left;}
.precsuiv  img{padding-right : 20px;}

.centre .block_menu {width : 240px; float :left;  margin-right : 15px;}
.centre .block_menu h1{ display :none;  min-height: 40px;}
.centre .block_menu li{font-size : 11px; color : #fff; list-style : none; margin-left : 30px; margin-top : 15px;}
.spacer {clear : both;}
.email{ background-color : #4e2052; border : solid 1px #713874; color :#fff; font-size : 10px width : 150px; height : 20px; position : relative; top : 50px ; left :20px;}
.btn_inscription {background : url(http://img.extragency.fr/trance4life/btn_ok.gif) no-repeat ; height : 40px; font-size : 1px; width :40px; left :180px; position : relative; top :30px;}
.btn_desinscription{display:none;}

.centre .block_nouveautes{width : 295px; float:left;}
.centre .block_nouveautes .compil_item{background : url(http://img.extragency.fr/trance4life/bg_compil.jpg) no-repeat ;height : 114px; width : 293px; margin-bottom : 7px;}
.centre .block_nouveautes .compil_item .titre {float : left; width : 70%; color : #c4abcb; font-size :11px ; margin-top : 15px;}
.centre .block_nouveautes .compil_item .titre img{padding-top :0px;}
.centre .block_nouveautes .compil_item .titre h2{ font-size :11px ; color : #fff; min-height: 40px;}
.centre .block_nouveautes .compil_item .genre_3  {margin-right : 10px;margin-left : 6px;width : 60px; height :60px; float : left; background : url(http://img.extragency.fr/trance4life/ico_trance.gif) no-repeat ; eight :60px;}
.centre .block_nouveautes .compil_item .genre_4  {margin-right : 10px;margin-left : 6px;width : 60px; height :60px; float : left; background : url(http://img.extragency.fr/trance4life/ico_vocal.gif) no-repeat ; eight :60px;}
.centre .block_nouveautes .compil_item .genre_5  {margin-right : 10px;margin-left : 6px;width : 60px; height :60px; float : left; background : url(http://img.extragency.fr/trance4life/ico_hardstyle.gif) no-repeat ; eight :60px;}
.centre .block_nouveautes .compil_item .genre_6  {margin-right : 10px;margin-left : 6px;width : 60px; height :60px; float : left; background : url(http://img.extragency.fr/trance4life/ico_goa.gif) no-repeat ; eight :60px;}
h1 {min-height: 40px; padding-top : 15px; padding-left : 50px; background : url(http://img.extragency.fr/trance4life/title.gif) no-repeat ;  font-family : times ; font-size :16px; color : #c4abcb; text-transform : uppercase;}

.centre .block_search {width : 335px;  float:left; margin-right : 15px; color :#c4abcb; font-size :12px; }

.centre .block_search .blocus{height :60px; border-top:1px dotted #8F0049;border-left:1px dotted #8F0049;padding :10px;margin-bottom : 20px;}
.centre .block_edito a{font-weight:bold;}
.centre .block_edito .artikle {margin-bottom :20px;}
.centre .block_edito .artikle .globalite {height : 45px;}
.centre .block_edito .artikle .globalite .date_article{ font-size : 15px; background-color : #491D4F; padding :5px ;width :85px; color : #E77FFF; float : left; font-weight :bold;}
.centre .block_edito .artikle .globalite .partager{ font-size : 14px;  padding :5px ;width :185px; color : #E77FFF; float : right; font-variant : small-caps; margin-left : 5px;}
.centre .block_edito .artikle .globalite .partager img{display :in-line;} 
.centre .block_edito {width : 335px;  float:left; margin-right : 15px; color :#c4abcb; font-size :12px; }
.centre .block_edito p{line-height :24px;padding-bottom : 10px; font-size : 12px; padding-top : 10px; font-family : arial; }
.centre .block_edito p:first-letter{font-size : 25px; color :#CE00FD;font-family : georgia;}
.centre .block_edito .artikle h2{min-height: 40px; padding-bottom : 10px; padding-top : 15px; padding-left : 50px; background : url(http://img.extragency.fr/trance4life/title.gif) no-repeat ;   font-family : times ; font-size :16px; color : #c4abcb; text-transform : uppercase;}
.centre .block_newsletter{background : url(http://img.extragency.fr/trance4life/bg_news.jpg) no-repeat ; width : 218px; height :115px; margin : 20px 0 20px 0;}

.block_menu .menu_part{ display : inline; clear :both; }
.block_menu .lien_pink{color :#ff0891;}
.block_menu   .menu_part .linkcat h2 {padding-bottom : 10px; margin-bottom : 5px; font-size : 12px; color : #d000ff  ; font-weight : normal ;border-bottom : solid 1px #350b3b;}
.block_menu   .menu_part .linkcat li { height :10px; margin-left : 0px;}
.block_menu   .menu_part .linkcat ul{margin-bottom :35px;}
.block_header .retour{ height: 260px; width : 220px; position : absolute;}
.block_header a {font-size : 11px; float :left; padding: 25px 10px 20px 20px;}
.block_header .lien{ position : relative; top : 140px;  float : left;  left : 350px; margin-right : 20px; }
.block_header .lien_pink{color :#ff0891;}
.block_header .lien_pink2{background : url(http://img.extragency.fr/trance4life/rss-feed-trance-webradio.png) no-repeat ; height : 100px; background-position : 140px 0px; padding: 25px 100px 20px 20px;}
.block_header .slogan { width :680px; float : right; top : 60px; position : relative; }
.block_header .slogan h2{color : #8F0049; font-size : 24px; font-family : georgia; font-weight :normal; text-align : right; }

.centre .block_nouveautes  li{font-size : 11px; color : #fff; list-style : none; margin-left : 30px; margin-top : 15px;}

.centre .block_nouveautes .block_affiliation {color : #FFF; font-size :11px}
.centre .block_nouveautes .block_affiliation strong{color :pink ; padding-top : 10px; display : block; height:4px; border-top : dotted 1px pink; margin-top :5px;}
.centre .block_nouveautes .block_affiliation img { padding:15px;}
.centre .block_nouveautes .block_affiliation .shop { height :130px; color : #999; font-size : 11px; border-bottom : dotted 2px #350b3b; padding-bottom :10px;padding-top :10px; display :block;}
.centre .block_nouveautes .block_affiliation .shop p {  }
.centre .block_nouveautes .block_affiliation .shop img { margin-right : 6px; float : left; padding:15px;}

.centre .block_jour h1{min-height: 40px; padding-bottom : 10px; padding-top : 15px; padding-left : 50px; background : url(http://img.extragency.fr/trance4life/title.gif) no-repeat ;   font-family : times ; font-size :16px; color : #c4abcb; text-transform : uppercase;}
.centre .block_jour h3{font-size :11px ; color : #fff; min-height: 40px;}



.block_menu .menu_prince  li{font-size : 11px; color : #fff; list-style : none; margin-left : 10px; margin-top : 0px;}
#mix_trance1 { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/trance-uplifting-mixs-ecoute.gif) no-repeat ; width : 222px; height :52px; margin : 0px; padding :0px;}
#mix_trance2 { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/vocal-trance-mixs-ecoute.gif) no-repeat ; width : 222px; height :52px; margin : 0px; padding :0px;}
#mix_trance3 { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/hardstyle-mixs-ecoute.gif) no-repeat ; width : 222px; height :52px; margin : 0px; padding :0px;}
#mix_trance4 { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/goa-psyche-trance-ecoute.gif) no-repeat ; width : 222px; height :52px; margin : 0px; padding :0px;}
#mix_trance5 { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/creation-perso-trance-techno.gif) no-repeat ; width : 222px; height :52px; margin : 0px; padding :0px;}

#mix_trance1:hover { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/trance-uplifting-mixs-ecoute.gif) no-repeat ; width : 222px; height :52px; margin-left : 10px; padding :0px;}
#mix_trance2:hover { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/vocal-trance-mixs-ecoute.gif) no-repeat ; width : 222px; height :52px; margin-left : 10px; padding :0px;}
#mix_trance3:hover  { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/hardstyle-mixs-ecoute.gif) no-repeat ; width : 222px; height :52px; margin-left : 10px; padding :0px;}
#mix_trance4:hover { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/goa-psyche-trance-ecoute.gif) no-repeat ; width : 222px; height :52px; margin-left : 10px; padding :0px;}
#mix_trance5:hover { display: block; text-indent :-9999px; background : url(http://img.extragency.fr/trance4life/creation-perso-trance-techno.gif) no-repeat ; width : 222px; height :52px; margin-left : 10px; padding :0px;}










/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 300px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:4px 0 10px 0; 
	border:0px solid #adadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	background:none; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 


padding-bottom : 10px; padding-top : 15px; padding-left : 50px; background : url(http://img.extragency.fr/trance4life/title.gif) no-repeat ; height : 40px;  font-family : times ; font-size :16px; color : #c4abcb; text-transform : uppercase;


}

ol.cf-ol { 

	margin:0pt!important;
	padding:20px 0pt 0pt!important;
}
ol.cf-ol li	{
	background:none!important; 
	margin:0 10px!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
	font:normal 12px monospace; 
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	letter-spacing:2px;
	margin:6px 0pt !important;
	padding:3px 0; 
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:200px; 
	margin:0px 10px 0 0; 
	text-align:left;
	font-size: 10px;
	display:block;
	color:#E0E0E0;
	background:none;
	padding:2px;
	font:normal 12px monospace; 
}

label.cf-before {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 5px 0 0; 
}

label.cf-before span{
	width:200px; 
	display:block;
}

label.cf-after 	{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 2px 0 4px;
	width:110px;
	text-align:left;	
}

label.cf-after span {
	width:110px;
	display:block;
}

label.cf-group-after {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 6px 0 4px;
	width:105px;
	text-align:left;
}
label.cf-group-after span {
	width:105px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	margin:0 0 8px 0;
	padding:3px;
	background: #240a27; 
	border:none;
	border-top: 1px solid #d000ff; 
	vertical-align:top;
	font:normal 12px monospace;
	letter-spacing:1px;
	color:white;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#240a27; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#240a27; 
}

.cform textarea,
.cform input {
	width:300px; 
}
.cform select {
	width:300px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:6.5em; 
}

.cform textarea {
	font-family: monospace;
	font-size: 0.9em;
	height: 6em;
	overflow:auto;
}

.cform input.cf_date {
	width:300px;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	letter-spacing:2px;
	margin:12px 0pt 4px 10px!important;
	color:#240a27;
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:3px 0 0 0; 
	width:16px; 
	height:22px;
	border:none!important;
	background:none!important; 
}


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 12px 0; 
} 


/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	width:300px;
	font-size:9px;
	vertical-align:top;
	color:#240a27;
	text-align:right;
	margin:0;
	height:13px;
	line-height:13px;
	font:normal 10px monospace; 
}

.cform textarea.fldemail,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired {
	margin:0;
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 
	width:150px;  
	padding:5px; 
	margin: 5px 3px 4px 0pt;
	font-size:13px;
	background-color:#d000ff; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
	color:#240a27;
	font-size:14px;
}
.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}


/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 10px!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	padding:0 0 0 10px;
	margin:0;
	color:#240a27;
	display:inline-block;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}


/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.seccap {
	margin-top: 6px;
}

label.secq{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	width:auto;
	padding:2px 4px 2px 2px;
}
label.secq span {
	display:block!important;
	width:auto;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:196px;
	padding: 4px 4px;
	margin: 0 0 8px 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 8px 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:top;
	background:	url(captcha_reset_black.gif) no-repeat;
	margin:0pt 0pt 0px 3px;
	width:21px;
	height:21px;
	border:none!important;
}

img.imgcalendar {
	border:none!important;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#240a27;
	display:none;
	padding:10px 15px!important;
	width:300px;
	line-height:1.3em;
	margin:10px auto;
	font-family:monospace;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	background:#F9F9F9 none repeat scroll 0%;
	color:#AAAAAA;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #240a27;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:300px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

  
/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform legend { 

}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html ol.cf-ol 	{
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-bottom:9px!important;
}
*+html img.captcha	{
	margin-bottom:9px!important;
}

.dialog_test {
	display: none;
	font-size : 10px;
	width : 500px;
}
.ui-widget-content{	width : 500px;}