body
{
   margin: auto;
   padding : 0 ; 
   text-align : center;
   background-color : #251108 ;
   //background: url(background_site.png) repeat-x top center;
   font-family : arial; 
   font-size : 0.7em; 
   color : #E69544
}

/*///////////////////////////////////  BANNIERE  //////////////////////////*/
#organiseur_sorties {
	margin:0 auto;
	width:1016px;
}

#header
{
   width: 1016px; /* Très important : donner une taille au menu */
   height: 405px; /* Très important : donner une taille au menu */
   margin-bottom: 0px;
   position : relative top; 
   background-position : center;
   color:#E69544;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   font-size : 20px;
   padding : 0px 0px 0px 0px;
   background: url(corps-header.png) no-repeat top left;
}
#header_about
{
   position : relative; 
   left: 172px;
   top: 290px;
   width: 120px; 
   height: 17px;
}

#header_donation
{
   position : relative; 
   left: 555px;
   top: -25px;
   width: 120px; 
   height: 16px;
}

#header_banniere
{
   position : relative; 
   left: 387px;
   top: 315px;
   width: 565px; 
   height: 60px;
}

/*///////////////////////////////////  MENU  //////////////////////////*/

#menu_bg
{
   float:left;
   width: 1016px; 
   height: 184px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   color:#E69544;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   background: url(corps-menu.png) no-repeat top left;
}

#menu_upload
{
   float:left;
   position : relative;
   margin-top: 26px;
   margin-left: -8px;
   width: 240px; 
   height: 143px;
}

#menu_elements
{
   float:left;
   position : relative; 
   margin-top: -40px;
   margin-left: 28px;
   width: 620px; 
   height: 130px;
}

#menu_elements1
{
   float:left;
   position : relative; 
   margin-top: -60px;
   margin-left: 28px;
   width: 620px; 
   height: 130px;
}


#dhtmltooltip {
   position: absolute;
   width: 150px;
   border: 2px solid black;
   padding: 2px;
   background-color: white;
   visibility: hidden;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*///////////////////////////////////  CORPS  //////////////////////////*/

#global {
	margin:0 auto;
	width:1016px;
}

#menu-bas
{
   float:left;
   width: 1016px; 
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   align:center;
   color:#E69544;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   background: url(corps-body.png) repeat-y top left;
   display:inline
}

#ch-com-un
{
   float:left;
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-right: 10px; /* Une marge à droite pour eviter que le corps ne se colle a l'element de droite */
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   width: 751px; 
   height: 52px;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   font-size : 20px; 
   padding : 0px 0px 0px 0px;  
   background: url(ch3.png) no-repeat top left;
   background-position:top left;
}

#c-com-un
{
   float:left;
   width: 751px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: -5px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(cbg3.png) repeat-y top left;
   background-position:top left;
}

#cf-com-un
{
   float:left;
   width: 751px; 
   margin-left: 0px; 
   margin-bottom: 20px; 
   height: 27px;
   background: url(cf3.png) no-repeat top left;
   background-position:top left;
}

#ch-com-deux
{
   float:right;
   margin-right: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   width: 205px; 
   height: 52px;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   font-size : 20px; 
   padding : 0px 0px 0px 0px;  
   background: url(content-header2.png) no-repeat top right;
   background-position:top right;
}

#c-com-deux
{
   float:right;
   width: 205px; 
   margin-right: 0px;
   margin-bottom: 0px;
   margin-top: -5px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-bg2.png) repeat-y top right;
   background-position:top right;
}

#cf-com-deux
{
   float:right;
   width: 205px; 
   margin-right: 0px; 
   margin-bottom: 20px; 
   height: 27px;
   background: url(content-footer2.png) no-repeat top right;
   background-position:top right;
}

#corps-header
{
   float:left;
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   width: 1016px; 
   height: 52px;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   font-size : 20px; 
   padding : 0px 0px 0px 0px;  
   background: url(content-header2.png) no-repeat top left;
   background-position:top left;
}

#corps-header-parcho
{
   float:left;
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   width: 1016px; 
   height: 52px;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   font-size : 20px; 
   padding : 0px 0px 0px 0px;  
   background: url(content-header3.png) no-repeat top left;
   background-position:top left;
}

#corps
{
   float:left;
   width: 1016px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: -5px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-bg2.png) repeat-y top left;
   background-position:top left;
}

#corps-parcho
{
   float:left;
   width: 1016px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: -5px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-bg3.png) repeat-y top left;
   background-position:top left;
}

#corps_login
{
   position : relative; 
   width: 514px; 
   height: 107px;
   margin-left: 50px;
   margin-bottom: 0px;
   margin-top: 5px;
   color:#FFFFFF;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   padding : 0px 0px 0px 0px;  
   background: url(login-box2.png) no-repeat top left;
   background-position:top left;
}

#corps_acceuil
{
   position : relative; 
   width: 860px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-body2.png) no-repeat top left;
   background-position:top left;
}

#corps_message
{
   position : relative; 
   width: 860px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-body3.png) no-repeat top left;
   background-position:top left;
}

#corps_sortie
{
   position : relative; 
   width: 860px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-body.png) no-repeat top left;
   background-position:top left;
}

#corps_about
{
   position : relative; 
   width: 860px; 
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   color:#000000;
   font: Tahoma,Verdana,sans-serif, Arial;
   text-align : left;
   padding : 0px 0px 0px 0px;  
   background: url(content-body1.png) no-repeat top left;
   background-position:top left;
}

#corps-footer
{
   float:left;
   width: 1016px; 
   margin-left: 0px; 
   margin-bottom: 20px; 
   height: 27px;
   background: url(content-footer2.png) no-repeat top left;
   background-position:top left;
}

#corps-footer-parcho
{
   float:left;
   width: 1016px; 
   margin-left: 0px; 
   margin-bottom: 20px; 
   height: 27px;
   background: url(content-footer3.png) no-repeat top left;
   background-position:top left;
}

#footer
{
   float:left;
   width: 1016px; 
   height: 129px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   color:#E69544;
   font: 8pt Tahoma,Verdana,sans-serif, Arial;
   text-align : center;
   padding: 0px;
   background: url(footer.png) repeat-y top left;
   background-position:bottom left;
}

#corps h1 {
	color:#E69544;
	margin:10px 10px 10px 0;
	padding : 25px 0 0 0 ;  
	font: bold 12pt Tahoma,Verdana,sans-serif, Arial;
	border-bottom:1px solid #1395A9;
}

#corps h2 {
	color:#E69544;
	padding : 0px 0px 0px 0px ; 
	margin : 0px 0px 0px 0px ;
	font: bold 10pt Tahoma,Verdana,sans-serif, Arial;
}

#corps p {
	color:#000000;
	width : 95% ; 
	padding : 0px 0 0 0 ; 
	margin : 0 0 0 25px ;
	font: bold 10pt Tahoma,Verdana,sans-serif, Arial;
}

#corps p a {
	color:#000000;
	border : 0; 
}

#corps img {
	border : 0; 
}

#corps2 img
 {
  border:0px;
  width:auto;
  max-width:700px;
  max-height:400px;
  text-align:center;
}

/*///////////////////////////////////  STATS  //////////////////////////*/


dl, dt, dd{margin:0;padding:0;}

dd{
	width:164px;
	height:20px;
	background:url(images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
dd span{
	position:absolute;
	display:block;
	width:150px;
	height:10px;
	background:url(images/bar.gif) no-repeat 0 0;
	top:5px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
dd em{
	position:absolute;
	display:block;
	width:150px;
	height:10px;
	background:url(images/bg_cover.gif) repeat-x;
	top:0;
}

/*///////////////////////////////////  AUTRES  //////////////////////////*/

a.bouton {
  margin:5px;
  width : 130px;
  font-size : 120%;
  color: #E69544;
  background-color: black;
  background-image: url("button.png");
  text-decoration: none;
  text-align: center;
  border : 3px outset #E69544;
  padding : 2px 10px 2px 10px;
}

a.bouton:hover {
  background-image: url("button.png");
  color : #dd6900;
  border : 3px inset #dd6900;
}

a.bouton:active {
  background-image: url("button.png");
  color: #E1D22D;
  text-decoration: none;
}

input.bouton {
  margin:5px;
  font-size : 100%;
  color: #E69544;
  background-color: black;
  background-image: url("button.png");
  text-decoration: none;
  text-align: center;
  border : 3px outset #E69544;
  padding : 2px 10px 2px 10px;
}

input.bouton:hover {
  background-image: url("button.png");
  color : #dd6900;
  border : 3px inset #dd6900;
}

input.bouton:active {
  background-image: url("button.png");
  color: #E1D22D;
  text-decoration: none;
}

table
        {
	border-collapse:collapse;
	border:0px solid black;
	margin:auto;
    }
		
td
        {        
	padding: 0px;
	text-align:center;
	border:0px solid black;
    }

th
	{
	padding: 0px;
	text-align:center;
	background-image: url("button.png");
	color : #000000;
	font-size : 110%;
	border:0px solid black;
	}

table.sample {
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
table.sample th {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 12px 12px 12px 12px;
}
table.sample td {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 12px 12px 12px 12px;
}

table.news {
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: transparent;
	margin:auto;
}
table.news th {
	border-width: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 12px 12px 12px 12px;
}
table.news td {
	border-width: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 12px 12px 12px 12px;
}
table.sortacc {
	border-width: 0px;
	border-spacing: 0px;
}
table.sortacc th {
	border-width: 0px;
	border-spacing: 0px;
}
table.sortacc td {
	border-width: 0px;
	border-spacing: 0px;
}

small
{   
	color : #E69544;    
	padding : 0px;
	text-align : right;
	text-decoration : none;
	font-size : 11px;
}

h2,h3,h4,h5
	{
	color : #9E3B00;
	text-align:center;
	}
	
a 
	{
	color : #dd6900;
	text-decoration: none;
	}

a:hover {
  color : #DE1000;
  text-decoration: none;
}

a:active {
  color: #E1D22D;
  text-decoration: none;
}
	
.form
	{
	color : black;
	font-size : 100%;
	}

.form_guild
	{
	color : white;
	font-size : 100%;
	}

.form_ally
	{
    color:#E69544;
	font-size : 100%;
	}

.fonddefault
	{
	background-color: #FFEFDD;
	}
.fond0
	{
	background-color: #FFEFDD;
	}
.fond1
	{
	background-color: #FFD099;
	}

.separateur
	{
	height : 5pk;
	border : 2px solid black;
	}

.traitgauche
	{
	text-align:center;
	border-left : 1px solid black;
	}
.traithaut
	{
	border-top : 1px solid black;
	}
.traitbas
	{
	border-bottom : 1px solid black;
	}

/*///////////////////////////////////  PRINT ///////////////////////////*/
/** CSS pour imprimer **/
@media print {
  span.noprint {
    display: none;
  }
}