@import url("menuMaiApt.css");
@import url("derventes.css");
@import url("menuGch_elts.css");
/* CSS Document */

body{
margin:0;
padding:0;
font: normal 0.75em/1.5em verdana, sans-serif;
	color: #404040;
	text-align: center;
background: url(../images/pgs/fond-trame.png) repeat;
}

b{font-size: 110%;}
em{color: red;}

#contenu{
float:none;
width:878px;
background:#white;
background: url(../images/pgs/fondblanc_ombre.png) repeat-y;
margin: 0 auto; /*Center container on page*/
}

#topsection{
margin: 0 auto 0 9px; /*Center container on page*/
width:861px;
background-color:#9CA3B3;
height: 10px; /*Height of top section*/
border: none;
}


#boitecontenu{
float: left;
margin: 0 auto 0 9px;
width: 100%;
background-color:transparent;
}

#center-box{
margin-left: 165px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 165px; /*Width of left column*/
margin-left: -878px; /*Set left margin to -(contenu)*/
background:transparent;
padding:0;
}

#piedpage{
clear: left;
width: 60%;
background: transparent;
font:"Lucida Sans";
color: #FFF;
text-align: center;
padding: 4px 0;
}

#piedpage a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* éléments de contenus */

#acc_topgch {
	width: 165px;
	height: 194px;
	background-color: White;
	background: url(../images/pgs/acc_fnaim.png) no-repeat right top; 
}

#acc_topgch .fnaim {
	width: 146px;
	height:auto;
	font-size: 10px;
	line-height: 130%;
	letter-spacing: -1px;
	color: #6C6C6C;
}

#acc_topgch .fnaim p{
	text-align:justify;
	padding-top:25px;
	padding-left:5px;
	padding-right:5px;
	margin-top:0px;
	}

#leftcolumn h1 {
	text-align: center;
	background-image: url(../images/pgs/col1-fd-selection.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	font-size: 13px;
	height:69px;
}

#nav-gch {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#menu {
	width: 100%;
	background-color: transparent;
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	float:left;
}

#bandeson {
	float:left;
	text-align: right;
	width:696px;
	height:21px;
	background-color: #9CA3B3;
}


#vitrine {
	float: left;
	background: url(../images/pgs/acc_fdVitrine.gif) no-repeat;
	width: 696px;
	height: 122px;
}

#selecteur {
	float: left;
	height: 68px;
	width:696px;
	padding-top:58px;
	background: url(../images/pgs/acc_fdBoutons.png) no-repeat;;
}

#discours {
	float: left;
	height: 178px;
	width:696px;
	background-color: #C0C5CF;
} 

#introswf {
margin:0;
padding:0;
}

#selecteur a {
	font-size: 12px;
	font-family: arial,geneva;
	color:#707581;
}

#selecteur a:hover {
	color: #DAA520;
}


#btLoc {
	float:left;
	margin-left: 100px;
	padding-left: 68px;
	background: url(../images/pgs/puceRythmeJ.png) no-repeat;
	line-height:13px;
}

#btVentes{
	float:right;
	margin-right: 100px;
	padding-left: 68px;
	background: url(../images/pgs/puceRythmeJ.png) no-repeat;
	line-height:13px;
}

.portrait {
	margin-left:37px;
	margin-top:7px;
}

.discours {
	margin-left:31px;
	margin-top:17px;
}


#piedpage {
	width:97%;
	text-align: right;
}

#piedpage a {
	font-size: 9px;
	color: #5B6975;
}

a.infobulle {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}

a.infobulle span {
display: none;
}

a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}

a.infobulle:hover span {
	display: inline;
	position: absolute;
	width: 315px;
	top: -26em;
	left: -23em;
	background: #C69709;
	text-align: left;
	color: white;
	padding: 10px;
	border: medium dashed #F8D363;
}