Google site

Bonjour,

Pouvez vous m'aider :
Ce code fonctionne si je crée un document html mais il ne fonctionne pas dans une box html d'un site google.

Je ne suis pas un pro du développement, c'est un code que m'a créé un ami.

Merci de votre aide.

<style>

body
{
background-color: black;
}

#MUSI a:link,
#MUSI a:visited
{
position: absolute;
width: 115px;
height: 115px;
background: url("https://lh4.googleusercontent.com/-0immC6Ud3L0/US8fMGSMNRI/AAAAAAAABPE/iVZhJv4kJNs/s115/MUSI.jpg");
top: 667px;
left: 131px;
}

#MUSI a:hover,
#MUSI a:active,
#MUSI a:focus
{
background: url("https://lh5.googleusercontent.com/-I0nLjCwYaX0/US8fMep0cAI/AAAAAAAABPI/v5hsMctPBVE/s115/MUSI_hover.jpg");
}

#THEA a:link,
#THEA a:visited
{
position: absolute;
width: 92px;
height: 138px;
background: url("https://lh3.googleusercontent.com/-LoTxMRSlMPg/US8fNE7neEI/AAAAAAAABPc/2e1w6dvuV8A/s138/THEA.jpg");
top: 502px;
left: 85px;
}

#THEA a:hover,
#THEA a:active,
#THEA a:focus
{
background: url("https://lh4.googleusercontent.com/-KhdbEUwj0ng/US8fNIvY91I/AAAAAAAABPk/7FM6a0tOjxE/s138/THEA_hover.jpg");
}

#CINE a:link,
#CINE a:visited
{
position: absolute;
width: 77px;
height: 130px;
background: url("https://lh5.googleusercontent.com/-B_ovnjrgpdI/US8fIuPbavI/AAAAAAAABNg/KetY-10gV1Y/s130/CINE.jpg");
top: 352px;
left: 91px;
}

#CINE a:hover,
#CINE a:active,
#CINE a:focus
{
background: url("https://lh6.googleusercontent.com/-NqzgxoDMmM4/US8fJMdmJEI/AAAAAAAABNk/IzgXXL3pP9o/s130/CINE_hover.jpg");
}

#DANS a:link,
#DANS a:visited
{
position: absolute;
width: 88px;
height: 95px;
background: url("https://lh5.googleusercontent.com/-JGPYpWN4b1s/US8fJkY_EWI/AAAAAAAABNw/1zD5lyRa-jA/s95/DANS.jpg");
top: 237px;
left: 130px;
}

#DANS a:hover,
#DANS a:active,
#DANS a:focus
{
background: url("https://lh3.googleusercontent.com/-1QtAw7C10eQ/US8fKGpPukI/AAAAAAAABOE/yvYTbmiHnXU/s95/DANS_hover.jpg");
}

#LITE a:link,
#LITE a:visited
{
position:absolute;
width: 382px;
height: 142px;
background: url("https://lh4.googleusercontent.com/-kA5kQ2mmB0Q/US8fK--5u7I/AAAAAAAABOg/lWzAN7HJMKg/s382/LITE.jpg");
top: 72px;
left: 215px;
}

#LITE a:hover,
#LITE a:active,
#LITE a:focus
{
background: url("https://lh6.googleusercontent.com/-ViwDqUEh-mE/US8fLHLCsDI/AAAAAAAABOk/aF69mcmexVE/s382/LITE_hover.jpg");
}

#CUIS a:link,
#CUIS a:visited
{
position:absolute;
width: 119px;
height: 76px;
background: url("https://lh4.googleusercontent.com/-aWyv3mAuEIA/US8fJRzTeSI/AAAAAAAABN0/dMvvr44Lh1c/s119/CUIS.jpg");
top: 88px;
left: 621px;
}

#CUIS a:hover,
#CUIS a:active,
#CUIS a:focus
{
background: url("https://lh4.googleusercontent.com/-D0sDelidtHE/US8fJwOxIlI/AAAAAAAABN4/qCRxJtcZ0gU/s119/CUIS_hover.jpg");
}

#DESS a:link,
#DESS a:visited
{
position: absolute;
width: 178px;
height: 349px;
background: url("https://lh5.googleusercontent.com/-TCVdwWTFob0/US8fKY_UuUI/AAAAAAAABOU/w4AuHk023iA/s349/DESS.jpg");
top: 166px;
left: 755px;
}

#DESS a:hover,
#DESS a:active,
#DESS a:focus
{
background: url("https://lh3.googleusercontent.com/-SKkmxtzjLis/US8fKaXaX7I/AAAAAAAABOc/TmssVhtWuPU/s349/DESS_hover.jpg");
}

#MODE a:link,
#MODE a:visited
{
position: absolute;
width: 63px;
height: 98px;
background: url("https://lh4.googleusercontent.com/-XzwjFo9nfj0/US8fLhJup-I/AAAAAAAABOw/cBwVYZX4Ys8/s98/MODE.jpg");
top: 535px;
left: 862px;
}

#MODE a:hover,
#MODE a:active,
#MODE a:focus
{
background: url("https://lh6.googleusercontent.com/-yX2Nq4-UkqM/US8fLwED_DI/AAAAAAAABO4/60pi14qf6i0/s98/MODE_hover.jpg");
}

#ARCH a:link,
#ARCH a:visited
{
position:absolute;
width: 111px;
height: 129px;
background: url("https://lh5.googleusercontent.com/-riDohVQJnSU/US8fIn5HxxI/AAAAAAAABNo/XK_tHooyXz4/s129/ARCH.jpg");
top: 650px;
left: 778px;
}

#ARCH a:hover,
#ARCH a:active,
#ARCH a:focus
{
background: url("https://lh6.googleusercontent.com/-rFwBVHdFQhk/US8fIpfkyxI/AAAAAAAABNc/6ac3o7hPezw/s129/ARCH_hover.jpg");
}

</style>

<div class="monlogo">
<img src="https://lh5.googleusercontent.com/-gAddaGHjkVs/US8fMCURjCI/AAAAAAAABPA/uu3GJy9V3sA/s640/LOGO.jpg" WIDTH='61%'>
</div>

<div id="MUSI"><a href="rarrr"></a></div>
<div id="THEA"><a href="rrarr"></a></div>
<div id="CINE"><a href="rrrar"></a></div>
<div id="DANS"><a href="rrrra"></a></div>
<div id="LITE"><a href="arrrr"></a></div>
<div id="CUIS"><a href="rzrrr"></a></div>
<div id="DESS"><a href="rrzrr"></a></div>
<div id="MODE"><a href="rrrzr"></a></div>
<div id="ARCH"><a href="rrrrz"></a></div>