/* mcf_main.css
*
* Yome -- 2006
*
* Guillaume Chata (c)
*
*/

/* Basic elements */


* {
	margin 		: 0px;
	border 		: 0px;
}

body
{ 
	background 	: #FFFFFF url(../img/background.gif) repeat-y center top;
	color 		: #FFF;
	padding 	: 0px;
	margin 		: 0px;
	font-family : Arial, Sans-Serif;
	font-size 	: 11pt;
}

#main {
	background 		: transparent url(../img/main_bkg.gif) repeat-y center top;
	width 			: 752px !important;
	height 			: 100%;
	padding 		: 0px;
	margin			: 0px auto;
}

#header {
	background 	: transparent;
	padding 	: 0px;
	margin 		: 0px;
	width 		: 748px !important;
	height 		: 230px !important;
	clear 		: both;
}

#header #headerPict {
	background 	: transparent; /*TODO insert light img of flash anim*/
	margin 		: 0px;
	padding 	: 0px;
	width 		: 748px !important;
	height 		: 185px !important;
}
#header #headerMenuBar {
	background 	: transparent; /*TODO insert light img of flash menu*/
	margin 		: 0px;
	padding 	: 0px;
	width 		: 748px !important;
	height 		: 45px !important;
	
}

/* --------- contenu --------- */

#content {
	background 	: transparent;
	width 		: 748px;
	padding 	: 0px;
	margin 		: 60px 0px 0px 0px;
}

#content #leftCol {
	background 		: transparent;
	width 			: 330px;
	height 			: 100%;
	margin 			: 0px 0px 0px 32px;
	float 			: left;
}


#content #rightCol {
	background 		: transparent;
	width 			: 308px;
	height 			: 100%;
	margin 			: 0px 48px 0px 0px;
	float 			: right;
}


/* --------- sub nav --------- */
#subNav 
{
	background 	: #120707;
	width 		: 745px;
	height 		: 18px;
	padding 	: 0px;
	padding-top:2px;
	margin 		: 0px auto;
	font-size 	: 8pt;
	bottom 		: 0px;
	clear 		: both;
	border:1px solid #141212;
}

#subNav ul 
{
	float 		: right;
	font-size 	: 8pt;
}

#subNav a, 
#subNav a:visited,  
#subNav li 
{
	list-style 	: none;
	float 		: left;
	padding 	: 0px 8px 0px 0px;
	color : #727272;	
}

#subNav a:hover, 
#subNav a:visited:hover, 
#subNav li.selected 
{
	color : #C8C8C8;
	list-style 	: none;
	float 		: left;
	padding 	: 0px 8px 0px 0px;	
}
#subNav li.selected 
{
	color : #FFFFFF;
}



/* --------- bas de page --------- */
#footer {
	background 	: #3A3A3A;
	width 		: 748px;
	height 		: 24px;
	padding 	: 0px;
	margin 		: 0px;
	font-size 	: 8pt;
	bottom 		: 0px;
	clear:both;
}
#footCol2 {
	float 			: right;
	background 		: transparent;
	margin-top 		: 5px;
	margin-right 	: 8px;
}
#footCol1 {
	float 		: left;
	background 	: transparent;
	margin 		: 5px;
	margin-left	: 8px;
}
#foorCol2 ul {
	padding 		: 0px;
	margin 			: 0px;
}
#footCol2 li {
	list-style 	: none;
	float 		: left;
	padding 	: 0px 8px 0px 0px;
	font-size:80%;
}

#footCol1 a, #footCol1 a {
	color: #FFF;
	text-decoration: none;
}
#footCol1 a:hover, #footCol1 a:hover {
	background 		: transparent;
	color 			: #48A4F4;
	text-decoration : none;
}


#footCol2 a, #footCol2 a {
	color: #FFF;
	text-decoration: none;
}
#footCol2 a:hover, #footCol2 a:hover {
	background 		: transparent;
	color 			: #FF0000;
	text-decoration : none;
}


/* --------- common --------- */
.center 
{
	text-align : center;	
}
.wraper {
	clear:both;
}
.spacer100,
.spacer72,
.spacer50,
.spacer40,
.spacer30,
.spacer20,
.spacer15,
.spacer10,
.spacer5,
.spacer2,
.spacer1 {
	padding: 0px;
	margin: 0px;
	display: block;
	clear:both;
	background:transparent;
}

.spacer100 {
	height: 100px;
}
.spacer72 {
	height: 72px;
}
.spacer50 {
	height: 50px;
}
.spacer40 {
	height: 40px;
}
.spacer30 {
	height: 30px;
}
.spacer20 {
	height: 20px;
}
.spacer15 {
	height: 15px;
}
.spacer10 {
	height: 10px;
}
.spacer5 {
	height: 5px;
}
.spacer2 {
	height: 2px;
}
.spacer1 {
	height: 1px;
}


/****************/
/* IE6/Win hack */
/****************/
* html #header {
	margin-left : 1px;
}

* html #content #leftCol {
	margin-left : 7px;
}
* html #content #rightCol {
	margin-right : 20px;
}

* html div#footer {
	margin-left : 2px;
}