body {
    color:#333;
    background-color:#fbfaf8;
    margin:20px;
    padding:0px;
    font:11px verdana, arial, helvetica, sans-serif;
}

div {
    padding:5px 10px;
}

h1 {
    margin:0 0 0.5em 0;
    font-size:28px;
    font-weight:900;
    color:#ccc;
}

h2 {
    font:bold 12px verdana, arial, helvetica, sans-serif;
    margin:0 0 0.5em 0;
    color:#777;
}

h2.coords {
    font:bold 12px verdana, arial, helvetica, sans-serif;
    margin:0 0 0.5em 0;
    color:#777;
}

.date {
    color:#000;
}

h3 {
    color:#999;
    margin:0 0 0.2em 0;
}

p {
    font:11px/20px verdana, arial, helvetica, sans-serif;
    margin:0 0 0.5em 0;
}

ul {
    font:11px/20px verdana, arial, helvetica, sans-serif;
    list-style-type: none;
    margin:0 0 .5em 0;
    padding: 0 0 0 0;
}

.code {
    font-family: courier;
}

li {
    background-image: url(/img/arrow-anim.gif);
    background-repeat: no-repeat;
    background-position: 0 .7em;
    padding-left: .9em;
}

#navCoords ul li {
    background-image: none;
    padding-left: 0;
    display: inline;
}

#navCoords ul li:after {
	content: ", ";
	}

#navCoords ul li.last:after {
	content: ". ";
	}


.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}


.thumbs {
    border:1px solid black;
}

.thumbs:hover {
    border:1px solid red;
}


a {
    color:#09c;
    font-weight:bold;
    text-decoration:none;
}
a:link {
    color:#09c;
}
a:visited {
    color:#07a;
}
a:hover {
    color:#000;
    background-color:#eee;
    text-decoration:underline;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


a.infolink:hover {
    cursor:help;
}


a.work:link:after, a.work:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
}



#invisids, #wack {
    display:none;
}

.content {
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;

    /*	background: url("/img/portrait-bkg.jpg") top left no-repeat;*/

    /*   background-image: url(/img/portrait-bkg4.jpg);
         background-position: 0 0;
         background-repeat: no-repeat;
         background-attachment: fixed;
         */
    min-width:400px;
    margin: 0 0 10px 0;
    border:1px solid grey;
    padding:5px 10px 10px 10px;
    page-break-inside: avoid;
}

#title, #title p {
width:430px;
}

img {
    border :0;
}

img.noshow {
    display:block;
}

#cartouche {
    border:none;
    border-left:1px solid grey;
    border-top:1px solid grey;
}

#leftCol {
    display:none;
    position:absolute;
    width:150px;
    top:20px;
    left:20px;
    padding:0;
    z-index:2;
}

#navRealisations div {
    width: 128px;
}

#navRealisations {
    margin:0 0 20px 0;
    border:1px dashed black;
    background-color:#eee;
}

#navStyle {
    margin:0 0 20px 0;
    border:1px dashed black;
    background-color:#eee;
}

#navPhoto {
    background: url(/img/cv2.jpg) top left no-repeat;
    text-align:center;
    position:absolute;
    width:170px;
    height:128px;
    top:20px;
    right:20px;
    border-left:1px solid grey;
    border-right:1px solid grey;
    border-bottom:1px solid grey;

    background-color:#eee;
    padding:0;
    z-index:1;
}

#navPhoto p {
    padding:100px 0 0 0;
}

#navCoords {
    margin:0 0 10px 0;
    border:1px dashed black;
    background-color:#eee;
    padding:5px 10px 10px 10px;
    page-break-after:always
}


.top {
    width:25px;
    height:25px;
    position:absolute;
    top:-2px;
    right:-2px;
    background: url(/img/uparrow.png) top right no-repeat;
}


#footer {
    display:none;
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:400px;
    margin:0px 190px 20px 170px;
    border:1px solid black;
    background-color:white;
    padding:5px 10px 10px 10px;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    text-align: center;
}

#galleries {
    display:none;
}