/* ------------------------------------------------------ */
/* -- LAYOUT : SIZE AND POSITIONS OF ELEMENTS ----------- */
/* ------------------------------------------------------ */

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* Header */
div#header
{	
	width:100%;
	height:170px;
	background:url(Images/hdr_x_back.png) repeat-x;
}
/* Navigation menu */
div#menu
{	
	width:100%;
	height:36px;
		background:url(Images/hdr_x_menu.png) repeat-x;

}
/* content zone */
div#main
{
	width:100%;
	min-height:50px;
    _height:50px; /* only IE6 applies CSS properties starting with an underscore */

	padding-top:20px;
	padding-bottom:20px;
	
}
/* footer */
div#footer
{
	width:100%;
	background:url(Images/ftr_x_border.png) repeat-x top;

    text-align: center;
	line-height:30px;
}


/* CONTENT   
----------------------------------------------------------*/
/* content panel decoration */
div#main_deco_1
{
	/* center the content zone */
	width: 1000px;
    margin-left: auto;
    margin-right: auto;

	/* set background color and draw the left border */
	background-image:url(Images/content_y_border_left.png);
	background-position:left;
	background-repeat:repeat-y;
}
div#main_deco_2
{
	/* draw the top left corner */
    background:url(Images/content_corner_top_left.png) top left no-repeat;
}
div#main_deco_3
{
	/* draw the bottom left corner */
    background:url(Images/content_corner_bot_left.png) bottom left no-repeat;
	/* everything to the left has been draw, add the padding */
    padding-left:15px;
}
div#main_deco_4
{
	/* draw the top border */
	background:url(Images/content_x_border_top.png) top repeat-x;
}
div#main_deco_5
{
	/* draw the top right corner */
	background:url(Images/content_corner_top_right.png) top right no-repeat;
	/* everything to the top has been draw, add the padding */
    padding-top:15px;
}
div#main_deco_6
{
	/* draw the bottom border */
	background:url(Images/content_x_border_bot.png) bottom repeat-x;
}
div#main_deco_7
{
	/* draw the bottom right corner */
	background:url(Images/content_corner_bot_right.png) bottom right no-repeat;
	/* everything to the bottom has been draw, add the padding */
    padding-bottom:15px;
}
div#main_deco_8
{
	/* draw the right border */
	background:url(Images/content_y_border_right.png) right repeat-y;
	/* everything to the right has been draw, add the padding */
	padding-right:15px;
}
div#content
{
	min-height:500px;
}

/* left column (treeview) */
.leftColumn
{
	float:left;
	width:265px;
}
/* right column (content) */
.rightColumn
{
	float:left;
	width:690px;
	padding-left:10px;
}

/* HEADER   
----------------------------------------------------------*/
/* content of the header */
div#header_content
{	
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:200px;
}
/* site title */
#title
{
	float:left;
}
#title .logo
{
	width:624px;
	height:221px;
	position:absolute;
	margin-left:-50px;
}
div#header_content .admin_links a
{
	float:right;
	margin-top:50px;
}

div#header_content img{

}
/* HEADER : MINI-LOGIN
----------------------------------------------------------*/
/* mini login box */
#minilogin
{
	float:right;
	width:270px;
	height:100px;
}
/* links when authenticated */
#minilogin .auth_links
{
	float: right;
	margin-top : 0px;
}
/* first columns */
/*
#minilogin .col1
{
	float:left;
	width:43px;
	height:100%;
	background:url(Images/hdr_picto_02.png) no-repeat bottom left;
}*/
/* second column */
#minilogin .col2
{
	float:right;
	width:225px;
	height:100%;
}
/* language flag */
#minilogin .col1 .language
{
	margin-left:10px;
	margin-top:40px;
}
/* first line */
/*#minilogin .col2 .line1
{
	height:40px;
	width:160px;
	background:url(Images/hdr_picto_01.png) right no-repeat;
}*/
/* second line fields */
#minilogin .col2 .line2 .fields
{
	float:left;
	width:180px;
}
/* the text boxes */
#minilogin .tbMiniLogin
{
	width:90px;
	
	border-radius:5px;
	-moz-border-radius:5px;
}
/* the submit button */
#minilogin input[type=submit]
{
	margin-top:10px;
}
/* third line fields */
#minilogin .col2 .line3
{
	line-height:30px;
}


/* MENU
----------------------------------------------------------*/
/* header menu */
#menu_content
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
ul#menu_list
{
	float:right;	
    line-height:30px;
}

ul#menu_list li
{	
    display:block;
    float:left;
    overflow:hidden;
    margin-left:8px;
    list-style:none;
}
/*  NIVEAU 0 (top) */
ul#menu_list li
{
    display:block;
    float:left;

	padding: 0 10px 0 10px;
}
ul#menu_list li:hover > a
{
	color:#751156
}
#menu_list li:hover > .sub1
{
	display: block;
}
/* NIVEAU 1 (sub1) */
ul#menu_list ul.sub1
{
	position:absolute;
	display:none;
	z-index:10;
	line-height:25px;
	border:1px #efefef solid;
	background:#d643af;
}
ul#menu_list ul.sub1 li
{
    float:none;
	padding: 0 5px 0 5px;
}

/* MISC : FIELDSETS
----------------------------------------------------------*/
/* common to all fieldsets */
fieldset
{
	border-radius:15px;
	-moz-border-radius:15px;
	padding: 7px;
}
/* fieldset's legends */
legend
{
	margin-left:10px;
}
/* Template : box for half the page */
.demiBox
{
	width:450px;
}
/* Template : box for stats */
.statsBox
{
	width:675px;
}
/* Template : box for entity detail */
.detailBox
{
	width:675px;
}
/* class of the list panel */
.listBox
{
	width:675px;
}
/* SPECIFIC : register page : 'login' box */
.loginBox
{
	float:left;
	width:300px;
}
/* SPECIFIC : register page : 'register' box */
.registerBox
{
	float:right;
	width:500px;
}
/* box for options in the admin*/
.optionsBox
{
}
/* CONTACT US FORM TEXTAREA*/
.contactUs
{
	width:445px;
	height:250px;
}

/* MISC : PAGER
----------------------------------------------------------*/
.pager
{
	line-height:25px;
	text-align:center;
}
.pager .page
{
	border:1px black solid;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	text-decoration:none;
}


/* MISC : EMAIL
----------------------------------------------------------*/
.longWidth
{
	width:400px;
}
.longHeight
{
	height:300px;
}

/* TREEVIEW
----------------------------------------------------------*/
ul#tv
{
	width:253px;
	overflow:hidden;
}

/* HOME
----------------------------------------------------------*/
.homePrez
{
	width:540px;
	height:250px;
	overflow:hidden;
}
.homeVideo
{
	width:385px;
	height:242px;
	overflow:hidden;
	margin-top:8px;
}

.homeBuzz
{
	width:300px;
	height:270px;
	overflow:hidden;
}
.homeBuzz li
{
	white-space:nowrap;
}
.homeFree
{
	width:300px;
	height:270px;
	margin-left:8px;
	overflow:auto;
}
.homeCounter
{
	width:300px;
	height:121px;
}
/* BUZZ ITEMS */
.homeBuzz ul
{
	height:238px;
	overflow: hidden;
}
.homeBuzz li
{
	line-height:16px;
	margin-bottom:8px;
}
.homeBuzz li a 
{
	color:#444;
	text-decoration:none;
	font-weight:bold;
}
/* COUNTER ITEMS */
.homeCounter .inner
{
	margin-left:22px;	
	height:97px;
}
.homeCounter .counter2
{
	padding:10px 5px 12px 5px;
}
.homeCounter input[type=text]
{
	width:100px;
}
.homeCounter .text
{
	clear:both;
	float:left;
}
.homeCounter .value
{
	float:right;
}
.homeCounter .counter1 .text
{
	margin-bottom:14px;	
}
.homeCounter .counter1 .value
{
	margin-bottom:14px;	
}
.homeCounter .counter2 .text
{
	margin-bottom:7px;	
}
.homeCounter .counter2 .value
{
	margin-bottom:7px;	
}