/* center 1024*768*/
#wraper {	margin-top:5px;margin-bottom:5px;text-align: center;}
#wraperinner {position: relative;width: 970px;min-width: 970px;margin: 0px auto;text-align: left;height: 600px;min-height: 600px;}
/* ----------------------------*/

/* center 800*600
#wraper {margin-top:5px; text-align: center;}
#wraperinner {position: relative;width: 780px;min-width: 780px;margin: 0px auto;text-align: left;}
----------------------------*/

/* center
#wraper {margin:5px 5px 5px 5px;text-align: center;}
#wraperinner {position: relative;width: 100%;min-width: 758px;text-align: left;}
----------------------------*/

/* left
#wraper {margin: 10px 0 0 20px;text-align: left;}
#wraperinner {position: relative;width: 600px;min-width: 600px;text-align: left;}
----------------------------*/

/* right
#wraper {margin: 10px 10px 0 0;float: right;}
#wraperinner {position: relative;width: 600px;min-width: 600px;text-align: left;}
----------------------------*/


html, body {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #fffce9;
	/* background-image:url("IMG/fond2.jpg"); */
}

div {
	margin: 0px;
	padding: 0px;
}

#menuhaut{
	position:absolute;
	z-index:3;
	margin: 0;
	padding:0; 
	padding-left:3px; 
	padding-right:3px;
	top:34px;
	right:0px;
	text-align:right; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	/* color: #FFFFFF;*/
	/* background-color: #FF0000;*/
}

#menuhaut a {font-weight:normal; text-decoration: none; color: #FFFFFF; }
#menuhaut a:hover {font-weight:normal; text-decoration: none; color: #FF0000; }


#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	border:0px;
	height:144px;
	width:100%;
	background-image:url("IMG/haut3.jpg");
	background-position:left;background-repeat:repeat-x;
}

#headerinner {
	margin: 0px;
	margin-bottom:0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-bottom:0px;
}

#sac {
	position:absolute;
	margin: 0px;
	padding: 0px;
	z-index:3;
	display:inline;
	height:151px;
	width:100px; 
	top:0px;
	left:730px;
	background-image:url("IMG/Sucre2.gif");
	background-repeat:no-repeat;
}

#acces_rapide {
	position:absolute;
	margin: 0px;
	padding: 0px;
	z-index:3;
	display:inline; 
	top:105px;
	left:450px;
}




html>body #header {
	margin-bottom:0px;
}

* html #header {
	margin-bottom:0px;
}

#main {
	position: relative;
	margin: 0px;
	padding: 0px;
}

#maininner {
	position: relative;
	margin: 0px;
	padding: 0px;	
	min-width: 611px;
	width:970px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 971px;
}

#left {
	position:relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left:0px;
	width:180px; 
	min-height: 460px;
	z-index:10; 
	background-color: #fffce9;
	background-image:url("IMG/gauche.jpg");
	background-position:top left;
	background-repeat:no-repeat;
}

#leftinner {
	position: relative;
	margin-left:5px;
	padding:0px;
}

/* collone droite */
#right {
	float: right;
	margin:0px;
	padding:0px;
	border-right:1px solid #fffce9;
	
	top:0;
	right:0;
	width:145px;	
	/*width:5px;*/
	background-image:url("IMG/droite.jpg");
	background-position:top right;	
	background-repeat:no-repeat; 
	/* background-color: #FF0000; */ 
}

#rightart {
	float: right;
	margin:0px;
	padding:0px;
	border-right:1px solid #fffce9;
	
	top:0;
	right:0;
	width:83px;
	height: 480px;	
	/*width:5px;*/
	background-image:url("IMG/droite.jpg");
	background-position:top right;	
	background-repeat:no-repeat;
	/*background-color: #FF0000;*/ 
}

#rightinner {
	position: relative;
	margin:0px;
	padding:0px;	
	width:145px;
}

#rightinnerart {
	position: relative;
	margin:0px;
	padding:0px;
}

#middleouter {
	position: absolute; 
	top: 0;
	left:0px;
	right:0px;
	width:100%;
	margin-bottom:1em;
	margin-right:1em;z-index:1;
}

#middleinner {
	position: relative;
	margin:0px;
	margin-bottom:5px;
	left:180px;
	width:644px;
	padding:0px;
	/* background-color: #00FF00; */
}


#middleinnerart {
	position: relative;
	margin:0px;
	margin-bottom:5px;
	left:180px;
	width:706px;
	padding:0px;
	/*background-color: #00FF00;*/
}

#content {
	position: relative;
	margin:0px;
	padding:0px;
	width:100%;
	min-width: 400px;
	z-index:1;
}

#footer {
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	width:100%;
	/* border-top: 1px solid #FF0000;
	background-color: transparent;*/

}

#footerinner { 
	position:relative;
	padding: 0px;
	margin:0px;
	text-align:center; 
	font-size:x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#footerinner  a {font-weight:normal; text-decoration: none; color: #000000; }
#footerinner  a:hover {font-weight:normal; text-decoration: none; color: #FF0000; }