body {
	font : 10px Verdana, Tahoma, Helvetica, sans-serif;
	background : #333 url(/chaos/images/background.gif) repeat 50% 0%;
	color : #999298; 
	margin : 0.7em 0em;  
	padding : 0.3em 0.7em; /* FIXATION  - auto pour centrage // 1;2em par def width : 80% ; // FIXATION - figer le body à une rez*/
    max-width: 1280px;
    min-width: 760px;
     }

table {
border: 0;/*1px solid #000000; /*medium solid #000000 code cadre pr mise en page si mod*/
margin: auto ; /*centrage tableau auto :  MSIE 6, Netscape 6 et +, Mozilla, Firefox ou Opera 5 et +*/
}

td, th {
border: 0px solid #141414; /*thin solid #6495ed bordure bleue en cas de mod*/
width: 50%;
text-align : left ; 
}
tr {
}
li{ 
color : gray;
/*
margin : 0px;
color : red ;*/
 list-style-type: square;
 /*background-image: url(/chaos/images/puce3.gif);
 background-repeat: no-repeat;
  padding-left: 12px;
 /*
 background-position: left center;
 




*/
}
hr{
color : gray;
}
/* Links */
a:link {
	text-decoration : none; 
	color : #75a4c6; 
	background : transparent; 
}

a:visited {
	text-decoration : none; 
	color : #75a4c6; 
	background : transparent; 
}
img {
	border: 0px;


}
a:hover {

	text-decoration : none; 
	border-bottom : 0px dotted ; 
	color : #60BFD5;
}

fieldset {
border : 0 ;
    border-color : transparent ;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
    background-color :      #1E1E1E;
}
html>body fieldset {
    padding-top :           1em;
    top :                   0;
 background-color :      #1E1E1E;
}
legend {
    color : #75a4c6 ;
    top :                   -1em;
    padding :               0em;
  background-color :      transparent;
}
/* droite */ 
div#droite {
text-align : right ;
}

/*milieu*/

div.milieu {
text-align :center ;
}
div.gauche {
text-align :left ;
}
/* Menu Links */
div#menu a, div#menu a:visited , div.ddt{
	display : block;
	width : 92%;
	border : 1px solid #333;
	color : #75A4C6;
	background : #222;
	padding-left: 5px;
	margin: 3px 3px 0px 3px;
	letter-spacing : 1px;
	text-transform: lowercase;
}

div#menu a:hover {
	display : block;
	width : 92%; /*hover du menu droit*/
	border : 1px solid #60BFD5;
	color : #000;
	background : #4aa9bf;
	padding-left: 5px;
	margin: 3px 3px 0px 3px;
	letter-spacing : 1px;
	text-transform: lowercase;
}

div.submenu a, div.submenu a:visited {
	display : block;
	width : 87% !important;
	border : 1px solid #3C3C3C !important;
	color : #75A4C6;
	background : #303030 !important;
	padding-left: 5px;
	margin: 3px 3px 0px 10px !important;
	letter-spacing : 1px;
	text-transform: lowercase;
	}

div.submenu a:hover {
	display : block;
	width : 87%; /*tjs sur menu droit*/
	border : 1px solid #60BFD5 !important;
	color : #000;
	background : #4aa9bf !important;
	padding-left: 5px;
	margin: 3px 3px 0px 10px;
	letter-spacing : 1px;
	text-transform: lowercase;
}

.button {
	border: 0px  !important;
	color: inherit;
	background: transparent  !important;
	}

.button:hover {
	color: inherit;
	border: 0px  !important;
	background: transparent  !important;
	position: relative; 
	top: 1.5px; 
	}     	
/* Footer and Comment Links */
#footer a:link, .news-date a:link, #footer a:visited, .news-date img:visited, .actu-body img:link, .actu-body a:visited, div#screenshotc1 a:link, div#screenshotc2 a:link, 
div#screenshotc1 a:visited, div#screenshotc2 a:visited, div#screenshotg a:visited, div#screenshotg a:link, div#screenshotd a:visited, div#screenshotd a:link   {

    text-decoration : none; 
	color : #777;
	background : transparent; 
	font-weight:bold;
}
.actu-body a:link {
text-decoration : none; 
	border-bottom : 0px dotted ; 
	color : #4696A8;

}


div#screenshotc1 a:hover, div#screenshotc2 a:hover, div#screenshotg a:hover, div#screenshotd a:hover   {
	text-decoration : none; 
	border-bottom : 0px dotted ; 
	color : #60BFD5;
}

.actu-body a:hover {
text-decoration : none; 
	border-bottom : 0px dotted ; 
	color : #777;
}

#footer a:hover, .news-date a:hover {
text-decoration : none; 
	border-bottom : 1px dotted ; 
	color : #777;

}


/* Header */
div#header {
	color : inherit; 
	height : 8em; 
	background : #12130e url("/chaos/images/Banniere.php?min=1&max=4") no-repeat 0% 100%; 
	border : 1px solid #666;  
}

div.title {
	padding : 5em 1em 1em; 
	text-transform : lowercase; 
	font-weight : bold; 
	letter-spacing : 2px; 
	color : #e4e8eb; 
	background : transparent; 
}

div.title:first-letter {
	font-style : italic; 
	font-size : 200%; 
	letter-spacing : 1px; 
	text-transform : uppercase; 
}

/* Text Bar */
/* A noter: 2 barre sont necessaire a cause des pb d'espacement avec Opera quand les large fonts sont utilisés */
div.bar-l {
	position : absolute;
	left : 0.7em;  /*DEF =>4em*/
	background : #141414; 
	color : #888;
	border-style : solid; 
	border-color : #666; 
	border-width : 0 0 0 1px; 
	letter-spacing : 3px; 
	font-weight : bold;
	padding-left : 5px;
	line-height : 20px; 
}

div.bar-r {
	background : #141414;
	color : #777; 
	border-style : solid; 
	border-color : #666; 
	border-width : 0 1px 1px; 
	padding : 0px 5px 0 0; 
	line-height : 20px;
	text-align: right;
	letter-spacing: 1px;
}
	
.text {
	color : #777;
	letter-spacing : 1px;
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	background : #141414; 
}
	
/* Forms */	
form.scheme {
	height : 16px;
	margin : 0; 
	text-align : right; 
	}

#search {
	position : absolute;
	left : 3px; 
	margin-top: 1em;
	text-align: center !important;
	line-height : 20px;
	color : #B0B0B0; 
	}

input, textarea, select { 
	border: #666 1px solid; 
	font: 100% Verdana, Tahoma, Helvetica, sans-serif; 
	background: #141414;
	color: #ccc;
	}

/* Menu */
div#menu {
    font-family : Tahoma, Verdana, Helvetica, sans-serif; 
    position : absolute; /*right, left*/
	left : 0.7em; /* DEF => 4em*/   
	width : 164px; 
	line-height : 16px; 
	color : #ccc; 
	border-color : #666; 
	background : #141414 ; 
	border-style : solid; 
	border-width : 0px 1px 1px 1px; /* cadre(0), right (1), bas (1), left (1)*/  
	padding-bottom: 3px;
}
h2.menu-title {
	font-size: 100%;
	color: #888;
	background : #141414 ;
	padding-right : 5px ;
	margin: 2px 0 2px 0;
	text-align : right;
	letter-spacing: 2px;
	font-weight: bold;
}

/*menu breve*/
div#menubrev 
{
	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
    color : #b0b0b0; 
	float : right; 
  	width : 164px;
    line-height : 16px; 
    border-color : #666; 
	background : #141414; 
	border-style : solid; 
	border-width : 0px 1px 1px 1px; 
	padding-bottom: 0px; 
    letter-spacing : 0px;
    text-align : center ;
}
h2.menubrev-title {
	height : 2em ;
	width : 164px ;
	font-size: 100%;
	color: #888 ; /*font*/
    background : #000 ; 
    padding: 0px ; 
	margin: 0; 
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
    border-width : 0;
}
.menubrev-color1 {
font-size: 100%;
letter-spacing: 1px;
color: #90F0D4 ; /*font*/
background : #141414;
text-align : center ;
font-weight: normal ;
}
.menubrev-color2 {
font-size: 100%;
background : #242424 ;
text-align : center ;
}
div#menubrev2 
{
 	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
    color : #b0b0b0; 
    position : relative; 
	float : right;      
	width : 164px;
    line-height : 16px; 
    border-color : #666; 
	background : #141414 ;
	border-style : solid; 
	border-width : 0px 0px 0px 0px; 
	padding-bottom: 0px; 
    letter-spacing : 0px;
    text-align : center ;

}
h2.menubrev-title2 {

	height : 2em ;
	width : 164px ;
    font-size: 100%;
	color: #888 ; /*font*/
    background : #000 ; /*url("images/breves.gif") no-repeat 100% 100% ; /*#222 & background : #141414 /transparent /#75A4C6*/
    padding: 0px ; 
	margin: 0; 
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
    border-width : 0;
}

a.opacity img {
filter:alpha(opacity=100); /*IE DE MERDE*/
               /*-moz-opacity: 1.0;*/
               opacity: 1.0;}

a.opacity:hover img {
filter:alpha(opacity=70); 
                   /*  -moz-opacity: 0.7; */ 
                     opacity: 0.7;
                     }

div#menubrev a, div#brev { /*cellule avec le hover de la cellule*/
	font-family :  Verdana, Tahoma, Helvetica, sans-serif; 
    display : block;
	width : 100%;
	border : 0px solid #141414; /*bordure contour*/
	color : #4aa9bf; /*couleur texte sans hover*/
	background : transparent ;
	padding-left: 0px; /*barre de gauche mise a 0*/
	margin: 0;
	letter-spacing : 0px;
	/*text-transform: lowercase;*/
}

div#menubrev  a:visited { 	
	color : #75a4c6; 
}
div#menubrev a:hover {
	  
   display : block ;
	width : 100%; /*largeur du hover*/
	border : 0px solid #60BFD5;
	color : #6ACCC4; /*le rouge utilisé par le css #CC6A73*/
	background : transparent; /*#4aa9bf*/
	padding-left: 0px;
	margin: 0; 
	letter-spacing : 0px;
    /*font-style : italic; */
   	/*text-transform: lowercase;*/ /*transformation du texte*/
}

div#part{
font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	position : relative; 
	float : right ; 
    width : 164px; 
	line-height : 16px; 
	color : #ccc; 
	border-color : #666; 
	background : #141414; 
	border-style : solid; 
	border-width : 0 1px 1px 1px; 
	padding-bottom: 3px; 
}
h2.part-title {
	font-size: 100%;
	color: #888 ; 
     border: 100px ;
     /*width : 125px;*/
	background : #222  ; /*background : #141414 /transparent /#75A4C6*/
	padding : 0px ;
	margin: 0 ;
	text-align : left;
    letter-spacing: 2px;
	font-weight: bold;
     border-width : 0;
  }
a.button-part {
	border: 0px  !important;
	color: inherit;
	background: transparent  !important;
        }
a.button-part:hover {
	color: inherit;
	border: 0px  !important;
	background: transparent  !important;
	position: relative; 
	top: 1.5px; 
	}


/*menu resumé/*/
div#menu3 {
 
	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	color: #ccc ;
    position : relative ; 
	float : right ;     
	width : 164px;
    line-height : 16px; 
    border-color : #666; 
    background : #181515; /*141414 / 181515 / 21211E/background: #141414 url("images/resumen.gif") no-repeat 100% 100%;*/
	border-style : solid; /*090909*/
	border-width : 0px 0px 0px 1px; 
	border-width : 0px 0px 0px 1px; 
	margin : 0em 0em 0em 0em;
	/*display : block ;*/
	text-align : left ;
}
h2.menu3-title {
	height : 2em ;
    width : 164px ;
    font-size: 100%;
	color: #888 ;
	background : #000 ; /*url("images/recits.gif") no-repeat 100% 100% ;/*#222*/
    width: 99% ;
        /*background : #141414 /transparent /#75A4C6*/    
	margin: 0; 
	/*text-align : ; */
	letter-spacing: 2px;
	font-weight: bold;
    border : 0; /*#4B4B4B*/
     /*border-width : 1;*/
/*background-color: green ;*/
text-align : left ;
}

div#menu3 a, div#menu3 a:visited { /*cellule avec le hover de la cellule*/
	display : block;
	width : 100%;
	border : 0px solid #141414; /*bordure contour*/
	color : #A0C6F5; /*couleur texte sans hover #7DC2FC*/
	background : transparent ;
	padding-left: 0px; /*barre de gauche mise a 0*/
	margin: 0;
	letter-spacing : 0px; /*espacement entre les lettre mis a zero*/
	/*text-transform: lowercase;*/
}

div#menu3 a:hover {       
	width : 100%; /*largeur du hover*/
	border : 0px solid #60BFD5;
	color : #6ACCC4; /*le rouge utilisé par le css #CC6A73*/
	background : transparent; /*#4aa9bf*/
	padding-left: 0px;
	margin: 0; 
	letter-spacing : 0px;
    text-decoration : underline ;
 
}
a.button-part {
	border: 0px  !important;
	color: inherit;
	background: transparent  !important;
	
        }

a.button-part:hover {
	color: inherit;
	border: 0px  !important;
	background: transparent  !important;
	position: relative; 
	top: 1.5px; 
	}
/*screenshot*/
div#screenshotintro
{
 	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	color: #ccc ;
    position : relative ; 
	float : right ; 
   	width : 250px; 
	height : 148px; 

	border-color : #222; /*#666couleur bordure menu*/
    background : transparent ;
    color : inherit ;        
    /* background: #141414 url("images/resumen.gif") no-repeat 100% 100%;*/
	border-style : solid; /*090909*/
	border-width : 0px 0px 0px 0px; /* cadre(0), right (1),  bas (1), left (1)*/  
    border : 0px solid #222; /*#4B4B4B*/
    margin : auto; 
    padding-bottom: 0px; 
    display : block ;
}

h2.screenshotintro-title {
	font-size: 100%;
	color: #888 ;
	background : #090909 ;/*#222*/
    width: 99.5%;
    padding: 0px ; /*padding-right :*5px*/
	margin: 0;
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
    border : 1px solid #222; /*#4B4B4B*/
	}

div#screenshotintro a, div#screenshotintro a:visited { 
	color : #666; 
}

div#screenshotd
{
	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 80%;
    color: #ccc ;
    position : relative ; 
	float : right ;  
	width : 130px; 
	height : 98px; 
	/*color : #ccc; */
	text-align : center;
    border-color : #141414; 
    background : #141414 ;
       /* background: #141414 url("images/shot00010petite.jpg") no-repeat 100% 100%;*/
	border-style : solid; /*090909*/
	border-width : 0px 0px 20px 0px; 
	margin : 0.5em 0.5em 0 0.3em; /*hauteur / largeur*/
    padding-bottom: 10px; 
    display : block ;

}
h2.screenshotd {
	font-size: 100%;
	color: #888 ;
	background : #090909 ;/*#222*/
    width: 99.5%;
    padding: 0px ; /*padding-right :*5px*/
	margin: 0; /*deuxieme valeur a 1 ca descend le titre >>2px 1 2px 0*/
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
    border : 0px solid #222; /*#4B4B4B*/
}

div#screenshotd a, div#screenshotd a:visited { 
		color : #666; 
	}

div#screenshotg
{
 	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 80%;
    color: #ccc ;
    position : relative ; 
	float : left ; 
    text-align : center;
    width : 130px; 
	height : 98px; 
	border-color : #141414; 
    background : #141414 ;
       /* background: #141414 url("images/shot00010petite.jpg") no-repeat 100% 100%;*/
	border-style : solid; /*090909*/
	border-width : 0px 10px 10px 0px; 
	margin : 0.5em 0.3em 0 0.5em; 
    padding-bottom: 15px; 
    display : block ;
}
h2.screenshotg {
	font-size: 100%;
	color: #888 ;
	background : #090909 ;/*#222*/
    width: 99.5%;
    padding: 0px ; /*padding-right :*5px*/
	margin: 0; /*deuxieme valeur a 1 ca descend le titre >>2px 1 2px 0*/
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
    border : 0px solid #222; /*#4B4B4B*/
}

div#screenshotg a, div#screenshotg a:visited { 
	
	color : #666; 
	
}
div#screenshotc1
{
	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 80%;
    color: #ccc ;
    position : relative ; 
	text-align : center ;


	height : 103px; 


	border-color : #141414; 
    background : #141414 ; /*FF0000 rouge test*/
       /* background: #141414 url("images/shot00010petite.jpg") no-repeat 100% 100%;*/
	border-style : solid; /*090909*/
	border-width : 10px 10px 10px 10px; 
	margin : 0em 0em 0em 0em; /*hauteur / largeur*/
    padding-bottom: 0px; 
    display : block ;
}
h2.screenshotc1 {
	font-size: 60%;
	color: #888 ;
	background : #090909 ;/*#222*/
        width: 99.5%;
    	padding: 0px ; /*padding-right :*5px*/
	margin: 0; /*deuxieme valeur a 1 ca descend le titre >>2px 1 2px 0*/
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
        border : 1px solid #222; /*#4B4B4B*/
}
div#screenshotc2
{
	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	color: #ccc        ;
    position : relative ; 
	text-align : center ;
	height : 206px; /*hauteur a 240*/
	/*color : #ccc; */
	border-color : #141414; 
    background : #141414 ; /*FF0000 rouge test*/
       /* background: #141414 url("images/shot00010petite.jpg") no-repeat 100% 100%;*/
	border-style : solid; /*090909*/
	border-width : 10px 10px 10px 10px; 
	margin : 0em 0em 0em 0em; /*hauteur / largeur*/
    padding-bottom: 0px; /*bas du menu +val importante plus le bas est grand def a 3px*/
    display : block ;
}
h2.screenshotc2 {
	font-size: 100%;
	color: #888 ;
	background : #090909 ;/*#222*/
        width: 99.5%;
    	padding: 0px ; /*padding-right :*5px*/
	margin: 0; /*deuxieme valeur a 1 ca descend le titre >>2px 1 2px 0*/
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
        border : 1px solid #222; /*#4B4B4B*/
}

div#screenshotcrez
{
	font-family : Tahoma, Verdana, Helvetica, sans-serif; 
	color: #ccc        ;
    position : relative ; 
	text-align : center ;	
	height : 156px; 
	border-color : #000; 
    background : #000 ; 
    border-style : solid; 
	border-width : 10px 10px 10px 10px;
	margin : 0em 0em 0em 0em; 
    padding-bottom: 0px; 
    display : block ;
}

div#screenshotv a, div#screenshotc a:visited { 
	color : #666; 
	}
/*  menu TEST -  menu droit */    
div#test
{
    float : right; 
	position : relative;
    width : 164px;
	height : 200px ;
    border-color : #666; 
	background : #141414 /*url("images/guildechaos.gif") no-repeat 100% 100%*/ ;
	border-style : solid; 
	border-width : 0px 0px 0px 0px; 
        
}
h2.test-title {
	height : 2em ;
    font-size: 100%;
	color: #888 ; /*font*/
	background : #000 url("images/testh.gif") no-repeat 100% 100% ; /*#222 & background : #141414 /transparent /#75A4C6*/
	padding: 0px ; /*padding-right :*5px*/
	margin: 0; /*deuxieme valeur a 1 ca descend le titre >>2px 1 2px 0*/
	text-align : left;
	letter-spacing: 2px;
	font-weight: bold;
    border-width : 1px 1px 0px 0px; /* b.cadre(0),b.righ(1),b.bas(1),b.eft (1)*/  
}

div#test a, div#test a:visited { /*cellule avec le hover de la cellule*/
	display : block; /*pour IE*/
	border : 0 ; /*pour IE*/

        }           
#menudt dt { 

height: 20px; /*hauteur*/
line-height: 20px; /* */
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menudt dd {
border: 1px solid gray;
}
#menudt li {
text-align: center;
background: #fff;

}

#menudt li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menudt li a:hover, #menu dt a:hover {
background: #eee;
}
/* Middle */
/*rappel : regle le body des frame*/
div#middle {
	margin : 0px 165px 0px 165px; /*on repousse la marge a gauche pour ne pas toucher le menu*/
     
}

/* Content */
div.content {
	line-height : 1.8em; /*interligne du content*/
	padding : 1.5em; 
	border-style : solid; 
	border-color : #666; 
	border-width : 0 1px 1px;
	background : #222 /*url("images/devise.gif") no-repeat 100% 100%*/; 
	/*color : inherit; */
}

p {
	padding : 0.5em 0;
	margin : 0em 1em 0; /*marge du content = cadre plein*/
}

/* Intro utilisé pour allresume.php/irc/projet : solu temporaire*/
div.intro, div.rank {
	border : 1px solid #4B4B4B;
	font-size : 100%; 
	line-height : 1.8em; 
	padding : 0.5em 0.3em 0.3em 0.3em; /*haut,  droit,  bas, gauche*/
	
	margin : 0em 0em 0em 0em; /*ideal pour la pub deuxième valeur à droite/  */
        color : #b0b0b0; 
	background : #141414;      
}

div.intro p:first-letter {
	font-style : italic; 
	font-size : 200%; 
	color : #e4e8eb; 
	background : transparent;
}
/*Edito*/
div.edito-body, div.rank {

        border : 1px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/
       	padding : 0.5em 0.5em;  /*hauteur, largeur*/
		margin : 0em 0em 0em 0em; 
        color : #b0b0b0; 
		/*background : #141414; */
        background: #141414 /*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}
.cadreAccueil {
background: #404040;
padding-bottom:  1px;
}

div.edito-body p:first-letter {
	font-style : italic; 
	font-size : 200%; 
	color : #e4e8eb; 
	background : transparent;
}

/*Edito2*/
div.edito2, div.rank {   
    border : 1px solid #4B4B4B; 
    font-size : 100%; 
	line-height : 1.5em; 
	padding : 0em 0em 0em 0em ; 
	margin : 0em 0.5em 0em 0em; 
    color : #b0b0b0; 
    background: #141414 /*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}

h2.edito2{
	
    border : 1px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/
    font-size : 100%; 
	line-height : 1.3em; 
	padding : 2em 0.4em 2em 2.3em ;   /*haut/droite/bas/left*/
	margin : 0em 16.6em 1em 0; 
    color : #b0b0b0; 
    background: #141414 url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}
/*Edito3 donnees*/
div.edito3donnee, div.rank {
	/*position : left ; */
	text-align: left;
    border : 0px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/
	font-size : 100%; 
	line-height : 1.3em; 
	padding : 0.5em 0.5em 0.5em 2.5em ;  /*haut/droite/bas/left*/
	margin : 0em 0.4em 0.1em 0.4em;  
    color : #b0b0b0; 
	/*background : #141414; */
   background: #1D1D1D ; /*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}

/*Guilde ACTU*/
.edito3titre{
	position : absolute ;
	left : 18.9em;
	width : 20em ;
    height : 10px ;
    border : 0px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/
        /*width : 33em;/*/
    font-size : 100%; 
	line-height : 1.3em; 
	padding : 0.2em 0em 0.4em 0em ;  /*bas/droite/bas/left*/
	margin : 0em 0em 0em 0.5em; 
    color : #b0b0b0; 
	background-repeat: no-repeat;
    background: #404040 url("images/actualiteguilde.gif") top left; /*les deux % pr en bas a droite*/
	
}
#hautdroit {
float: right;
height: 18px; 
width: 83px;
background-repeat: no-repeat;
background: #404040 url("images/inverse.gif") top right; 	
}
#hautcentre {
/*float: center;*/
height: 20px; 
width: 83px;
background-repeat: no-repeat;
background: #404040 url("images/middle.gif"); 	
}
#cotegauche {
float: right;
background-color: #313131;
height: auto; 
width: 2px;
}

 /*ACTUALITE RPG*/

div#edito3 a, div#edito3 a:visited { /*cellule avec le hover de la cellule*/        
        width : 100%;
        color : #75a4c6; /*couleur texte sans hover #7DC2FC*/
}

.edito3titre2{
	position : absolute ;
	left : 18.9em;
	width : 20em ;
    height : 10px ;
    border : 0px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/

    font-size : 100%; 
	line-height : 1.3em; 
	padding : 0.2em 0em 0.4em 0em ;  /*bas/droite/bas/left*/
	margin : 0em 0em 0em 0.5em; 
    color : #b0b0b0; 
	background-repeat: no-repeat;
    background: #404040 url("images/actue.gif") top left; /*les deux % pr en bas a droite*/
	
}


.edito3donnee a:hover {
	text-decoration : underline ;
	width : 100%; /*largeur du hover*/
	color : #F89292; /*le rouge utilisé par le css #CC6A73*/
	background : transparent; /*#4aa9bf*/
}
/*Edito4*/
div.edito4, div.rank {    
    border : 1px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/
    font-size : 100%; 
	line-height : 1.3em; 
	padding : 2em 1.8em 2em 2.3em ; 
	margin : 0em 16.6em 1em 0; 
    color : #b0b0b0; 
	/*background : #141414; */
    background: #141414 /*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}

h2.edito4 {
	border : 1px solid #4B4B4B; /*border : 1px solid #4B4B4B;*/
    font-size : 100%; 
	line-height : 1.3em; 
	padding : 2em 0.4em 2em 2.3em ;  
	margin : 0em 16.6em 1em 0; /*marge=>edito hauteur/droite (ss l breves a 3.5 avec a 16.5/ Pour une insertion des resu remodif valeur mise 39.5em */
    color : #b0b0b0; 
    background: #141414 url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}

/*Test mise en page */
div.testform, div.rank { /*TITRE DU TEST*/
	
    border : 0px solid transparent; /*border : 1px solid #4B4B4B;*/
	font-size : 200%; 
	line-height : 1.8em; 
	padding : 1.5em 1.2em;  /*hauteur, largeur*/
	margin : 0em 8.3em 0 0;
    /*background : #141414; */
    background: #141414 ;/*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}

div.testform2 { 
	
    border : 0px solid transparent; /*border : 1px solid #4B4B4B;*/
	font-size : 100%; 
	line-height : 1.8em; 
	padding : 1.5em 1.2em;  /*hauteur, largeur*/
	margin : 0em 16.6em 0 0; 
    color : #b0b0b0; 
	/*background : #141414; */
    background: #141414 ;/*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/
}

div.testform p:first-letter {
	font-style : italic; 
	font-size : 200%; 
	color : #e4e8eb; 
	background : transparent;
}

h2#testform {
	position: relative;
	margin: 2em 0 0.5em 0.5em;
	padding: 0px;
	background: transparent ; /*url*("images/news.gif") no-repeat top left;*/
	width: 185px; /* largeur de l'image news du background*/
	height: 31px;
}

h2.testform-title {
	font-size : 100%;
	color : #888; 
	border: 1px solid #4B4B4B; /*bordure des news*/
	line-height : 1.8em; 
	font-weight : bold; 
	padding: 0 5px;
	margin : 0.5em 16.5em 0 0; 
	letter-spacing : 2px; 
	background-color : #141414; 
}

span.testform-date {
	color : #777;
	letter-spacing : 1px;
	font-size : 90%; 
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	float : right; 
	background : #141414; 
}

div.testform-body {
	margin: 0em 0em 4px 0em;
	border-width: 1px 1px 1px 1px; /*border*/
	border-style : solid;
	border-color : #000000; /*#4B4B4B*/
	background : #141414; /*#1E1E1E*/
 	padding : 5px;
font-size : 120%;
color : #D4CFCF ;

}
div.testform2 { /*Caracteristique du test*/
	    border : 0px solid transparent; /*border : 1px solid #4B4B4B;*/
	font-size : 100%; 
	line-height : 1.8em; 
	padding : 1.5em 1.2em;  /*hauteur, largeur*/
	margin : 0em 16.6em 0em 0em; 
        color : #b0b0b0; 
	/*background : #141414; */
        background: #141414 ;/*url("images/edito.gif") no-repeat top left; /*les deux % pr en bas a droite*/

} /*titre test*/

div.testform2-body {
	margin: 0;
	border-width: 1px 1px 1px 1px; /*border*/
	border-style : solid;
	border-color : #141414; /*#4B4B4B*/
	background : #141414;
	padding : 20px;
font-size : 200%;


} /* le body de l 'intro*/

div.testformintro-body {
	margin: 0em 0em 3em 0em; /*deuxieme valeur idéale pour insérer de la pub à droite*/
	border-width: 1px 1px 1px 1px; /*border*/
	border-style : solid;
	border-color : #000000; /*#4B4B4B*/
	background : #141414; /*#1E1E1E*/
 	padding : 5px;
font-size : 120%;

}

/*Historique*/
 /* le body */
div.historique-body {
	margin: 0em 0em 3em 0em; /*deuxieme valeur idéale pour insérer de la pub à droite*/
	border-width: 1px 1px 1px 1px; /*border*/
	border-style : solid;
	border-color : #000000; /*#4B4B4B*/
	background : #141414; /*#1E1E1E*/
 	padding : 5px;
        font-size : 120%;
}

/*A propos*/
h2.apropos {
	margin: 0em 2em 0em 2em;
	border-width: 1px; /*border*/
	border-style : solid;
	border-color : #222; 
        background : #222; 
 	padding : 5px;
font-size : 110%;
}

/*apropos body*/
div.apropos-body {
	margin: 0em 0em 3em 0em;
	border-width: 1px 1px 1px 1px; /*border*/
	border-style : solid;
	border-color : #000000; 
	background : #141414; 
 	padding : 5px;
font-size : 120%;
} /*corps du paragraphe*/
div.apropos-corps {
	margin: 0em 2em 2em 2em;
	border-width: 5px; /*border*/
	border-style : solid;
	border-color : #222;
	background : #000000; 
 	padding : 5px;
	font-size : 110%;
}


/*actu*/

div.actu-body {
	margin: 0em 0em 3em 0em;
	border-width: 1px 1px 1px 1px; /*border*/
	border-style : solid;
	border-color : #000000; /*#4B4B4B*/
	background : #141414; /*#1E1E1E*/
 	padding : 5px;
	font-size : 120%;
	color : #B5B5B5;
}


h2.actu-body {
	margin: 0em 14em 3em 0em;
	border-width: 0px; /*border*/
	border-style : solid;
	border-color : transparent; 
	background : #222; 
 	padding : 5px;
	font-size : 120%;
}
/* News */
h2#news {
	position: relative;
	margin: 0.3em 0em 0em 0em;
	padding: 0px;
	background: transparent url("images/news.gif") no-repeat;
	width: 270px; 
	height: 3em;
}

h2.news-title {
	font-size : 100%;
	color : #888; 
	border: 1px solid #4B4B4B;
	line-height : 1.8em; 
	font-weight : bold; 
	padding: 0 5px;
	margin : 0.5em 0em 0 0; 
	letter-spacing : 2px; 
	background-color : #141414; 
}

span.news-date {
	color : #777;
	letter-spacing : 1px;
	font-size : 90%; 
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	float : right; 
	background : #141414; 
}

div.news-body {
	margin: 0em 0em 3em 0em;
	border-width: 0 1px 1px 1px;
	border-style : solid;
	border-color : #4B4B4B;
	background : #1E1E1E;
	padding : 5px;
}


/* NewsComments a mi dao */

h2.newscomment-title {
	font-size : 100%;
	color : #888; 
	border: 1px solid #4B4B4B; 
	line-height : 1.8em; 
	font-weight : bold; 
	padding: 0 5px;
	margin: 0em 16.5em 0em 0em;
	letter-spacing : 2px; 
	background-color : #141414; 
}

span.newscomment-date {
	color : #777;
	letter-spacing : 1px;
	font-size : 90%; 
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	float : right; 
	background : #141414; 
}

div.newscomment-body {
	margin: 0em 16.5em 0em 0em;
	border-width: 0px 1px 0px 1px;
	border-style : solid;
	border-color : #4B4B4B;
	background : #1E1E1E;
	padding : 5px;
}

h2.newscomment-footer {
	font-size : 100%;
	color : #888; 
	border: 1px solid #4B4B4B; 
	line-height : 1.8em;
	font-weight : bold; 
	padding: 0 5px;
	margin: 0em 16.5em 1em 0em;
	letter-spacing : 2px; 
	background-color : #141414; 
}

span.newscomment-siteweb {
	color : #777;
	letter-spacing : 1px;
	font-size : 90%; 
	font-weight : normal; 
	text-transform : lowercase; 
	text-decoration : none; 
	float : right; 
	background : #141414; 
}

/* News Comments */
div.comments {
	margin: 2.5em;
}

div.break {
	width: 80%;
	border-bottom: 1px dotted #666;
}
	
span.c-title {
	padding : 5em 0 0 0; 
	font-weight : bold;
	font-size : 125%;
	letter-spacing : 2px; 
	color : #75a4c6; 
	background : transparent; 
}
/* resume ( ori edition )*/
h2#resume {
	position: relative;
	margin: 2em 0 0.5em 0.5em;
	padding: 0px;
	background: transparent url("images/resume.gif") no-repeat top left;
	width: 185px;
	height: 31px;
    }
/* description ( dao edition )*/
h2#description {
	position: relative;
	margin: 2em 0 0.5em 0.5em;
	padding: 0px;
	background: transparent url("images/description.gif") no-repeat top left;
	width: 266px;
	height: 31px;
    }

/* Footer */
div#footer {
	background : #141414; 
	color : #666; 
	border-style : solid; 
	border-color : #666; 
	border-width : 0 1px 1px; 
	padding : 4px 5px;  
	line-height : 16px; 
	text-align: center;
}

/* List styles */

ol.decimal {
	list-style-type: decimal;
	}

ul.circle {
	list-style: inside circle;
	}
	
pre {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	}
	
.list {
	font-size : 100%;
	padding : 0.8em;
	}
	
/* Filter Styles */
.filter {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #4b4b4b;
	font-weight: normal;
	padding-bottom: 10px;	
}

.rank {
	padding: 10px !important;
}
	
.rank-c {
	font-weight: bold;
	color : #75a4c6; 
	}	

.note {
	border: 1px dotted #4b4b4b;
	padding: 5px;
	margin: 5px;
	background-color: #222;	
	color: #B0B0B0;
	}