body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	background-color:#FFFFFF;
	background-image:url(images/bg-page-bleu.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

a:link, a:visited {
color:#666666;
}

a:hover {
color:#9b2020;
}

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

#container {
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 900px;
	text-align:left;
}

.raz {
clear:both;
margin:0px;
padding:0px;
border:none;
height:0px!important;
height:0px;
width:700px;
}

#header {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height : 180px;
	margin:0px;
	padding: 0px;
	/*background-image:url(images/bg-header.gif);
	background-position:top left;
	background-repeat:no-repeat;*/
	text-align:right;
}

#content span {visibility:hidden;}

#header b {
display:block;
font-size:9px;
width: 900px;
color:#CCCCCC;
font-weight:normal;
}

#header h1 {
margin:0px;
padding:0px;
position:absolute;
top:18px;
left:25px;
font-size:14px;
width:850px;
height:120px;
background-repeat:no-repeat;
background-image:url(images/titre-la-magie-home.gif);
}

#header span {
visibility:hidden!important;
}

#logo {
position:absolute;
top:160px;
left:230px;
width:218px;
height:224px;
border:none;
}

#navigation {
	position:absolute;
	top:140px;
	left:161px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:739px;
	height:462px;
	font-size:1px;
	/*background-image: url(images/bg-navigation.gif);
	background-position:top left;
	background-repeat:no-repeat;*/
	
}

#content a:link, #content a:hover, #content a:visited {
text-decoration:none;
}

#hmnav2 {background-repeat: no-repeat;margin:0px; position:relative; top:207px; left:527px; width: 155px; height:41px;}
#hmnav2 span {visibility:hidden;}
#hmnav2 a {width: 155px; height:41px; display:block; background-image: url(images/hmnav-2-off.gif);}
#hmnav2 a:hover {background-image: url(images/hmnav-2-on.gif);}
#hmnav2 .on {background-image: url(images/hmnav-2-on.gif);}

#hmnav3 {background-repeat: no-repeat;margin:0px; position:relative; top:232px; left:526px; width: 263px; height:41px;}
#hmnav3 span {visibility:hidden;}
#hmnav3 a {width: 263px; height:41px; display:block; background-image: url(images/hmnav-3-off.gif); overflow:hidden;}
#hmnav3 a:hover {background-image: url(images/hmnav-3-on.gif);}
#hmnav3 .on {background-image: url(images/hmnav-3-on.gif);}

#hmnav4 {background-repeat: no-repeat;margin:0px; position:relative; top:254px; left:512px; width: 230px; height:41px;}
#hmnav4 span {visibility:hidden;}
#hmnav4 a {width: 230px; height:41px; display:block; background-image: url(images/hmnav-4-off.gif);}
#hmnav4 a:hover {background-image: url(images/hmnav-4-on.gif);}
#hmnav4 .on {background-image: url(images/hmnav-4-on.gif);}

#hmnav5 {background-repeat: no-repeat;margin:0px; position:relative; top:274px; left:487px; width: 178px; height:41px;}
#hmnav5 span {visibility:hidden;}
#hmnav5 a {width: 178px; height:41px; display:block; background-image: url(images/hmnav-5-off.gif);}
#hmnav5 a:hover {background-image: url(images/hmnav-5-on.gif);}
#hmnav5 .on {background-image: url(images/hmnav-5-on.gif);}

#hmnav6 {background-repeat: no-repeat;margin:0px; position:relative; top:292px; left:450px; width: 193px; height:41px;}
#hmnav6 span {visibility:hidden;}
#hmnav6 a {width: 193px; height:41px; display:block; background-image: url(images/hmnav-6-off.gif);}
#hmnav6 a:hover {background-image: url(images/hmnav-6-on.gif);}
#hmnav6 .on {background-image: url(images/hmnav-6-on.gif);}

#hmnav7 {background-repeat: no-repeat;margin:0px; position:relative; top:298px; left:400px; width: 174px; height:41px;}
#hmnav7 span {visibility:hidden;}
#hmnav7 a {width: 174px; height:41px; display:block; background-image: url(images/hmnav-7-off.gif);}
#hmnav7 a:hover {background-image: url(images/hmnav-7-on.gif);}
#hmnav7 .on {background-image: url(images/hmnav-7-on.gif);}

#thome {
background-image: url(images/home-t1-1.gif);
background-repeat: no-repeat;
margin:0px; 
position:relative; 
top:320px; 
left:10px; 
width: 360px; 
height:78px;
}

#thome span {
visibility:hidden;
}

#content {
	height:650px;
	width:900px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image:url(images/bg-content-home.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:left;
	
}

#illustration {
position:relative;
top:90px;
left:400px;
border:none;
}

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-image:url(images/bg-footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;*/
	color:#000000;
	margin:10px auto 0px auto;
	line-height:20px;
	padding:0px;
	width: 900px;
	height:20px;
	text-align:center;
	font-size: 11px;
}

#footer a:link, #footer a:visited, #footer span {
	color:#333333;
	text-decoration:underline;
}

#footer a:hover {
	color:#333333;
	text-decoration:overline;
}

#copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0px auto 0px auto;
	line-height:20px;
	padding:0px;
	width: 900px;
	height:20px;
	text-align:center;
	font-size: 11px;
}

#copy a:link, #copy a:visited {
	color:#333333;
	text-decoration:underline;
}

#copy a:hover {
	color:#333333;
	text-decoration:overline;
}

#pARH {
	margin:20px auto 0px auto;
	padding:21px 0px 0px 0px;
	width: 900px;
	height:49px;
	text-align:center;
	background-image:url(images/bg-footer-partenaires.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#pARH img {
border:none;
margin:0px 1px 0px 0px;
}

#lnk_auria {
width:257px;
height:21px;
position:relative;
top:335px; 
left:98px;
}


#lnk_auria a {
width:257px;
height:21px;
display:block;
background-image:url(images/lnk-auria-off.gif);
background-repeat:no-repeat;
text-decoration:none;
}

#lnk_auria a:hover {
background-image:url(images/lnk-auria-on.gif);
}

#lnk_auria span {
visibility:hidden;
}