/* 

MTStyle.css, CSS 2.1.
Conforme aux normes W3C.
Codé par WinK, UnKnOwN_DrAgOoN et Seckmet pour metin-source.com , tous droits réservés.
Design graphique by Sekhmet, merci à lui.
Faites mumuse avec le CSS si vous voulez...je m'en fiche. C'est que du code (mais bon pompez pas trop quand même xD). Pour les graphismes, ils restent la propriété de leur auteur légitime cité ci-dessus ^_^.

*/

/*---------------------------------------------->
Balises Lettrages
<-----------------------------------------------*/
h1 /* titre de page */{
	height: 35px;
	padding-top: 6px;
	padding-left: 10px;
	margin: 0px;	
	border: 2px #A9A9A9 solid;
	display: block;
	font-size: 20px;
	color: #F0F8FF;
	background-color: #000000;
	background-image: url("../images/H11.gif");	
}


h1:before{
	content: "» ";
}

h2 /* titre des partie */{
	padding: 5px;
	padding-left: 20px;
	margin: 0px;	
	border-bottom: 1px #CCCC99 solid;
	display: block;
	font-size: 16px;
	color: #FFCC00;
	background-image: url("/images/h2.gif");
	background-position: 0px 7px;
	background-repeat: no-repeat;
	clear: both;	
}


h3 /*titre chapitre orange */{
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
	font-size: 14px;
	color: #FF6633;
}
h3:before{
	content: "» ";
}

h4 /*titre chapitre vert */{
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
	font-size: 14px;
	color: #00CC33;
}
h4:before{
	content: "» ";
}


.titre_tipsbox{
	height: 34px;
	padding-top: 15px;	
	padding-left: 50px;
	margin: 0px;	
	font-family:"Comic Sans MS";
	font-size:12pt ; 
	font-weight:bolt;
	display: block;	
	text-decoration:underline;
	color: #DDDDDD;	
	background-image: url("images/bougie.gif");
	background-position: 0px 7px;
	background-repeat: no-repeat;	
}
.contenu p.tipsbox{
	text-align: left;
	padding: 0px;
	font-size:8pt ; 
	font-family:"Comic Sans MS";	
	font-style: italic;	
	padding-left: 12px;
	padding-bottom: 6px;	
	margin: 50px;	
	border: 2px #000000 inset;
	display: block;
	color: #FFFFF;
	background-image: url("/images/fondtips.gif");
	background-position: center center;
	background-repeat: repeat;
	clear: both;	
}

/*---------------------------------------------->
Balises Mise en forme
<-----------------------------------------------*/

body{
/*background: #000 url("/images/bg.jpg") repeat scroll 0 0;*/
background:#000000 url(http://img98.imageshack.us/img98/5277/longbg3wo3.jpg) repeat-y scroll 50% 0;
width:1247px;
}

.bandeau{
width: 960px;
height: 215px;
position: absolute;
left: 50%;
margin-left: -480px;
top: 10px;
background-image: url("/images/ban2.png");
}

.quart{
width: 106px;
height: 55px;
position: absolute;
left: 50%;
margin-left: -480px;
top: 225px;
background-image: url("/images/ban_bottom.gif");
}

.corpsbloc{
width: 760px;
position: absolute;
left: 50%;
margin-left: -374px;  /* -480 + 106  */
top: 225px;
}

.header{
border: 0px;
margin-top: -12px;
!margin-top: 0px;
width: 758px;
height: 56px;
background-image: url("/images/header.jpg");
}

.header a, .header img{
border: 0px;
color: #DDDDDD;
text-decoration: none;
vertical-align: center;
font-weight: bold;
}


.corps{
width: 758px;
background-image: url("/images/bg_content.jpg");
border: 0;
}

.footer{
width: 758px;
height: 6px;
background-image: url("/images/footer.jpg");
background-position: top center;
}

.menu{
width: 190px;
height: 760px;
padding-left: 5px;
margin-left: -4px;
margin-right: 0px;
padding-right: 0px;
vertical-align: top;
color: #DDDDDD;
font-weight: bold;
text-decoration: none;
line-height: 16px;
}

.menu img{
margin-left: -2px;
border: 0;
}

.menu p, .menu li{
color: #DDDDDD;
font-weight: bold;
text-decoration: none;
}


.menu a{
color: #DDDDDD;
font-weight: bold;
text-decoration: none;
}

.menu a:hover{
text-decoration:underline;
}

.menu ul{
margin-top:10px;
margin-bottom:10px;
list-style-image: url("/images/arrow.gif");
}

.menu_select{
display:block;
}

.menu_select li{
list-style-image: url("/images/arrow.gif");
}

.menu_visibles{
display:block;
margin-left:12px;
padding:0;
list-style-type:none;
margin-top:5px;
margin-bottom:8px;
}

.menu_visibles li, .menu_visibles ul{
list-style-type:none;
list-style-image: url("/images/arrow.gif");
}


.menu_invisibles {
display:none !important;

}	

.map_visibles{
display:block;
margin-left:0px;
padding:0;
list-style-type:none;
}

.map_invisibles{
display:none;
}	

.contenu{
font-family:"Times New Roman", Arial, Verdana, serif; 
width: 527px;
float: left;
padding-left: 5px;
margin:0 0 0 -10px;
padding-right: 13px;
padding-top: 0px;
vertical-align: top;
font-size: 15px;
}

.contenu li, .contenu img, .contenu ul{
margin:4px;
color: #DDDDAA;
font-weight: none;
text-align: left;
border: none;
}

.contenu p{
padding-left: 22px;
color: #DDDDAA;
font-weight: none;
text-align: left;
border: none;
}
.contenu a:link{
color: #CCFF33;
font-style: italic;
text-decoration:none;
font-weight: none;
text-align: left;
}

.contenu a:hover{
text-decoration:underline;
}

.contenu a:visited{
color: #FFCC00;
font-style: italic;
text-decoration:none;
font-weight: none;
text-align: left;
}

.contenu a:active:before  /*Au clic */{
color: #111111;
}

.contenu p.texte, .contenu a.texte, .contenu img.texte{
text-align: justify;
padding-left: 14px;
text-indent: 20px;
}

.contenu ul{
list-style-image: url("/images/puce_arrow.jpg");
}

.contenu p.guidelist, .contenu a.guidelist, .contenu img.guidelist{
/* A faire */
}

.contenu p.centeralign{
padding-left: 0px;
margin-left: -10px;
text-align: center;
}

.contenu p.droitealign{
text-align: right;
}

.contenu p.gauchealign{
text-align: left;
margin-left: -2px;
padding-left: 0px;
}

.contenu p.fullgauchealign{
text-align: left;
margin-left: -16px;
padding-left: 0px;
}

.left{
	padding-right: 8px;
	border: none;
}

.right{
	float: right;
	padding-left: 8px;	
}

/* Concerne les images mises en tête de news, tutos, etc, en haut à droite */
.box_img.right img{
	border: none;
}

.box_img.left img{
	border: none;
}

/*---------------------------------------------->
Balises des Tableaux
<-----------------------------------------------*/

table .table_bordure, .table_bordure td, .table_bordure th{
border: 2px solid grey;
border-collapse: collapse;
color: #DDDDDD;
text-align: center;
margin: auto;
}

.table_bordure th, .table_bordure th{
padding: 2px;
}

table .table_bordureM, .table_bordureM td, .table_bordureM th /* Comme table bordure mais avec une marge interieur en plus */{
border: 2px solid grey;
border-collapse: collapse;
color: #DDDDDD;
text-align: center;
margin: auto;
}

.table_bordureM th, .table_bordureM th{
padding: 8px;
}

table .table_nobordure, .table_nobordure td, .table_nobordure th{
width: 500px;
border: none;
border-collapse: collapse;
color: #DDDDDD;
text-align: left;
margin: auto;
}

.table_nobordure th, .table_nobordure th{
padding-left: 20px;
padding: 2px;
}

.table_info, .table_info p, .table_info a  /* Boite d'info*/{
border-left:#999900 1px solid;
border-right: 0px;
border-bottom: 0px;
border-collapse: collapse;
color: #DDDDDD;
font-weight: bold;
text-align: left;
padding-left: 80px;
padding-right: 80px;
margin: auto;
}

.table_info:before  /* comment mettre un saut de ligne en "content:" ?? */{
border-top:#999900 1px solid;
border-left:#999900 1px solid;
border-right: 0px;
border-bottom: 0px;
border-collapse: collapse;
color: #666600;
background:#CECE9D;
font-weight: bold;
text-align: left;
padding-left: 80px;
padding-right: 80px;
margin: auto;
content: "Info";
}

#formsondage{
margin:0;
padding:0;
width:176px;
}

#adsence200x200{
	background:transparent url(/images/bg_adsence.gif) no-repeat scroll 0 0;
	height:203px;
	margin:3px 0 0 -22px;
	padding:3px;
	position:relative;
	width:205px;
	z-index:999;
	text-align:center;
}

#adsence250x250{
	background:transparent url(/images/ads250.gif) no-repeat scroll 0 0;
	height:253px;
	margin:3px 0 10px -73px;
	padding:6px 3px 3px 4px;
	position:relative;
	text-align:center;
	width:255px;
	z-index:999;
}

#header a{

}