/* Netosite CSS */
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #848484;
	margin: 0px;
	text-align: center;
	background-color: #545454;
}

input {
	margin: 3px;
	vertical-align: middle;
}

/* Mise en page */
#top {
	height: 127px;
	width: 100%;
	background: url(images/interface/background_top.png) repeat-x;
}

#top_site {
	height: 127px;
	width: 800px;
	margin: 0px auto;
	background: url(images/interface/background_topsite.png) no-repeat;
}

#top_logo {
	padding-top: 27px;
	padding-left: 27px;
	height: 70x;
	width: 250px;
	float: left;
}

#top_menu {
	height: 127px;
	width: 450px;
	float: right;
}

#page {
	width: 100%;
	background: #FFFFFF url(images/interface/background_page.png) repeat-x top;
}

#page_site {
	width: 800px;
	margin: 0px auto;
	padding-top: 20px;
}

#bottom {
	height: 60px;
	width: 100%;
	background: url(images/interface/background_bottom.png) repeat-x top;
}

#bottom_site {
	height: 60px;
	width: 800px;
	margin: 0px auto;
	background: #545454 url(images/interface/background_bottomsite.png) no-repeat;
}

#bottom_menu {
	height: 28px;
	padding-top: 20px;
}

.bgc_dark_grey { background-color: #545454; }
.bgi_top_dark_grey_bgwhite { background: #FFFFFF url(images/interface/top_grey.gif) repeat-x top; }
.bgi_top_dark_grey { background: url(images/interface/top_grey.gif) repeat-x top; }
.bgi_left_dark_grey_bgwhite { background: #FFFFFF url(images/interface/left_grey.gif) repeat-y left; }
.bgi_right_dark_grey_bgwhite { background: #FFFFFF url(images/interface/right_grey.gif) repeat-y right; }
.bgi_left_dark_grey { background: url(images/interface/left_grey.gif) repeat-y left; }
.bgi_right_dark_grey { background: url(images/interface/right_grey.gif) repeat-y right; }
.bgi_bottom_dark_grey { background: url(images/interface/bottom_grey.gif) repeat-x bottom; }
.hr_grey { background: #545454 url(images/interface/hr_grey.gif) repeat-x center; }

div.separateur_ligne {
	height: 7px;
	text-align: center;
	background: url(images/separateur_ligne.png) no-repeat top center;
}

div.background-vrille_title {
	height: 54px;
	text-align: center;
	padding-top: 10px;
	background: url(images/interface/background-vague_title.png) no-repeat top center;
}

/* Police */
td, input, textarea, select {
	color: #848484;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

span.blanc { color: #FFFFFF; }
span.bleuclair { color: #00C6FF; }
span.orange { color: #FFB400; }
span.dark_grey { color: #545454; }
span.vert { color: #51A925; }
span.rouge { color: #C60000; }
span.erreur { color: #FF0000; }

div.lettrine {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0px 2px 0px 0px;
	margin: 0px;
	font-size: 28px;
	font-weight: bold;
}

/* Liens */
a { color: #00B3F0; }
a:hover { color: #848484; text-decoration: none; }

a.white { color: #FFFFFF; }
a.white:hover { color: #00B3F0; text-decoration: none; }

a.dark_grey { color: #545454; }
a.dark_grey:hover { color: #00B3F0; text-decoration: none; }

a.grey, a.grey:hover { color: #848484; text-decoration: none; }

a.bleuclair, a.bleuclair { color: #00B3F0; text-decoration: none; }

a.lien-page { font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.lien-page:hover { font-weight: bold; text-decoration: underline; color: #FFFFFF; }

/* tableau */
tr.tab_header { background-color: #848484; }
td.tab_header { color: #FFFFFF; font-weight: bold; }

tr.tab_over { background-color:#FFE7B9; }
tr.tab_color0 { background-color: #E6F0FF; }
tr.tab_color1 { background-color: #FFFFFF; }