/************************************/
/* Page CSS pour l'accueil Oblivion */
/************************************/

/* Menu de gauche */

#menu
{
	float: left;
	width: 20%;
	margin-left: 5%;
	margin-bottom: 20px;
}

/*.element_menu
{   
	border-right: 2px solid #FFCC66;
}*/

.element_menu hr
{
	color: #FFCC66;
	background-color: #FFCC66;
	height: 1px;
	border: #FFCC66;
	width: 75%;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.element_menu h3
{    
	font-family: "Magic card 2", "Comic Sans MS", Arial, serif;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.element_menu a
{
    color : #FFFFCC;
}

.element_menu a:hover
{
    text-decoration : none;
    color : #FFCC66;
}

.active
{
	font-variant: small-caps;
	border-top: 0px solid #FFCC66;
	border-right: 0px solid #FFCC66;
	border-left: 0px solid #FFCC66;
	border-bottom: 2px solid #FFCC66;
	color : #FFCC66;
}

/* Cadre de droite */

#corps
{
	margin-left: 30%;
	margin-right: 5%;
	margin-bottom: 20px;
	padding: 5px;  
	border-left: 2px solid #FFCC66;
	/* border: 2px solid #E15C86; */
}

#corps h3
{
	font-size: 1.5em; /* 10% plus grosse que la normale */
	color : #FFCC66;
	font-variant: small-caps;
	text-decoration : underline;
}

body /* configuration du corps de la page */
{
	background-image: url("../images/fond_cyrodiil.jpg"); /* image de fond */
	background-repeat: no-repeat; /* Le fond ne se répète pas */
	background-position: top right; /* Le fond est aligné en haut à droite */
	background-attachment: fixed; /* Le fond est fixé */
	background-color: black; /*  fond noir */
	color: white; /* texte principal blanc */
	font-size: 1.1em; /* 10% plus grosse que la normale */
	letter-spacing: 1px; /* les lettres sont espacée d'un pixel */
	margin-left: 50px; /* Marge extérieure gauche de 50px */
	width: 80%; /* le texte fait  80% de large */
	text-align: center; /* les textes sont centrés */
	font-family: "Magic card 2", "Comic Sans MS", Arial, serif; /* polices */
}

hr {
        color: #FFCC66;
        background-color: #FFCC66;
        height: 1px;
		border: #FFCC66;
}

h2 /* titre en haut */
{
	color: #FFFF99;
	font-weight: normal; /* le gras est enlevé ! */
}

h3 /* titre dans les contacts */
{
	color: #FFCC66;
	font-weight: normal; /* le gras est enlevé ! */
}

table /* le tableau en lui-même */
{
	margin: auto; /* Centre le tableau */
	width: 100%;
}

td /* les cellules normales */
{
	color: #FFCC66;
	font-size: 0.9em; /* 10% plus petites que la normale */
	padding: 5px; /* petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.lien /* liste des liens */
{
	font-family: "Magic card 2", "Comic Sans MS", Arial, serif; /* polices */
	text-align: center;
}

.licence /* le tableau en bas de la page */
{
	color: #FFCC66;
	font-size: 0.9em; /* 10% plus petites que la normale */
}

.souligner /* mots soulignés */
{
	font-family: "Magic card 2", "Comic Sans MS", Arial, serif; /* polices */
	text-decoration: underline;
}

.contact
{
	font-size: 1.5em; /* 10% plus grosse que la normale */
	color : #FFCC66;
	text-decoration : underline;
}

.news
{
	color : #FFCC66;
	font-size: 1.5em;
}

a  /* configuration des liens */
{
	color:#FFFF99;
	text-decoration: none; /* les liens ne seront plus soulignés */
}

a:hover /* quand on pointe la souris sur le lien */
{
	text-decoration: underline; /* le lien deviendra souligné quand on pointera dessus */
	color:#FFCC66; /* le lien changera de couleur quand on pointera dessus */
}

a img /* toutes les images contenues dans un lien */
{
	border: none; /* pas de bordure */
}

/* Pied de Page */

#pied_de_page   
{
	clear: both;
	/* border: 2px solid #E15C86; */

}