@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body{
font-size:80%;
font-family:"trebuchet MS", Verdana;
background:url(../img/bg7.png);
}

span.violet{
color:#8a1e4f;
}

a{
outline:none;
text-decoration:none;
color:#000000;
font-weight:bold;
}

a:hover{
text-decoration:underline;
/*color:#f1ba00;*/
}

.clearer{
clear:both;
line-height:0;
width:0;
height:0;
}

.center{
text-align:center;
margin-bottom:10px;
}

.contentGallery{
width:420px;
}

table.photoUpload{
float:left;
margin-right:10px;
margin-bottom:10px;
background:#FFFFFF;
border:1px solid #CCCCCC;
width:78px;
height:78px;
}

table.albumImg{
float:left;
margin-right:10px;
margin-bottom:10px;
background:#EEE;
border:1px solid #CCCCCC;
width:110px;
height:110px;
font-size:10px;
}

table.imgPartenaire{
float:left;
margin-right:50px;
margin-left:20px;
width:155px;
height:155px;
}


#superGlobal{
background:url(../img/ombrePortee.png) repeat-y;
width:918px;
margin:auto;
border-bottom:1px solid #666;
}

#global{
width:865px;
border-left:1px solid #666;
border-right:1px solid #666;
margin:auto;
background:url(../img/bgSite.png);
}

#header{
height:160px; 
padding-top:0px;
background:#FFF;
}

#header #changeLang{
text-align:right;
margin-right:10px;
}

#header #changeLang a:hover{
color:#f1ba00;
}

#header h1 a{ 
float:left; 
background:url(../img/logoCaraba.jpg) no-repeat; 
width:181px; 
height:135px;
margin-left:20px; 
text-indent:-9000px;
}

#header h2{ 
background:url(../img/header.png) no-repeat; 
width:557px; 
height:119px; 
text-indent:-9000px; 
margin-left:250px;
}

#header h2#titleEn{
background:url(../img/enteteEN.png) no-repeat;
}

#content{
background:url(../img/degradeSite.png) repeat-x;
}

#leftColumn{
float:left;
width:200px;
}

#menu{
background:url(../img/bgMenu.png) no-repeat;
width:187px;
padding-top:30px;
margin-left:10px;
height:216px;
}

#menu ul{
margin:0px 0px 0px 15px;
list-style:none;
font-weight:normal;
font-size:1.2em;
}

#menu ul li a{
color:#FFF;
height:24px;
display:block;
}

#menu ul li a:hover{
color:#000;
padding-left:20px;
background:url(../img/menuHover.png) no-repeat 0% 0%;
text-decoration:none;
}

#menu ul li a.selected{
color:#000;
padding-left:20px;
background:url(../img/menuHover.png) no-repeat 0% 0%;
text-decoration:none;
}

#breve{ 
width:178px;
margin-left:10px; 
font-size:0.9em; 
color:#FFFFFF;
}

.titleBreve{
text-decoration:underline;
padding-left:15px; 
font-weight:bold; 
background:url(../img/puceBlanche.gif) no-repeat 0% 50%;
}

.contentBreve a{
	color:#fbbd00;
}

#topBreve{ 
background:url(../img/topBreves.png) no-repeat; 
height:43px;
}

#centerBreve{ 
background:url(../img/repeatBreve.png) repeat-y; 
padding:0px 10px 0px 10px;
}

#bottomBrevefr{
background:url(../img/bottomBreves.png) no-repeat; 
height:52px;
}

#bottomBreveen{
background:url(../img/bottomBrevesEn.png) no-repeat; 
height:52px;
}

/********** CENTRE ******************/
#center{
margin-left:210px;
}




#center .artiste{
background:url(../img/bgArtiste24.png) no-repeat 100% 50%;
height:120px;
margin-bottom:30px;
width:500px;
margin:auto;
}

#center h2{
font-size:1.5em;
}

#center .artiste img{
float:left;
}


#center .artiste h3 a{
float:right;
display:block;
background:url(../img/grandePuce.png) no-repeat 90% 105%;
font-size:1.4em;
padding-right:50px;
padding-top:45px;
}

#center .artiste h3 a:hover{
text-decoration:none;
background:url(../img/grandePuceHover.png) no-repeat 90% 105%;
}

#center .artiste2{
background:url(../img/bgArtiste2-24.png) no-repeat 0% 50%;
height:120px;
width:500px;
margin:auto;
}

#traitArtist{
background-image:url(../img/trait.gif);
background-position:100% 0%;
background-repeat:repeat-y;
width:500px;
margin:auto;
}

#listArtist{
background-image:url(../img/trait.gif);
background-repeat:repeat-y;
}


#center .artiste2 img{
float:right;
}

#chapoArtiste{
width:350px;
text-align:justify;
margin:auto;
padding:0px 130px 0px 20px;
margin-bottom:10px;

}

#center .artiste2 h3 a{
padding-left:50px;
background:url(../img/grandePuce.png) no-repeat 9% 105%;
font-size:1.4em;
padding-top:45px;
float:left;
}

#center .artiste2 h3 a:hover{
text-decoration:none;
background:url(../img/grandePuceHover.png) no-repeat 9% 105%;
}


/****
*
* PAGE ARTIST ONE
*
*/
#traitArtistOne{
background-image:url(../img/trait.gif);
background-position:100% 0%;
margin-right:100px;
margin-left:30px;
background-repeat:repeat-y;
}

#listArtistOne{
background-image:url(../img/trait.gif);
background-repeat:repeat-y;
}

#center .artisteOne{
background-image:url(../img/bgArtiste2-24.png);
background-repeat:no-repeat;
background-position:0% 50%;
height:120px;
margin:auto;
}

#center .artisteOne h3{
padding-left:20px;
font-size:2em;
padding-top:45px;
float:left;
}

h3.listFormation{
padding-left:50px;
background:url(../img/grandePuce.png) no-repeat 9% 105%;
font-size:1.6em;
padding-top:45px;
float:left;
}

#infoArtist{
padding:0px 25px;
text-align:justify;
margin:auto;
margin-bottom:10px;
}

#infoArtist hr{
border:none;
height:30px;
}

p.siteArtist{
padding-top:90px;
padding-right:0px;
float:right;
padding-right:10px;
font-size:1.2em;
}

.floatRight{
float:right;
}


.titleArtist{
color:#8a204f;
font-weight:bold;
padding-left:10px;
height:20px;
width:415px;
background-repeat:no-repeat;
background-image:url(../img/bgTitre-24.png);
margin-bottom:10px;
}

p.space30{
height:30px;
}

.contenuAlbum{
width:80px;
margin-right:20px;
float:left;
height:140px;
font-size:0.8em;
}
.imgAlbum{ text-align:center;}
.titleAlbum{text-align:left; font-weight:bold;}
.formationAlbum{text-align:left;}

ul#listFormation{
margin-left:20px;
list-style:none;
width:300px;
}

ul#listFormation li a{
display:block;
height:25px;
font-size:1.1em;
padding-left:20px;
background:url(../img/puceFooter.gif) no-repeat 0% 20%;
}

ul#listFormation li a:hover{
text-decoration:none;
background:url(../img/puceFooterHover.gif) no-repeat 0% 20%;
}

#contentDisco{
width:450px;
}

/*************** FORMATION ONE *************************/

#player{
background-color:#66FF00;
width:450px;
height:100px;
}

#traitFormationOne{
background-image:url(../img/trait.gif);
background-position:100% 0%;
margin-right:130px;
margin-left:30px;
background-repeat:repeat-y;
}

#listFormationOne{
background-image:url(../img/trait.gif);
background-repeat:repeat-y;
}

#center .formationOne{
background-image:url(../img/bgFormation-24.png);
background-repeat:no-repeat;
background-position:0% 50%;
height:120px;
margin:auto;
}

#center .formationOne h3{
padding-left:20px;
font-size:1.5em;
padding-top:50px;
float:left;
}


#infoFormation{
padding:0px 25px;
text-align:justify;
margin:auto;
margin-bottom:10px;
}

#infoFormation hr{
border:none;
height:30px;
}

p.siteFormation{
padding-top:90px;
padding-right:0px;
float:right;
padding-right:10px;
font-size:1.2em;
}

.titleFormation{
color:#8a204f;
font-weight:bold;
padding-left:10px;
height:20px;
width:415px;
background-repeat:no-repeat;
background-image:url(../img/bgTitre-24.png);
margin-bottom:10px;
}

ul#listConcert{
list-style:none;
}

#listConcert ul li{
margin-bottom:10px;
}

ul#listConcert li{
background:url(../img/puceFooter.gif) no-repeat 0% 50%;
padding-left:20px;
}

#listeVideo a,i{
display:none;
}

#listeVideo h3{
width:420px;
border-bottom:1px solid #8a204f;
margin-bottom:5px;
}

/*****************LISTE CONCERT*******************/

h3.titleConcert{
color:#333;
font-weight:bold;
padding-left:10px;
height:20px;
width:415px;
background-repeat:no-repeat;
background-image:url(../img/bgTitre-24.png);
margin-bottom:10px;
font-size:1em;
} 

#listConcert ul{
margin-bottom:20px;
list-style:none;
list-style-image:url(../img/puceFooter.gif);
}

#listConcert ul li{
margin-bottom:15px;
}

/***************** CONTACT **********************/

#formContact{
margin-top:20px;
background:url(../img/bgForm.png) no-repeat;
width:412px;
height:232px;
padding:10px 0px 0px 10px;
}
p#titleForm{
font-size:1.2em;
font-weight:bold;
}

#formContact form{
margin-top:20px;

}

input#email{
width:380px;
color:#666;
font-size:0.8em;
}

#formContact form textarea{
color:#666;
font-size:1.2em;
margin-top:15px;
padding-left:5px;
border:none;
width:380px;
height:90px;
background:#f8f8f6;
}

input#buttonContact{
border:0px;
border:none;
background:url(../img/buttonContact.png) no-repeat;
width:159px;
height:24px;
font-size:0.9em;
font-weight:bold;
text-align:left;
padding-left:5px;
float:right;
margin-right:30px;
margin-top:20px;
}

ul#sitemap{
	margin:20px 0 0 50px;
	font-size:14px;
}

ul#sitemap li{
	margin:10px 0 0 0px;
}

ul#sitemap ul{
	margin:0px 0 0 20px;
	font-size:13px;
}

ul#sitemap ul li{
	margin:0px 0 0 0px;
}

ul#sitemap ul a{
	font-weight:normal;
}

#map{
float:right;
margin-right:30px;
}
/*************** FOOTER *************************/

#footer{
text-align:center;
height:35px;
padding-top:40px;
padding-bottom:10px;
}

#footer p#mentionLegale{
margin-top:5px;
font-size:0.8em;
}

#footer #menuFooter{
font-variant:small-caps;
}

p.espacePro{
font-weight:bold;
}

p.espacePro a{
font-weight:normal;
color:#8a204e;
}

span.noBold{
font-weight:normal;
}

#footer #menuFooter a{
padding-right:10px;
padding-left:12px;
background:url(../img/puceFooter.gif) no-repeat 0% 30%;
}
#footer #menuFooter a:hover{
background:url(../img/puceFooterHover.gif) no-repeat 0% 0%;
}


#msg{
width:410px;
color:#F00;
font-weight:bold;
background-color:#ffa3a3;
border:1px solid #ff7575;
text-align:center;
}

#achieve{
width:410px;
color:#000;
font-weight:bold;
background-color:#93e87f;
border:1px solid #41b126;
text-align:center;
}

/********** Home ******************/

#center #actus{
	background:transparent url(../img/bg-actus.png) no-repeat top left;
	width:549px;
	height:254px;
	margin:0 auto;
}

.marginauto{
margin:0 auto;
}

#img-actu{
width:220px;
text-align:center;
padding:50px 0 0 0;
margin:0px 0 0 30px;
float:left;
}

#img-actu a img{
	border:none;
}

#actus-inner{
	float:left;
	width:250px;
	padding:40px 0 0 20px;
	color:#fefefe;
	overflow:hidden;
	height:185px;
}


#actus-inner a{
	color:#FBBD00;
}

#actus-inner h3{
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:10px;
}

#actus-inner p{
	line-height:16px;
	font-size:0.9em;
}


#concerts-video{
	height:310px;
}

#list-concerts{
	width:280px;
	float:left;
	margin:20px 0 0 20px;
}

#list-concerts ul li{
list-style-image:url(../img/puceFooter.gif);
background:transparent url(../img/sepa-concert.png) no-repeat bottom center;
padding-bottom:10px;
margin-bottom:10px;
}

#video-mois{
	width:320px;
	float:left;
	margin:20px 0 0 20px;
	text-align:center;
}

#video-mois h2,
#list-concerts h2{
background:transparent url(../img/bg-title-home.png) no-repeat top left;
color:#91375e;
height:33px;
margin-bottom:10px;
font-size:15px;
padding: 3px 0 0 10px;
text-align:left;
}

#video-mois a{
	display:none;
}

#zoom-sur{
background:transparent url(../img/bg-zoom-sur.png) no-repeat top left;
width:596px;
height:207px;
margin:auto;
margin-top:15px;
position:relative;
}

#photo-zoom{
width:150px;
height:150px;
position:absolute;
text-align:center;
top:30px;
left:35px;
}

#infos-zoom{
	margin-left:200px;
	padding-top:25px;
	width:360px;
}

#album-zoom{
	margin-left:200px;
	padding-top:5px;
	width:360px;
}

#album-inner{
	float:left;
	font-weight:bold;
}

#album-zoom img{
	margin-left:10px;
}

#infos-zoom h3{
	color:#91375e;
	font-size:1.3em;
}

#infos-zoom a{
	color:#91375e;
}

#infos-zoom p{
	font-size:0.9em;
}

#fiche-artiste{
	position:absolute;
	display:block;
	top:27px;
	right:35px;
	background:transparent url(../img/icn-fiche.png) no-repeat top left;
	padding-left:25px;
}