/* * * * * * * * * * * * * * * * * * * 
INFOS
**************************************
Programmeur : 	Julien Desrosiers
Date : 			Avril 2008
Contact : 		juliendesrosiers.com

* * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *
SECTIONS DE LA FEUILLE DE STYLE
**************************************
1-LAYOUT General
2-MENU
3-LAYOUT Spécifique
4-FONT STYLES Général
5-FONT STYLES Spécifique

* * * * * * * * * * * * * * * * * * */

/* LAYOUT General * * * * * * * * * * * * */
*{
    margin: 0;
}
html, body{
    height: 100%;
	background:#2c2c2c;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#222;
}
#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -43px; /* pour footer */
	width:778px;
	background:#2c2c2c url(../images/backRepeatY.png) repeat-y 50% top;
}

#head{
	background:url(../images/header.png) no-repeat left top;
	width:748px;
	height:129px;
	display:block;
	margin:0 auto;
}
#linkID{
	display:block;
	height:129px;
	width:300px;
	text-indent:-99999px;
	outline:none;
}
#footer, #push{
    height: 43px; /* pour footer */
}
#innerFooter{
	background:#ec008c;
	width:710px;
	margin:0 auto;
	height:41px; /* pour footer (-2px padding-top) */
	color:#fff;
	padding:2px 19px 0 19px;
}
#innerFooter a{
	color:#fff;
}
#copyright{
	float:right;
	text-align:right;
	padding-top:5px;
	padding-bottom:0;
}
#copyright strong{
	font-weight:normal;
	font-size:1.2em;
}
#btmNav{
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding-top:11px;
}
.clearer{
	clear:both;
	line-height:1px;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
}

/* content */
#innerWrap{
	width:748px;
	margin:0 auto;
}
#content{
	padding:23px 18px;
	float:left;
	width:712px;
}

h2{
	font-size:2.3em;
	line-height:1em;
	color:#ec008c;
	padding-bottom:13px;
	background:url(../images/pointillesGris.jpg) repeat-x left bottom;
}
/* end LAYOUT General * * * * * * * * */

/* MENU * * * * * * * * * * * * * * * */ 
#menuBar{
	background:#ec008c;
	width: 748px; 
	height:33px;
	float:left;
}
#menuBar ul{
	margin: 0; 
	padding: 0; 
	padding-left:11px;
	list-style: none; 
	width: 748px; 
	float: left; 
}
#menuBar ul li { 
	float: left; 
} 
#menuBar li a { 
	display: block; 
	line-height: 33px; 
	background-image:url(../images/menuBtns.png);
	text-decoration: none; 
	color: #fff; 
	float: left; 
	text-indent:-99999px;
	outline:none;
} 
/**/
a#btnAccueil	{background-position:-11px 0px;width:85px;}
a#btnServices	{background-position:-96px 0px;width:91px;}
a#btnEvenements	{background-position:-186px 0px;width:124px;}
a#btnArtistes	{background-position:-311px 0px;width:88px;}
a#btnMedias		{background-position:-399px 0px;width:86px;}
a#btnPhotos		{background-position:-485px 0px;width:84px;}
a#btnLiens		{background-position:-569px 0px;width:68px;}
a#btnContact	{background-position:-637px 0px;width:94px;}
/**/
.accueil #btnAccueil,
.nouvelles #btnAccueil,
a#btnAccueil:hover		{background-position:-11px 33px;}
.services #btnServices,
a#btnServices:hover		{background-position:-96px 33px;}
.evenements #btnEvenements,
a#btnEvenements:hover	{background-position:-186px 33px;}
.artistes #btnArtistes, .artistePage #btnArtistes,
a#btnArtistes:hover		{background-position:-311px 33px;}
.medias #btnMedias,
a#btnMedias:hover		{background-position:-399px 33px;}	
.photos #btnPhotos,
.galerie #btnPhotos,
a#btnPhotos:hover		{background-position:-485px 33px;}
.liens #btnLiens,
a#btnLiens:hover		{background-position:-569px 33px;}
.contact #btnContact,
a#btnContact:hover		{background-position:-637px 33px;}
/* end MENU * * * * * * * * * * * * * */ 

/* LAYOUT Spécifique * * * * * * * * * * * */
/* accueil */ 
.accueil #wrapper{
	background:url(../images/accueilBackRepeatY.png) repeat-y 50% top;
}
.accueil #content{
	float:left;
	width:440px;
	padding-top:14px;
}
.accueil #content #intro{
	width:453px;
	background:#fefefe url(../images/accueilTopIntro.jpg) no-repeat left top;
	padding-top:17px;
	text-align:justify;
}
.accueil #content a#lireSuite{
	background:url(../images/accueilBtmIntro.jpg) no-repeat left bottom;
	display:block;
	font-size:1.4em;
	color:#ec008c;
	padding-bottom:18px;
	padding-left:336px;
}
.accueil #content a#lireSuite:hover{
	color:#333333;
}
.accueil #content a#lireSuite img{
	border:0px solid white;
	position:relative;
	top:5px;
}
.accueil #content #nouvelles{
	padding-bottom:0;
	
}
.accueil #content #nouvelles span{
	display:block;
	position:relative;
	top:7px;
	left:-4px;
    padding: 41px 0 0 0;
    overflow: hidden;
    background:url(../images/nouvellesTitre.jpg) no-repeat left top;
    height: 0px !important;
    height /**/:41px;
	width:136px;
}
.accueil #content #listeNouvelles{
	padding:19px 0 0 7px;
	float:left;
	
}
.accueil #content #listeNouvelles li{
	background:url(../images/tiretsGris.png) repeat-x left bottom;
	list-style:none;
	float:left;
	padding-bottom:12px;
	padding-top:9px;
}
.accueil #content #listeNouvelles li div.nouvelle{
	float:left;
	background:url(../images/newsDateBg.png) no-repeat left top;
	width:43px;
	height:48px;
	
	text-align:center;
}

.accueil #lateralCol{
	padding-right:32px;
	width:230px;
	float:right;
	color:#fff;
}
.accueil #lateralCol #evenements{
	padding-left:14px;
}
.accueil #lateralCol h3{
    padding: 75px 0 0 0;
    overflow: hidden;
    background: url(../images/prochEven.jpg) no-repeat 4px top;
    height: 0px !important;
    height /**/:75px;
	width:243px;
}
.accueil #lateralCol #listeEnvoie{
	background:url(../images/listeEnvoi.png) no-repeat left top;
	width:247px;
	padding-top:172px;
	padding-bottom:10px;
}
.accueil #lateralCol #listeEnvoie form input{
	float:left;
}
.accueil #lateralCol #listeEnvoie #adresseCourriel{
	border:1px solid #9c9c9c;
	font-size:1.6em;
	padding:2px 0;
	width:178px;
	margin-left:13px;
}
.accueil #lateralCol #listeEnvoie #submitBtn{
	position:relative;
	top:-1px;
	padding-left:6px;
}
/* end accueil */
/* contact */
.contact #innerWrap{
	background:url(../images/contactBgTop.png) no-repeat left 33px;
}
.contact #wrapper{
	background:#2c2c2c url(../images/contactBackRepeatY.png) repeat-y 50% top;
}
.contact #content{
	float:left;
	width:470px;
}
.contact #lateralCol{
	padding-top:24px;
	padding-right:30px;
	width:204px;
	float:right;
}
/* end contact */
/* evenements */
.nouvelles #content div,
.evenements #content div{
	background:url(../images/tiretsGris.png) repeat-x left bottom;
	padding-top:13px;
	padding-bottom:19px;
}
.evenements #rss{
	font-size:1.2em;
	float:right;
	position:relative;
	top:8px;
}
.evenements #rss img{
	border:0px solid white;
	border-left:4px solid #ececec;
	position:relative;
	top:2px;
}


/* end evenements */
/* services */
.services #innerContent{
	padding-top:7px;
}
/* end services */
/* medias */
.medias #content{
	display:block;
	
}
/* end medias */
/* artiste page*/
.artistePage #content .bloc{
	padding-top:23px;
}

/* end artiste page */

/* artistePage*/
.artistePage #content #blocBio{
	float:left;
	width:419px;	
}
.artistePage #content #photoBand{
	float:right;
	padding-top:13px;
}
.artistePage #content #blocDisco div{
	clear:left;
	padding-top:21px;
}
.artistePage #content #blocDisco img{
	float:left;
}
.artistePage #content #blocShow div{
	background:url(../images/tiretsGris.png) repeat-x left bottom;
	padding-bottom:16px;
	padding-top:14px;
}
/* end artistePage*/ 
/* Photos */
.photos #content a img{
	border:0px solid white;
}
/* end Photos */

/* galerie Photo ET 
   liens */
.galerie #content .bloc,
.liens #content .bloc{
	padding:17px 0;
	background:url(../images/tiretsGris.png) repeat-x left bottom;
	float:left;
}
.galerie #content .bloc img,
.liens #content .bloc img{
	float:left;
	padding-right:20px;
	border:0px solid white;
}
.galerie #content .bloc p,
.liens #content .bloc p{
	font-size:1.3em;
}
.liens #content .bloc p{/* seulement dans "partenaires */
	font-size:1.4em;
	color:#747474;
}
.liens #content .bloc a{/* seulement dans "partenaires */
	color:#222;
}
.galerie #content .bloc div,
.liens #content .bloc div{	
	float:right;
	width:539px;
	background:none;
}
.liens #content .bloc div.pasImage{
	width:712px;
	float:none;
}
.liens #content .bloc .pasImage img{
	display:none;
}
/* end galerie Photo ET 
   end liens */
   
/* end LAYOUT Spécifique * * * * * * * * * */

/* FONT STYLES Général * * * * * * * * * * */
a:link, a:visited{
	color:#222;
	
}

.mediaDate{
	font-size:1.3em;
	color:#7c7c7c;
}
.mediaTitre{
	font-size:1.4em;
	color:#222;
}
.contactTitre{
	font-size:1.6em;
	color:#747474;
}
/* end FONT STYLES Général * * * * * * * * * */

/* FONT STYLES Spécifique * * * * * * * * * * */
/* accueil */
.accueil #content #intro p{
	padding-left:13px;
	padding-right:25px;
	padding-top:18px;
}
.accueil #content #intro p:first-child {
	padding-top:0px;
}
.accueil #content p{
	font-size:1.3em;
	color:#222;
}
.accueil #lateralCol p{
	padding-bottom:7px;
}
.accueil #lateralCol p span{
	display:block;
}

.accueil #lateralCol p strong{
	font-size:1.4em;
	font-weight:normal;
}

.accueil #lateralCol p a{
	color:#f52ba3;
	font-weight:bold;
	text-decoration:none;
	font-size:1.3em;
	padding:0 5px;
}
.accueil #lateralCol p a:hover{
	color:#fff;
}
.accueil #content #listeNouvelles li p{
	float:right;
	width:384px;
	/*padding-top:4px;*/
	text-align:justify;
}
.accueil #content #listeNouvelles div.nouvelle strong{
	display:block;
	font-size:2.4em;
	color:#f40095;
	font-weight:normal;
}
.accueil #content #listeNouvelles div.nouvelle span{
	font-size:1.5em;
	color:#222;
	position:relative;
	bottom:3px;
}
.accueil #content span#moreNews{
	font-size:1.4em;
	color:#e8008a;
	font-weight:bold;
	display:block;
	line-height:2.3em;
	padding-left:315px;
}
.accueil #content span#moreNews a{
	color:#222;
	font-weight:normal;
	padding-right:25px;
	background:url(../images/doubleArrow.jpg) no-repeat right 2px;
}
.accueil #lateralCol span#moreEvents{
	color:#e8008a;
	font-size:1.6em;
	font-weight:bold;
	padding-left:95px;
}
.accueil #lateralCol span#moreEvents a{
	color:#fff;
	font-weight:normal;
}

/* end accueil */
/* medias */
.medias #content p{
	padding-top:5px;
	padding-bottom:8px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.medias #content a{
	font-size:1.3em;
	color:#222;
}

/* end medias */
/* contacts */
.contact #lateralCol h3{
	font-size:1.6em;
	font-weight:normal;
	color:#424242;
	padding-top:16px;
}
.contact #lateralCol p{
	font-size:1.3em;
	color:#fff;
}
.contact h2{
	width:470px;
}
.contact #content h4{
	font-size:1.6em;
	font-weight:normal;
	color:#747474;
	padding-top:2px;
}
.contact #content p{
	font-size:1.3em ;
	color:#222;
	padding-bottom:16px;
}
/* end contacts */
/* evenements */
.nouvelles h3,
.evenements h3{
	color:#5d5d5d;
	font-size:1.8em;
	font-weight:normal;
	border-bottom:1px solid #c6c6c6;
	padding-top:19px;
	padding-bottom:2px;
}
.nouvelles h3.first,
.evenements h3.first{
	padding-top:12px;
}
.nouvelles h4,
.evenements h4{
	color:#222;
	font-weight:normal;
	font-size:1.8em;
	padding-bottom:7px;
}
.nouvelles #content p,
.evenements #content p{
	color:#222;
	font-size:1.4em;
	text-align:justify;
}
.nouvelles #content a,
.evenements #content a{
	color:#222;
}
.nouvelles .details,
.evenements .details{
	color:#747474;
	padding-top:16px;
}
/* end evenements */
/* artistes */
.artistes #content a{
	color:#222;
	font-size:1.8em;
	display:block;
	width: 708px; 
	float: left;
	padding-top:12px;
	padding-bottom:5px;
	text-decoration:none;
	background:url(../images/tiretsGris.png) repeat-x left bottom;
}
.artistes #content a strong{
	float:left;
	text-decoration:underline;
}
.artistes #content a:hover{
	color:#ec008c;
}
.artistes #content a span{
	float:right;
	font-weight:bold;
}
.artistes #content a .genre{
	font-size:0.7em;
	clear:both;
	float:left;
	color:#939393;
	padding-top:1px;
	font-weight:normal;
}
/* end artistes*/
/* services 
   Et liens */
.services #content p{
	font-size:1.3em;
	color:#222;
	padding-bottom:0.5em;
	text-align:justify;
}
.services #content li{
	list-style:none;
	font-size:1.3em;
	background:url(../images/pucesListes.gif) no-repeat left 60%;
	padding-left:7px;
}
.services #content h2 span,
.liens #content h2 span{
	color:#fff;
}
.services #content h2 span a,
.liens #content h2 span a{
	color:#949494;
}
.services #content a{
	color:#222;
}
.liens #content p a{
	color:#222;
}
.services #content h2 span a:hover,
.liens #content h2 span a:hover{
	text-decoration:none;
}
.services #content h3{
	font-size:1.8em;
	color:#747474;
	font-weight:normal;
}
/* end services
   ET liens */
/* artistePage */
.artistePage #content h3{
	font-size:1.6em;
	font-weight:normal;
	color:#747474;
	border-bottom:1px solid #c6c6c6;
	padding-bottom:4px;
}
.artistePage #content .bloc p{
	font-size:1.4em;
	color:#222;
	padding-top:0.8em;
	text-align:justify;
}
.artistePage #content #blocDisco div:first-child{
	padding-top:14px;
}
.artistePage #content #blocDisco p{
	width:583px;
	float:right;
	padding-top:0;
}
.artistePage #content #blocShow{
	/*padding-top:14px;*/
}
.artistePage #content h4{
	font-size:1.4em;
	color:#222;
}
.artistePage #content #blocShow .details{
	font-size:1.2em;
	color:#747474;
}
.artistePage #content #blocShow .details a{
	color:#222;
}
.artistePage #content #blocMedia ul{
	list-style-type:none;
	padding:3px 0 0 0;
}
.artistePage #content #blocMedia a{
	font-size:14px;
	color:#222;
}
/* end artistePage */
/* Photos */
.photos #content p{
	font-size:1.3em;
}
/* end Photos*/
/* liens */
.liens #content h3{
	font-size:1.4em;
	color:#747474;
	font-weight:normal;
	padding-top:9px;
}
.liens #content p{
	padding-bottom:0.5em;
	font-size:1.4em;
}
/* liens */
/* end FONT STYLES Spécifique * * * * * * * * * */