/* T A G S & M A I N  H O L D E R S */

body {
margin: 0;
padding: 0;
background: #CCCCCC;
}
			
div {
padding: 0;
margin: 0;
font: 11px Arial, Helvetica, sans-serif;
}

/* THE MAIN HOLDER */
			
#master {
position:absolute;
left: 50%;
top: 50%;
width: 850px;
height: 500px;
margin-top: -243px; /* moitié de la hauteur */
margin-left: -425px; /* moitié de la largeur */
}

/* THE REST OF THE MASTERS */
			
#topholder {
text-align: left;
}

#top {
height: 120px;
text-align: left;
}

#holderofall {
overflow: auto;
width: 670px;
height: 280px;
float: right;
text-align: left;
}

#nav {
width: 180px;
height: 280px;
float: left;
text-align: left;
/*background: url('../images/temp nav image.gif') no-repeat top left;*/
}

#navigation {
}

#contentleft {
width: 245px;
float: left;
text-align: left;
/*background: url('../images/test.gif') no-repeat bottom left;*/
/*outline: 1px dotted;*/
}

#contentright {
width: 245px;
float: left;
text-align: left;
padding: 0px 0px 0px 25px;
}

#flashright {
width: 125px; /*145px*/
height: 300px;
float: right;
}


/*///////////////////////////////// HOME STYLE STUFF /////////////////////////////////////*/
/*Home image div is in the page as it has to work with page based javascript*/

#homeholder {
width: 850px;
height: 500px;
float: right;
text-align: left;
background: #FFFFFF;
}

#homelogo {
position: absolute;
width: 193px;
height: 44px;
padding: 150px 0px 0px 113px;
}


#homefooter {
clear: both;
position: relative;
text-align: center;
}

#innerfooterleft {
padding: 15px 0px 0px 0px;
}



/* T Y P O G R A P H Y - T E X T , L I N K S , L I S T S */

h1 {
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
/* How frustrating that browsers could not take a demi bold univerally... 500 looks great on MAC's whereas bold looks to heavy on them but shows something on PC's ahhhhhhh*/
color: #455560;
padding: 0px 0px 0px 0px;
margin: 0;
}

h2 {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #222222;
padding: 0px 0px 0px 0px;
margin: 0;
}
/* FF0099 Pink */

p {
color: #333333;
line-height: 15px;
padding: 0px 0px 11px 0px ;
margin: 0;
}

.copysmall {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}


/* L I N K S */

.copysmall a:link {text-decoration: none; color: #4F5FAB;}
.copysmall a:visited {text-decoration: none; color: #CCCCCCC;}
.copysmall a:hover {text-decoration: underline; color: #E94D58;}
.copysmall a:active {text-decoration: none; color: #455560;}

/* L I S T S */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #4e5eaf; /* IE6 Bug */
	padding: 5px;
	border-top: none;
	border-bottom: 1px solid #FFF;
	}
	
ul li ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #FFF; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #CCC;
	}	
	

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #000; background: none; } /* Hover Styles */
ul li ul li a:hover { color: #FFF; background: #4e5eaf; } /* Hover Styles */
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */


/* CLASSES */

/* #E94D58 red */

/* #4e5eaf blue */

.top {
padding: 6px 0px 3px 0px;
}

.header {
padding: 0px 0px 10px 0px;
}


/* DELETE WHEN FINISHED */

/* FF0099 Pink */
/* outline: 1px dotted; */