/* CSS Document */
/* styles CSS spip vaison -> histoire et patrimoine */

* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
html, body {
/*height: 100%*/
}
body {
background-color:#ccc8be;
text-align:center;
}
#page {
position:relative;
margin:50px auto 0 auto;
text-align:left;
width:866px;
padding-top:660px;
background:url(images/h_et_p/fond_hp.jpg) top left repeat-y;
/*border:1px solid yellow;*/
}
* html #page {
 height: 0px;
}
#accessible {
position:absolute;
top:0;
left:0;
width:0;
height:0;
text-indent:-5000px;
}
#accessible ul li { list-style:none;}
#visuel {
position:relative;
z-index:1;
top:46px;
margin:0 7px;
padding-bottom:61px; /* pour etirer suffisament le bloc sous IE */
}
#visuel table tr td a img {
border-width:0;
}
#content {
position:relative;
z-index:1;
margin:-660px 0 0 0;
/*border:1px solid red;*/
}
#rub {
height:590px;
}
#article {
position:relative;
/*float:right;*/
border-left:1px dotted #999999;
padding-left:10px;
left:300px;
width:520px;
/*padding-top:660px;
border:1px solid pink;*/
margin-bottom:40px;
}
	#article h2 {
		font-size:16px;
		font-weight:bold;
		color:#9b132e;
		margin-bottom:12px;
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif
	}
	#article p.spip {
		font-size:11px;
		padding-bottom:8px;
	}
	#article h3.spip {
		font-size:13px;
		font-weight:bold;
		padding-top:10px;
	}
	#article p.spip span.spip_documents_left img {margin:10px 15px 10px 0;}
	#article p.spip span.spip_documents_right img {margin:10px 0 10px 15px;}
	#article a.spip_in {color: #d72f1e;}
#documents {
position:absolute;
width:270px;
left:20px;
top:135px;
padding-bottom:130px;
/*padding-top:660px;*/
}
	#documents h4 { color:#9b132e; font-size:12px; margin-top:20px;}
	#documents ul {list-style-type:none;}
	#documents ul li a {
	font-size:11px;
	color:#000000;
	text-decoration:none;
	}
	#documents ul li a:hover {
	font-size:11px;
	color:#000000;
	text-decoration:underline;
	}
	#documents ul li a img {
	border:1px solid #FFFFFF;
	/*filter:alpha(opacity=40);  
	-moz-opacity:0.4;
	opacity: 0.4;
	-khtml-opacity: 0.4;*/
	}
	#documents ul li a:hover img {
	border:1px solid #999999;
	/*filter:alpha(opacity=100);  
	-moz-opacity:1;
	opacity: 1;
	-khtml-opacity: 1;*/
	}
	#documents ul li div { font-size:10px; padding-bottom:5px;margin-top:-3px;;}

#filariane {
position:relative;
padding-bottom:8px;
margin-top:40px;
margin-left:20px;
}
	#filariane, #filariane a {
		font-size:11px;
		color:#787777;
		text-decoration:none
	}
	#filariane a:hover { text-decoration:underline;}
#header h1 {
position:relative;
display:block;
width:866px;
height:73px;
background:url(images/h_et_p/bandeau_hp.jpg) top left no-repeat;
}
#header h1 a {
position:relative;
display:block;
width:220px;
height:73px;
text-indent:-5000px;
}
#header_uk h1  {
position:relative;
display:block;
width:866px;
height:73px;
background:url(images/h_et_p/bandeau_hp-uk.jpg) top left no-repeat;
}
#header_uk h1 a.header_page_uk  {
position:relative;
display:block;
width:220px;
height:73px;
text-indent:-5000px;
}
#menu_principal {
position:absolute;
top:73px;
height:20px;
margin:6px 55px;
z-index:100;
}
	#menu_principal ul li  {
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size:14px;
		display:block;
		float:left;
	}
	#menu_principal ul li.sous-menu-uk  {
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size:11px;
		display:block;
		float:left;
	}
	#menu_principal ul li a {
		text-decoration:none;
		color:#000000;
	}
	#menu_principal ul li a:hover {
	text-decoration:underline;
	}
	#menu_principal ul li a.lien220 { /* lien home */
		position:absolute; /* pour la positionner en ligne avec les autres liens */
		top:0;
		left:-8px; /* */
		display:block;
		width:26px;
		height:23px;
		background:url(images/h_et_p/home.gif) left -2px no-repeat;
		text-indent:-5000px;
	}
	#menu_principal ul li a.lien259 { /* lien home */
		position:absolute; /* pour la positionner en ligne avec les autres liens */
		top:0;
		left:-14px; /* */
		display:block;
		width:26px;
		height:23px;
		background:url(images/h_et_p/home.gif) left -2px no-repeat;
		text-indent:-5000px;
	}
#menu_sec {
position:absolute;
top:-20px;
right:0;
}
	#menu_sec ul li {
		display:block;
		float:left;
	}
	#menu_sec ul li a {
		text-decoration:none;
		color:#9b132e;
		font-size:12px;
		font-weight:bold;
	}
	#menu_sec ul li a:hover {color:#FFFFFF;}
#footer {
position:absolute;
bottom:-1px;
width:866px;
background: #ccc8be url(images/h_et_p/pied_hp.jpg) top left no-repeat;
height:16px;
font-size:11px;
text-align:right;
padding-right:7px;
}
.orange { color:#eba624;}
.rouge {color:#9b132e;}
.sous_titre {font-size:12px; padding-bottom:10px; text-align:justify;}

/* HOME PAGE HISTOIRE ET PATRIMOINE */
#retour a {
position:absolute;
width:210px;
height:24px;
top:69px;
right:0;
background:url(images/h_et_p/H_et_P_home_btn_retour.jpg) top left no-repeat;
z-index:2;
}
#retour-uk a {
position:absolute;
width:210px;
height:24px;
top:69px;
right:0;
background:url(images/h_et_p/H_et_P_home_btn_retour-uk.jpg) top left no-repeat;
z-index:2;
}
#homepage {
position:relative;
margin-top:100px;
margin-left:auto;
margin-right:auto;
width:980px;
height:586px;
background:url(images/h_et_p/fd.jpg) no-repeat;
}

	#homepage h1 {
		position:absolute;
		width:306px;
		height:168px;
		top:0;
		left:0;
		z-index:1;
	}
	#homepage ul {
		position:absolute;
		top:0px;
		left:15px;
		list-style-type:none;
		width:980px;
		height:240px;
		
	}
	#homepage ul li a {height:240px; width:153px; position:absolute; top:168px; text-indent:-50000px;}
	#homepage ul li.histoire a {
		position:absolute;
		left:0;
		background:url(images/h_et_p/menu_01.jpg) top left no-repeat;
	}
	#homepage ul li.histoire a:hover {
		background:url(images/h_et_p/menu_01_hover.jpg) top left no-repeat;
	}
	#homepage ul li.site a {
		position:absolute;
		left:153px;
		background:url(images/h_et_p/menu_02.jpg) top left no-repeat;
	}
	#homepage ul li.site a:hover {
		background:url(images/h_et_p/menu_02_hover.jpg) top left no-repeat;
	}
	#homepage ul li.chapelle a {
		position:absolute;
		left:305px;
		background:url(images/h_et_p/menu_03.jpg) top left no-repeat;
	}
	#homepage ul li.chapelle a:hover {
		background:url(images/h_et_p/menu_03_hover.jpg) top left no-repeat;
	}
	#homepage ul li.musee a {
		position:absolute;
		left:457px;
		background:url(images/h_et_p/menu_04.jpg) top left no-repeat;
	}
	#homepage ul li.musee a:hover {
		background:url(images/h_et_p/menu_04_hover.jpg) top left no-repeat;
	}
	#homepage ul li.hauteville a {
		position:absolute;
		left:609px;
		background:url(images/h_et_p/menu_05.jpg) top left no-repeat;
	}
	#homepage ul li.hauteville a:hover {
		background:url(images/h_et_p/menu_05_hover.jpg) top left no-repeat;
	}
	#homepage ul li.visites a {
		position:absolute;
		left:760px;
		background:url(images/h_et_p/menu_06.jpg) top left no-repeat;
	}
	#homepage ul li.visites a:hover {
		background:url(images/h_et_p/menu_06_hover.jpg) top left no-repeat;
	}
	
	
	/* UK */	
	#homepage_uk {
		position:relative;
		margin-top:100px;
		margin-left:auto;
		margin-right:auto;
		width:980px;
		height:586px;
		background:url(images/h_et_p/fd-uk.jpg) no-repeat;
	}
		#homepage_uk h1 {
		position:absolute;
		width:306px;
		height:168px;
		top:0;
		left:0;
		z-index:1;
	}
	#homepage_uk ul {
		position:absolute;
		top:0px;
		left:15px;
		list-style-type:none;
		width:980px;
		height:240px;
		
	}
	#homepage_uk ul li a {height:240px; width:153px; position:absolute; top:168px; text-indent:-50000px;}


	#homepage_uk ul li.histoire_uk a {
		position:absolute;
		left:0;
		background:url(images/h_et_p/menu_01_uk.jpg) top left no-repeat;
	}
	#homepage_uk ul li.histoire_uk a:hover {
		background:url(images/h_et_p/menu_01_uk_hover.jpg) top left no-repeat;
	}
	#homepage_uk ul li.site_uk a {
		position:absolute;
		left:153px;
		background:url(images/h_et_p/menu_02_uk.jpg) top left no-repeat;
	}
	#homepage_uk ul li.site_uk a:hover {
		background:url(images/h_et_p/menu_02_uk_hover.jpg) top left no-repeat;
	}
	#homepage_uk ul li.chapelle_uk a {
		position:absolute;
		left:305px;
		background:url(images/h_et_p/menu_03_uk.jpg) top left no-repeat;
	}
	#homepage_uk ul li.chapelle_uk a:hover {
		background:url(images/h_et_p/menu_03_uk_hover.jpg) top left no-repeat;
	}
	#homepage_uk ul li.musee_uk a {
		position:absolute;
		left:457px;
		background:url(images/h_et_p/menu_04_uk.jpg) top left no-repeat;
	}
	#homepage_uk ul li.musee_uk a:hover {
		background:url(images/h_et_p/menu_04_uk_hover.jpg) top left no-repeat;
	}
	#homepage_uk ul li.hauteville_uk a {
		position:absolute;
		left:609px;
		background:url(images/h_et_p/menu_05_uk.jpg) top left no-repeat;
	}
	#homepage_uk ul li.hauteville_uk a:hover {
		background:url(images/h_et_p/menu_05_uk_hover.jpg) top left no-repeat;
	}
	#homepage_uk ul li.infos_uk a {
		position:absolute;
		left:760px;
		background:url(images/h_et_p/menu_07_uk.jpg) top left no-repeat;
	}
	#homepage_uk ul li.infos_uk a:hover {
		background:url(images/h_et_p/menu_07_uk_hover.jpg) top left no-repeat;
	}



/* RUBRIQUES HORS VISUELS */

#rub {
position:relative;
padding-bottom:40px;
left:30px;
top:50px;
width:805px;
}
#rub h2 {
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#EBA624;
}
#desc_rub {
position:absolute;
width:250px;
padding-top:10px;
font-size:12px;
color:#9C132D;
text-align:justify;
}
#rub_liste_article {
position:absolute;
left:260px;
border-left:1px dotted #999999;
padding-left:10px;
}
#rub_liste_article h3 {
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:16px;
color:#9C132D;
font-weight:bold;
clear:both;
padding-left:10px;
background:url(images/h_et_p/puce.gif) left 6px no-repeat;
}
#rub_liste_article a img {
float:left;
padding:5px 5px 5px 10px;
border-style:none;
}
#rub_liste_article p {
font-size:12px;
}
#rub_liste_article a {
color:#EBA624;
text-decoration:none;
font-size:12px;
font-weight:bold;
display:block;
padding-bottom:8px;
}
#rub_liste_article a:hover { text-decoration:underline;}
a img {border:none;}

a.lien-ss-menu-uk {
	font-size:12px;
	color:#8B8587;
	text-decoration:none;
	padding-left:15px;
	font-weight:bold;
}
a.lien-ss-menu-uk:hover {
	color:#A00627;
	text-decoration:none;
}

a div#cadre_photo_musee {
	display:none;
	}
a:hover div#cadre_photo_musee {
	display:block;
	position:absolute;
	left:-280px;
	top:200px;
	width:260px;
	height:200px;
	/*border:solid 1px red;*/
	}