/*************************************************************/
/*   Design:   Stars 2 Demain 2007                           */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   2SOP & CO                                     */
/*   Date:     May 15, 2007                                  */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */

*{
	padding:0; margin:0;
}

 body {
 	font-size:12px; 
/* 	background-color:rgb(0,0,51); */
	background:transparent url(../../2010/img/fond.jpg) top left repeat;
 	color:rgb(255,255,255); 
 	font-family:arial,sans-serif;
 } /*Font-size: 1.0em = 10px when browser default size is 16px*/
 
.page-container {
	width:800px; 
	margin:0px auto; 
	font-size:10px;
}

.main {
	clear:both; 
	width:800px; 
	padding-bottom:5px; 
	background:transparent url(../img/bg_main.jpg) top left repeat-y;
}

.main-content {
	display:inline; 
	/*Fix IE floating margin bug*/; 
	float:left; 
	width:595px; 
	margin:0 0 0 10px; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.main-subcontent {
	display:inline /*Fix IE floating margin bug*/; 
	float:right; 
	width:180px; 
	margin:0 10px 0 0; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.footer {
	clear:both; 
	width:800px; 
	height:30px; 
	padding:5px 0 5px 0; 
	background:transparent url(../img/bg_foot.jpg) no-repeat; 
	font-size:10px; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

/* HEADER */

.header {
	width:800px; 
	font-family:"trebuchet ms",arial,sans-serif;
}

.header-middle {
	width:800px; 
	height:120px; 
	background:transparent url(../img/bg_head_middle_ci.jpg); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-advert {
	width:590px; 
	height:90px; 
	position:absolute; 
	z-index:1; 
	margin:15px 0 0 15px; 
	background:url(../img/advert.gif);
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}


.header-bottom {
	width:800px; 
}

.header-breadcrumbs {
	clear:both; 
	width:800px; 
	padding:5px 0 10px 0; 
	background:transparent url(../img/bg_main.jpg) repeat-y;
}

/*************/
/*  2. HEAD  */
/*************/

/*Drop-down menu*/

.nav {
	float:left; 
	width:800px; 
	height:22px; 
	border:none; 
	background:transparent url(../img/bg_head_nav.jpg) no-repeat; 
	color:rgb(255,255,255); 
	font-size:12px;
} /*Color navigation bar normal mode*/

.nav ul {
	list-style-type:none;
}

.nav ul li {
	float:left; 
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	border-right:solid 1px rgb(255,255,255);
}

.nav ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	height:22px; 
	line-height:22px; 
	padding:0 16px 0 16px; 
	text-decoration:none; 
	font-weight:bold; 
	color: rgb(255,255,255);
}
.nav ul li ul {
	display:none; 
	border:none;
}

/*Non-IE6 hovering*/
.nav ul li:hover a {
	text-decoration:none;
	background-color:rgb(255,102,0); 
} /*Color main cells hovering mode*/

.nav ul li:hover ul {
	display:block; 
	width:10.0em; 
	position:absolute; 
	z-index:999; 
	top:21px; 
	margin-top:1px; 
	left:0;
}

.nav ul li:hover ul li a {
	display:block; 
	width:10.0em; 
	height:auto; 
	line-height:1.0em; 
	margin-left:-1px; 
	padding:4px 16px 4px 16px; 
	border-left:solid 1px rgb(255,255,255); 
	border-bottom: solid 1px rgb(255,255,255); 
	background-color:rgb(0,0,255); 
	font-weight:normal; 
	color:rgb(255,255,255);
} /*Color subcells normal mode*/

.nav ul li:hover ul li a:hover {
	text-decoration:none;
	background-color:rgb(255,102,0); 
} /*Color subcells hovering mode*/

/*END Non-IE6 hovering*/

/*IE6 hovering*/
.nav table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

.nav ul li a:hover {
	background-color:rgb(255,102,0); 

	text-decoration:none;
} /*Color main cells hovering mode*/

.nav ul li a:hover ul {
	display:block; 
	width:10.0em; 
	position:absolute; 
	z-index:999; 
	top:21px; 
	left:0; 
	margin-top:1px;
}

.nav ul li a:hover ul li a {
	display:block; 
	width:10.0em; 
	height:1px; 
	line-height:1.0em; 
	padding:4px 16px 4px 16px; 
	border-left:solid 1px rgb(255,255,255); 
	border-bottom: solid 1px rgb(255,255,255); 
	background-color:rgb(0,0,255); 
	font-weight:normal; 
	color:rgb(255,255,255);
} /*Color subcells normal mode*/

.nav ul li a:hover ul li a:hover {
	background-color:rgb(255,102,0); 
	text-decoration:none;
} /*Color subcells hovering mode*/

/*END IE6 hovering*/

.header-breadcrumbs ul {
	float:left; 
	width:560px; 
	list-style:none; 
	padding:0 0 0 15px; 
	font-family:verdana,arial,sans-serif;
}

.header-breadcrumbs ul li {
	display:inline; 
	padding:0 0 0 10px; 
	background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; 
	font-weight:normal; 
	color:rgb(255,255,255); 
	font-size:100%;
}

.header-breadcrumbs ul a {
	color:rgb(255,255,255); 
	text-decoration:none;
}

.header-breadcrumbs ul a:hover {
	color:rgb(255,255,255); 
	text-decoration:underline;
}

/******************/
/*  MAIN SECTION  */
/******************/


/* MAIN CONTENT */
.column1-unit {
	width:595px; 
}

.column3-unit-left {
	float:left; 
	width:198px; 
}

.column3-unit-middle {
	float:middle; 
	width:198px; 
}
.column3-unit-right {
	float:right 
	width:198px; 
}


/* MAIN SUBCONTENT */
.subcontent-unit-border {
	width:178px; 
	margin:0 0 10px 0; 
	padding:0 0 0 0; 
	border:solid 1px rgb(255,255,255);
}

.subcontent-no-border {
	width:180px; 
	margin:0 0 10px 0; 
	padding:0 0 0 0; 
	border:solid 0px rgb(255,255,255);
}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
	line-height:13px; 
	text-align:center; 
	color:rgb(255,255,255); 
	font-weight:normal; 
	font-size:11px;
}

.footer a {text-decoration:none; color:rgb(204,204,204);}
.footer a:hover {text-decoration:underline; color:rgb(255,255,255);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; }