/* ---------------------------------------- */
/* général				*/
/* ---------------------------------------- */

body {
	font-family: Helvetica, sans-serif;
	font-size: 62.5%;
}

html, body {
height: 100%;
 margin:0px 0px 0px 0px; 
 padding:0;
 min-height: 640px; 
 min-width: 960px; 
 margin-bottom: 0px;
}

div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

p { padding: 0px 0 0 0; margin: 0 }

p.center{
text-align:center;
}

ul, li, h1, h2, h3, h4{
margin:0;
padding:0;
}

.flux{ 
clear: both; 
}

.cleft{
clear:left;
}

.cright{
clear:right;
}

.clearing {
height: 0;
clear: both;
}

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

* html hr.clear {   /* pour explorer  */
margin-top:-15px;
}

*+html hr.clear {   /* pour explorer 7 */
margin-top:-15px;
}



/* ---------------------------------------- */
/* 	link	*/
/* ---------------------------------------- */


a:link {
color: #000000;
text-decoration: underline;
}

a:hover {
text-decoration:underline;
color:#000000;
}

a:visited{
color: #000000;
text-decoration: underline;
}

a:active {
text-decoration:underline;
color:#000000;
}

/* ---------------------------------------- */
/* 	container	*/
/* ---------------------------------------- */

#container{
	margin-top: 0px;
	margin-left: 0px;
	min-height: 100%;
    height: 100%;
    height: auto;	
}

#header{
	position: absolute;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 500px;
	background: url(../images/logo_en.png) no-repeat right top;
}

a.logo{
width:80px;
height:20px;
position: absolute;
right: 60px;
display: block;
top: 20px;
}

a.london{
background-image:url(../images/london_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 88px;
}

a.london:hover{
background-image:url(../images/london_o_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 88px;
}

a.montreal{
background-image:url(../images/montreal_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 128px;
}

a.montreal:hover{
background-image:url(../images/montreal_o_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 128px;
}

a.quebec{
background-image:url(../images/quebec_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 168px;
}

a.quebec:hover{
background-image:url(../images/quebec_o_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 168px;
}

a.toronto{
background-image:url(../images/toronto_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 208px;
}

a.toronto:hover{
background-image:url(../images/toronto_o_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 208px;
}

a.vancouver{
background-image:url(../images/vancouver_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 248px;
}

a.vancouver:hover{
background-image:url(../images/vancouver_o_en.png);
width:400px;
height:40px;
position: absolute;
right: 0%;
display: block;
top: 248px;
}

#contentIndex{
	background-color: #ffffff;
	position: relative;
	top: 0px;
	width: 100%;
}

/* ---------------------------------------- */
/* 	footer	*/
/* ---------------------------------------- */

#footerContainer{
	
	position: fixed;
	width: 100%;
    height: 31px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
	padding-top: 0px;
	padding-top:0px;
}

#footer{
position: relative;
background: url(../images/bg_footer.png) repeat right;
margin: 0 0 0 0;
padding: 0;
width: 100%;
height: 31px;
}

#footer ul li{
display: block;
float: left;
list-style-type: none;
padding-right: 0px;
}

a.mess{
background-image:url(../images/mess_en.png);
width:275px;
height:31px;
display: block;
}

a.mess:hover{
background-image:url(../images/mess_o_en.png);
width:275px;
height:31px;
}

a.lang{
width:120px;
height:31px;
display: block;
position: absolute;
right: 0%;
background-image: url(../images/lang_en.png);
}

a.lang:hover{
background: url(../images/lang_o_en.png);
width:120px;
height:31px;
}


