/*
 * Objets génériques
 */
body
{
	font-family: Arial;
	font-size: 12px;
	background-color: #fff;
	background-image: url('../images/main/body/top_motif.jpg');
	background-repeat: repeat-x;
	background-position: top left;
}

a:active
{
	color: rgb(255,0,0);
}

a:link
{
	color: rgb(0,51,204);
	text-decoration: none;
}

a:visited
{
	color: rgb(153,0,153);
	text-decoration: none;
}

a:hover
{
	color: rgb(255,0,0);
}

img
{
	border: none;
}

/*
 * Identifiants (ID)
 */
#message
{
	position: absolute;
	display: none;
	top: -1px;
	left: 200px;
	right: 200px;
	z-index: 5000;
	opacity: 0.85;
}

#message div
{
	width: 400px;
	margin: 0px auto;
	height: 24px;
	min-height: 24px;
	padding: 8px 10px 8px 46px;
}

#message div.notice,
#remote-objects-message
{
	background: url('../images/display/info.png') 6px 3px no-repeat;
	background-color: #F7FDCB;
	border: 1px solid #C2D071;
}

#message div.error,
#message div.warning
{
	background: url('../images/display/warning.png') 6px 3px no-repeat;
	background-color: #EF9398;
	border: 1px solid #DC5757;
}

#message div.confirmation
{
	background: url('../images/display/confirm.png') 6px 3px no-repeat;
	background-color: #A6EF7B;
	border: 1px solid #76C83F;
}

#message div.loading
{
	background: url('../images/display/loading.gif') 6px 3px no-repeat;
	background-color: #EBEBEB;
	border: 1px solid #CCCCCC;
}

#josOverlay
{
	color: #fff;
	background: #000;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 1px;
	height: 1px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#forOverlayMessage
{
	display: none;
}

#overlayMessage
{
	width: 377px;
	height: 200px;
	position: absolute;
	background: #FFF;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -150px;
	display: none;
	visibility: hidden;
	z-index: 100;
}

#token
{
	display: none;
}

#ajaxtoken
{
	display:none;
}

#ajaxsession
{
	display:none;
}

#pagetitle
{
	height: 40px;
	margin-top: 18px;
}

#container
{
	width: 994px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#leftback
{
	width: 25px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/main/left/degrade_gauche.jpg');
	background-repeat: repeat-y;
	background-position: top right;
}

#leftfront
{
	width: 25px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/main/left/degrade_haut_gauche.jpg');
	background-repeat: repeat-x;
	background-position: top left;
}

#bkg_gauche
{
	position: absolute;
	top: 100px;
}

#center
{
	width: 994px;
	height: 100%;
	min-height: 627px;
	position: absolute;
	top: 0px;
	background: url('../images/main/center/bkg.gif');
	background-repeat: repeat;
	background-position: top left;
}

#header
{
	width: 944px;
	height: 73px;
	margin-left: 25px;
	margin-right: 25px;
}

#headertop
{
	width: 944px;
	height: 73px;
}

#headerbottom
{
	width: 944px;
	height: 9px;
	background: url('../images/main/header/degrade.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#tabmenu
{
	width: 944px;
	height: 21px;
	background: url('../images/main/header/header_barre_1.jpg');
	background-repeat: repeat-x;
	background-position: top left;
}

#btningenierie
{
	width: 114px;
	height: 21px;
	position: absolute;
	left: 284px;
}

#btninstallations
{
	width: 114px;
	height: 21px;
	position: absolute;
	left: 398px;
}

#btndomaines
{
	width: 147px;
	height: 21px;
	position: absolute;
	left: 512px;
}

#page
{
	width: 763px;
	height: 85%;
	position: absolute;
	top: 103px;
	left: 206px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#rightback
{
	width: 25px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 969px;
	background-image: url('../images/main/right/degrade_droit.jpg');
	background-repeat: repeat-y;
	background-position: top left;
}

#rightfront
{
	width: 25px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 969px;
	background-image: url('../images/main/right/degrade_haut_droite.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#bkg_droite
{
	position: absolute;
	top: 100px;
}

#menu
{
	width: 181px;
	height: 524px;
	position: absolute;
	margin-top: 28px;
	margin-left: 25px;
	background-image: url('../images/main/menu/bkg_menu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#navbuttonbar
{
	position: absolute;
	width: 118px;
	height: 22px;
	right: 0px;
	top: 18px;
}

#navbuttonfirst
{
	float: left;
}

#navbuttonprev
{
	float: left;
	margin-left: 5px;
}

#navbuttonnext
{
	float: left;
	margin-left: 20px;
}

#navbuttonlast
{
	float: left;
	margin-left: 5px;
}

#footer
{
	width: 944px;
	height: 20px;
	position: absolute;
	bottom: 3px;
	margin-left: 25px;
}

#footertext
{
	width: 30%;
	position: absolute;
	bottom: 0.5em;
	left: 40%;
	font-family: Arial;
	font-style: normal;
	font-size: 0.7em;
}

/*
 * Classes
 */
.redtitle
{
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
	font-size: 1.1em;
	color: rgb(255,0,0);
}

.blacktitle
{
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
	font-size: 1.1em;
	color: rgb(0,0,0);
}

.activenavbutton
{
	visibility: visible;
}

.inactivenavbutton
{
	visibility: hidden;
}

.menuitem
{
	width: 5em;
	height: 35px;
}

.menuitempuce
{
	width: 7px;
	height: 24px;
	margin-left: 10px;
	vertical-align: top;
}

.menuitemtextsingle
{
	font-family: Arial;
	font-size: 0.8em;
	margin-left: 30px;
	margin-top: -18px;
}

a:active .menuitemtextsingle
{
	color: rgb(255,0,0);
}

a:link .menuitemtextsingle
{
	color: rgb(0,0,0);
	text-decoration: none;
}

a:visited .menuitemtextsingle
{
	color: rgb(0,0,0);
	text-decoration: none;
}

a:hover .menuitemtextsingle
{
	color: rgb(255,0,0);
}

.menuitemtexttwin
{
	font-family: Arial;
	font-size: 0.8em;
	margin-left: 30px;
	margin-top: -25px;
}

a:active .menuitemtexttwin
{
	color: rgb(255,0,0);
}

a:link .menuitemtexttwin
{
	color: rgb(0,0,0);
	text-decoration: none;
}

a:visited .menuitemtexttwin
{
	color: rgb(0,0,0);
	text-decoration: none;
}

a:hover .menuitemtexttwin
{
	color: rgb(255,0,0);
}

.menuitemtextyellow
{
	color: rgb(255,153,0);
}

.menuitemtextred
{
	color: rgb(255,0,0);
}

.menuitemtextblue
{
	color: rgb(0,51,204);
}