BODY        { margin: 0; padding: 0 ; text-align: left }
BODY.Afrique  { color: #540000; }
BODY.Jura  { color: #540000; }
BODY.Vosges  { color: #039; }
BODY.Alpes    { color: #004f1e; }
BODY.Andes    { color: maroon; }
BODY.Neige    { color: black; background : white }
BODY.Ice    { color: black; }
BODY.Irlande    { color: #004f1e; }
BODY.Nepal    { color: #039;  }
BODY.Tibet    { color: #039;  }
BODY.MassifCentral    { color: black;  }
BODY.Pakistan    { color: black; }
BODY.Rome    { color: maroon; }
BODY.Pyr    { color: teal; }
BODY.Corse    { color: black; }
BODY.Reunion    { color: black; }
IMG         { border: 0px }
IMG.frise { display: block; clear: both; width: 100%; height: 3px; border-top: solid 1px black; vertical-align: bottom }
ADDRESS     { font-style: italic }
HR          { clear: both; }
HR.l75      { width: 75%; }
HR.l50      { width: 50%; }
HR.l25      { width: 25%; }
A:link      { color: blue; text-decoration: none; background-color: transparent }
A:visited   { color: purple; text-decoration: none; background-color: transparent }
A:hover     { color: red; text-decoration: none; background-color: transparent }
A:active    { color: yellow; text-decoration: none; background-color: transparent }
LI A:hover  { color: red; font-weight: bold; text-decoration: none; background-color: transparent }
LI A:active { color: yellow; font-weight: bold; text-decoration: none; background-color: transparent }
LI LI       { font-style: normal ; font-size: 80% }
LI          { font-style: italic; }
H1          { text-align: center ; margin-top: 0; margin-left: 25px; margin-right: 25px; border-radius: 10px }
.big        { font-size: 115% }
.small      { font-style: oblique; font-size: 75% }
.blocbulle  { white-space: nowrap }
.dream      { color: #f6f; font-weight: bold; font-size: 120%; background-color: #e0ffff; padding: 1ex; border: inset 4px aqua }
.note       { color: black; font-size: medium; background-color: white; text-align: left; text-indent: 1em; border: ridge thick teal; cursor: pointer; max-width: 50% }
.notepic       { background-color: transparent; text-align: center; cursor: pointer }
.notepic  IMG  { vertical-align: top }
.nouveau    { color: red; font-style: normal; font-size: 75%; text-decoration: none; background-color: lime }
.nouveaubig    { color: red; font-style: normal; font-size: 115%; text-decoration: none; background-color: lime }
.cadrephoto { margin-top: 6px }
.centrage   { text-align: center }
.rightshift { float: right; margin-right: 20px }
.leftshift { float: left; margin-left: 20px }
.clearshift { clear: both; }
.cache      { visibility: visible }
.preload      { display: none }
.biblio img { border: solid 2px #646464; margin: 0 0 10px 0; }
.biblio a:hover img { border: outset 2px red }
.biblio dt { float: left; clear: both; width: 100px; }
.biblio dd { float: left; width: 40%; margin-left: 1ex }
.fonds dt { float: left; }
.fonds dd { float: left; margin-left: 5ex ; margin-top: 50px }
#vignettes { position: absolute; left:0 }
#corps      { position: absolute; top: 55px; z-index: 1; min-height: 500px; padding-left: 5px; padding-right: 5px; width: 99% }
#corps.chapitre { padding-left: 210px; width: auto }
.chapitre { padding-bottom: 10px; }
.imagette { position: absolute; top: -200px; left: 10px; width: 180px; height: 120px; background-repeat: no-repeat; cursor: pointer; opacity:0.75; box-shadow: 7px 7px 5px rgb(50,50,50),inset -5px -5px 5px rgba(0,0,0,0.5),inset 5px 5px 5px rgba(255,255,255,0.5); -webkit-box-shadow: 7px 7px 5px rgb(50,50,50),inset -5px -5px 5px rgba(0,0,0,0.5),inset 5px 5px 5px rgba(255,255,255,0.5); border-radius: 5px }
.imagette:hover  { opacity:1; -moz-transform: translate(-2px,-2px); -webkit-transform: translate(-2px,-2px); -o-transform: translate(-2px,-2px); -ms-transform: translate(-2px,-2px) }
.imagette:active { -moz-transform: translate(2px,2px); -webkit-transform: translate(2px,2px); -o-transform: translate(2px,2px); -ms-transform: translate(2px,2px)  }
.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px); -webkit-transform: translate(-2px,-2px); -o-transform: translate(-2px,-2px); -ms-transform: translate(-2px,-2px) }
.imagetteActive { -moz-transform: translate(2px,2px); -webkit-transform: translate(2px,2px); -o-transform: translate(2px,2px); -ms-transform: translate(2px,2px)  }
/*
Pour les images-tableaux
*/
.timagev, .timageh { position: relative; margin-left: auto ; margin-right: auto ; font-size:0; z-index: 1; margin-top: 6px }
.timagev, .timageh, img { vertical-align:top }
.timageh { width: 720px; height: 480px; }
.timagev { width: 320px; height: 480px; }	
/*
Fondu ou swap entre deux images
*/
.fondu img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
img.swap1 {position: absolute; }
img.swap1, div.fondu:hover img.swap2 { opacity: 1.0; }
div.fondu:hover img.swap1, img.swap2 { opacity: 0; }
img.swap1, div.swap:hover img.swap2 { opacity: 1.0; }
div.swap:hover img.swap1, img.swap2 { opacity: 0; }
/* 
panoramas
*/
#panoSWF { width: 1000px; height: 500px; margin-right: auto; margin-left: auto }
#panoSWF720 { width: 720px; height: 360px; margin-right: auto; margin-left: auto }
/*
Diaporama
*/
.diaporama { position: absolute; top: 0; left: 10px;  height: 2.5ex; width: 18ex; margin-right: 0; text-align: center; font-size: x-small; font-family: arial,helvetica,sans-serif ; z-index: 2 }
#cmddia    { border: outset .5ex #646464; border-bottom: 0; background: white;   color:black }
#tempodia  { border: inset .5ex #646464;  border-top: 0; background: #dddddd; color: green; top: 2.5ex; visibility: hidden ; cursor: pointer }
#stopdia   { border: inset .5ex #646464;  border-top: 0; background: black;   color: white; top: 2.5ex; visibility: hidden ; cursor: pointer }
/*
Carte Google Maps
*/
.map { position: absolute; top: 5ex; left: 10px; width: 32px; height: 32px; border: groove 3px black ; z-index: 2}
a.map:hover { border: inset 3px red}
a.map:active { border: inset 3px yellow}
.Dia .cadrephoto { margin-left: 15ex; margin-right: 15ex }
/*
Gestion de la barre de navigation
*/

/*/*/
a#accueil { display: block; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-image: url(Images/Maison.gif); background-repeat: no-repeat }
a#accueil:hover  { background-image: url(Images/Maison-over.gif); background-repeat: no-repeat }
a#accueil:active { color: black; background-color: yellow }

a#prec { display: block; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-image: url(Images/prec.gif); background-repeat: no-repeat }
a#prec:hover  { background-image: url(Images/prec-over.gif); background-repeat: no-repeat }
a#prec:active { color: black; background-color: yellow }

a#haut { display: block; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-image: url(Images/haut.gif); background-repeat: no-repeat }
a#haut:hover  { background-image: url(Images/haut-over.gif); background-repeat: no-repeat }
a#haut:active { color: black; background-color: yellow }

a#suiv { display: block; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-image: url(Images/suiv.gif); background-repeat: no-repeat }
a#suiv:hover  { background-image: url(Images/suiv-over.gif); background-repeat: no-repeat }
a#suiv:active { color: black; background-color: yellow }

a#lettre { display: block; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-image: url(Images/lettre.gif); background-repeat: no-repeat }
a#lettre:hover  { background-image: url(Images/lettre-over.gif); background-repeat: no-repeat }
a#lettre:active { color: black; background-color: yellow }
/**/

/* Pour tromper IE
\*/
BODY>#menutop    { position: fixed; }
HTML>BODY .cache      { visibility: hidden }
ul LI          { list-style-image: url(Images/puce.gif);}
LI   li     { list-style-image: none;}
/*
*/