/* DESIGN EN GENERAL */

body {
	background: url(../images/design/designBackground.png) repeat-x #a0a39b;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #222222;
	height: 100%;
	margin: auto;
	width: 760px;
	text-align: center; /* pour corriger le bug de centrage IE */ 
}

div#general {
	width: 760px;
	margin: 11px 0;
	background: url(../images/design/designContent.png) repeat-y;
	text-align: left; /* on rétablit l'alignement normal du texte */ 
}

div#header {
	background: url(../images/design/designHeader.png) no-repeat;
	width: 760px;
	height: 201px;
}
div#menuhaut {
	padding-top: 167px;
	text-align: center;
	text-decoration:none;
        FONT-SIZE: 12px; 
	FONT-FAMILY:  verdana, arial, sans-serif;
        COLOR: #c0c0c0;
}
div#news {
	padding-top: 140px;
	text-align: center;
	text-decoration:none;
    FONT-SIZE: 12px; 
	FONT-FAMILY:  verdana, arial, sans-serif;
    COLOR: #c0c0c0;
}
div#contenu {

   min-height: 15px;
   padding: 10px 15px 0 15px;
   margin-left: 200px; 
    margin-bottom: 20px; 
    padding: 5px;
    width: 500px;  

}
div#contenumapping {

   min-height: 15px;
   padding: 10px 15px 0 15px;
    margin-left: 65px;
    margin-bottom: 20px; 
    padding: 5px;
    width: 600px;  

}
div#menugauche {

    margin-left: 25px; 
    float: left; 
    width: 170px; 
}

div#footer {
	background: url(../images/design/designFooter.png) no-repeat;
	width: 760px;
	height: 37px;
	clear: both;
}

#pied { 
	text-align: center;
	font-style: italic ;
	color: #525252 ;
	font-size: 9px ;
}

/* FIN DESIGN GENERAL */

/* BASES */

body,td {
	font-size:9px;	 
}

p {
  font-size : 9px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #2e2e2e;
  text-align : normal;
}

td {
  font-size : 9px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #2e2e2e;
  text-align : normal;
}

input, select, textarea
{
	margin: 2px;color: black; border: 1px solid #B2B2B2; background-color: #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus
{
color: black; border: 1px solid #D8A2A2; background-color: #E5E5E5;
}

table {
  font-size : 9px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #2e2e2e;
  text-align : normal;
}

ul {
  list-style-type: none;
  padding: 0;
  margin-left: 0px;
}


h1 {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#838383;
	margin-bottom: 5px;
	border-bottom: 1px solid #d1d1d1;
	}
	
h3 {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#838383;
	margin-bottom: 5px;
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
	}
	
	
fieldset { /* fenêtre */
	border:					1px solid #bebebe;
	background-repeat:		no-repeat;
    position :              relative;
    top :                   1em;
    padding :               0 6px 1em 6px;
	margin-bottom:			4px;
	color :                 #2e2e2e;
	}

html>body fieldset { /* Mozilla */	 
	padding:			6px;
	padding-top:		0;
	margin-bottom:		0em;
    top :               0;	 
	-moz-border-radius: 8px;
	
}

legend { /* titre des fenêtres */

	text-align:left;
	font-size: 1.1em;
	color: #999;
	font-weight: bold ;		  
	padding-top:0;
    padding :               0.4em; 
}

* html legend { /* only IE */
    position :              relative;
    top :                   -1em;
	padding-left : 0;
	padding-right:0;
}


	
/* FIN BASES */


/* LIENS */

A:link {  
  FONT-SIZE: 9px; COLOR: #8e8e8e; FONT-FAMILY:  verdana, arial, sans-serif; TEXT-DECORATION: none
}

A:visited {
  FONT-SIZE: 9px; COLOR: #8e8e8e; FONT-FAMILY:  verdana, arial, sans-serif; TEXT-DECORATION: none
}

A:active {  
  FONT-SIZE: 9px; COLOR: #8e8e8e; FONT-FAMILY:  verdana, arial, sans-serif; TEXT-DECORATION: none
}

A:hover {
  FONT-SIZE: 9px; COLOR: #8e8e8e; FONT-FAMILY:  verdana, arial, sans-serif; TEXT-DECORATION: underline
}

a.linkopacity img {
filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.4;
}

a.linkopacity:hover img {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;    
}

/* FIN LIENS */


/* MENU */

a.puce2{
    
    text-decoration:none;
    FONT-SIZE: 9px; 
    COLOR: #8e8e8e; 
	FONT-FAMILY:  verdana, arial, sans-serif;
    
 }

a.puce2:hover{
	padding-left: 10px;
	background-repeat: no-repeat;
    background-position: left center;   
} 



/* Barre stats */

div.barrestat { /* cadre de la barre */
	text-align:left;
	position:relative;
	height:11px;
}

div.barrestat div.positiong {
	position:absolute;
}

div.barrestat div.positiond {
	position:absolute;
	right:0px;
}

div.barrestat div.fond_barre {
	position:absolute;
	background-repeat:repeat-x;
	height:9px;
	font-size:0px;
}
div.barrestat div.barre_contenu {
	position:absolute;
	height:9px;
	font-size:0px;
	

}

/* Fin barre stat */

div.barre {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0pt;
	line-height: 0pt;
	height: 1px;
}



/* FIN MENU */

/* Liste Tableau */

.liste {
	width: 100%;
	border: 0;
	margin-bottom: 10px;
	border: 1px solid #e1e4e8;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}
.liste thead {
	background: url(../images/site/tablehead.png) repeat-x #E6EBF3;
	font-weight: bold;
}
.liste tbody {
	background: #e1e4e8;
}
.liste tbody th {
	text-align: left;
	font-weight: normal;
}


/* Fin Couleurs Tableau */

/* Clans */

.clan {
  border: solid 1px #f4e7e7;
  padding: 5px;
  margin: 3px;
}
.clanmenu {
  border: solid 1px #f4e7e7;
}
.nimekiri {
  border: solid 1px #f4e7e7;
  background-color: #f8f6f6;
}

/* Fin Clans */

/* Gestion erreurs */

.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/* Fin Gestion erreurs */

/* Div à 3 colones */

    .sameHeightCol {
        float:left;
    }
	
	
    #colone1 {
        width: 100%;
    }
    #colone2 {
        width: 100%;
        right: 25%; /* = la largeur de la colonne verte */
        overflow: visible;
    }
    #colone3 {
        width: 100%;
        right: 30%; /* = la largeur de la colonne jaune */
        overflow: visible;
    }
    #col1, #col2, #col3 {
        left: 55%; /* = #container2{right} + #container3{right} */
    }
    #col1 {
        width: 15%; /* = #container1{width} - #col1{left} */
    }
    #col2 {
        width: 70%; /* = #container3{right} */
    }
    #col3 {
        width: 15%; /* = #container2{right} */
    }
	
	.padding{
        padding: 0px;
    }

/* Fin Div 3 colones */

/* Menu gauche */

.gauche{
  float: left;
  margin-left: 15%;
  width: 20%;
}
.droite {
  margin-left: 30%;
}


/* Fin menu gauche */