.page {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
overflow: hidden;
width: 470px;height: 460px;
margin: 0 auto;padding: 0;
color: #000000;
background: url("images/fond2.jpg");
background-repeat: no-repeat;
background-size: contain !important;
}
@media all and (max-width: 520px) {.page {width: 400px;height: 391px;}}
@media all and (max-width: 426px) {.page {width: 340px;height: 383px;background-color: #e6d190;}}
@media all and (max-width: 320px) {.page {width: 300px;height: 353px;}}

.default {background: url("images/fond.jpg");background-repeat: no-repeat;}
@media all and (max-width: 426px) {.default {background-color: #e6d190;}}

#contain {height: 97%;position: absolute;left: 50%;}
@media all and (max-width: 520px) {#contain {height: 98%}}
@media all and (max-width: 426px) {#contain {height: 84%;}}
@media all and (max-width: 320px) {#contain {height: 82%;}}

#contain p {color: #000000 !important;}

.button {
width: 105px;
text-align: center;
display: block;
padding: 5px  2px !important;
border-radius: 4px;
background: #FFFFFF;
font-size: 0.95em;line-height: 1.35em;
color: #000000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
cursor: pointer;
position: absolute;
bottom: 3px;
}
@media all and (max-width: 520px) {.button {width: 72px;height:45px;padding: 6px;bottom: 4px;}}
@media all and (max-width: 426px) {.button {bottom: -58px;}}
@media all and (max-width: 320px) {.button {bottom: -56px;}}

.button1 {
width: 120px;
text-align: center;
display: block;
padding: 5px  2px !important;
border-radius: 4px;
background: #FFFFFF;
font-size: 1em;line-height: 1.35em;
color: #000000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
cursor: pointer;
position: absolute;
bottom: 17px;
left: 175px;
}
@media all and (max-width: 520px) {.button1 {left: 140px;}}
@media all and (max-width: 426px) {.button1 {left: 110px;bottom: 12px;}}
@media all and (max-width: 320px) {.button1 {left: 90px;bottom: 6px;}}

.refold {color: #000000 !important;text-decoration: none !important;}

.description {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
top: 120px;
background: #FFFFFF;
width: 410px;
margin: 0 auto;padding: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.90);
border-radius: 8px;
}
@media all and (max-width: 520px) {.description {top: 25px;width: 350px;}}
@media all and (max-width: 426px) {.description {top: 9px;width: 322px;height:314px;padding: 4px 6px 4px 6px;line-height: 1.25em !important;}}
@media all and (max-width: 320px) {.description {top: 5px;width: 290px;height:343px;padding: 5px;line-height: 1.17em !important;}}

#confirmLast {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: none;
cursor: pointer;
position: absolute;
left: -70px;top: 80px;
z-index: 10;
background: #FFFFFF;
padding: 92px 10px 3px 10px;
width: 284px;height: 285px;
text-align: justify;color: #000000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border-radius: 8px;
overflow: auto;
}
@media all and (max-width: 520px) {
#confirmLast {width: 253px;height: 311px;left: -70px;top: 15px;padding: 91px 5px 3px 5px;}}
@media all and (max-width: 426px) {
#confirmLast {width: 231px;height: 307px;left: -74px;top: 13px;padding: 101px 5px 3px 5px;}}
@media all and (max-width: 320px) {
#confirmLast {width: 207px;height: 281px;left: -63px;top: 6px;padding: 99px 5px 3px 5px;}}

#confirmLast .finishBloc {font: 13px Arial;overflow: auto;}

#moreDatas {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: none;
cursor: pointer;
position: absolute;
left: -70px;top: 80px;
z-index: 10;
padding: 1px 6px 6px 6px;
width: 284px;
font-weight: bold;text-align: center;
border-radius: 8px;background: #FFFFFF;
}
@media all and (max-width: 520px) {#moreDatas {width: 253px;left: -70px;top: 15px;padding: 4px;}}
@media all and (max-width: 426px) {#moreDatas {width: 231px;left: -74px;top: 14px;}}
@media all and (max-width: 320px) {#moreDatas {width: 207px;left: -63px;top: 6px;}}

#moreDatas h2 {margin: 5px 0 0 0;font-size: 24px;font-style:bold;text-align: center;color: #993366;}
@media all and (max-width: 520px) {#moreDatas h2 {font-size: 22px;}}
@media all and (max-width: 426px) {#moreDatas h2 {font-size: 20px;margin: 0;}}
@media all and (max-width: 320px) {#moreDatas h2 {font-size: 18px;}}

#moreDatas p {text-align: center;margin:0;}

.carte {
position: absolute;
width: 50px;height: 92px;
border-radius: 4px;
cursor: pointer;
overflow: hidden;
}
.carte img {
position: absolute;
top: 0;left: 0;
width: 50px;height: 92px;
cursor: pointer;
}

@media all and (min-width: 521px) {.cardSel1 {top: 130px !important; left: -150px !important;}}
@media all and (min-width: 521px) {.cardSel2 {top: 130px !important; left: -40px !important;}}
@media all and (min-width: 521px) {.cardSel3 {top: 130px !important; left: 70px !important;}}

@media all and (max-width: 520px) {.cardSel1 {top: 80px !important; left: -140px !important;}}
@media all and (max-width: 520px) {.cardSel2 {top: 80px !important; left: -40px !important;}}
@media all and (max-width: 520px) {.cardSel3 {top: 80px !important; left: 60px !important;}}

@media all and (max-width: 426px) {.cardSel1 {top: 26px !important; left: -130px !important;}}
@media all and (max-width: 426px) {.cardSel2 {top: 26px !important; left: -40px !important;}}
@media all and (max-width: 426px) {.cardSel3 {top: 26px !important; left: 50px !important;}}

@media all and (max-width: 320px) {.cardSel1 {top: 8px !important; left: -125px !important;}}
@media all and (max-width: 320px) {.cardSel2 {top: 8px !important; left: -40px !important;}}
@media all and (max-width: 320px) {.cardSel3 {top: 8px !important; left: 45px !important;}}

#bigImage {position: absolute;left: -214px;top: 100px;width: 140px;height: 245px;}
@media all and (max-width: 520px) {#bigImage {left: -184px;top: 82px;width: 110px;height: 180px;}}
@media all and (max-width: 426px) {#bigImage {left: -157px;top: 95px;width: 80px;height: 133px;}}
@media all and (max-width: 320px) {#bigImage {left: -145px;top: 75px;width: 80px;height: 133px;}}



#confirmLast, .description, .button {background: #FFFFFF;}