body 
{
	background:white url(../images/bg.jpg) repeat center top;
	margin:0px;
	padding:0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif; /*arial, helveticaTahoma, Geneva*/
}
#topBar
{
	width:100%;
	height:77px;
	background:url(../images/bg_top.jpg) repeat-x;
}
#outerShadow
{
	width:840px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(../images/bgShadow.jpg) repeat-y center -1px;
}

#shadowLeft
{
	width:12px;
	height:38px;
	background:url(../images/shadowLeftTop.jpg) no-repeat left;
	position:absolute;
	margin-left: -12px;
}
#shadowRight
{
	width:12px;
	height:38px;
	background:url(../images/shadowRightTop.jpg) no-repeat right;
	position:absolute;
	margin-left:816px;
}

#outer
{
	width:816px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#ffffff;
}
#logo
{
	position:absolute;
	top:6px;
	z-index:1;
}
#page
{
	width:100%;
}
#pic
{
	position:absolute;
	top:121px;
	width:816px;
	text-align:right;
}
.whiteBorder
{
	height:8px;
	background-color:White;
	font-size:1px;
}
.whiteBorder12
{
	height:12px;
	background-color:White;
	font-size:1px;
}
.whiteBorder20
{
	height:12px;
	background-color:White;
	font-size:1px;
}
.grayVertBorder
{
	width:40px;
	background:url(../images/gray.jpg) repeat-y center top;
}
.grayHorBorder
{
	height:24px;
	background:url(../images/gray.jpg) repeat-x center top;
}

/********* MENU TOP *********/
#menu
{
	text-align:center;
	padding-left:26px;
	height:39px;
	width:816px;
	margin-left: auto;
	margin-right: auto;
}
.menu
{
	font-size:9pt;
}
.menuBar
{
	width:28px;
	height:39px;
	background:url(../images/menu-top-bar.jpg) no-repeat center;
}

.menuText{vertical-align:bottom;padding-bottom:8px;}
.menuText a{color:#ffffff;text-decoration:none;}
.menuText a:hover{color:#7fbf26;text-decoration:none;}

/********* HEADER *********/
#header
{
	width:100%;
	height:145px;
	font-size:14pt;
	color:#f5f5f5;
	background:white url(../images/header.jpg) no-repeat center top;
}

#scr1 table {
	margin-left:372px;
	padding-bottom:32px;
}

/********* TITLE *********/
#title
{
	width:100%;
	height:24px;
	line-height:24px;
	background:#ffffff url(../images/title_header.jpg) no-repeat center top;
}
.title
{
	background:url(../images/blank.jpg) no-repeat 196px top;
	height:24px;
	line-height:24px;
	padding-left:214px;
}


/********* PAGE *********/
#content
{
	width:800px;
	font-size:8pt;
	color:#555555;
	margin-top:4px;
	margin-left:8px;
	background-color:White;
}
#content a
{
	color:#ff6600;
	font-weight:normal;
	text-decoration:none;
}
#content a:hover
{
	color:#ff6600;
	text-decoration:underline;
}


/********* MENU LEFT *********/
.menuOuter{width:188px;}
.vertWhiteBorder{width:16px;}
#menuLeft
{
	width:188px;
	font-size:8pt;
}
#menuLeft .MenuTitle
{
	color:#555555;
	font-size:10pt;
	padding-top:12px;
	padding-bottom:4px;
}
#menuLeft .MenuTitle a
{
	color:#555555;
	font-weight:bold;
	text-decoration:none;
}
#menuLeft .MenuTitle a:hover
{
	color:#ff6600;/*7fbf26;*/
	font-weight:bold;
	text-decoration:none;
}

#menuLeft .MenuOff, #menuLeft .MenuOn, #menuLeft .MenuOver
{
	width:188px;
	height:24px;
	line-height:24px;
	padding-left:10px;
	border-top:solid 2px #ffffff;
}

#menuLeft .MenuOff{background:#f6f6f6 url(../images/menu-bullet-off.jpg) no-repeat 2px 2px;}
#menuLeft .MenuOff a{color:#555555;text-decoration:none;}
#menuLeft .MenuOff a:hover{color:#7fbf26;text-decoration:none;}

#menuLeft .MenuOn{background:#f6f6f6 url(../images/menu-bullet-on.jpg) no-repeat 2px 2px;}
#menuLeft .MenuOn a{color:#555555;text-decoration:none;}
#menuLeft .MenuOn a:hover{color:#7fbf26;text-decoration:none;}

#menuLeft .MenuOver{background:#f6f6f6 url(../images/menu-bullet-over.jpg) no-repeat 2px 2px; cursor:pointer;}
#menuLeft .MenuOver a{color:#ff6600;text-decoration:none;}
#menuLeft .MenuOver a:hover{color:#ff6600;text-decoration:none;}

/********* FOOTER *********/
#bottom
{
	width:590px;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#333333;
	line-height:10px;
	margin-left:204px;
}
#bottom .bottomLine
{
	height:1px;
	background-color:#999999;
}
#bottom .bottomBar
{
	width:31px;
	text-align:center;
}
#bottom .bottomLink a
{
	color:#2996cc;
	text-decoration:none;
	font-weight:normal;
}
#bottom .bottomLink a:hover
{
	color:#7fbf26;
	text-decoration:underline;
	font-weight:normal;
}
#shadowFooter
{
	height:10px;
	width:840px;
	margin-left:-12px;
	position:absolute;
	background:url(../images/bg-bottom.jpg) no-repeat center top;
}


/********* DESIGN *********/
h1{display:inline; font-size:12pt; color:#ffffff;}
h2{margin-top:0px;margin-bottom:-10px; font-size:11pt; color:#2996cc;}
h3{margin-top:0px;margin-bottom:-9px; font-size:8pt; color:#ff6600;}
h4{margin-top:0px;margin-bottom:-9px; font-size:8pt; color:#2996cc;}

p{display:inline;}
ul, li, form, blockquote {margin:0; padding:0;}
ul{list-style:none;margin-top:8px}
li{background:url(../images/bullet-green.jpg) no-repeat 2px 3px; margin-top:3px; padding-left:17px; list-style-position: outside;}
.next{text-align:right; padding-top:5px;}
.rightOuter{width:194px;padding-top:10px;}
.portfolioThumb
{
	padding-bottom:16px;
}
.portfolioThumb img
{
	padding:14px;
	border:solid 1px #cccccc;
}

.realisation{font-family:Verdana, Geneva;font-size:8pt; text-align:left;}
.realisation li{background:url(../images/bullet-green.jpg) no-repeat 0px 3px; margin-top:3px; padding-left:15px; list-style-position: outside;}

/********* FORM *********/
input, textarea{font-family:Verdana, Geneva, sans-serif;font-size:9pt; border-top:solid 1px #999; border-left:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.bouton{background-color:#2996cc; color:#ffffff;font-size:8pt;}