#page {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:990px;
}
#page #agenda {
	position:absolute;
	top:0px;
	left:0px;
	width:221px;
	height:675px;
	background-image:url(../../images/fondAgenda.gif);
}
#page #agenda a#lienAgenda{
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	width:221px;
	height:150px;
}
#page #agenda ul {
	list-style:none;
	margin-top:176px;
	margin-left:41px;
}
#page #agenda ul li {
	padding-right:15px;
	margin-top: 15px;
}
#page #agenda ul li a {
	display:block;
	background-image:url(../../images/flecheAgenda.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	color:#2D3400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#page #agenda ul li a:hover {
	background-image:url(../../images/flecheAgendaHover.gif);
}
#page #agenda ul li a b {
	display:block;
	text-align:right;
	color:#FFFFFF;
}
#page #agenda ul li a:hover b {
	text-decoration:underline;
}

#page #animation {
	position:absolute;
	top:0px;
	left:221px;
	width:769px;
	height:236px;
}
#page .flash{
	position:absolute;
	margin-left:600px;
	font-size:12px;
	padding-top:10px;
} 
#page .flash img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

#page .flash a {
	color:#FFFFFF;
}
#page #contenu {
	position:absolute;
	top:236px;
	left:221px;
	width:769px;
	height:439px;
	background-image: url(/images/logoCoteSud.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
}
#page #contenu h1 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	padding-right:20px;
	font-variant:small-caps;
	background-color:#FFF858;
	height:14px;
	line-height:14px;
}
#page #contenu #presentation {
	display:block;
	position:absolute;
	top:119px;
	right:-30px;
	/*left:550px;*/
	color:#000000;
	/*height:290px;*/
	width:260px;
	z-index:100;
}
#page #contenu #presentation p {
	line-height:12px;
	margin-top:-10px;
	
}
#page #contenu #presentation h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	text-align: right;
	padding-top: 14px;
	padding-right: 19px;
	line-height: 14px;
}
#page #contenu #presentation p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	padding-right: 19px;
	padding-top: 15px;
}
#page #contenu #carto {
	position:absolute;
	top:273px;
	left:20px;
}
#page #contenu ul#brochure {
	position:absolute;
	top:0px;
	width:143px;
	background-image:url(../../images/brochures-tourisme.gif);
	background-repeat:no-repeat;
	height:233px;
	padding-left:21px;
	padding-top:91px;
	list-style:none;
}
#page #contenu ul#brochure li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4E5501;
	text-decoration:none;
	background-image:url(../../images/flecheGuide.gif);
	background-repeat:no-repeat;
	line-height:13px;
	height:13px;
	padding-left:12px;
}
#page #contenu ul#brochure li a:hover {
	text-decoration:underline;
}
#page #contenu #carteCliquable {
	position:absolute;
	bottom:0px;
	left:0px;
	width: 401px;
	z-index:0;
}

#page #piedPage {
	position:absolute;
	top:675px;
	width:971px;
	background-color: #603793;
	color:#61380E;
	height:25px;
	line-height:25px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 19px;
}
#page #piedPage a {
	color:#fff758;
	text-decoration:none;
	background-image:url(../../images/flechePied.gif);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-right:10px;
}
#page #piedPage a:hover {
	text-decoration:underline;
}

#page #contenu #millau ul,
#page #contenu #levezou ul,
#page #contenu #larzac ul,
#page #contenu #roquefort ul {
padding-left:20px;
	list-style:disc;
}
#page #contenu #chapeau {
	position:absolute;
	color: #b82c01;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	top:3px;
	right:-15px;
	width:297px;
	z-index:10;
	margin-top:6px;
	padding-top:13px;
	
}
#page #contenu #chapeau span {
	color: #b82c01;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	line-height:24px;
/*	margin-top:-10px;*/
	float:left;
	margin-right:2px;
	
}
#page #contenu #logoCoteSud {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:10;
}
#page #contenu #coupiac,
#page #contenu #truel,
#page #contenu #requista,
#page #contenu #roquefort,
#page #contenu #sernin,
#page #contenu #belmont,
#page #contenu #affrique, 
#page #contenu #camares {
	display:none;
	position:absolute;
	z-index:2;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#603793;
	color:#FFFFFF;
	padding:3px;
}
#page #contenu #coupiac{
	top:190px;
	left:160px;
}
#page #contenu #truel {
	top:108px;
	left:260px;
}
#page #contenu #requista {
	top:123px;
	left:125px;
}
#page #contenu #roquefort {
	top:168px;
	left:410px;
}
#page #contenu #sernin {
	top:248px;
	left:175px;
}
#page #contenu #belmont {
	top:303px;
	left:265px;
}
#page #contenu #affrique {
	top:178px;
	left:345px;
}

#page #contenu #camares {
	top:298px;
	left:350px;
}