body {
	background : #fff url(../img/bg_body.png) top left repeat-x ;
	font : 10pt verdana, sans-serif ;
}

em {											font-weight : bold ; }
acronym {										border-bottom : 1px dotted black ; }

#header {
	width : 1000px ;
	height : 215px ;
	margin : auto ;
}
	#logo {
		margin : 20px 10px ;
		float: left ;
	}
	#navbar {
		height : 40px ;
		float : right ;
		margin-top : 150px ;
		padding : 0 20px ;
		background :  url(../img/bg_menu.png) top left no-repeat ;
		line-height : 40px ;
		font-size : 8pt ;
		font-weight : bold ;
		}
	#navbar li {
		float : left ;
	}
	#navbar a {
		color : #fff ;
		text-decoration : none ;
		display : block ;
		height : 40px ;
		width : 100px ;
		text-align : center ;
	}

	#navbar a:hover {
		background : url(../img/bg_hover.png) top left repeat-x ;
	}

		#subnavbar {
			display : none ;
			background-color : #222 ;
			border : 1px solid black ;
			width : 150px ;
			}
		#subnavbar li { float : none ; border-top : 1px solid #444 ; }
		#subnavbar li:first-child { border-top : 0px ; }
		#navbar li:hover #subnavbar {
			display : block ;
			position : absolute ;
			}
		#subnavbar a { width : 150px ; }
		#subnavbar a:hover { background : #163f7b ; }

#content {
	width : 1000px ;
	background : #ccc ;
	margin : 35px auto ;
	border : 1px solid #8791A1 ;
	padding : 10px ;
}
	.content_navbar {
		height : 50px ;
	}
	.content_navbar li {
		float : left ;
		line-height : 32px ;
		margin-right : 30px ;
	}
	.content_navbar li img {
		margin-right : 10px ;
	}
	#content h1 {
		color : #fff ;
		font : 16pt verdana, sans-serif ;
		padding-left : 20px ;
		display : block ;
		width : 980px ;
		height : 40px ;
		line-height : 40px ;
		background : #173461 url(../img/bg_h1.png) top left repeat ;
		margin-bottom : 30px ;
	}

	h2 {
		font-size : 14pt ;
		color : #294F86 ;
		margin : 30px ;
	}

	#content h3 {
		color : #294F86 ;
		margin : 30px 25px ;
		font-size : 12pt ;
		font-weight : bold ;
	}

	#content p {
		text-align : justify ;
		margin : 25px 20px ;
	}

	#content a { 								text-decoration : none ; color : #a00 ; }

	#content a:hover {
		color : #c47805 ;
	}

	#packages_list {
		width : 80% ;
		margin : 30px auto ;
	}

	#packages_list td a , #surmesure { 			display : block ; width : 128px ; height : 128px ; margin : auto ;}

	.float_left {
		float : left ;
		margin : 10px ;
	}
	.float_right {
		float : right ;
		margin : 10px ;
	}

	#content ul {
		margin-left : 25px ;
	}

	.options , #browsers {
		width : 95% ;
		margin : 25px ;
	}
	.tr0 {
		background-color : #fff ;
	}

	.options td {
		text-align : right ;
		vertical-align : top ;
	}

	.options td:first-child {					text-align : left ;	}

	#browsers td {								text-align : center ;  }
	#browsers img {								border-width : 0 ; margin : 2px ; padding : 0 ; }
	#browsers td {								border-bottom : 1px solid black ; }


	.form {
		margin : auto ;
	}
	.form td {
		vertical-align : top ;
	}
	fieldset {
		margin : auto ; width : 90% ;
	}

	.error {
		color : red ;
		font-weight : bold ;
	}
	input {
		width : 340px ;
	}
	#textinput {
		float : right ;
	}
	.submit {
		width : 80px ;
	}
	.alertOK {
		width : 900px ;
		background : #B2F6A9 url(img/alertOK.png) left no-repeat ;
		border : 2px solid #0f0 ;
		padding : 10px 30px ;
		font-size : 8pt ;
	}

	.alertERR {
		width : 900px ;
		background : #EE909C url(img/alertERR.png) left no-repeat ;
		border : 2px solid #f00 ;
		padding : 10px 30px ;
		font-size : 8pt ;
	}

	.gallery {
		width : 900px ;
		margin : auto ;
	}
	.gallery img {
		float : left ;
		border : 1px dotted #aaa ;
		padding : 5px ;
		margin-right : 20px ;
	}

	.viewer { 									text-align : center ;	}
		.viewer h2 {							text-align : left ; }
		.viewer img {							border : 5px solid #1C3965 }

	.hidden { 									display : none ; }

	#banner_packages , #banner_surmesure , #banner_ref , #banner_engagements {
		width : 450px ; height : 200px ;
		margin : 20px ;
		color : white ;
	}
	#banner_packages a , #banner_surmesure a , #banner_ref a , #banner_engagements a{
		display : block ;
		width : 128px ; height : 128px ;
		float : right ;
		margin-right : 15px ;
	}
	#surmesure {					background : url(../img/icons.png) top left no-repeat ; }
	#surmesure:hover {				background : url(../img/icons.png) 0 -128px no-repeat ; }


	#vcard {						background : url(../img/icons.png) -128px 0 no-repeat ;  }
	#vcard:hover {					background : url(../img/icons.png) -128px -128px no-repeat ; }

	#vitrine {						background : url(../img/icons.png) -256px 0 no-repeat ;  }
	#vitrine:hover {				background : url(../img/icons.png) -256px -128px no-repeat ; }

	#pme {							background : url(../img/icons.png) -384px 0 no-repeat ;  }
	#pme:hover {					background : url(../img/icons.png) -384px -128px no-repeat ; }

	#banner_ref a {					background : url(../img/icons.png) -512px 0 no-repeat ; }
	#banner_ref a:hover {			background : url(../img/icons.png) -512px -128px no-repeat ; }

	#banner_engagements a {			background : url(../img/icons.png) -640px 0 no-repeat ; }
	#banner_engagements a:hover {	background : url(../img/icons.png) -640px -128px no-repeat ; }


	#banner_packages , #banner_ref {
		float : left ;
	}
	#banner_surmesure , #banner_engagements {
		float : right ;
	}
	#banner_packages {
		background : #182e66 url(../img/banner_packages.png) top left no-repeat ;
	}
	#banner_surmesure {
		background : #10152c url(../img/banner_surmesure.png) top left no-repeat ;
	}
	#banner_ref {
		background : #2c604c url(../img/banner_ref.png) top left no-repeat ;
	}
	#banner_engagements {
		background : #908525 url(../img/banner_engagements.png) top left no-repeat ;
	}
	#banner_packages h2 , #banner_surmesure h2 , #banner_ref h2 , #banner_engagements h2 {
		color : white ;
		margin-top : 12px ;
		text-align : center ;
		font-size : 18pt ;
	}
	#banner_surmesure img , #banner_ref img , #banner_engagements img {
		float : right ;
	}
	#banner_surmesure p , #banner_ref p , #banner_engagements p {
		margin-left : 12px ;

	}
	.box {
		clear : both ;
		border : 1px solid #005 ; margin-top : 20px ;
	}

	.box h2 {
		background : #173461 url(../img/bg_h1.png) top left repeat ;
		color : #fff ;
		margin : 0 ;
		padding : 5px 30px ;
	}

	.box ul {
		margin : 30px ;
	}
	.box img {

		border : 1px dotted #005 ;
		padding : 5px ;
		margin : 20px ;
	}

	.innerbox {
		clear : both ;
	}

	.clear {
		clear : both ;
	}
#footer {
	clear : both ;
	width : 100% ;
	height : 115px ;
	background : #141414 url(../img/bg_footer.png) top left repeat-x ;
	color : #aaa ;
	padding-top : 30px ;
	font : 8pt verdana verdana, sans-serif ;
	text-align : center ;

}
	#footer p {
		margin-bottom : 20px ;
	}
	#footer a {
		color : #aaa ;
		font-weight : bold ;
	}