/*
=====================================================================================================================
Fichier : style_screen.css
Type mine : text/css
Site : www.zionetrix.net
Auteur : Bn8net
Description :  Sytle pour l'affichage a l'ecran du site www.zionetrix.net
=====================================================================================================================


=====================================================================================================================
Style par defaut pour les balises html et la page
=====================================================================================================================
*/

body {
	font-family:					sans-serif;
	color:						#444;
	text-align:					justify;
}

#page {
	border:						solid 2px #3e6b93;
	border-top:					solid 1px #246;
	margin-top:					-2px;
	height:						100%;
	background-image:				url(../graph/fd.png);
	background-position:				center;
	background-repeat:				no-repeat;
}

h1 {
	color:						#c60;
	font-size:					2em;
	margin:						0.2em;
}

h2 {
	color:						#000;
	font-size:					1.3em;
	margin:						0.2em;
	padding-left:					1.2em;
}

h3 {
	color:						#000;
	font-size:					1.1em;
	margin:						0.2em;
	padding-left:					2.2em;
}

.class_h3 {
	margin:						0.2em;
	padding-left:					3em;
}

p {
	margin:						0.3em;
}

a {
	color:						#c60;
	text-decoration:				none;
}

a:hover {
	text-decoration:				underline;
}

div.info{
	background-color:				#7ad;
	border:						solid 1px;
	margin:						1em;
	width:						31em;
	padding-left:					20px;
	background-image:				url('../graph/info.png');
	background-repeat: 				no-repeat;
}

div.error{
	background-color:				#fe3a2c;
	border:						solid 1px;
	margin:						1em;
	width:						31em;
	padding-left:					20px;
	background-image:				url('../graph/error.png');
	background-repeat: 				no-repeat;
}

span.nb {
	display:					block;
	font-style:					italic;
}

span.com {
	font-style:					italic;
	font-size:					0.6em;
}

table {
	border:						1px solid #234;
	margin:						0.3em;
	border-collapse:				collapse;
}

th {
	background-color:				#3e6b93;
	color:						#fff;
	border:						0px;
	text-align:					center;
	padding:					0.3em;
	border:						1px solid #234;
}
tr {
	border:						0px;
}

td {
	border:						1px solid #234;
	padding:					0.2em;
	background-color:				#fff;

}

input {
	border:						solid 1px #234;
	background-color:				#7ad;
	font-family:					sans-serif;
	font-size:					11px;
	color:						#246;
}

input[name=ip],input[name=aj_ip] {
	width:						9em;
}

input[type=submit] {
	color:						#fff;
	background-color:				#3e6b93;
}

input[type=image] {
	background-color:				transparent;
	border:						none;
}

dt {
	margin-top:					0.5em;
	color:						#c60;
	font-weight:					bold;
}

dd ul {
	margin:						0;
	padding:					0;
}

dd li {
	margin:						0;
	padding:					0;
	display:					block;
}

/*
=====================================================================================================================
HEARDER
=====================================================================================================================
*/
#header {
	background-color:				#3e6b93;
	width:						100%;
	-moz-border-radius:				25px 25px 0px 0px;
	border-radius:					25px 25px 0px 0px;
	margin:						0px;
	border-bottom:					solid 5px #246;
}

/*
=====================================================================================================================
Bandeau
=====================================================================================================================
*/
#header_bandeau {
	float:						right;
	margin:						0px;
	padding:					0px;
}

#logo {
	width:						270px;
	margin:						10px;
	float:						left;
}

/*===================================================================================================================
Form
=====================================================================================================================
*/

#connect {
	margin-top:					15px;
	margin-left:					15em;
	background-color:				#246;
	width:						18em;
	text-align:					center;
	padding:					2px;
	-moz-border-radius:				25px;
	border-radius:					25px;
}

#connect label{
	display:					none;
}

#connect p {
	font-size:					10px;
	color:						#fff;
	text-align:					center;
}

.form {
	border:						solid 1px #236;
	margin:						0.5px;
	background-color:				#7ad;
	font-family:					sans-serif;
	font-size:					11px;
	color:						#fff;
	height:						15px;
	width:						90px;
}
.pwd_input, #input_user, #input_pwd {
	border:						solid 1px;
	margin:						0.5px;
	background-color:				#7ad;
	background-repeat: 				no-repeat;
	font-family:					sans-serif;
	font-size:					11px;
	color:						#246;
	padding-left:					18px;
	height:						15px;
	width:						90px;
}

#input_user {
	background-image:				url('../graph/user.png');
}

.pwd_input {
	background-image:				url('../graph/password.png');
}

#erreur_login {
	font-size:					12px;
	color:						#fff;
	font-weight: 					bold;

}
/*
=====================================================================================================================
*/

#header_info {
	font-size:					11px;
	background-color:				#246;
	vertical-align:					middle;
	height:						1.8em;
	padding:					0.2em;
	-moz-border-radius:				0px 25px 0px 25px;
	border-radius:					0px 25px 0px 25px;
	color:						#fff;
	text-align:					center;
}

/*
=====================================================================================================================
Onglets
=====================================================================================================================
*/
a.bar {
	color:						#fff;
	float:						left;
	display:					block;
	height:						20px;
	background-color:				#335270;
	width:						10%;
	margin:						0px;
	margin-bottom:					-2px;
	text-align:					center;
	margin-right:					0.1%;
	margin-left:					0.1%;
	text-decoration:				none;
	-moz-border-radius:				25px 25px 0 0;
	border-radius:					25px 25px 0 0;
}
a.onglet_sel {
	background-color:				#246;
}
/*
=====================================================================================================================
*/
hr.spacer {
	clear: 						both;
	visibility:					hidden;
	margin:						0px;
	height:						0px;
	padding:					0px;
}

.without_border {
	border:						none;
}

.text_align_center {
	text-align:					center;
}

/* 
=====================================================================================================================
Right Menu 
=====================================================================================================================
*/

#right_menu {
	border:						solid 2px #246;
	float:						right;
	width:						22%;
	margin:						0.4em;
	padding:					0.4em;
}

h1.right_menu {
	font-size:					1.5em;
	border-bottom:					solid 2px #c60;
}

h2.right_menu {
	color:						#000;
	font-size:					1.2em;
	padding-left:					20px;
	margin:						0.2em;
}

div.liens {
	width:						100%;
	text-align:					center;
}

img.liens {
	width:						14em;
	border:						0px;
}

ul.liens {
	margin:						0;
	padding:					0;
	list-style-type:				none;
}

/*
=====================================================================================================================
Refresh
=====================================================================================================================
*/

a.refresh {
	float:						right;
	margin:						0.4em;
}

img.refresh {
	border:						none;
}

/*
=====================================================================================================================
Foot
=====================================================================================================================
*/

hr.foot {
	width:						50%;
	background-color:				#3e6b93;
	height:						1px;
	border:						none;
}

div.foot {
	text-align:					center;
	margin-bottom:					10px;
}
/*
=====================================================================================================================
PHPSYSINFO
=====================================================================================================================
*/

div.box {
	width: 						74%;
	margin-left:					1%;
}

div.boxheaderleft
{
	background-image: 				url(../phpsysinfo/templates/bulix/images/left_bar.gif);
	background-position: 				left top;
	background-repeat: 				no-repeat;
	height: 					20px;
	width: 						20px;
	float: 						left;
}

div.boxheaderright
{
	background-image:				url(../phpsysinfo/templates/bulix/images/right_bar.gif);
	background-position: 				right top;
	background-repeat: 				no-repeat;
	height: 					20px;
	width: 						20px;
	float: 						right;
}

div.boxheadertext
{
	font-weight: 					bold;
	text-align: 					center;
	border-right: 					1px black solid;
	height: 					20px;
	padding-top: 					3px;
	background-image:				url(../phpsysinfo/templates/bulix/images/middle_bar.gif);
	background-position: 				left top;
	background-repeat: 				repeat-x;
}

div.boxcontent {
	color:						#000;
	padding: 					5px;
	padding-top: 					1em;
	border: 					1px #ccc solid;
	border-top: 					none;
	background: 					#efefef;
	filter:						alpha(opacity=60);  
	-moz-opacity:					0.60;
	opacity:					0.60;
}