@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: 12px Verdana, Geneva, sans-serif;
    color: #333;
    background: #33373A url(../img/common/bg-body.jpg) repeat-x
    }
#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: 22px "WebfontRegular", Verdana, sans-serif;
    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: 11px
    }
#nav-haute ul {
    float: left;
    padding: 10px 0
    }
#nav-haute ul li {
    float: left;
    position: relative;
    width: 95px;
    font-size: 12px
    }
#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: 0
    }
#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: 0;
    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 {
    background: url(../img/common/bg-h2-suite.jpg) no-repeat;
    height: 104px;
    /*104*/
    padding: 5px 0;
    margin-bottom: 10px;
    position: relative
    }
#titresh2 {
    float: left;
    width: 245px;
    padding-left: 10px
    }
#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: 0
    }
#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: 255px
    }
/*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: 0
    }
.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: 0
    }
a.right:hover {
    background-position: -10px -30px
    }
a.right:active {
    background-position: -10px -30px
    }
/* left */
a.left {
    margin-left: 0
    }
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 p {
    clear: both
    }