html
{
	font-family: "Times New Roman", "Times", "serif";
	font-size: 15px;
}

header
{
	height: 150px;
}

tr
{
	text-align: center;
}

table.left tr
{
	text-align: left;
}

@font-face
{
	font-family: headerFont;
	src: url('IntriqueScript.ttf');
}

.background, .background_admin, .instances, .background_detail_perso_1, .background_detail_perso_2, .background_detail_perso_3, .background_detail_perso_4, .background_detail_perso_5, .background_detail_perso_6, .background_detail_perso_7
{
	padding: 10px 0px 0px;
	margin: 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	height: 100%;
	background-color: black;
	color: white;
	text-align: center;
}

.background
{
	background: url(http://wowportail.free.fr/tera/images/tera_background.jpg) fixed;

}

.background_admin
{
	background: url(http://wowportail.free.fr/tera/images/admin_background.jpg) fixed;
	background-size: cover;
}

.instances
{
	background: url(http://wowportail.free.fr/tera/images/tera_instances.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_1
{
	background: url(http://wowportail.free.fr/tera/images/races/aman_bg.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_2
{
	background: url(http://wowportail.free.fr/tera/images/races/baraka_bg.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_3
{
	background: url(http://wowportail.free.fr/tera/images/races/castanic_bg.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_4
{
	background: url(http://wowportail.free.fr/tera/images/races/haut_elfe_bg.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_5
{
	background: url(http://wowportail.free.fr/tera/images/races/humain_bg.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_6
{
	background: url(http://wowportail.free.fr/tera/images/races/popori_bg.jpg) fixed;
	background-size: cover;
}

.background_detail_perso_7
{
	background: url(http://wowportail.free.fr/tera/images/races/elin_bg.jpg) fixed;
	background-size: cover;
}

div.titre
{
	color: #00009b;
	font-size: 4em;
	font-family: "headerFont", "serif", "Arial";
	background-color: #8ee5fa;
	width: 600px;
	text-align: center;
	opacity: 0.6;
	/*-moz-opacity : 0.6;*/
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
	margin: auto;
}

div.titre_encours
{
	color: #00009b;
	font-size: 1.5em;
	font-family: "Times New Roman", "serif", "Arial";
	background-color: #8ee5fa;
	width: 400px;
	text-align: center;
	opacity: 0.6;
	/*-moz-opacity : 0.6;*/
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
	margin: auto;
}

div.titre_simple
{
	color: #00009b;
	font-size: 4em;
	font-family: "Times New Roman", "serif", "Arial";
	background-color: grey;
	width: 600px;
	text-align: center;
	opacity: 0.6;
	/*-moz-opacity : 0.6;*/
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
	margin: auto;
}

div.mdj
{
	color: #00009b;
	font-size: 1em;
	background-color: #8ee5fa;
	width: 500px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
	margin: auto;
}

div.fonctionnement
{
	width: 1100px;
	margin: auto;
	padding: 10px;
	background-color: #265e81;
	font-size: 1em;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	color: #f2dc77;
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.infos
{
	width: 500px;
	margin: auto;
	background-color: #265e81;
	font-size: 2em;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	color: #f2dc77;
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.edit_profil
{
	width: 900px;
	margin: auto;
	background-color: #265e81;
	font-size: 2em;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	color: #f2dc77;
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;

}

div.list, div.inst_inscrip
{
	width: 700px;
	margin: auto;
	position: relative;
	display: inline-block;
	display: moz-inline-box;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.perso_details
{
	width: 600px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.list_persos
{
	width: 600px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.events_list
{
	width: 850px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.choose_perso
{
	width: 650px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.list_persos_add
{
	width: 850px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.list_instance_add
{
	width: 650px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.list_visites
{
	width: 850px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity: 0.8;*/
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.menu
{
	width: 200px;
	margin: auto;
	background-color: #8ee5fa;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.info_guilde
{
	width: 230px;
	margin: auto;
	position: relative;
	display: inline-block;
	display: moz-inline-box;
	left: 5px;
	float: left;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.nav_menu
{
	width: 230px;
	margin: auto;
	position: relative;
	display: inline-block;
	display: moz-inline-box;
	right: 5px;
	float: right;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.register
{
	width: 500px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.login
{
	width: 500px;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.guilde_adm
{
	width: 90%;
	margin: auto;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
}

div.comment
{
	width: 650px;
	margin: auto;
	padding: 5px;
	background-color: #265e81;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	color: #f2dc77;
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
	position: bottom;
}

div.comment:hover
{
	opacity: 0.9;
	/*-moz-opacity: 0.9;*/
	-ms-filter: "alphe(opacity=90)";
	filter: alpha(opacity=90);
}

div.contact
{
	width: 600px;
	margin: auto;
	padding: 5px;
	background-color: #265e81;
	opacity: 0.8;
	/*-moz-opacity : 0.8;*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */
	color: #f2dc77;
	border-radius: 20px;
	box-shadow: 3px 3px 5px black;
	position: bottom;
}

div#details
{
	height: 25px;
}

div.facebook
{
	float: right;
	margin-right: 50px;
}

div.liens
{
	float: left;
	margin-left: 30px;
}

table.membres
{
	background-color: black;
	border-color: blue;
	border-radius: 10px;
	box-shadow: 3px 3px 5px black;
}

table.register
{
	background-color: grey;
	border-color: blue;
	border-radius: 10px;
	box-shadow: 3px 3px 5px black;
}

table.login
{
	background-color: grey;
	border-color: blue;
	border-radius: 10px;
	box-shadow: 3px 3px 5px black;
}

table.guilde_adm
{
	background-color: black;
	border-color: blue;
	border-radius: 10px;
	box-shadow: 3px 3px 5px black;
}

tr.entete
{
	background-color: #1f3948;
	color: #f2dc77;
	text-align: center;
	font-weight: bold;
}

td.entete_menu
{
	background-color: #1f3948;
	color: #f2dc77;
	text-align: center;
	font-weight: bold;
}

a.icon_mail_left:link
{
	text-decoration: none;
}

a.icon_mail_left:visited
{
	text-decoration: none;
}

a.icon_mail_left:hover
{
	text-decoration: none;
}

a.icon_mail_left:link img
{
	border: solid transparent;
	border-width: 1px;
}

a.icon_mail_left:hover img
{
	border: solid transparent;
	border-width: 1px;
	border-color: red;
}

img.icon_nomail_left
{
	border: solid transparent;
	border-width: 1px;
}

img.icon_nomail_left:hover
{
	border: solid transparent;
	border-width: 1px;
}

a:link
{
	color: grey;
}

a:visited
{
	color: grey;
}

a:hover
{
	color: red;
}

div.comment a:link
{
	color: orange;
}

div.comment a:visited
{
	color: orange;
}

div.comment a:hover
{
	color: aqua;
}

a.audio:link img
{
	border: none;
}

img.prog_taille
{
	width: 32px;
	height:32px;
}

img.carac
{
	margin-right: 20px;
	margin-left: 10px;
	width: 18px;
	height:18px;
}

img.carac_prog
{
	margin-right: 20px;
	margin-left: 10px;
	width: 32px;
	height:32px;
	
}

img.carac2
{
	margin-right: 10px;
	margin-left: 20px;
	width: 18px;
	height:18px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}