/* CSS Document */

/*********** STYLE GENERAL *********/

body
{
	background-color:#49393e; /* #97022d #be0439 */
	margin-top:1em;
	text-align:center; /* center pour ie 5*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F3D7AF;
}

/* anulation des marges par defaut pour éviter les difference des navigateur */
p, h1, h2, h3, h4, h5, h6, fieldset, legend, ul, li, dl, dt, dd, img
{
	margin:0;
	padding:0;
	border:0;
}

/* cache les txt pour laisser les images */
.masque,
/* home */ #logo span, #accroche span, #evenement span, #bandeau legend,
#adresse span, #historique, #titre span,
/* page */ #sitecathelin span, #titrecathelin span, #vernissage span, #vernissaget span,
#exposition span, #expositiont span, #contentp fieldset legend strong span, #contentp fieldset p span,
#contentp fieldset div, .kyxar,
#content, #content legend
{
	display:none;
}
hr
{
	display:none;
}

a:focus
{ /* enleve le focus sur les liens dans FF */
	outline: none;/**/
}

a
{
	color:#F3D7AF;
	text-decoration:none;
}
a:hover
{
	color:#FAC374;
}

/****** HOME ******/
#contenth
{
	position:relative;
	margin:auto;
	width:950px;
	height:550px;
	border:#de646b 1px solid;
	background:url(../img/h.fond.gif) repeat-x left top #BE0439;
}
#contenth #logo
{
	position:absolute;
	top:72px;
	left:65px;
}
#contenth #accroche
{
	position:absolute;
	top:198px;
	left:281px;
	background:url(../img/h.demeure.gif) no-repeat left top;
}
#contenth #accroche ,#contenth #accroche a
{
	width:260px;
	height:90px;
	display:block;
}

#contenth #activites
{
	position:absolute;
	top:50px;
	right:160px;
	text-align:right;
	line-height:1.5em;
}
#contenth #activites h3
{
	font-size:95%;
}
#contenth #evenement, #contenth #evenement a
{
	width:125px;
	height:162px;
}
#contenth #evenement
{
	position:absolute;
	top:15px;
	right:15px;
	/*border:#fff 1px solid;*/
}
#contenth #evenement a #titre 
{
	position:absolute;
	top:0;
	left:0;
	width:17px;
	height:162px;
	display:block;
	background:url(../img/h.evenements.gif) no-repeat right top;
}
#contenth #evenement a:hover #titre 
{
	background:url(../img/h.evenements.gif) no-repeat left top;
}
#contenth #evenement img
{
	position:absolute;
	left:17px;
	top:0;
}

#contenth #bandeau
{
	position:absolute;
	top:318px;
	left:0;
}

#contenth #adresse
{
	position:absolute;
	top:481px;
	left:65px;
	/*border:#fff 1px solid;*/
}
#contenth #adresse, #contenth #adresse a
{
	width:290px;
	height:69px;
	display:block;
}
#contenth #adresse a
{
	background:url(../img/h.adresse.gif) no-repeat left top;
}
#contenth #adresse a:hover
{
	background:url(../img/h.adresse.gif) no-repeat right top;
}

/* NAV */
#contenth #nav
{
	position:absolute;
	bottom:25px;
	right:22px;
	list-style:none;
	/*font-size:0;*/
	font-size:90%;
	letter-spacing:1px;
}
#contenth #nav #venir
{
	/*position:absolute;
	width:195px;
	height:25px;
	background:url(../img/h.venir.gif) no-repeat left top;*/
}
#contenth #nav #venir:hover
{
	/*background:url(../img/h.venir.gif) no-repeat left bottom;*/
}




/****** PAGE ******/
#contentp
{
	position:relative;
	margin:auto;
	width:950px;
	height:550px;
	border:#de646b 1px solid;
	background:url(../img/p.fond.gif) repeat-x right top #BE0439;
}

#contentp #nav
{
	display:none;
}

#contentp #logo
{
	position:absolute;
	top:30px;
	left:711px;
}
#contentp #accroche
{
	position:absolute;
	top:30px;
	left:411px;
	background:url(../img/p.demeure.gif) no-repeat left top;
}
#contentp #accroche ,#contentp #accroche a
{
	width:178px;
	height:78px;
	display:block;
}

#contentp #evenement
{
	position:absolute;
	top:0px;
	left:0px;
	width:383px;
	height:510px;
}

#contentp #sitecathelin
{
	position:absolute;
	top:510px;
	left:76px;
	background:url(../img/p.demeure.gif) no-repeat left top;
}
#contentp #sitecathelin a
{
	display:block;
	width:292px;
	height:40px;
	background:url(../img/p.url.cathelin.gif) no-repeat left bottom;
}
#contentp #sitecathelin a:hover
{
	background:url(../img/p.url.cathelin.gif) no-repeat left top;
}

#contentp #titrecathelin
{
	position:absolute;
	top:91px;
	left:711px;
	width:210px;
	height:17px;
	background:url(../img/p.exposition.cathelin.gif) no-repeat left top;
}

#contentp #vernissage
{
	position:absolute;
	top:147px;
	left:411px;
	width:120px;
	height:20px;
	background:url(../img/p.vernissage.gif) no-repeat left top;
}
#contentp #vernissaget
{
	position:absolute;
	top:147px;
	left:624px;
	width:150px;
	height:20px;
	background:url(../img/p.vernissaget.gif) no-repeat left top;
}
#contentp #exposition
{
	position:absolute;
	top:175px;
	left:411px;
	width:120px;
	height:20px;
	background:url(../img/p.exposition.gif) no-repeat left top;
}
#contentp #expositiont
{
	position:absolute;
	top:176px;
	left:624px;
	width:297px;
	height:75px;
	background:url(../img/p.expositiont.gif) no-repeat left top;
}
#contentp #erreur
{
	position:absolute;
	z-index:1;
	top:126px;
	left:424px;
	width:500px;
	font-size:80%;
}
#contentp fieldset legend strong
{
	position:absolute;
	top:236px;
	left:411px;
	width:127px;
	height:19px;
	background:url(../img/p.t.acces.plan.gif) no-repeat left top;
	display:block;
}
#contentp fieldset img
{
	position:absolute;
	top:255px;
	left:411px;
}
#contentp fieldset p
{
	position:absolute;
	top:367px;
	left:704px;
	width:217px;
	height:86px;
	background:url(../img/p.txt.plan.gif) no-repeat left top;
}

#contentp #adresse
{
	position:absolute;
	top:482px;
	left:621px;
	width:300px;
	height:60px;
	display:block;
	background:url(../img/p.adresse.gif) no-repeat left top;
	/*border:#fff 1px solid;*/
}

/* email */
#email
{
	width:950px;
	margin:3px auto;
}
/*** Signature Kyxar ***/
.kyxar
{
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:40px;
	padding: 5px 0px 3px 0px;
}
.kyxar a, #email a, #email
{
	color: #999;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
.kyxar a:hover, #email a:hover
{
	color: #666;
}