A:link { text-decoration: underline; color: gray; }
A:visited { text-decoration: underline; color: gray; }
A:hover { text-decoration: underline; color: #d26e24; }
A:active { text-decoration: underline; color: #d26e24; }


body {
	background-image:url('images/fond.png');
	background-position:center center;
	background-repeat:repeat-y;
	background-color:#d26e24;
	}

#menu {
	width: 900px; height: 170px;
	}

div.img1 {
	margin: 0 0 0 0;
	background: none;
	}	
	
div.img1 a:hover  {
	float: left;
	width: 90px; height: 164px;
	color:yellow;
	margin: 0 0 0 0;
	background: url( 'images/case.png' ) inherit;
	}	
	
div.outer {
	float: left;
	width: 90px; height: 164px;
	color:yellow;
	margin: 0 0 0 0;
	background: url( 'images/case.png' ) top left no-repeat;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width: 90px; height: 164px;
	overflow:hidden;
	font: bold 12px/1 georgia, serif;
	text-align: center; 
	color:black;
	text-decoration: none;
	background: url( 'images/case.png' ) top center no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 0 0 0 0;
	}
div.outer a:hover {
	background-image: none;
	color: yellow;
	}
div.outer a:active {
	color: black;
	}

div#navbar2 {
	background-color: none;
	border: dashed #d26e24 1px;
	border-left-style: none;
	border-right-style: none;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 21px;
	font: bold 13px/1 georgia, serif;
	text-align: center ;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	   
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font: bold 13px/1 georgia, serif;
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #000000;
}
div#navbar2 li a:link {
    color: #000000:
}
div#navbar2 li a:visited {
    ccolor: #000000;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color:yellow;
    background-color: #d26e24;
}

span.text1 {
	font-size: 18px;
	color: black;
	line-height: 22px;
	font-family: georgia, serif;
	font-style:italic;
	}

span.text {
	font-size: 11px;
	color: #333333;
	line-height: 21px;
	font-family: georgia, serif;
	}

span.sub {
	font-size: 11px;
	color: gray;
	line-height: 21px;
	font-family: georgia, serif;
	}


span.text4 {
	font-size: 11px;
	color: #663333;
	line-height: 20px;
	font-family: georgia, serif;
	}


span.css {
	font-size: 12px;
	color: #000000;
	line-height: 21px;
	font-family: "Courier New",Courier,serif;
	}

div.cadre1 {
	
	background-color: #fff9b8;
	border: dashed #d26e24 1px;
	font-size: 14px;
	color: #333333;
	line-height: 21px;
	font-family: georgia, serif;
	text-align: left ;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	}

div.cadre2 {
	
	background-color: #fff9b8;
	border: dashed #d26e24 1px;
	font-size: 14px;
	color: #333333;
	line-height: 21px;
	font-family: georgia, serif;
	text-align: center ;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	}
div.cadreinfo {
	
	background-color: #f19386;
	border: dashed #d26e24 1px;
	font-size: 14px;
	color: #333333;
	line-height: 21px;
	font-family: georgia, serif;
	text-align: left ;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	}
/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:600px; height:400px; background:url(images/maisonp.jpg) no-repeat; position:relative;}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {display:block; width:600px; height:0; padding-top:400px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(images/maisonphover.jpg) no-repeat 400px 400px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imap a#title {height:400px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #pic1 {left:10px; top:210px; z-index:20;}
#imap #pic2 {left:280px; top:190px; z-index:20;}
#imap #pic3 {left:440px; top:40px; z-index:20;}
#imap #pic4 {left:420px; top:220px; z-index:20;}
#imap #pic5 {left:500px; top:240px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#mais1, #imap a#mais2, #imap a#mais3, #imap a#mais4, #imap a#mais5 {display:block; width:85px; height:85px; background:transparent url(images/hover.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}

/* move the link background image to position 0 0 when hovered */
#imap a#mais1:hover, #imap a#mais2:hover, #imap a#mais3:hover, #imap a#mais4:hover , #imap a#mais5:hover {background-position:0 0;}

/* define the common styling for the span image */
#imap a#mais1:hover span {position:absolute; width:400px; height:300px; display:block; border:7px solid #ffffff; padding:0px;}
#imap a#mais2:hover span {position:absolute; width:225px; height:300px; display:block; border:7px solid #ffffff; padding:0px;}
#imap a#mais3:hover span {position:absolute; width:400px; height:274px; display:block; border:7px solid #ffffff; padding:0px;}
#imap a#mais4:hover span {position:absolute; width:400px; height:376px; display:block; border:7px solid #ffffff; padding:0px;}
#imap a#mais5:hover span {position:absolute; width:400px; height:274px; display:block; border:7px solid #ffffff; padding:0px;}

/* the hack for IE pre IE6 */
* html #imap a:hover span {width:400px; w\idth:288px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#mais1:hover span {left:100px; top:-190px;}
#imap a#mais2:hover span {left:-240px; top:-150px;}
#imap a#mais3:hover span {left:-420px; top:-10px;}
#imap a#mais4:hover span {left:-400px; top:-210px;}
#imap a#mais5:hover span {left:-420px; top:-130px;}

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}