html, body {
        margin:0;
        padding:0;
        height:100%;
        background-image:url("texture_page.gif");
        font-family:verdana;
		
		}
* {
        margin:0;
        padding:0;
}
#global
{
        width:1000px;
        margin: auto ;
        height:auto!important;
        height:100%;
        min-height:100%;
        position:relative;
		
		
}

#header /* se raccroche avec la première partie du menu gauche*/
{       
        height: 183px;
        background: url("header.gif") center  no-repeat;
        margin:0 auto;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
}

#block_gauche { /* image du menu gauche partie du milieu*/

        width:239px; 
        background-image: url("menu_milieu.gif");
        background-repeat:repeat-y;
        float:left;
        margin-right:0px;
        margin-top:0;
        padding:0;
        font-family: verdana;
        font-size : 12px;
        text-align:left;
	
		       
}

.menu_gauche /* image de jonction du personnage entre le haut du menu et le header*/
{
        width: 239px;
        height:106px;
        background-image: url("menu_haut.gif");
        background-position:top 0;     
        background-repeat: no-repeat;
        margin: 0;
        line-height:30px;
        font-family: verdana;
        font-size : 12px;
        color: black;
	}

.menu_gauche a, .menu_gauche span, #header span { /* ici on cache le contenu de h2 et h1, contenu justifiant la

presence du h2 :) */
        position:absolute;
        height:0;
        width:0;
        overflow:hidden;
}

.bas   /* image concernant le bas du menu de gauche*/
{
        margin:0;
        background-image: url("menu_bas.gif");
        background-position:0px bottom;
        background-repeat: no-repeat;
        height: 81px;
        display:block;
}

#block_gauche ul {
        list-style-type:none;
        line-height:15px;
        padding-left:30px;
}
#block_gauche ul li {

}

a {
        text-decoration:none;
        color:	#f68913;
        font-size:12px;
}
   
a:hover {
        color:black;
}



#menuh  li {
        float:left;
        display:block;
}

#menuh  li a {
        color:white;
        text-decoration:none;
        float:left;
        margin:0px ;
        height:31px;
}



.titre
{
	background-image: url("corps_haut.gif");
	background-repeat: no-repeat;
		background-position:1px;
	height: 20px;
    font-family:verdana;
    font-size: 10px;
	width: 706px;
	margin-left: 260px;
	margin-top: 20px;
}
.titre_article
{
	margin-top: 20px;
	margin-left:300px;
	font-family: verdana;
	font-size:14px;
	color:#f68913;
	margin-bottom: 20px;
	}

.toumy
{
	background-image: url("corps_milieu.gif");
	background-repeat:repeat-y;
	margin:0 auto;
	background-position:1px;
        padding:0 30px;
	
		width:706px;
			margin-left: 260px;
			color:#f68913;
			font-size: 12px;
			font-family: verdana;
			
        
}

.basol
{
	margin:0;
	background-image: url("corps_bas.gif");
	background-position:1px bottom;
	background-repeat: no-repeat;
	height: 29px;
        padding:0 30px;
			margin-left: 260px;
			margin-bottom: 20px;
			width: 706px;
}
#margepied {
        height: 80px;/* même hauteur que le pied ou superieur */
        clear:both;/* pour glisser sous le dernier element flottant */
		margin-top: 40px;

}
#pied
{
        background-image: url("pied.gif");
        background-repeat: repeat-y;
        width: 100%;
        height: 72px;
        position:absolute; /* on le fixe au bas de #global qui doit-etre lui meme en position:relative; */
        bottom:0;
        left:0;       
}
.pied_page
{
        color: #f68913;
		font-size: 10px;
		margin-top: 30px;
		text-align: center;
}