/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 31, 2011 */


@font-face {
    font-family: 'KingRegular';
    src: url('kin668-webfont.eot');
    src: url('kin668-webfont.eot?iefix') format('eot'),
         url('kin668-webfont.woff') format('woff'),
         url('kin668-webfont.ttf') format('truetype'),
         url('kin668-webfont.svg#webfontCyClLIXh') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KingRegular';
    src: url('kin668-webfont.eot');
    src: url('kin668-webfont.eot?iefix') format('eot'),
         url('kin668-webfont.woff') format('woff'),
         url('kin668-webfont.ttf') format('truetype'),
         url('kin668-webfont.svg#webfontCyClLIXh') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CooperBlackRegular';
    src: url('coopbl-webfont.eot');
    src: url('coopbl-webfont.eot?#iefix') format('eot'),
         url('coopbl-webfont.woff') format('woff'),
         url('coopbl-webfont.ttf') format('truetype'),
         url('coopbl-webfont.svg#webfontH8Is60fy') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ImprintMTShadowRegular';
    src: url('imprisha-webfont.eot');
    src: url('imprisha-webfont.eot?#iefix') format('eot'),
         url('imprisha-webfont.woff') format('woff'),
         url('imprisha-webfont.ttf') format('truetype'),
         url('imprisha-webfont.svg#webfont7ZRNSbf9') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BellMTBold';
    src: url('bell_mt_bold-webfont.eot');
    src: url('bell_mt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bell_mt_bold-webfont.woff') format('woff'),
         url('bell_mt_bold-webfont.ttf') format('truetype'),
         url('bell_mt_bold-webfont.svg#BellMTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	line-height: 1;
	background: #000;
}

a, a:visited{
	/*color: #ddab3c;*/
 	text-decoration : none;
}

/* =========== */
/* ! CLASSES   */
/* =========== */

.left{float: left}
.clear{clear: both}
.mbottom30{margin-bottom: 30px}
.mright30{margin-right: 30px}
.mright20{margin-right: 20px}
#main{
	width: 960px;
	height: 768px;
	margin: 50px auto 0 auto;*/
}

/* ========== */
/* ! HEADER   */
/* ========== */

.header{
text-align: center;
}

#logo{
margin-bottom: 20px
}

#content{
padding: 10px 30px;
}

#content ul li{
text-align: center;
display: block;
width: 170px;
height: 170px;
margin: 0 10px 10px 0;
float: left;
cursor: pointer;
}

#content ul li{
display: block;
}

#content ul li span.over{
display: none;
}

span.over{
display: none;
}

/* ======== */
/* ! NEWS   */
/* ======== */

#news{
width: 800px;
margin: 0 auto;
display: none;
padding: 15px 30px;
}

#news .evenement{
/* HEG DEL height: 35px;
line-height: 35px; */

height: 25px;
line-height: 25px;

border-bottom: 1px dashed #E7E7E7;
}

#news .evenement .jour{
margin-right: 50px;
color: #ddab3c;
font-family: "BellMTBold", arial, sans-serif;
font-weight: bold
}
#news .evenement .evenement-info{
font-family: "BellMTBold", arial, sans-serif;
font-weight: bold
}

#news .header img {
margin-left: 120px;
}

#newsContent img{
margin-right: 40px;
margin-top: 20px
}

.newsText{
height: 360px;
width: 405px;
font-family: arial, sans-serif;
font-size: 13px;
line-height: 20px;
color: #343434
}

#newsContent{
height: 500px;
background: #FFF;
border: 3px solid #ddab3c;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;
padding: 0 40px;
margin: 10px 0;
}

/* ======= */
/* ! BIO   */
/* ======= */

#bio{
width: 800px;
margin: 0 auto;
display: none;
padding: 15px 30px;
}



#bioContent{
height: 500px;
background: #FFF;
border: 3px solid #ddab3c;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;
padding: 0 40px;
margin: 10px 0;
/*behavior:url(border-radius.htc);*/
}


.content p{
margin: 20px 0;
}

.content h2{
font-size: 20px;
margin: 20px 0 20px 0;
font-family: "KingRegular", arial, sans-serif;
}

.contenuText{
height: 100px;
width: 725px;
font-family: "BellMTBold",arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #343434
}
.contenuTextBio{
font-family: "BellMTBold",arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #343434
}
 
.closeBtn{
position: absolute;
bottom: 10px;
right: 10px;
}

.closeBtn a, .closeBtn a:visited{
color: #FFF;
}

.closeBtn a:hover{
color: #ddab3c;
}

.lienZikos{
font-family: "CooperBlackRegular", arial, sans-serif;
font-weight: bold;
margin-top: 20px;
font-size: 14px;
position: absolute;
bottom: 10px;
}

.lienZikos img{
margin-top: -15px;
}
.bioparcours img{
margin-top: -15px;
}

.lienZikos span.zikos{
display: block;
width: 140px;
float: left;
margin-top: -5px;
vertical-align: middle;
}
.lienZikos span.parcours{
display: block;
width: 130px;
float: left;
margin-top: 0px;
vertical-align: middle;
font-size: 14px;
}

.lienZikos a, .lienZikos:visited{
color: #333;
}

.lienZikos a:hover{
color: #ddab3c;
}

/* ======= */
/* ! PARCOURS   */
/* ======= */
#parcours{
width: 800px;
margin: 0 auto;
display: none;
padding: 15px 30px;
}

#parcoursContent{
height: 500px;
background: #FFF;
border: 3px solid #ddab3c;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;
/*behavior:url(border-radius.htc);*/
}

#parcoursContent .contenuText{
height: 400px;
width: 725px;
font-family: arial, sans-serif;
font-size: 13px;
line-height: 20px;
color: #343434;

font-family: "BellMTBold",arial, sans-serif;
}

/* ========== */
/* ! PHOTOS   */
/* ========== */

#photos{
width: 800px;
margin: 0 auto;
display: none;
padding: 15px 30px;
position: relative;
}

#carrousel{
margin: 30px auto 0 auto;
width: 600px;
height: 500px;
overflow: hidden;

}

#photos a.closePhotos, #photos a.closePhotos:visited{
color: #FFF;
text-decoration: none;
position: absolute;
right: 140px;
bottom: -60px;
font-size: 14px;
}

#photos a.closePhotos:hover{
color :#ddab3c;
}

#photos #next, #photos #previous{
position: absolute;
cursor: pointer;
}

#photos #previous{
top: 430px;
left: 0px
}

#photos #next{
top: 430px;
right: 0px;
}

#carrousel hr{
height: 5px;
background: #FFF;
margin: 5px 0;
border: 0;
color: #FFF;
}

#carrousel .title{
font-size: 13px;
letter-spacing: 2px;
width: 580px;
text-transform: uppercase;
}

#carrousel #slide-contener{
width: 11000px;
}

#carrousel #slide-contener .slide{
top:10px;
width: 600px;
float: left;
}

#carrousel #slide-contener .slide .text-droite{
float:left;
width: 290px;
padding-top:35px
}

#carrousel #slide-contener .slide .text-droite-div{
float:left;
width: 290px;
}

#carrousel #slide-contener .slide .text-droite-div .div-vert{
height:170px;
height: 165px;
margin-top: 25px;
}

#carrousel #slide-contener .slide .image-gauche{
float:left;
width: 290px;
}

#carrousel #slide-contener .slide .texte-visu{
bottom: 0;
}
#carrousel .visu{
text-align: center;
}

#carrousel .visu img.fullwidth{
margin: auto;
}

#carrousel .text-left{text-align: left;}

#design {
	text-transform:uppercase;
	color: #FFFFFF;
	/*text-align:right;*/
	font-size:11px;
	font-family:arial, sans-serif;
}
#design a, #design:visited{
	text-transform:uppercase;
	color: #FFFFFF;
	/*text-align:right;*/
	text-decoration: none;
	font-size:11px;
	font-family:arial, sans-serif;
}
#design a:hover{
	text-transform:uppercase;
	color: #FFFFFF;
	/*text-align:right;*/
	text-decoration:underline;
	font-size:11px;
	font-family:arial, sans-serif;
}


#links {
	color: #FFFFFF;
}

#links a, #links:visited{
	color: #FFFFFF;
	font-size: 13px;
	font-family: "CooperBlackRegular", arial, sans-serif;
	text-decoration: none;
}

#links a:hover{
	color: #ddab3c;
	font-size: 13px;
	font-family: "CooperBlackRegular", arial, sans-serif;
	text-decoration: none;
}

/* ======= */
/* ! VIDEO   */
/* ======= */

#video{
width: 800px;
margin: 0 auto;
display: none;
padding: 15px 30px;
}

#VideoContent{
height: 500px;
/*background: #FFF;
border: 3px solid #ddab3c;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;*/
position: relative;
padding: 0 40px;
margin: 10px 0;
/*behavior:url(border-radius.htc);*/
}

#video a.closeVideo, #photos a.closeVideo:visited{
color: #FFF;
text-decoration: none;
position: absolute;
right: 100px;
bottom: -22px;
font-size: 14px;
}

#video a.closeVideo:hover{
color :#ddab3c;
}


/* ========== */
/* ! TRACKS   */
/* ========== */

#tracks{
width: 800px;
margin: 0 auto;
display: none;
padding: 15px 30px;
position: relative;
}

#tracks .header img {
margin-left: 120px;
}

#fondradio {
	z-index:1;
}
#tracksContent{
height: 500px;
background: #FFF;
border: 3px solid #ddab3c;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;
/*behavior:url(border-radius.htc);*/
}

#tracks .closeTracks{
position: absolute;
bottom: -10px;
right: 120px;
}
#buttonTrack1 {
	position: absolute;
	top: 300px;
	left: 500px;
	z-index:100;
}
#buttonTrack2 {
	position: absolute;
	top: 330px;
	left: 500px;
	z-index:100;
}
.tracktxt {
	font-family: "BellMTBold", arial, sans-serif;
	height:26px;
	line-height:26px;
	vertical-align:top;
	font-size: 13px;	
}
#buttonTrack3 {
	position: absolute;
	top: 360px;
	left: 500px;
	z-index:100;
}

.BtnItunes{
position: relative;
bottom: 70px;
right: -350px;
}

/* ======= */
/* ! PRO   */
/* ======= */

#pro{
	width: 800px;
	margin: 0 auto;
	display: none;
	padding: 15px 30px;
}



#proContent{
	height: 500px;
	background: #FFF;
	border: 3px solid #ddab3c;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	padding: 0 15px;
	margin: 10px 0;
/*behavior:url(border-radius.htc);*/
}

#proBox{
	width: 150px;
	background: #FFF;
	/*border: 1px solid #ddab3c;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;*/
	position: relative;
}
.proPJ{
	top: 50%;
	width: 250px;
	height: 36px;
	text-align:right;
}

.protxt {
	font-family: "BellMTBold", arial, sans-serif;
	height:20px;
	line-height:20px;
	vertical-align:top;
	font-size: 14px;	
}

.proPJ a, .proPJ:visited{
	color: #ddab3c;
}

.proPJ a:hover{
	color: #333;
}
/* ======= */
/* ! CONTACT   */
/* ======= */

#contact{
	width: 800px;
	margin: 0 auto;
	display: none;
	padding: 15px 30px;
}

#ContactContent{
	height: 500px;
	background: #FFF;
	border: 3px solid #ddab3c;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	padding: 0 15px;
	margin: 10px 0;
	font-family: "BellMTBold", arial, sans-serif;	
/*behavior:url(border-radius.htc);*/
}

.ContactLeft {
	width:380px;
	float: left;
	margin-top:50px;
	text-align:center;
}
input[type=text]{
	width:220px;
}
textarea {
	width:220px;
}


.ContactRight {
	width:380px;
	float: left;
	margin-top:50px;
	text-align:center;
}

.contacttitle {
	text-align:center;
	color: #000000;
	font-size: 18px;
	font-family: "CooperBlackRegular", arial, sans-serif;
}
.contactlinks {
	margin-top: 20px;
	font-size: 14px;
	position: absolute;
	bottom: 50px;
	width:380px;
	text-align:center;
}

/* ======= */
/* ! CONTACT-SAVED  */
/* ======= */

#contact-saved{
	width: 800px;
	margin: 0 auto;
	display: none;
	padding: 15px 30px;
}

#Contact-savedContent {
	height: 500px;
	background: #FFF;
	border: 3px solid #ddab3c;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	padding: 0 15px;
	margin: 10px 0;
	font-family: "BellMTBold", arial, sans-serif;	
/*behavior:url(border-radius.htc);*/
}
.emailtxt a, .emailtxt:visited{
	color: #ddab3c;
}

.emailtxt a:hover{
	color: #333;
}

#automusic {
	position: absolute;
	top:120px;
	left:10px;
}