@charset "utf-8";
/* CSS Document */

body
{
color:#ffffff;
background-color:#5B7CE8;
}

a:link  {
     
color:#506ECF;font-weight:bold;text-decoration:none;border-width:0; border-style:none;cursor:crosshair 

}
a:hover {
       color:#506ECF;font-weight:bold;text-decoration:none;border-width:0; border-style:none;cursor:crosshair 
}
a:active {
       color:#506ECF;font-weight:bold;text-decoration:none;border-width:0; border-style:none;cursor:crosshair 
}
a:visited {
       color:#506ECF;font-weight:bold;text-decoration:none;border-width:0; border-style:none;cursor:crosshair 
}

.titre
{
font-size:large;
font-weight:bold;
text-align:center;
}

.sstitre
{
font-size:large;
color:#F1CD77;
}

.mtitre
{
font-size:17px;
font-weight:bold;
}

.news
{
font-weight:bold;
font-style:italic;
color:#FFC;
}

.news2
{
font-style:italic;
}


/* position du div Contenu */

#Contenu {
	position:absolute;
	left:2%;
	top:28%;
	width:92%;
	height:62%;
	overflow: auto;
	z-index:99;
}

/* position de l'horloge */

#horloge {
position:absolute;
right:5%;
top:7%;
z-index:501;
}


/* position des différents div images titres */

#news {
position:absolute;
width:18%;
left:40%;
top:7%;
z-index:90;
}



@media only screen and (max-width: 1080px) {
#news { 
        content:url(/img/Newsb.png); 
		width:16%;
    }
}

/* For width 1081px and larger: */
@media only screen and (min-width: 1081px) {
#news { 
        content:url(/img/News.png);
		width:16%;
    }
}



#manga {
position:absolute;
left:40%;
top:7%;
z-index:90;
}

#arts {
position:absolute;
left:40%;
top:7%;
z-index:90;
}

#jeux {
position:absolute;
left:40%;
top:7%;
z-index:90;
}

#JS {
position:absolute;
left:40%;
top:7%;
z-index:90;
}

#forum {
position:absolute;
left:40%;
top:7%;
z-index:90;
}