﻿.gris{

	color:#80828e;
	font-size:0.9em;

}
.orange { color:#f58427; }
.clear{
	clear:both;
	height:1px;
	font-size:1px;
}

/* aspect général */
body {
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:0.8em;
line-height:115%;


margin: 0; /* pour éviter les marges */

}

blockquote {

margin-top:0px;
margin-bottom:8px;

}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

p{
font-size:0.95em;
margin-top:7px;
margin-bottom:5px;
}
ul{
margin-top:0px;
margin-bottom:8px;

color:#000000;
font-size:0.95em;
list-style-type:square
}

a { color:#f58427; text-decoration:none; }
a:visited { color:#f58427; font-weight:inherit; text-decoration:none; }
a:hover{  color:#f58427; text-decoration:underline; }
a img {	border:0 }

h1 {
	text-transform:uppercase;
	background-color:#f58427;
	color:#FFFFFF;
	font-size:1.1em;
	padding:2px;
	margin-top:0px;
	display: inline;white-space: nowrap;
	margin-bottom:35px;
	line-height:1.3;
	font-weight:normal;
	
}

h2 {
font-size:1em;
font-weight:bold;
margin-top:15px;
margin-bottom:3px;
}

h3 {
font-size:1em;
color:#f58427;
margin:0;
margin-top:1.2em;
font-weight:bold;
}

h4 {
font-size:1em;
color:#000000;
margin:0;

font-weight:bold;
}


ul {margin:0; padding:0; margin-top:auto;}
li { list-style-type:none;}
/*---------------------------------- couleurs */


/* fin ---------------- aspect général */



/*================== différents cadres =====================*/
.partenaires  {
	text-align:right;
	margin-top:25px;
	
	}
.partenaires img {
	margin-left:20px;
	border:0;
	}
.pied {
margin-left:110px;	
margin-right:110px;
margin-top:25px;
margin-bottom:30px;
color:#6d6e71;
font-size:0.9em;
text-align:left
	
}


/* conteneur principal */
#global {
    position:relative;
    width: 827px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;

}

	
		#global #langue{
			text-align:right;
			margin-bottom:20px;
			margin-right:150px;
			font-size:1em;

		}
				#global #langue a:link,#global #langue a:visited {
			padding-left:5px;
			padding-right:5px;
			border-right:1px solid #f19251;
			color:#6d6e71

		}
		#global #langue a:hover{
			text-decoration:underline

		}
		div.img_float#global #langue a.selected{
			color:#f5a969

		}
		
		
			

	#menus {
 width: 650px;
 height: 646px;
 background: url(../img/maisons/maisons.gif);
 margin-left: 35px;
 margin-top:-45px;
 padding: 0;
 position: relative;
 background-repeat:no-repeat;
}
#menus li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position:absolute;
	z-index:inherit;
	overflow:visible;
	height: 78px;

	
}

#menus a {display: block; text-decoration:none;overflow:visible; }


#maison01 {
	left: 263px;
	top: 21px;
	width: 124px;
		z-index:1;
}
#maison02 {
	left: 256px;
	top: 100px;
	width: 145px;
		z-index:2;
}
#maison03 {
	left: 353px;
	top: 211px;
	width: 59px;
		z-index:13;
}
#maison04 {
	left: 235px;
	top: 197px;
	width: 120px;
		z-index:12;
}
#maison05 {
	left: 146px;
	top: 218px;
	width: 130px;
		z-index:6;
}

#maison06 {
	left: 21px;
	top: 180px;
	width: 147px;
		z-index:5;
}

#maison07 {
	left: 110px;
	top: 320px;
	width: 107px;
		z-index:7;
}
#maison08 {
	left: 212px;
	top: 360px;
	width: 124px;
		z-index:8;
}
#maison09 {
	left: 119px;
	top: 431px;
	width: 74px;
		z-index:9;
}
#maison10 {
	left: 187px;
	top: 427px;
	width: 146px;
		z-index:10;
}
#maison11 {
	left: 238px;
	top: 505px;
	width: 107px;
		z-index:11;
}
#maison12 {
	left: 257px;
	top: 277px;
	width: 153px;
		z-index:12;
}
#maison13{
	left: 417px;
	top: 208px;
	width: 155px;
		z-index:15;
}
#maison14 {
	left: 401px;
	top: 245px;
	width: 168px;
		z-index:13;
}
#maison15 {
	left: 444px;
	top: 368px;
	width: 65px;
		z-index:19;
}
#maison16 {
	left: 490px;
	top: 308px;
	width: 143px;
		z-index:18;
}
#maison17{
	left: 327px;
	top: 343px;
	width: 121px;
		z-index:14;
}
#maison18 {
	left: 343px;
	top: 481px;
	width: 133px;
		z-index:15;
}

#menus li a span{
	display:none;
}

#menus li a:hover {

	z-index:500;
	position:relative;
	
}

#menus li a:hover span {
	text-transform:uppercase;
	background-color:#f58427;
	color:#FFFFFF;
	font-size:1em;
	padding:2px;
	font-weight:bold;
	text-align:left;

	display:inline-block;
	left:-2.5em;
	top:3em;

	position:absolute;
	z-index:500;
}
#maison01 a {height: 125px;}
#maison02 a {height: 145px;}
#maison03 a {height: 92px;}
#maison04 a {height: 94px;}
#maison05 a {height: 148px;}
#maison06 a {height: 152px;}
#maison07 a {height: 96px;}
#maison08 a {height: 73px;}
#maison09 a {height: 86px;}
#maison10 a {height: 116px;}
#maison11 a {height: 116px;}
#maison12 a {height: 145px;}
#maison13 a {height: 110px;}
#maison14 a {height: 167px;}
#maison15 a {height: 74px;}
#maison16 a {height: 160px;}
#maison17 a {height: 144px;}
#maison18 a {height: 142px;}


#menus #maison01 a:visited, #menus #maison01 a:hover  {background: url(../img/maisons/maison01.gif) no-repeat;}
#menus #maison02 a:visited, #menus #maison02 a:hover   {background: url(../img/maisons/maison02.gif) no-repeat;}
#menus #maison03 a:visited, #menus #maison03 a:hover   {background: url(../img/maisons/maison03.gif) no-repeat;}
#menus #maison04 a:visited, #menus #maison04 a:hover   {background: url(../img/maisons/maison04.gif) no-repeat;}
#menus #maison05 a:visited, #menus #maison05 a:hover   {background: url(../img/maisons/maison05.gif) no-repeat;}
#menus #maison06 a:visited, #menus #maison06 a:hover   {background: url(../img/maisons/maison06.gif) no-repeat;}
#menus #maison07 a:visited, #menus #maison07 a:hover   {background: url(../img/maisons/maison07.gif) no-repeat;}
#menus #maison08 a:visited, #menus #maison08 a:hover   {background: url(../img/maisons/maison08.gif) no-repeat;}
#menus #maison09 a:visited, #menus #maison09 a:hover   {background: url(../img/maisons/maison09.gif) no-repeat;}
#menus #maison10 a:visited, #menus #maison10 a:hover   {background: url(../img/maisons/maison10.gif) no-repeat;}
#menus #maison11 a:visited, #menus #maison11 a:hover   {background: url(../img/maisons/maison11.gif) no-repeat;}
#menus #maison12 a:visited, #menus #maison12 a:hover   {background: url(../img/maisons/maison12.gif) no-repeat;}
#menus #maison13 a:visited, #menus #maison13 a:hover   {background: url(../img/maisons/maison13.gif) no-repeat;}
#menus #maison14 a:visited, #menus #maison14 a:hover   {background: url(../img/maisons/maison14.gif) no-repeat;}
#menus #maison15 a:visited, #menus #maison15 a:hover   {background: url(../img/maisons/maison15.gif) no-repeat;}
#menus #maison16 a:visited, #menus #maison16 a:hover   {background: url(../img/maisons/maison16.gif) no-repeat;}
#menus #maison17 a:visited, #menus #maison17 a:hover   {background: url(../img/maisons/maison17.gif) no-repeat;}
#menus #maison18 a:visited, #menus #maison18 a:hover   {background: url(../img/maisons/maison18.gif) no-repeat;}




	#contenu_txt{
float:left;
text-align:justify;
	}
#left {
width:150px;
float:left;
margin-top:25px;
font-style:italic;
font-weight:bold;
	
}

#left a {
	 background:#FFF url(../img/prec.gif) left center no-repeat;
	 padding-left:21px;
	}
