BODY { color: #003366; font-size: 100%; font-family: cursive, sans-serif; background: gray url(Images/FondCalepin.jpg); background-attachment:fixed; } .small { font-family: sans-serif } .cadrephoto, .timagev, .timageh, h1 { border: outset 3px #646464 } a[href]:hover .cadrephoto { border: outset 3px red } H1 { background: #eeeeee} a#accueil { display: block; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-image: url(Images/MaisonCalepin.gif); background-repeat: no-repeat } a#accueil:hover { background-image: url(Images/MaisonCalepin-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/precCalepin.gif); background-repeat: no-repeat } a#prec:hover { background-image: url(Images/precCalepin-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/hautCalepin.gif); background-repeat: no-repeat } a#haut:hover { background-image: url(Images/hautCalepin-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/suivCalepin.gif); background-repeat: no-repeat } a#suiv:hover { background-image: url(Images/suivCalepin-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/lettreCalepin.gif); background-repeat: no-repeat } a#lettre:hover { background-image: url(Images/lettreCalepin-over.gif); background-repeat: no-repeat } a#lettre:active { color: black; background-color: yellow } .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% ; height: 50px; color: inherit; background: url(Images/FondMenuCalepin.jpg) } .imagette { box-shadow: 7px 7px rgb(50,50,50),inset 0 0; border: outset 2px gray; -webkit-box-shadow: 7px 7px rgb(50,50,50),inset 0 0; 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) }