body
{
 /*background-image:url('background.jpg');*/
 background-color:#545454;
 width:1000px;
 margin:auto;
}

p
{
 font-family:"OCR A Extended";
 font-size:large;
 width:auto;
 margin:auto;
 text-align:center;
 text-align:justify;	
}

h3
{
 font-family:"OCR A Extended";
 font-size:xx-large;
 width:450px;
 margin:auto;
 text-align:center;
 text-align:justify;	
}

form
{
 margin:auto;
 width:250px;
 font-family:"OCR A Extended";
 font-size:medium;
 z-index:2;
}

.corps
{
 position:relative;
 background-color:#00FFFF;
 width:1000px;
 height: 500px;
 margin:auto;
 border:thick turquoise solid;
 border-radius: 10px;
 padding:10px;
 box-shadow:6px 6px 0px 20px ;
 z-index:0;
}

button
{
 width:auto;
 height:35px;
 margin:auto;
 text-align:center;
 font-size:x-large;
 font-family:"OCR A Extended";
 border:thin orangered double;
 border-radius:20px;
 box-shadow:6px 6px 20px;
}

input
{
 border-radius:10%;
}

#curseur
{
 width:200px;
}

fieldset
{
 border:thin skyblue double;
 background-color:#FF6600;
 border-radius:10px;
 width:auto;
 margin:auto;
 box-shadow:6px 6px 80px; 
  z-index:2;
}

img
{
 border:thin orangered double;
 border-radius:10px;
 box-shadow:6px 6px 20px;
 z-index:0;
}

a
{
 text-decoration : none;
 color:black;
}

legend
{
 color:skyblue;
}

.enTete
{
 background-color:#FF6600;
 color:white;
 text-align:center;
 padding-bottom:20px;
 margin:auto;
 height:75px;
 width:600px;
 font-family:"OCR A Extended";
 font-size:x-large;
 border:thick black solid;
 border-radius: 6px;
 box-shadow:6px 6px 20px;
 z-index:2;
}

.basdepage
{
 width:1000px;
 margin:auto;
}

/* Page d'accueil */


#infobulle
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:210px;
 left:40px;
 height:160px;
 top:125px;
 z-index:0;
}

#welcome
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:280px;
 height:200px;
 top:170px;
 left:690px;
}

#mario3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:58px;
 height:72px;
 top:416px;
 left:40px;
}


#peach
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:650px;
}

/**/

/* Page 1 */

#peach1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:250px;
}


#browser1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:110px;
 top:394px;
 left:880px;
}


#mario4
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:58px;
 height:72px;
 top:416px;
 left:60px;
}

#waaah
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:100px;
 top:300px;
 left:880px;
}

#exclamation
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:20px;
 height:50px;
 top:340px;
 left:80px;
}

#tuyaucouche1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 left:924px;
 height:90px;
 top:410px;
 z-index:0;
}


#champi
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:0px;
 width:30px;
 height:30px;
 left:220px;
 top:335px;
 z-index:0;
}

/**/

/* Page 2 */

#briques3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:3px 3px 6px;
 border-radius:0px;
 width:250px;
 height:40px;
 left:680px;
 top:215px;
 z-index:1;
}

#mario5
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:58px;
 height:72px;
 top:416px;
 left:05px;
}

#fleur
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:0px;
 width:50px;
 height:80px;
 left:880px;
 top:407px;
 z-index:1;
}

#feu
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:50px;
 width:18px;
 height:18px;
 left:880px;
 top:415px;
 z-index:0;
 }

#luigi1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:65px;
 height:78px;
 top:412px;
 left:200px;
}

#luigi2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:65px;
 height:78px;
 top:412px;
 left:200px;
 z-index:0;
}

#tuyaucouche2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 left:924px;
 height:90px;
 top:125px;
 z-index:0;
}

#tuyaudebout1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:80px;
 left:-5px;
 height:110px;
 top:410px;
 z-index:0;
}

#fleurmonte
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:30px;
 left:330px;
 height:270px;
 top:250px;
 z-index:0;

}

/**/

/* Page 1, 2*/

#sol
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:1030px;
 left:-5px;
 height:40px;
 top:488px;
}

/**/

/* Page 3*/

#fieldsetpage3
{
 border:thin skyblue double;
 background-color:#FF6600;
 border-radius:10px;
 width:250px;
 margin:auto;
 box-shadow:6px 6px 80px; 
 z-index:2;
}

.objet
{
 width:50px;
 height:50px;
}

#tortue1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:60px;
 left:940px;
 height:60px;
 top:130px;
 z-index:0;
}

#nuage3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:180px;
 left:120px;
 height:110px;
 top:250px;
 z-index:0;
}

#mario6
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:58px;
 height:72px;
 top:140px;
 left:20px;
}

#luigi3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:65px;
 height:78px;
 top:140px;
 left:20px;
 z-index:0;
}


#tuyaucouche3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 left:-4px;
 height:95px;
 top:125px;
 z-index:0;
}

/**/

/* Page 1, 2, 3 */


#nuage1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:80px;
 left:20px;
 height:60px;
 top:30px;
 z-index:0;
}


#nuage2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:80px;
 left:850px;
 height:60px;
 top:50px;
 z-index:0;
}


#briques1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:3px 3px 6px;
 border-radius:0px;
 width:60px;
 height:30px;
 left:250px;
 top:335px;
 z-index:1;
}

#briques2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 3px 6px;
 border-radius:0px;
 width:60px;
 height:30px;
 left:160px;
 top:335px;
 z-index:1;
}

#intero1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 3px 6px;
 border-radius:0px;
 width:30px;
 height:30px;
 left:220px;
 top:335px;
 z-index:1;
}


#piece1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:0px;
 width:30px;
 height:30px;
 left:250px;
 top:338px;
 z-index:0;
}


#piece2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:0px;
 width:30px;
 height:30px;
 left:160px;
 top:338px;
 z-index:0;
}

/**/


/* Page 4*/

#page4
{
 background-image:url('eau.png');
}

.reponse
{
 width:100px;
 height:40px;
 float:left;
}

.imgchoix
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:30px;
 height:35px;
 z-index:0;
}

#eau
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:1030px;
 left:-5px;
 height:300px;
 top:230px;
 z-index:0;
}

#marioluigi
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 left:60px;
 height:90px;
 top:310px;
 z-index:1;
}

#mario7
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:58px;
 height:72px;
 top:0px;
 left:80px;
}

#poisson1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:65px;
 height:70px;
 top:338px;
 left:940px;
 z-index:0;
}

#tuyaucouche4
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 left:920px;
 height:90px;
 top:420px;
 z-index:1;
}

#luigi4
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:65px;
 height:78px;
 top:5px;
 left:10px;
}

/**/

/* Page 5*/

#page5
{
 background-color:black;
 border:thick grey solid;
}

#mario8
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:58px;
 height:72px;
 top:410px;
 left:40px;
 z-index:1;
}

#luigi5
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:65px;
 height:78px;
 top:408px;
 left:10px;

}

#peach2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:920px;
}


#browser2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:110px;
 top:384px;
 left:420px;
}

#sol2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:1030px;
 left:-5px;
 height:40px;
 top:488px;
}

#barreau1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:10px;
 height:100px;
 top:400px;
 left:910px;
}

#barreau2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:10px;
 height:100px;
 top:400px;
 left:942px;
}


#barreau3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:10px;
 height:100px;
 top:400px;
 left:978px;
}

#barreau4
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:10px;
 top:395px;
 left:900px;
}

#cadenas
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:20px;
 height:20px;
 top:450px;
 left:900px;
}

#porte
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:150px;
 top:340px;
 left:0px;
 z-index:3;
}

#help
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:100px;
 top:280px;
 left:850px;
}


#nrv
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:70px;
 height:40px;
 top:330px;
 left:420px;
}

#feu2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:50px;
 width:18px;
 height:18px;
 left:288px;
 top:360px;
 z-index:0;
}
 #feuvert
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:50px;
 width:18px;
 height:18px;
 left:150px;
 top:360px;
 z-index:0;
}

 #flamme
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:100px;
 height:50px;
 top:430px;
 left:400px;
 z-index:0;
}

 #cle
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:20px;
 height:30px;
 top:110px;
 left:310px;
 z-index:2;
}

 #coeur
 {
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:60px;
 height:60px;
 top:330px;
 left:610px;
 z-index:2;
}

/**/

/* Page 6 */

#chateaupeach
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:400px;
 height:350px;
 top:140px;
 left:580px;
 z-index:1;
}

#resultatform
{
 
 background-color:#00FFFF;
 border-radius:10px;
 width:400px;
 margin-left:50px;
 box-shadow:0px 0px 0px; 
 z-index:2;
}

#resultat
{
 border:thin skyblue double;
 background-color:#FF6600;
 border-radius:10px;
 width:auto;
 margin:auto;
 box-shadow:6px 6px 80px; 
  z-index:2;
}

#mariofin
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:40px;
}

#peachfin
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:120px;
}

#yoshifin
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:200px;
}

#luigifin
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:280px;
}

#toadfin
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:55px;
 height:80px;
 top:408px;
 left:360px;
}

#feuartifice1
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:20px;
 height:20px;
 top:265px;
 left:820px;
 z-index:2;
}

#feuartifice2
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:50px;
 height:50px;
 top:150px;
 left:880px;
 z-index:2;
}

#feuartifice3
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:20px;
 height:20px;
 top:265px;
 left:720px;
 z-index:2;
}

#feuartifice4
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:50px;
 height:50px;
 top:150px;
 left:600px;
 z-index:2;
}
#feuartifice5
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:5px;
 height:25px;
 top:265px;
 left:830px;
 border-radius:0px;
 z-index:2;
}

#feuartifice6
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:50px;
 height:50px;
 top:165px;
 left:810px;
 z-index:2;
}
#feuartifice7
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:5px;
 height:25px;
 top:265px;
 left:710px;
 border-radius:0px;
 z-index:2;
}

#feuartifice8
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:50px;
 height:50px;
 top:165px;
 left:685px;
 z-index:2;
}

#resultat
{
 border:2px limegreen none;
 box-shadow:0px 0px 0px;

}
/**/

#gameboy
{
 position:relative;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 margin-left:100px;
 margin-top:40px;
 width:600px;
 height:60px;
 z-index:0;
}

#bouttona
{
 position:relative;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 width:60px;
 height:60px;
 z-index:0;
}

#brique
{
 position:absolute;
 border:2px limegreen none;
 box-shadow:0px 0px 0px;
 border-radius:0px;
 width:30px;
 height:30px;
 left:450px;
 top:372px;
 z-index:1;
}

embed
{
	border-radius: 10px;

}