Body
{
background-color:#abc;
/*background-color:hsl(045,40%,70%);*/
/*background-image:-moz-linear-gradient(top, hsl(045,40%,70%), #789);*/
/*background-image:url(./Logo/BckGrd.png);*/
max-width:800px;
}
a:link ,a:visited ,a:hover ,a:active  {color:Black;text-decoration:none;background-color:#eee;}
div
{
text-align:center;
line-height: 100px;
vertical-align:middle;
position:absolute;
width:100px;height:100px;
border:2px solid black;
box-shadow: 5px 5px 5px #000000;
-moz-box-shadow: 5px 5px 5px #000000;
-webkit-box-shadow: 5px 5px 5px #000000;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight:bold;
font-size:100%;
transition: transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
div:hover
{
transform: rotate(10deg);
-o-transform: rotate(10deg);
-moz-transform: rotate(10deg);
}
div#div0
{
left:40%; top:30%;width:200px;height:200px;
line-height: 200px;
background-color:hsl(360,0%,100%);
font-size:200%;
border-radius:400px;
-moz-border-radius:400px;
-webkit-border-radius:400px;
}
/*----------------------------------------*/
div#div1
{
/*background-color:hsl(300,100%,50%);*/
background-image:url(./Logo/Portail.png);
left:10%; top:10%;width:200px;height:200px;
line-height: 200px;
font-size:200%;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
}
div#div2
{
width:110px;height:110px;
background-image:url(./Logo/NetVibes.png);
/*background-color:hsl(300,100%,70%);*/
color:white;
line-height: 150px;
left:25%; top:30%;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
font-size:120%;
}
div#div11
{
/*background-color:hsl(120,100%,30%);*/
background-image:url(./Logo/Liens.png);
left:25%; top:5%;
}
/*----------------------------------------*/
div#div7
{
/*background-color:hsl(60,100%,50%);*/
background-image:url(./Logo/OLA.png);
left:20%; top:80%;
font-size:75%;
}
div#div8
{
/*background-color:hsl(60,100%,40%);*/
background-image:url(./Logo/Desktop.png);
left:20%; top:60%;
font-size:75%;
}
div#div9
{
/*background-color:hsl(60,100%,30%);*/
background-image:url(./Logo/TW.png);
left:12%; top:70%;
}
div#div10
{
/*background-color:hsl(60,100%,20%);*/
background-image:url(./Logo/SI.png);
left:28%; top:70%;
}
/*----------------------------------------*/
div#div6
{
background-image:url(./Logo/Radio.png);
left:62%; top:20%;
font-size:120%;
}
div#div3
{
background-image:url(./Logo/GhD.png);
/*background-color:hsl(120,100%,50%);*/
left:70%; top:10%;
}
div#div14
{
background-image:url(./Logo/Cuisine.png);
/*background-color:hsl(180,50%,50%);*/
left:78%; top:20%;
font-size:110%;
}
div#div13
{
background-image:url(./Logo/Velo.png);
/*background-color:hsl(180,50%,50%);*/
left:70%; top:30%;
font-size:120%;
}
/*----------------------------------------*/
div#div4
{
background-image:url(./Logo/Pain.png);
/*background-color:hsl(180,50%,30%);*/
left:63%; top:70%;
font-size:110%;
}
div#div12
{
background-image:url(./Logo/Plomberie.png);
/*background-color:hsl(180,50%,50%);*/
left:75%; top:65%;
font-size:110%;
}
div#div15
{
background-image:url(./Logo/Barth.png);
/*background-color:hsl(180,50%,50%);*/
left:71%; top:80%;
font-size:120%;
}
div#div16
{
background-image:url(./Logo/Android.png);
/*background-color:hsl(180,50%,50%);*/
left:67%; top:55%;
font-size:110%;
}
div#div17
{
background-image:url(./Logo/GB.png);
/*background-color:hsl(180,50%,50%);*/
left:55%; top:10%;
font-size:100%;
line-height:60px;
}
div#div18
{
background-image:url(./Logo/Judo.png);
/*background-color:hsl(180,50%,50%);*/
left:56%; top:80%;
font-size:130%;
}
div#div19
{
background-image:url(./Logo/Compostelle.png);
/*background-color:hsl(180,50%,50%);*/
left:77%; top:47%;
font-size:90%;
}

div#div20
{
background-image:url(./Logo/FawltyTowers.png);
/*background-color:hsl(180,50%,50%);*/
left:46%; top:6%;
font-size:80%;
}