body { background-color: black; margin: 0; padding: 0; }
img { margin: 0; padding: 0; border-width: 0; }
div { color: #815f05; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td { color: #815f05; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color: #815f05; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a:hover { color: #b39137; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
input { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #815F05; border: solid 1px #b39626; }
select { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #815F05; border: solid 1px #b39626; }
textarea { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #815F05; border: solid 1px #b39626; }
button { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #815F05; border: solid 1px #b39626; }
.titre { color: #b39137; font-size: 15px; font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#global { width: 100%; }
#messageAttente { color: #695f59; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; margin-top: 200px; }
#contener { text-align: left; position: relative; width: 850px; height: 626px; overflow: hidden; margin-top: 5px; border: solid 1px #3d3128; display: none; }
#contener2 { text-align: left; margin-top: 5px; position: relative; width: 850px; display: none; }
#contener3 { text-align: left; margin-top: 5px; position: relative; width: 850px; height: 626px; overflow: hidden; border: solid 1px #3d3128; display: none; }
#accueil { position: absolute; top: 0; left: 0; width: 850px; height: 623px; }
#boutonLogo01 { position: absolute; top: 0; left: 0; width: 300px; height: 135px; }
#boutonLogo02 { position: absolute; top: 0; left: 0; width: 200px; height: 85px; }
#secret01 { background-color: black; background-repeat: no-repeat; background-position: 0 0; text-align: right; display: none; position: absolute; top: 175px; left: 0; width: 850px; height: 451px; }
#secret02 { position: absolute; top: 335px; left: 120px; width: 305px; height: 80px; display: none; }
#secret03 { display: none; position: absolute; top: 430px; left: 120px; width: 305px; height: 65px; }
#secret04 { display: none; position: absolute; top: 510px; left: 120px; width: 305px; height: 75px; cursor: pointer; }
#reunions { background-color: #000; background-repeat: no-repeat; background-position: 0 0; display: none; position: absolute; top: 175px; left: 0; width: 850px; height: 451px; }
#ambassadrice { background-color: #000; background-repeat: no-repeat; background-position: 0 0; display: none; position: absolute; top: 175px; left: 0; width: 850px; height: 451px; }
#temoignages { background-color: #000; background-repeat: no-repeat; background-position: 0 0; display: none; position: absolute; top: 175px; left: 0; width: 850px; height: 451px; }
#pasDeCode { background-color: #000; background-repeat: no-repeat; background-position: 0 0; display: none; position: absolute; top: 93px; left: 0; width: 850px; height: 533px; }
#transitionSecrets01 { display: none; position: absolute; top: 288px; left: 269px; width: 312px; height: 50px; }
#transitionSecrets02 { display: none; position: absolute; top: 288px; left: 269px; width: 312px; height: 50px; }
#bandoHsecrets { position: absolute; top: 0; left: 0; width: 850px; height: 93px; }
#bandoDsecrets { position: absolute; top: 93px; left: 600px; width: 250px; height: 533px; }
#galerySecrets01 { position: absolute; top: 93px; left: 0; width: 600px; height: 468px; display: none; }
#galerySecrets02 { display: none; position: absolute; top: 93px; left: 0; width: 600px; height: 468px; }
#galerySecrets03 { display: none; position: absolute; top: 93px; left: 0; width: 600px; height: 468px; }
#boutonNosSecrets { position: absolute; top: 40px; left: 335px; width: 165px; height: 39px; cursor: pointer; }
#boutonBoutique { cursor: pointer; position: absolute; top: 79px; left: 540px; width: 230px; height: 56px; }
#boutonBoutique02 { cursor: pointer; position: absolute; top: 182px; left: 600px; width: 250px; height: 49px; }
#boutonReunions { position: absolute; top: 35px; left: 600px; width: 250px; height: 30px; cursor: pointer; }
#boutonAmbassadrice { position: absolute; top: 135px; left: 580px; width: 230px; height: 40px; cursor: pointer; }
#boutonTemoignages { position: absolute; top: 120px; left: 335px; width: 165px; height: 35px; cursor: pointer; }
#boutonContact2 { cursor: pointer; position: absolute; top: 0; left: 430px; width: 170px; height: 35px; }
#boutonRetour { position: absolute; top: 20px; left: 750px; width: 70px; height: 20px; cursor: pointer; }
#boutonPasDeCode { position: absolute; top: 350px; left: 600px; width: 250px; height: 50px; cursor: pointer; }
#boutonContact { position: absolute; top: 480px; left: 600px; width: 250px; height: 50px; cursor: pointer; }
#boutonSecretPrecedent { position: absolute; top: 561px; left: 0; width: 300px; height: 65px; cursor: pointer; }
#boutonSecretSuivant { position: absolute; top: 561px; left: 300px; width: 300px; height: 65px; cursor: pointer; }
#formCodeSecret { position: absolute; top: 218px; left: 645px; width: 172px; height: 26px; }
#codesecret { color: #cec017; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; text-align: center; width: 140px; height: 23px; margin: 0; padding: 0; border-width: 0; }
.buttonCodeSecret { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #815f05; text-align: center; margin: 0; padding: 0; width: 24px; height: 22px; border-width: 0; }
#illustrationReunions { position: absolute; top: 0; left: 0; width: 190px; height: 451px; }
#titreReunions { position: absolute; top: 0; left: 190px; width: 410px; height: 50px; }
#texteReunions { position: absolute; top: 50px; left: 190px; width: 660px; height: 401px; overflow: auto; }
#illustrationAmbassadrice { position: absolute; top: 0; left: 0; width: 190px; height: 451px; }
#titreAmbassadrice { position: absolute; top: 0; left: 190px; width: 410px; height: 50px; }
#texteAmbassadrice { position: absolute; top: 50px; left: 190px; width: 660px; height: 401px; overflow: auto; }
#illustrationTemoignages { position: absolute; top: 0; left: 0; width: 190px; height: 451px; }
#titreTemoignages { position: absolute; top: 0; left: 190px; width: 410px; height: 50px; }
#texteTemoignages { position: absolute; top: 50px; left: 190px; width: 660px; height: 401px; overflow: auto; }
#illustrationPasDeCode { position: absolute; top: 0; left: 0; width: 190px; height: 451px; }
#titrePasDeCode { position: absolute; top: 0; left: 190px; width: 410px; height: 50px; }
#textePasDeCode { position: absolute; top: 50px; left: 190px; width: 660px; height: 401px; }
#fondNoir { background-color: black; position: absolute; top: 175px; left: 0; width: 850px; height: 451px; display: none; }
#contenerFormContact { position: absolute; top: 0; width: 100%; display: none; }
#formContact { background-color: #000; position: relative; top: 5px; width: 850px; height: 626px; overflow: hidden; border: solid 1px #3d3128; }
#contenerMerciContact { display: none; position: absolute; top: 0; width: 100%; }
#merciContact { background-color: #000; padding: 35px; position: relative; top: 200px; width: 350px; border: solid 10px #815f05; }
#credits { background-image: url(../images/fondPiedPage.jpg); text-align: right; position: relative; top: 0; left: 0; width: 850px; height: 20px; overflow: hidden; border-left: 1px solid #3d3128; border-bottom: 1px solid #3d3128; border-right: 1px solid #3d3128; display: none; }
.credits { color: #544230; font-size: 10px; text-decoration: none; }
.credits:hover { font-size: 10px; }
.lienBlanc { color: #fff; text-decoration: none; }
.lienBlanc:hover { color: #fff; text-decoration: underline; }