/*------------------------------------------------
|             Clair et Net. © 2007                |
--------------------------------------------------*/

#wrapper {
	width: 920px;
	margin: 0 auto;
}

#leftCol {
	float: left;
	width: 27%;
}

#rightCol {
	float: right;
	width: 70%;
}

.leftColHolder {
	margin-top: 40px;
	margin-bottom: 20px;
}

.rightColHolder {
}

/***** RIGHT COL *******/
#rightCol #floatLeft p {
	float: left;
	padding: 20px 20px 0 25px;
	display: block;
	width: 260px;
	font-size: 12px;
}

#rightCol #floatLeft img {
	margin-bottom: -12px;
	display: block;
}

#rightCol #floatRight {
	float: left;
	display: block;
	width: 301px;
	height: 124px;
	background: url(../_img/searchBox_bg.gif) no-repeat;
}

.leftColHolder {
	margin-top: 40px;
	margin-bottom: 20px;
}

.rightColHolder #threeColLayout {
	margin-top: 30px;
	display: block;
}

.rightColHolder #leftCol {
	float: left;
	width: 169px;
	height: 5px;
	background: url(../_img/tmpArtistBoxTop.gif) no-repeat;
	margin: 17px 17px 10px 25px;
	_margin: 17px 20px 0 13px;
}

.rightColHolder #rightCol,
.rightColHolder #centerCol {
	float: left;
	width: 169px;
	background: url(../_img/tmpArtistBoxTop.gif) no-repeat;
	margin: 17px;
}

.rightColHolder #leftCol #centerBox,
.rightColHolder #centerCol #centerBox,
.rightColHolder #rightCol #centerBox {
	margin-top: 5px;
	background: #fff;
	height: 230px;
}

#threeColLayout p {
	display: block;
	width: 120px;
	margin: 0 auto;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#threeColLayout a.img{
	display:block;
	width: 120px;
	height:150px;
	border: 1px dotted #000;
	_border: 1px solid #aaa;
	overflow:hidden;
	text-align:center;
	margin:5px auto 0 auto;
	line-height:150px;
	vertical-align:middle;
	padding:2px 0 0 0;
}

#threeColLayout img {
	display: block;
	width: 113px;
	overflow: hidden;
	margin:auto;
}

#threeColLayout a.artist {
	display: block;
	width: 120px;
	text-indent: 10px;
	margin: 0 auto;
	margin-top: 5px;
	background: url(../_img/artistLinkImg.gif) no-repeat 0 4px;
	font-size: 12px;
	color: #8E061B;
	border: none;
}

/** search form **/
form p {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 7px 0 0 10px;
}

form #sendDataFR {
	float: right;
	margin: 26px 11px 0 0;
	_margin: 7px 8px 0 0;
	background: url(../_img/formSendFR.gif) no-repeat top left;
	text-indent: -6000px;
	line-height: 0.0em;
	border: none;
	height: 17px;
	width: 63px;
	display: block;
}
form #sendDataEN {
	float: right;
	margin: 26px 11px 0 0;
	_margin: 7px 8px 0 0;
	background: url(../_img/formSendEN.gif) no-repeat top left;
	text-indent: -6000px;
	line-height: 0.0em;
	border: none;
	height: 17px;
	width: 39px;
	display: block;
}

fieldset {
	margin-top: 7px;
	border: none;
	font-size: 12px;
	color: #000;
}

fieldset#instrument {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	_margin-left: 5px;
	_margin-right: 5px;
	width: 47%;
}
fieldset#instrument label {
	display: block;
	padding-bottom: 4px;
}
fieldset#instrument select {
	float: left;
	width: 100%;
	border: 1px solid #ACACAC;
	font-size: 12px;
	height: 17px;
}


fieldset#name {
	float: right;
	margin-right: 10px;
	_margin-right: 5px;
	width: 40%;
}
fieldset#name label {
	display: block;
	padding-bottom: 4px;
}
fieldset#name input {
	float: left;
	width: 100%;
	background: url(../_img/input_bg.gif) repeat-x;
	border: 1px solid #ACACAC;
	font-size: 12px;
	height: 17px;
}

fieldset#country {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	_margin-left: 5px;
	_margin-right: 5px;
	width: 47%;
}
fieldset#country label {
	display: block;
	padding-bottom: 4px;
}
fieldset#country select {
	float: left;
	width: 100%;
	border: 1px solid #ACACAC;
	font-size: 12px;
	height: 17px;
}

/***** RIGHT COL *******/
/***** CADRE ACTU *****/
/*
#actualitees {
	float: right;
	margin-left: 10px!important;
	_padding-right: 45px;
}
*/

#cadreHaut {
	background: url(../_img/cadreActu-top.png) no-repeat;
	height: 31px;
}

#cadreCentre {
	background: url(../_img/cadreActu-y.png) repeat-y;
	_height:100%;
}

#cadreBas {
	margin-left: -7px;
}
/* nav actu */
#navActu {
	display: block;
	width: 550px;
	margin-left: 30px;
	font-size: 12px;
}

#navLeft {
	float: left;
	background: #fff url(../_img/navLeft.gif) no-repeat;
	width: 18px;
	height: 37px;
}
#navCenter {
	float: left;
	width: 519px;
	_position:absolute;
}
#navRight {
	float: right;
	background: #fff url(../_img/navRight.gif) no-repeat;
	width: 13px;
	height: 37px;
}

/* onglet nav */
#navCenter ul {
	list-style: none;
	margin-top: 6px;
	height: 31px;
	background: #8E061B;
}

#navCenter li {
	float: left;
	list-style: none;
	line-height: 24px;
	margin: 7px 15px 0 0;
	padding-left: 5px;
	display: block;
}

#navCenter li a {
	padding: 0 20px 0 5px;
	display: block;
	border: none;
}


/* content */
#cadreCentre #content {
	margin-left: 35px;
	margin-right: 80px;
	_margin-right: 40px;
	_margin-top: -30px;
	position: relative;
}

#content .ficheArtiste {
	margin-bottom: 20px;
	color: #000;
	font-size: 12px;
}

.ficheArtiste img {
	float: left;
	padding: 3px;
	background: #fff;
	border: 1px dotted #000;
	_border: 1px solid #000;
	margin: 2px 15px 5px 0;
}

#content p.date {
	font-size: 10px;
	padding-bottom: 10px;
}
#content h1.titreArtiste {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}
#content h2.titreArtiste {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 10px;
}
#content h3.nomArtiste {
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: normal;
	display: block;
	padding: 3px;
	background: #fcfcfc;
	border-bottom: 1px dotted #C2C2D1;
}
#content p.textArtiste {
	font-size: 11px;
	color: #000;
}

#actuBtn {
	margin-right: 70px;
	_margin-right: 35px;
	_margin-bottom: -70px;
	clear: both;
}

#actuBtn a {
	float: right;
	margin: 4px;
	border: none;
	text-decoration: none;
}


/******** resultats recherche artistes *****/
.resultHolder {
	font-size: 13px;
	margin: 6px 0 6px 0px;
	padding: 1px;
}
.resultHolder a {
	color: #8e061b;
}

#pageNav {
	float: right;
	margin-right: 85px;
}

#pageNav a {
	padding: 2px 0 2px 20px;
	font-size: 12px;
	text-decoration: underline;
}