body {
	background:#1C1F1F url(../images/fbody.jpg) repeat-x top fixed;
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#B7B7B7;
	margin: 1em;
	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	}
#filtre {
	position:fixed;
	background:transparent url(../images/filtre.png) repeat;
	display:none;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:100;
	}
#direct {
	position:absolute;
    background:#504F4E;
	display:none;
	left:100px;
	top:50px;
    width:400px;
    height:auto;
    text-align:justify;
    font-size:0.9em;
    color:#C8C8C8;
    padding:10px;
	border:#FFFFFF 2px outset;
	z-index:200;

    }
#carte{
	position:absolute;
	display:none;
	visibility:hidden;
	/*left:50%;
	margin-left:-360px;*/
	top:50px;
	border:#FFFFFF 2px outset;
	z-index:200;
	}
#ie7dlamerde{
	position:absolute;
	display:none;
	visibility:hidden;
	background-image:url(../images/fond_ie7dlamerde.jpg);
	left:50%;
	margin-left:-160px;
	top:50%;
	margin-top:-60px;
	width:318px;
	height:auto;
	color:#000000;
	border-top:#FFFFFF 2px solid;
	border-left:#FFFFFF 2px solid;
	border-right:#000000 2px solid;
	border-bottom:#000000 2px solid;
	z-index:101;
	}
#grandesgueules {
	position:fixed;
    	display:none;
	left:50%;
	margin-left:-93px;
	top:400px;
	width:186px;
	height:auto;
	padding:0px;
	z-index:11;
	}
#tele {
	position:fixed;
	background:transparent url(../images/tele2.jpg) no-repeat;
	left:50%;
	margin-left:-93px;
	top:400px;
	width:186px;
	height:auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	z-index:10;
    	display:block;
	}
#afftele {
	position:relative;
	float:left;
	width:186px;
	height:153px;
	}
#msgtele1 {
	position:relative;
	float:left;
	left:10px;
	top:10px;
	width:160px;
	height:auto;
	text-align:center;
	}
#teleh {
	background-color:#302C2A;
	margin-right:30px;
	border:#9B9999 1px solid;
	padding:5px;
	text-align:justify;
	}
#lect {
	position:absolute;
	background:url(../images/lecteur.gif);
	height:20px;
	width:188px;
	bottom:0px;
	}
#onoff {
	position:relative;
	float:left;
	left:20px;
	font-size:10px;
	top:3px;
	}
#pause {
	position:relative;
	float:left;
	left:30px;
	font-size:10px;
	top:3px;
	}
#dosses {
	position:relative;
	float:left;
	left:60px;
	top:2px;
	color:#40FF40;
	font-size:10px;
	}
#tele a {
	font-family: Arial, Helvetica, sans-serif;
	color:#D991FF;
	text-decoration:none;
	}
#tele a:hover {
	color:red;
	text-decoration:none;
	}
#guillet {
	/* voi IE !) */
	z-index:10;
	}
#content {
	position:relative;
	float:left;
	left:50%;
	margin-left:-370px;
	top:0px;
	width:740px;
	height:100%;
	z-index:17;
	}
#bando {
	background:url(../images/bandeau.gif) repeat-y left top;
	position:relative;
	float:left;
	top:0px;
	width:740px;
	height:auto;
	z-index:18;
	}
#bando2 {
	background:url(../images/bandeauD2.jpg) repeat-y right top;
	position:relative;
	float:right;
	top:0px;
	width:740px;
	height:auto;
	z-index:18;
	}
#titre, #titre2 {
	background:url(../images/tete.jpg) repeat-x left top;
	position:absolute;
	top:20px;
	width:780px;
	height:30px;
	left:-20px;
	font-size:1.1em;
    	font-weight:bold;
	text-align:center;
	border-right:#000000 2px solid;
	z-index:20;
	}
/** PAGE CENTRALE *****
**********************************/
#hpage {
	position:relative;
	float:left;
	width:588px;
	height:50px;
	z-index:12;
	}
#xpage {
	background:#0A0807;  /*background:url(../images/fond_page2.png) repeat left top;*/
	position:relative;
	float:left;
	left:110px;
	width:581px;
	min-height:1000px;
	padding:0px;
	z-index:25;
	}
#page {
	background:#0A0807;  /*background:url(../images/fond_page2.png) repeat left top;*/
	position:relative;
	float:left;
	left:110px;
	width:581px;
	height:auto;
	padding:0px;
	z-index:17;
	}
#xpage a, #latte a, #bas a, #grandesgueules a {
	color:#FF8605;
	text-decoration:none;
	/*border-bottom:#FEA54E 1px dashed;*/
	}
.lpager:before {
	content:url(../images/cocher.gif)"  ";
	}
.lpagev:before {
	content:"  "url(../images/cochev.gif);
	}
#xpage a:hover, #latte a:hover, #grandesgueules a:hover {
	color:#91A957;
	text-decoration:underline;
	}
/** SON *********
*************************/
#son0, #son1, #son2, #son3, #son4, #son5, #son6 {
	position:relative;
	height:0px;
	width:0px;
	}
/** BAS DE PAGE ******
*************************************/
#pied {
	position:relative;
	float:left;
	background:url(../images/latte.jpg) repeat-x;
	top:0px;
	left:110px;
	width:580px;
	height:47px;
	z-index:15;
	}
#cartouche {
	position:relative;
	float:left;
    left:0px;
	top:6px;
	width:581px;
    text-align:center;
	font-size:0.7em;
	color:#694627;
	text-decoration:none;
	z-index:22;
	}
#cartouche a {
	color:#C00000;
	border:none;
	text-decoration:none;
	}
#w3c {
	position:absolute;
	width:50px;
	height:50px;
	bottom:20px;
	right:-10px;
	z-index:21;
	}
/** MENU ******
********************************/
#fmenu {
	position:absolute;
	background:url(../images/menu.png) repeat-y left top;
	top:85px;
	left:-20px;
	width:134px;
	height:461px;
	z-index:20;
	}
#lmenu {
	position:relative;
	left:-2px;
	top:55px;
	width:117px;
	height:428px;
	z-index:21;
	}
#lmenu p {
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.8em;
    	height:24px;
    	margin: 4px;
	margin-left:10px;
    	font-weight:bold;
	text-align:left;
	}
#lmenu a {
	color:#57301D;
	text-decoration:none;
	}	
#lmenu a:hover {
	background:#000000;
	color:#FFFFFF;
	}
/** LA QUINCAILLERIE ********
*************************************/
#mnactif {
	position:absolute;
	background:url(../images/pmn.png) left top;
	left:96px;
	top:67px;  
	width:26px;
	height:27px;
	z-index:20;
	visibility:hidden;
	}
#redo {
	position:absolute;
	top:422px;
	left:43px;
	width:67px;
	height:61px;
	margin:0px;
	padding:0px;
	z-index:17;
	}
#redo a:hover {
	background:transparent;
	}
#clous {
	position:absolute;
	left:65px;
	top:-100px;
	width:126px; 
	height:85px;
	z-index:22;
	}
#trou {
	position:absolute;
	background:url(../images/trou.gif) no-repeat left top;
	left:40px;
	top:-35px;
	width:12px;
	height:11px;
	z-index:16;
	}
/*** PAGE PRODUCTION **********/
div.content {
	background:#302C2A;  /*background:transparent url(../images/fondiv.png);*/
	display:none;
	text-align:justify;
	overflow:hidden;
	padding:0px;
	margin:0px;
	}
#prod p {
	margin-left:8px;
	margin-right:8px;
	line-height:1.2em;
	}
/** PAGE VIDEO *******
********************************************/
#video0 {
	position:relative;
	z-index:36;
	}
#video {
	position:relative;
	width:580px;
	height:422px;
	z-index:37;
	}
/*** PAGE VENIR
***************************/
#venir p.pave {
	background:#302C2A;
	margin-left:20px;
	margin-right:20px;
	border:#9B9999 1px solid;
	padding:5px;
	}
/** FORMULAIRES *****
************************************/
.inputtext {
	border:1px inset black;
	background-color:#9A9A9A;
	font-size:0.8em; 
	color:#000000;
	}
.areatext {
	border:1px inset black;
	background-color:#5C5A5A;
	color:#FF8E09;
	}
select, option {
	font: normal 8pt Arial; 
	color:#000000;
	}
input:focus, textarea:focus {
	background-color:white;
	color:#000000;
	}
.button {
	background:#5C5A5A;
	width:118px;
	color:#B9B9B9;
	border:1px outset black;
	}
.button:hover {
	color:#FFFFFF;
	}
input.button:focus {
	background:#404040;
	border:1px inset black;
	}
/*fieldset {
	background:#404040;
	border:none;
	width: 470px; 
	padding: 0.5em; 
	text-align: right;
	margin:20px;
	border:#9B9999 1px dashed;
	}*/
#formuphp {
	width :520px;
	position:relative;
	top: 1em;
	margin-left: 30px;
	color: inherit;
	background:transparent url(../images/fondiv.png);
	border:#AC6D3A 1px dashed;
	padding:10px;
	}
#upimg {
	position:relative;
	float:left;
	display:none;
	top:0px;
	left:-15px;
	background:#0d1237;
	width:270px;
	border:#9B9999 1px solid;
	padding:5px;
	text-align:center;
	visibility:hidden;
}
/** DIVERS ******
************************************/
.fondudiv {	
	background:#302C2A;  /*background:transparent url(../images/fondiv.png);*/
	border:#9B9999 1px solid;
	text-align:justify;
	padding:0px;
	margin:0px;
	}
img, img a {
	border:#9B9999 1px solid;
	}
p, h1, h2, h3, h4 {
	margin-left:8px;
	margin-right:8px;
	text-align:justify;
	}
h1 {color:#EDC959;}
h2 {color:#EDC959;}
h3 {color:#EDC959;}
h4 {color:#EDC959;}
.tab {
	font-size:0.9em;
	}
.spacer {
	clear: both;
	height:20px;
	}
.fg1,.fd1 {
	position:absolute;
	margin:0px;
	padding:0px;
	top:-20px;
	width:53px;
	height:69px;
	}
.fd1 {
	background:url(../images/f_droite.png);
	left:230px;
	}
.fg1 {
	background:url(../images/f_gauche.png);
	left:0px;
	}
#ombreh, #ombreb {
	position:absolute;
	width:38px;
	height:114px;
	left:-2px;
	z-index:19;
	visibility:hidden;
	}
#ombreh {
	background:url(../images/ombrescieH.png) no-repeat;
	top:0px;
	}
#ombreb {
	background:url(../images/ombrescieB.png) no-repeat;
	}
#sciage {
	position:fixed;
	}
#assocegauche a{
	border:none;
	}
.plus {cursor:pointer;}
.niveau {position:relative;width:200px;left:0px;top:0px;text-align:left;}
.niveauul {position:relative;float:left;z-index:40;width:150px;display:none;left:-10px;top:0px;text-align:left;margin-top:0px;}
.niveau li {list-style-image:url('../images/fich.gif')}
#dossierimg {
	position:absolute;
	top:-20px;
	left:100px;
	background:#504F4E;
	width:250px;
	border:#9B9999 1px solid;
	padding:5px;
	font-size:0.8em;
	display:none;
	visibility:hidden;
    text-align:left;
	z-index:100;
	}
#dossierimg a {text-decoration:none;border:none;}
/*************************************************************** 
Modification largeur, uniquement #div :                        *
content1, centre1 (content1-20), haut13 et bas13 (content1-32) *
****************************************************************/

#content1 {position:relative;float:left;width:215px;height:auto;left:20px;z-index:3;margin:0px;padding:0px}
#haut13 {left:16px;width:183px;height:16px;font-size:10px;}
#bas13 {left:16px;width:183px;height:16px;}
#centre1 {left:10px;width:195px;height:auto;font-size:0.9em;}

#content12 {position:relative;float:right;width:230px;height:auto;right:20px;z-index:3;margin:0px;padding:0px}
#haut132 {left:16px;width:198px;height:16px;font-size:10px;}
#bas132 {left:16px;width:198px;height:16px;}
#centre12 {left:10px;width:210px;height:auto;font-size:0.9em;}

#content2 {position:relative;float:left;width:215px;height:auto;left:20px;z-index:3;margin:0px;padding:0px}
#haut23 {left:16px;width:183px;height:16px;font-size:10px;}
#bas23 {left:16px;width:183px;height:16px;}
#centre2 {left:10px;width:195px;height:auto;font-size:0.9em;}

.content3 {position:relative;float:left;width:540px;height:auto;left:20px;z-index:3;margin:0px;padding:0px}
.haut33 {left:16px;width:508px;height:16px;font-size:10px;}
.bas33 {left:16px;width:508px;height:16px;}
.centre3 {left:10px;width:520px;height:auto;font-size:0.9em;}




.labelu {position:relative;left:30px;color:#EDC959;z-index:64;}
.centre {position:relative;float:left;text-align:justify;}
.haut1 {position:relative;float:left;background:url(../images/c_h_g.gif) left top no-repeat;width:100%;height:16px;font-size:10px;}
.haut2 {position:relative;float:left;background:url(../images/c_h_d.gif) right top no-repeat;width:100%;height:16px;font-size:10px;}
.haut3 {position:relative;float:left;background:url(../images/h.gif) left top repeat-x;}
.bas1 {position:relative;float:left;background:url(../images/c_b_g.gif) left top no-repeat;width:100%;height:16px;font-size:10px}
.bas2 {position:relative;float:left;background:url(../images/c_b_d.gif) right top no-repeat;width:100%;height:16px;font-size:10px}
.bas3 {position:relative;float:left;background:url(../images/b.gif) left top repeat-x;}
.gauche {position:relative;float:left;background:url(../images/n_g.gif) repeat-y left top;width:100%;height:auto;}
.droite {position:relative;float:right;background:url(../images/n_d.gif) right top repeat-y;width:100%;height:auto}
.saut {position:relative;float:left;width:580px;}

#repli1, #repli2, #repli3, #repli4 {
	position:relative;
	text-align:center;
	top:-7px;
	font-size:12px;
	color:#717171;
	visibility:hidden;
	}
.drag{
cursor:move;
}
#selul {
    display:none;
    position:relative;
    float:left;
    background:white;
    left:0px;
    top:-5px;
    width:110px;
    height:auto;
    border-left:#57301D 1px solid;
    border-right:#57301D 1px solid;
    border-bottom:#57301D 1px solid;
    z-index:51;
    }
#selul ul li:hover, #selul ul a:hover {
    background:#57301D;
    color:#FFFFFF;
    }