/* PAGELAYOUT CSS - 20060522 */

/* FULL PAGE */

html, body, div
{
	margin: 0;
	padding: 0;	
}

body
{
	background: #651717 url(../images/bg_site.png) left top repeat-x;
    text-align: center; /* IE method for centering page if it has fixed width */
	margin-bottom: 35px;
	color: #000;
}

div#shadow {
	background: transparent url(../images/shadow.png) repeat-y center top;
	margin:0px auto;
	max-width:944px;
}

div#motif {
	background: transparent url(../images/bg_motif.jpg) no-repeat center top;
	margin:0px auto;
	max-width:1092px;
}

div#page
{
	width: 900px; /* This can be changed to any fixed width if desired */
    margin: 0 auto 0 auto; /* General method for centering content if fixed page width, for other browsers than IE */
    text-align: left; /* Reset IE method for centering page, to stop all other content on the page from centering */
	overflow: hidden;
}
/* HEADER */

div#header 
{
	background: url(../images/bg_topmenu.png) left top repeat-x;
	height: 31px;
	border-bottom: 1px solid #8c1f1f;
}

div#header ul
{
    margin: 0;
}

div#header ul li
{
	list-style-type: none;
	list-style-image: none;
    padding: 0;
    display: inline;
}

div#usermenu
{
    height: 31px;
	font-family: Trebuchet Ms, Times New Roman, serif;
	color: black;
	font-size: 13px;
	font-weight: bold;
}

div#languages
{
	float: left;
	clear: left;
	width: 9%;
}

div#links
{
	margin-top: 6px;
	*margin-top: 4px;
	float: right;
	clear: right;
	text-align: right;
	padding-right: 0;
	width: 90%;
}

div#links a, div#links form
{
	display: block;
	float: right;
	padding-left: 1em;
	padding-right: 1em;
}

div#links a { *margin-top: 3px; }

div#links a:link {color: black; text-decoration: none;}
div#links a:visited {color: black; text-decoration: none;}
div#links a:hover {color: #770505; text-decoration: underline;}

div#links form
{
	float: right;
    padding-left: 1em;

}

input#searchtext
{
	border: 1px solid #A5ACB2;
    width: 12em;
    font-weight:normal;
	font-size: 11px;
}

input.search-arrow {
	vertical-align:bottom;
}

div#conteneur-entete
{
	background: url(../images/header.jpg) left top no-repeat;
	width: 900px;
	height: 199px;
}

/* TOP MENU */

div#topmenu
{
	background: url(../images/bg_mainmenu.png) left top no-repeat;
	width: 900px;
	height: 24px;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #FCC523;
}

#topmenu li.imatm
{
    margin: 0px 16px;
	/*width:149px;
	color: #FFF;
	padding-top: 3px;*/
}

#topmenu li.separator
{
	background: url(../images/separateur_menu.png) left bottom no-repeat;
	width: 1px;
	height: 24px;
}

/* PATH */

div#path
{
	background: url(../images/bg_breadcrumps.jpg) left top no-repeat;
	width: 900px;
	height: 64px;
	font-size: 0.85em;

}

div#path p
{
    padding: 20px 0px 0px 20px;
	margin: 0px;
}

/* COLUMNS */

div#columns
{
	background-color: white;
	overflow: hidden;
}

/* SIDE MENU */

div#sidemenu-position
{
    width: 14em;
    float: left;
    /*display: inline;  Fix for IE double margin bug */
}

div.nosidemenu div#sidemenu-position
{
    display: none;
}

div#sidemenu ul
{
	list-style-type: none;
    margin: 1em 0 1em 0;  
}

div#sidemenu ul li
{
    margin: 0.5em 0 0.5em 0;
	list-style-type: none;
	list-style-image: none;
}

div#sidemenu div.box div.box-content
{
	padding-left: 0.75em;
	padding-right: 0;
}

div#sidemenu h4
{
	margin: 0;
}

div#sidemenu ul.menu-list a.selected
{
	font-weight: bold;
}

div#sidemenu ul.submenu-list
{
	list-style-type: none;
	margin-left: 1em;
}

div#sidemenu ul.submenu-list a.selected
{
	font-weight: bold;
}

div#sidemenu ul li a
{
    padding-left: 18px;
    display: block;
	font-size: 0.85em;
}

/* MAIN AREA */

div#main div.tl, div#main div.tr, div#main div.br, div#main div.bl {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
}

div#main-position
{
	width: 633px;
	float: right;
}

div#main {
}

div#main div.attribute-header, div#main div.maincontentheader {
	background: url(../images/bg_main_h.jpg) left top no-repeat;
	width: 633px;
	height: 68px;
}

div#main {
	background: url(../images/bg_main_b.jpg) left 68px no-repeat;
	width: 633px;
	min-height: 390px;
}

div.nosidemenu div#main-position
{
    margin-left: 0;
}

div.noextrainfo div#main-position
{
    margin-right: 0;
}



/* MID ZONE */

div#midzone-position {
	width: 58px;
	float: right;
}

div#midzone-haut {
	background: url(../images/bg_mid_h.jpg) left top no-repeat;
	width: 58px;
	height: 68px;
}

div#midzone-bas {
	background: url(../images/bg_mid_b.jpg) left top no-repeat;
	width: 58px;
	min-height: 390px;
}


/* EXTRA CONTENT */

div#extrainfo-position
{
    width: 209px;
	float: right;
}

div.class-infobox .attribute-content, div#extrainfo, div#extrainfo h2 { padding: 0px; }

div#extrainfo div.attribute-header {
	background: url(../images/bg_news_h.jpg) left top no-repeat;
	width: 209px;
	height: 68px;
}

div#extrainfo {
	background: url(../images/bg_news_b.jpg) left 68px no-repeat;
	width: 209px;
	min-height: 390px;
}

/* FOOTER */

div#footer
{
	background-color: white;
	width: 900px;
	height: 19px;
    clear: both; /* Ensures that the footer is pushed properly below the columns */
    text-align: left;
	font-size: 0.85em;
}

div#footer address
{
	font-style:normal;
}

div#shadow-bas {
	background: transparent url(../images/shadow_bas.png) no-repeat center top;
	margin:0px auto;
	max-width:946px;
	height: 23px;
}