BODY { color: #003366; font-size: 100%; font-family: arial, helvetica, sans-serif; background: url(Images/Fond.jpg) white no-repeat fixed }
BODY.Afrique { background: url(Images/FondKili.jpg) white no-repeat fixed }
BODY.Alpes { background: url(Images/FondAlpes.jpg) white no-repeat fixed }
BODY.Jura { background: url(Images/FondJura.jpg) white no-repeat fixed }
BODY.Andes { background: url(Images/FondAndes.jpg) white  no-repeat fixed }
BODY.Corse { background: url(Images/FondCorse.jpg) white no-repeat fixed }
BODY.Ice { background: url(Images/FondIce.jpg) white no-repeat fixed }
BODY.Irlande { background: url(Images/FondIrlande.jpg) white no-repeat fixed }
BODY.MassifCentral { background: url(Images/FondMC.jpg) white no-repeat fixed }
BODY.Nepal { background: url(Images/FondNepal.jpg) white no-repeat fixed }
BODY.Pakistan { background: url(Images/FondK2.jpg) white no-repeat fixed }
BODY.Pyr { background: url(Images/FondPyr.jpg) white no-repeat fixed }
BODY.Rome { background: url(Images/FondItalie.jpg) white no-repeat fixed }
BODY.Tibet { background: url(Images/FondTibet.jpg) white no-repeat fixed }
BODY.Vosges { background: url(Images/FondVosges.jpg) white no-repeat fixed }
BODY.Reunion { background: url(Images/FondReunion.jpg) white no-repeat fixed }
BODY.Dia { background-image: none }
.cadrephoto, .timagev, .timageh, h1 { border: solid 2px black }
a[href]:hover .cadrephoto { border: solid 2px red }
H1            { background: white}
.menuitem { margin: 0; padding: 0 }
.menuitem li { display: inline; list-style-type: none ;}
.menuitem li { float: left; text-align: center ; padding-top: 5px; padding-bottom: 5px; width: 19% }
.menuitem li span { display: none }
#menutop    { position: absolute; top:0px; left:0px; z-index: 2; width: 100% ; background: inherit ; color: inherit; border-bottom: outset 2px #646464; }
.Tibet #menutop { background: url(Images/RougeTibet.jpg); }


.imagette { box-shadow: -1.5px -1.5px 0 0 gray, 7px 7px 3px rgb(50,50,50),inset -2px -2px 0 0 gray; -webkit-box-shadow: -1.5px -1.5px 0 0 gray, 7px 7px 3px rgb(50,50,50),inset -2px -2px 0 0 gray; border: solid 5px white; border-radius: 0px; }
#chap1  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap2  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap3  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap4  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap5  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap6  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap7  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap8  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap9  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap10  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap11  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap12  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap13  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap14  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap15  { -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg) }
#chap16  { -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg) }
#chap1.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap2.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap3.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap4.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap5.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap6.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap7.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap8.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap9.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap10.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap11.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap12.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap13.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap14.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap15.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap16.imagetteHover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap1:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap2:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap3:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap4:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap5:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap6:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap7:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap8:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap9:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap10:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap11:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap12:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap13:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap14:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap15:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap16:hover  { opacity:1; -moz-transform: translate(-2px,-2px) rotate(0deg); -webkit-transform: translate(-2px,-2px) rotate(0deg) }
#chap1.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap2.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap3.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap4.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap5.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap6.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap7.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap8.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap9.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap10.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap11.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap12.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap13.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap14.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap15.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap16.imagetteActive  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap1:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap2:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap3:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap4:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap5:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap6:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap7:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap8:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap9:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap10:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap11:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap12:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap13:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap14:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap15:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }
#chap16:active  { opacity:1; -moz-transform: translate(2px,2px) rotate(0deg); -webkit-transform: translate(2px,2px) rotate(0deg) }