@import "reset.css";
@import "biographies.css";
@import "programme.css";
@import "agenda.css";
@import "discographie.css";
@import "medias.css";
@import "contact.css";

@font-face {
	font-family:"PT Sans Caption";
	src:	url("fonts/PTC55F.eot?") format("eot"),
				url("fonts/PTC55F.woff") format("woff"),
				url("fonts/PTC55F.ttf") format("truetype"),
				url("fonts/PTC55F.svg#PTSans-Caption") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"PT Sans Caption Bold";
	src:	url("fonts/PTC75F.eot?") format("eot"),
				url("fonts/PTC75F.woff") format("woff"),
				url("fonts/PTC75F.ttf") format("truetype"),
				url("fonts/PTC75F.svg#PTSans-CaptionBold") format("svg");
	font-weight:normal;
	font-style:normal;
}

html, body, *
{
	font-family: "PT Sans Caption";
}

body
{
	font-size: 12px;
}

a
{
	text-decoration: none;
}


body > header
{
	width: 1000px;
	margin: 0 auto;
	height: 360px;
	position: relative;
	
	background-image: url(../_images/top.jpg);
	background-repeat: no-repeat;
}

body > header div
{
	position: absolute;
	left:330px;
	top:100px;
	height: 155px;
}

body > header div img
{
	height: 156px;
	width: 601px;
}

body > header div.caroufredsel_wrapper ul li img
{
	height: 155px;
}


body > header div+nav
{
	position: absolute;
	width: 150px;
	text-align: right;
	top:84px;
	margin-left: 790px;
}

body > header nav+nav
{
	position: absolute;
	width: 670px;
	top:256px;
	left: 34px;
}

body > header nav li
{
	float: left;
}

body > header nav.first li+li
{
	margin-left:25px;
}

body > header nav.first li.last
{
	float: right;
}

body > header nav li a
{
	color: rgb(167,28,32);
	font-family: "PT Sans Caption Bold";
}


#pgIndex > div
{
	position: absolute;
	
	width: 990px;
	left:50%;
	margin-left: -495px;
	
	height: 662px;
	top:50%;
	margin-top: -331px;
}

#pgIndex ul
{
	position: absolute;
	z-index: 10;
	/*margin-top: -102px;*/
	/*margin-left:358px;*/
}

#pgIndex li
{
	float: left;
}

#pgIndex li a
{
	color:#000;
}

#pgIndex li a:hover
{
	font-weight: bold;
}

#pgIndex li+li
{
	margin-left: 6px;
}

#pgIndex span
{
	position: absolute;
	/*color: #FFF;*/
	font-size: 20px;
	right: 10px;
	/*top: 4px;*/
}

#pgHome #main
{
	width: 550px;
	margin-left: 190px;
}

#pgHome #main p
{
	margin-bottom: 15px;
	line-height: 1.2;
	text-align: justify;
}

#content
{
	width: 1024px;
	margin: -60px auto 0 auto;
	min-height: 600px;

}

#main
{
	width: 950px;
	float:left;
	margin-top: 5px;
	/*background-color: green;*/
	position: relative;
}

#col
{
	width: 264px;
	float: right;
	background-color: #EFEFEF;
	margin-top:-16px;
	z-index: 10;
	position: relative;
	line-height: 1.2;
}

#col h3, #col p:not(:first-child)
{
	margin-left: 15px;
}

#col h3
{
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

#col h3+p
{
	color: rgb(167,28,32);
	margin-bottom: 10px;
	font-weight: bold;
}

#col h3+p+p
{
	margin-bottom: 15px;
}

#col h3+p+p a
{
	font-weight: bold;
	color: rgb(167,28,32);
}

a.more
{
	font-weight: bold;
	letter-spacing: 4px;
}

#bottom
{
	width: 1000px;
	margin: 40px auto 15px auto;
}

#bottom ul
{
	margin-left: 280px;
	padding-bottom: 12px;
}

#bottom li
{
	float: left;
}

#bottom div
{
	float: right;
	margin-right: 15px;
	border-top: 2px solid rgb(150,150,150);
	width: 600px;
}

#bottom div a
{
	margin-left: -4px;
}

body > footer
{
	width: 754px;
	margin: 60px auto 15px auto;
	
	padding-right: 270px;

	text-align:right;
	
	color:#999;
}

body > footer a
{
	color:#999;
}

body > footer a:hover
{
	text-decoration: underline;
}


/**/

LesCouleurs
{
	rgb(117,19,65);
	rgb(136,40,140);
	rgb(178,54,140);
	rgb(167,35,41);
	rgb(201,87,42);
	rgb(227,122,39);
	
	rgb(167,35,41);
	rgb(150,150,150);
}