/*
Filtrum style sheet
*/


/* GLOBAL TAGS */
body {
	background-color: #5d6975;
	background-image: url('images/BG_gradient_texture_B1.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}


/* ADDITIONAL BACKGROUND COLORS */

.gray {
	background-color: #F3F2F0;
}
.white {
	background-color: #FFFFFF;
}

.hidden {
	display:	none;
}

/* DEFAULT FONT */

body, table, th, td, p, ul, ol, li, form, input, select, textarea {
	color: #222222;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

sup {
	font-size:xx-small;
	line-height: 100%;
}


/* DEFAULT LINKS */

a, a:visited {
	color: #0497b6;
	text-decoration: none;
}

a:hover, a:active {
	color: #0497b6;
	text-decoration: underline;
}

a.on, a.on:visited {
	color: #5c656e;
	text-decoration: none;
	font-weight: bold;
}


/* STRUCTURAL DIVS */


.menuFond {
	height: 33px; width: 100%;
	background-image: url('images/BG_menu.gif');
	background-repeat: repeat-x;
	position: relative;
}

.centeredColum {
	height: 33px; width: 810px; margin: 0 auto; margin-left: expression( (document .body.clientWidth - 810) / 2 + 'px');
	position:relative;
	top: -35px;
	z-index: 1000;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.contenutitre {
	text-align: left;
	position:relative;
	height: 14px;
	top: -15px;
	margin: 0px;
	margin-left: 100px;
	margin-right: 100px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-color: #dce1e5; 
}

.contenu {
	text-align: left;
	position:relative;
	top: -15px;
	margin: 0px;
	margin-left: 100px;
	margin-right: 100px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: white; 
}

.contenutrans {
	text-align: center;
	position:relative;
	top: -35px;
	z-index: 100;
	margin: 0px;
	margin-left: 90px;
	margin-right: 90px;
	margin-top: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menucentre {
	text-align: center;
	background-image: url('images/BG_menu.gif');
	background-repeat: repeat-x;
	margin: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* IE-WIN-FIXES */

.pngWrapper {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Shadow_LowerRight.png',sizingMethod='scale');
}
.pngWrapper img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
} 



/* HEADERS */

H1 {
	/* page title */
	color: #313c78;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 18px;
	font-weight: normal;
    line-height: 18px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

H2 {
	/* small title, to be used inside <p> */
	color: #5c656e;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
    line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H3 {
	/* subhead */
	color: #0497b6;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;

	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

H4 {
	/* subhead */
	color: #555555;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 15px;
	font-weight: normal;

	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}

H5 {
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

H6 {
	/* green subhead */
	color: #313c78;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;

	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}


/* FORMS */

.search td {
	/* search text */
	color: #555555;
}

.search input {
	/* search box */
	font-size: 10px;
}

.leftsidebar select {
	/* sidebar pulldown */
	width: 155px;
	margin-bottom: 5px;
}

.leftsidebar input {
	/* sidebar pulldown */
	font-size: 9px;
}

.padded TD {
	margin: 0px;
	padding: 3px 8px 3px 0px;
}

table.paddedtext {
	/* used when table content is mostly text */
	margin: 0px;
	padding: 7px 0px 7px 0px;
}

.paddedtext TD {
	/* used when table content is mostly text */
	margin: 0px;
	padding: 3px 25px 3px 0px;
}

.grouped {
	/* used in edit pages to surround a table with a border */
	background-color: #F9F8F6;
	margin: 10px 20px 20px 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #CCCCCC;
}