
/* ---------------------------------- */
/* ---| IHM/IP | JPP | Juin 2018 |--- */
/* ---------------------------------- */

body {
	/*background: url('../img/linen.jpg') repeat;*/
	background-color: #A7A7A7;
	font-family:Verdana,sans-serif;
	color:#616161;
	font-size:9pt;
}

a {
	text-decoration:none;
	color:#5D5771;
	font-size:9pt;
	font-weight:bold;
}

a:hover {color:#4D5382;}
a:active {color:#6B4764;}

a.em {color:#715957;}
a.em:hover {color:#595771;}
a.em:active {color:#577159;}

em {
	color:#5C4D4E;
	font-size:8pt;
	font-weight:bold;
}

table, th, td {
	border-collapse: collapse;
	/*border: 1px solid Red;*/
	border-width:0px;
	padding:0px;
	vertical-align: middle;
	text-shadow: 1px 2px 3px #838383;
}

/* --- Boutons ------------------------------------------ */

	a.reset:link {background-image: url('../img/reset.png');display:block;width:45px;height:45px;}
	a.reset:hover {background-image: url('../img/reset_hover.png');display:block;width:45px;height:45px;}
	a.reset:active {background-image: url('../img/reset_active.png');display:block;width:45px;height:45px;}
	a.reset:visited {background-image: url('../img/reset.png');display:block;width:45px;height:45px;}

	a.rew:link {background-image: url('../img/rew.png');display:block;width:70px;height:57px;}
	a.rew:hover {background-image: url('../img/rew_hover.png');display:block;width:70px;height:57px;}
	a.rew:active {background-image: url('../img/rew_active.png');display:block;width:70px;height:57px;}
	a.rew:visited {background-image: url('../img/rew.png');display:block;width:70px;height:57px;}

	a.fwd:link {background-image: url('../img/fwd.png');display:block;width:66px;height:57px;}
	a.fwd:hover {background-image: url('../img/fwd_hover.png');display:block;width:66px;height:57px;}
	a.fwd:active {background-image: url('../img/fwd_active.png');display:block;width:66px;height:57px;}
	a.fwd:visited {background-image: url('../img/fwd.png');display:block;width:66px;height:57px;}

	a.play:link {background-image: url('../img/play.png');display:block;width:66px;height:57px;}
	a.play:hover {background-image: url('../img/play_hover.png');display:block;width:66px;height:57px;}
	a.play:active {background-image: url('../img/play_active.png');display:block;width:66px;height:57px;}
	a.play:visited {background-image: url('../img/play.png');display:block;width:66px;height:57px;}

	a.stop:link {background-image: url('../img/stop.png');display:block;width:71px;height:57px;}
	a.stop:hover {background-image: url('../img/stop_hover.png');display:block;width:71px;height:57px;}
	a.stop:active {background-image: url('../img/stop_active.png');display:block;width:71px;height:57px;}
	a.stop:visited {background-image: url('../img/stop.png');display:block;width:71px;height:57px;}
	
	a.ascii:link {background-image: url('../img/menu_ascii.png');display:block;width:176px;height:32px;}
	a.ascii:hover {background-image: url('../img/menu_ascii_hover.png');display:block;width:176px;height:32px;}
	a.ascii:active {background-image: url('../img/menu_ascii_active.png');display:block;width:176px;height:32px;}
	a.ascii:visited {background-image: url('../img/menu_ascii.png');display:block;width:176px;height:32px;}

	a.ipconfig:link {background-image: url('../img/menu_ip.png');display:block;width:167px;height:32px;}
	a.ipconfig:hover {background-image: url('../img/menu_ip_hover.png');display:block;width:167px;height:32px;}
	a.ipconfig:active {background-image: url('../img/menu_ip_active.png');display:block;width:167px;height:32px;}
	a.ipconfig:visited {background-image: url('../menu_ip.png');display:block;width:167px;height:32px;}

	a.spec:link {background-image: url('../img/menu_spec.png');display:block;width:234px;height:32px;}
	a.spec:hover {background-image: url('../img/menu_spec_hover.png');display:block;width:234px;height:32px;}
	a.spec:active {background-image: url('../img/menu_spec_active.png');display:block;width:234px;height:32px;}
	a.spec:visited {background-image: url('../img/menu_spec.png');display:block;width:234px;height:32px;}

/* --- Cadres de mise en page --------------------------- */

#logo {
	background-image:url('../img/wave_800.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:80px 35px;

	position:fixed;
	border:0px solid DarkRed;
	left:40px;
	top:20px;
	width:900px;
	height:80px;
}

#bandeau {
	position:fixed;
	border:0px solid Red;
	left:170px;
	top:20px;
	width:700px;
	height:80px;
	line-height:60px;
	text-shadow: 2px 4px 8px #272727;
}

#Power_ON {background-image: url('../img/power_on.png');
	display:block;
	width:65px;
	height:65px;
}

#Power_GLOW {background-image: url('../img/power_glow.gif');
	display:block;
	width:65px;
	height:65px;
}

#Power_ERROR {background-image: url('../img/power_error.png');
	display:block;
	width:65px;
	height:65px;
}
#Power_OFF {background-image: url('../img/power_off.png');
	display:block;
	width:65px;
	height:65px;
}

#contenu {
	background-image:url('../img/bandeau.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:0px 152px;

	position:fixed;
	border:0px solid Green;
	left:40px;
	top:120px;
	width:900px;
	height:200px;
}

#navigation {
	position:fixed;
	border:0px solid DarkBlue;
	left:40px;
	top:330px;
	width:900px;
	height:60px;
	color:#202020;
	font-size:10pt;
}

#piedpage {
	position:fixed;
	border:0px solid Blue;
	left:40px;
	top:400px;
	width:900px;
	height:20px;
	color:#202020;
	font-size:8pt;
}

/* --- Autres selecteurs -------------------------------- */


.titre {
	color:#CEC9D8;
	font-size:16pt;
	font-weight:bold;
	padding-left:0px;
}

.light_shadow {text-shadow: 1px 2px 3px #A7A7A7;}

.excl {color:#652b53;}

/* ------------------------------------------------------ */

