@charset "UTF-8";
/* CSS Document */



/*------------------ reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, figure, p {
	margin:0;
	padding:0;
}
body {
	line-height:1;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
	vertical-align:bottom;
}
ul, ol {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:lighter;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
p {
	margin-bottom: 10px;
}
/*------------------ FIN reset.css------------------- */
a {
	color:#669;
}
/*--------------classes SYSTEMATIQUES--------*/

.clear {
	clear:both;
}
.fontbigger {
	font-size: 20px;
}
.font15 {
	font-size: 15px;
}
.colorgold14 {
	color:#BD7D3D;
	font-size: 14px;
}
.citation {
	color:#5F5146;
	margin:0 20px 5px 20px;
}
.listepadding {
	padding-left: 15px;
}
.floatleftimg {
	float: left;
	margin-right: 5px;
}
/*-------------FIN -classes SYSTEMATIQUES------*/

body {
	font:0.750em Verdana, Geneva, sans-serif;
	color:#333;
	background: #33373A;
}
#wrapper {
	width: 910px;
	margin-left: auto;
	background:#fff;
	margin-right: auto;
	padding:15px 25px 25px 25px;
	font: 11px Verdana, Geneva, sans-serif;
}
header h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-size : 2.5em ;
	padding-bottom: 20px;
	width:520px;
	float:left;
	color:#666;
}
h1 a {
	text-decoration:none;
	color:#666D70;
}
/*-----------------NAV-------------------*/
#nav-haute {
	float:right;
	width:340px;
	position:relative;
	z-index:1000;
	font-size: 0.917em;
}
#nav-haute ul {
	float:left;
	padding: 10px 0;
}
#nav-haute ul li {
	float:left;
	position:relative;
	width:95px;
	
}
#nav-haute ul li#roi, #nav-haute ul li#mur, #nav-haute ul li#ville {
	width: 50px;
}
#nav-haute ul li#quotidien {
	width: 90px;
	padding-left:30px;
}
#nav-haute ul li#ville {
	padding-left:30px;
	padding-right:30px;
}
#nav-haute ul li#roi ul {
	width: 100px;
}
#nav-haute ul li a {
	text-decoration:none;
	display:block;
	padding-bottom: 20px;
	width: 130px;
	color:#999;
}
#nav-haute ul li ul li a {
	padding-bottom: 0px;
}
#nav-haute ul li:hover {
	background:url(../img/common/bg-li-bas.gif) no-repeat 15px bottom;
}
#nav-haute ul li ul li:hover {
	background:url(none);
}
#nav-haute ul li ul li a:hover {
	background:url(none);
	border-left: 2px solid #999;
	padding-left: 5px;
	color:#666;
}
#nav-haute ul li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 100%;
	background:#fff;
	/*opacity:0.8;
	filter: alpha(opacity=80);*/
	width:140px;
}
#nav-haute ul li ul li ul {
	padding-left: 10px;
	width:130px;
	background:#fff;
/*	opacity:1;
	filter: alpha(opacity=100);*/
	display:block;
	padding-top:0;
}
/*#nav-haute ul li:hover ul {
display: block;
}*/


#nav-haute ul li ul li {
	width: 140px;
	font-size:11px;
	padding-left: 5px;
}
#nav-haute ul li ul li a {
	padding-bottom: 3px;
	color:#898C6D;
}
#langues {
	float:right;
	width:150px;
	padding-bottom: 10px;
}
/*------------PARTiE HAUTE HOME------------- */
#navHomeLeft {
	background:#88898c;
	float:left;
	width: 365px;
	color:#fff;
	height:339px;
	padding: 20px;
}
.navHomeMur {
	margin: 30px 20px;
	clear:both;
	height: 45px;	
	
}
.navHomeMur img, .navParis img {
	vertical-align:middle;
	margin-right: 5px;
}
.navHomeMur ul, .navParis ul {

	margin-top: 10px;
}

.navHomeMur ul li, .navParis ul li {
	position:relative;	
	


}
.navHomeMur ul li ul, .navParis ul li ul  {
	
	
	display:none;
	position:absolute;
	top:60%;
	left:120px;
	background:#494C55;
	padding: 10px;
	z-index:50;
	width: 190px;
	border-bottom: 1px dotted #fff;
	
}
.navHomeMur ul li:hover ul, .navParis ul li:hover ul {
	display:block;
}
.navHomeMur a , .navParis a{
	color:#fff;
	text-decoration:none;
}
.navHomeMur span, .navParis span {
	background:url(../img/common/bg-liens-blanc.png) no-repeat left center;
	padding-left: 20px;
	
}

/*------------PARTiE ACCES PARIS ET MUR------------- */




.navParis {
	background:#88898c;
	float:left;
	width: 289px;
	padding: 5px;
	margin: 10px 2px;
	
}
.navParis h2 {
	font-size:13px;
	margin-bottom: 10px;
	color:#fff;
}
.navParis a {
	color: #fff;
	text-decoration:none;
}
#visuel {
	float:left;
	width:504px;
	position:relative;
	overflow:hidden;
	height: 380px;
	z-index:1;
}
#visuel-texte {
	height: 360px;
	width:484px;
	margin:0;
	background:url(../img/common/bg-cour-st-andre.png) no-repeat;
	z-index:1;
	position:absolute;
	top:-271px;
	left:-1px;
	color: #fff;
	padding: 20px;
}
#visuel-texte a {
	color:#fff;
	text-decoration:none;
}
#titres a {
	color:#fff;
	background: url(../img/common/bg-liens.png) no-repeat left center;
	padding-left: 20px;
	font-size:11px;
}
/*------------BANDE GRISE ACCES VESTIGES------------- */

#intro {
	background: #D8D9DB;
	height: 20px;
}

/*.navParis a span {
	color: #fff;
	background: url(../img/common/bg-liens-blanc.png) no-repeat left center;
	padding-left: 20px;
	text-decoration:none;
}
.navParis img {
	vertical-align:middle;
}*/
.navParis img.roi {
	float:left;
	margin-right: 10px;
}
.navParis a.lienroi {
	color: #fff;
	text-decoration:none;
	background: url(../img/common/bg-liens-blanc.png) no-repeat left center;
	padding-left: 20px;
}
.dates {
	font-size: 11px;
	color:#667986
}
#section-mur {
	background:#A49E76;
	float:left;
	width: 260px;
	font-size:11px;
	padding: 20px;
	color:#fff;
	height:280px;
}
.sous-titres-mur {
	margin-bottom: 30px;
}
.sous-titres-mur img {
	float:left;
	margin-right: 20px;
}
.sous-titres-mur a {
	font-size: 12px;
	background:url(../img/common/bg-liens-home-section-mur.gif) no-repeat;
	padding-left: 20px;
	color:#fff;
	text-decoration:none;
}
/*FOOTER*/

footer {
	position:relative;
	padding:30px 30px 50px 30px;
	line-height:35px;
	background:#666D70;
	width:900px;
	margin: 0 auto 20px auto;
}
footer a {
	color: #fff;
	text-decoration:none;
	background:url(../img/common/bg-liens-blanc.png) no-repeat left center;
	padding-left: 20px;
}
#roi-img {
	background:url(../img/common/bg-footer.png) no-repeat;
	width:103px;
	height:106px;
	position:absolute;
	right: -10px;
	bottom:0;
}
.col-footer {
	float:left;
	width: 280px;
}
/* PAGES DE SUITE*/

#titres-section {
	
	height: 94px;/*104*/
	border-bottom:1px dotted #B6B8C0;
	margin-bottom:10px;
	position:relative;
}
#titresh2 {
	float:left;
	width:245px;
}
#titres-section img {
	float:left;
	margin-right: 20px;
}
#titres-section h2 {
	float:left;
	padding-top: 10px;
	font-size: 20px;
}
#titresh3 {
	float:left;
	width: 325px;
	padding-left: 10px;
	
}

#titresh3 a {
	display : block;
	clear:both;
}
#titresh3 h3 {
	font-size:16px;
	float:left;
	padding-top: 14px;padding-bottom: 10px;
}
.img-droite-titre-sections {
	position:absolute;
	top: 5px;
	right:0px;
}
#titresh3 h4 {
	padding-top: 10px;
	padding-left: 80px;
	font-size: 12px;
}
#liens-texte {
	float:right;
	padding-top: 32px;
	width: 200px;
	padding-right:10px;
}
#liens-texte a {
	color:#2c3339;
	text-decoration:none;
	background:url(../img/common/bg-liens.png) no-repeat;
	padding-left:20px;
}
/*FIN TITRES*/

/*----------------NAV GAUCHE--------------------------*/
/*----------------NAV GAUCHE   navGaucheVille2.lbi--------------------------*/

#nav-gauche {
	float:left;
	width: 270px;
}
/*SECTIONS DU MUR*/
.navLeftParisMur {
	background: #748194;
	color:#fff;
	padding:20px 5px 20px 10px;
	margin-bottom: 15px;
}
.navLeftParisMur .liens {
	float:left;
	margin-top:10px;
}
.navLeftParisMur .liens .annexes-img {
	float:left;
}
.navLeftParisMur .liens .annexes-liens {
	float:left;
	width: 170px;
}
.navLeftParisMur .liens .annexes-img a {
	background:url(none);
}
.navLeftParisMur .liens .annexes-liens {
	margin-left:-20px;
}
.navLeftParisMur .liens ul li.annexes-liens {
	position:relative;
	width: 160px;
}
.navLeftParisMur .liens ul li.annexes-liens ul {
	position:absolute;
	top:100%;
	left:12px;
	display:none;
	z-index:1000;
}
.navLeftParisMur .liens ul li.annexes-liens:hover ul {
	display:block;
}
/* POUR LES SECTIONS PARIS les sous-listes*/

ul.nav-ville li {
	position:relative;

} 

ul.nav-ville li ul {
	display:none;
	position:absolute;
	left: 110px;
	top:100%;
	width: 160px;
	background:#111;
	z-index:1000;
	/*opacity:0.9;
	filter:alpha(opacity=90);*/
	padding:4px;
	
}
ul.nav-ville li:hover ul {
	display:block;
	
}
.navLeftParis {
	background: #88898c;
	color:#fff;
	padding:5px 5px 10px 10px;
	margin-bottom: 15px;
}
.navLeftParisMur h1, .navLeftParis h1 {
	border-bottom: 1px dotted #fff;
	color:#fff;
	font-size:14px;
	padding-bottom:5px;
}
.navLeftParis .liens {
	margin-top: 10px;
}
.navLeftParisMur .liens img, .navLeftParis .liens img {
	float:left;
	margin-right: 5px;
}
.navLeftParisMur .liens a, .navLeftParis .liens a, .noindex {
	color:#fff;
	text-decoration:none;
	background: url(../img/common/bg-liens-blanc.png) no-repeat;
	padding-left: 20px;
}
/*----------------POUR IDENTIFIER LA SECTION COURANTE-------------------*/
.current {
	background:#2E3339;
}
.nocurrent {
	background:#88898c;
}
/*-----------------FIN DE NAV DE GAUCHE---------------------------*/
aside {
	float:right;
	width: 200px;
}
aside img {
	margin-bottom: 10px;
}
#content {
	float:left;
	width: 400px;
	margin-left: 30px;
	line-height:1.6;
}
.letrine {
	color: #BD7D3D;
	font-size: 30px;
	float:left;
	margin-right:3px;
	margin-bottom: -16px;
	margin-top:-6px;
}
.suite {
	display:none;
}
/*PAGES VESTIGES*/



.vestiges a {
	text-decoration:none;
}
#content160 {
	float:left;
	width: 165px;
	margin-left: 20px;
}
/*pour les index vestiges*/
#content430 {
	float:left;
	width: 460px;
	margin-left: 10px;
	position:relative;
}
.nodeco a {
	text-decoration:none;
}
/*points de la rive gauche*/
#guenegaud, #nevers, #dauphine, #p_dauphine, #dauphine_34, #mazarine, #st_andre, #thouin_16, #thouin_12, #thouin_4, #descartes, #lemoine_68, #lemoine_62, #clovis, #lartigue, #arras, #ecoles, #jean, #st_aignan, #rosiers, #credit, #jour, #louvre, #st_paul, #hospitalieres{
	position:absolute;
	width: 130px;
	height:13px;
	background:#fff url(../img/mur/bg-vestiges.png) no-repeat 3px center;
	top: 194px;
	left: 128px;
	padding-left: 15px;
	line-height:13px;
	display:none;
	box-shadow:2px 2px #999
}
#nevers {
	top: 190px;
	left: 124px;
}
#p_dauphine {
	top: 220px;
	left: 131px;
}
#dauphine_34 {
	top: 226px;
	left: 143px;
	width:100px;
}
#mazarine {
	top: 240px;
	left: 140px;
	width:100px;
}
#st_andre {
	top: 353px;
	left: 160px;
	width: 170px;
}
#thouin_16 {
	top: 415px;
	left: 206px;
}
#thouin_12 {
	top: 407px;
	left: 218px;
}
#thouin_4 {
	top: 400px;
	left: 228px;
}
#descartes {
	top: 391px;
	left: 246px;
}
#lemoine_68 {
	top: 382px;
	left: 257px;
	width: 170px;
}
#lemoine_62 {
	top: 362px;
	left: 275px;
	width: 170px;
}
#clovis {
	top: 339px;
	left: 287px;
}
#lartigue {
	top: 280px;
	left: 327px;
	width: 170px;
}
#arras {
	top: 244px;
	left: 369px;
}
#ecoles {
	top: 187px;
	left: 413px;
}
/*VESTIGES RIVE DROITE*/
#jour {
	top: 65px;
	left: 188px;
}
#louvre {
	top: 91px;
	left: 129px;
}
#jean {
	top: 32px;
	left: 275px;
	width: 180px;
}
#st_aignan {
	top: 138px;
	left: 431px;
}
#credit {
	top: 184px;
	left: 473px;
}
#hospitalieres {
	top: 244px;
	left: 521px;
	width:200px;
	height: 40px;
	width:100px;
}
#st_paul {
	top: 394px;
	left: 541px;
	height: 30px;
	width:100px;
}
#rosiers {
	top: 278px;
	left: 547px;
	height: 30px;
	width:100px;
}
/*fin des points de la rive gauche*/
#content600 {
	float:left;
	width: 620px;
	margin-left: 10px;
	line-height:1.6;
	position:relative;
}
.vestiges {
	font-size: 11px;
	background: #EFF1DE;
	padding-left: 2px;
	width: 125px;
	padding-right:2px;
}
.vestiges li {
	padding-bottom:10px;
}
/*BIBLIO*/

.titre {
	font-size: 14px;
	color:#8C8C8E;
}
.auteur {
	color:#A49E76
}
.biblio li {
	padding-bottom: 6px;
}
/*CREDITS*/

.capture {
	float:left;
	width: 310px;
	margin: 20px 0;
}
.capture img {
	padding:3px;
	border:1px solid #A49E76;
}
/*QUOTIDIEN*/



#approvisionnement li a, #quotidien-index li a, #roi-index li a, .mur-index li a {
	text-decoration:none;
	background:url(../img/common/bg-liens.png) no-repeat;
	padding-left: 20px;
	font-size:12px;
}
ul.metiers-gauche {
	float:left;
	width: 150px;
}
ul.metiers-droite {
	float:left;
	width: 170px;
}
ul.metiers-gauche li a, ul.metiers-droite li a {
	text-decoration:none;
	background:url(../img/common/bg-liens.png) no-repeat;
	padding-left: 20px;
	font-size:12px;
}
#approvisionnement li {
	padding-left: 20px;
}
.pnomargin {
	margin-bottom: 0px;
}
.suite-texte {
	margin: 0 20px 20px 20px;
	color:#5F5146;
}
.haut {
	display:block;
	text-align:right;
}
/*PAGES 	VIGNETTES*/

 #content-vignettes {
	float:left;
	width: 610px;
	position:relative;
	margin-left: 20px;
}
.main_image {
	background:  url(../img/rive-gauche/r-g-o-29-rue-guenegaud.jpg) no-repeat;
	/*overflow: hidden;*/
	height: 600px;
	width: 450px;
	margin-top: 25px;
	margin-left:auto;
	margin-right:auto;
}
#description {
	width: 225px;
	position:absolute;
	left: 390px;
	top: -10px;
	color:#366;
	border-left: 1px dotted #366;
	padding-left: 5px;
}
#nombre, #reste {
	padding-top: 5px;
	color:#636363;
	font-size: 10px;
	padding-left: 45px;
}
#reste {
	width: 300px;
	color:#636363;
	font-size: 10px;
	padding-left: 45px;
}
.image_thumb li {
	float:left;
	margin-left: 4px;
}
#image-cadastre {
	float:left;
	width: 410px;
}
#texte-cadastre {
	float:left;
	width : 200px;
}
#cadastre {
	padding-top:3px;
	float:right;
	font-size: 10px;
	background:url(../img/common/nav-suite-cadastre.jpg) no-repeat left bottom;
	width:180px;
	height:60px;
	margin-right: 30px;
}
#cadastre a {
	display:block;
	width:180px;
	height:60px;
}
/*-------------DEFILEMENT DES VIGNETTES----------------*/
.scrollable {
	/* required settings */
    position:relative;
	overflow:hidden;
	width: 290px;
	height:120px;
}
.scrollable .items {
	/* this cannot be too large */
    width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:290px;
}
/* single scrollable item */
.scrollable img {
	/*float:left;*/
	background-color:#fff;
	border:1px solid #ccc;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
.scrollable {
	float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/common/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
/* right */
a.right {
	background-position: -10px -30px;
	clear:right;
	margin-right: 0px;
}
a.right:hover {
	background-position:-10px -30px;
}
a.right:active {
	background-position:-10px -30px;
}
/* left */
a.left {
	margin-left: 0px;
}
a.left:hover {
	background-position:-30px 0;
}
a.left:active {
	background-position:-60px 0;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
/*-------------FIN DEFILEMENT DES VIGNETTES----------------*/

/*-------TOOLTIPS--------------

.tooltip {
	width:100px;
	margin:0;
	padding:5px;
	font-size:11px;
	color:#666;
	background:#fff;
	border:1px solid #ccc;
}*/
/*-------------PLAQUES----------------*/

#preview {
	position:absolute;
	border:1px solid #ccc;
	padding:5px;
	display:none;
	color:#333;
}
/*------------CONTACT--------------*/

.champ, textarea, label, .champs {
	display: block;
	float: left;
	width: 200px;
	margin: 5px 0;
	
}
label, .etiquette {
	text-align:right;
	width: 170px;
	float:left;
	display:block;
	margin: 5px 10px ;
}
input, textarea {
	border: 1px solid tan;
}
#contact {
	
}
#contact p{
	clear:both;
}