html, body { height:100%;  width:100%; }
body {
	text-align: center;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	background: #828281 url(../images/bg_body_grad.png) repeat-x top;
}
object {
	display: block;
}

#global {
	height:100%;
	width:100%;
	background: url(../images/bg_object.png) no-repeat 0 -65px;
}

/* HEADER */
#header {
	/* height: 211px; */
}
	#header h1 {
		height: 181px;
		width: 642px;
		margin: 0 auto;
	}
		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration:none;
		}
		#header h1 img#logo {
			float: right;
			margin-top: 20px;
			border: 0;
		}
		#header h1 img#titre {
			margin-left: -80px;
			margin-top: 90px;
			color: #676666;
			line-height: 300px;
			font-size: 50px;
			font-weight: normal;
			text-transform: uppercase;
		}
	#header #menu {
		height: 30px;
		background: #676666;
	}
	#header #menu ul {
		width: 642px;
		margin: 0 auto;
		text-align: left;
		line-height: 30px;
	}
		#header #menu ul li {
			float: left;
			line-height: 30px;
		}
		#header #menu ul li.first {
			padding-left: 15px;
		}
			#header #menu ul li a {
				font-size: 10px;
				color: #fff;
				padding: 0 10px;
				text-decoration: none;
			}
			#header #menu ul li.active a,
			#header #menu ul li a:hover,
			#header #menu ul li a:focus {
				color: #F38800;
			}
		
/* CONTENT */
#content {
	width: 642px;
	margin: 0 auto;
	overflow: hidden;
	background: rgba(234, 234, 234, 0.5);
}
	#content #colleft {
		float: left;
		width: 420px;
		text-align: justify;
	}
		#content #colleft .article {
			background: rgba(255, 255, 255, 0.8);
			margin: 25px 0 25px 25px;
			padding: 10px 10px 0;
			overflow: hidden;
		}
		#content #colleft .home {
			padding: 30px 10px 20px;
		}
		#content #colleft .article h3 {
			margin: 0 0 10px;
			color: #666;
			font-size: 18px;
			font-weight: normal;
		}
		#content #colleft .article h4 {
			margin: 0 0 10px;
			color: #666;
			font-size: 12px;
			font-weight: bold;
		}
		#content #colleft .article p {
			margin: 0 0 10px;
		}
		#content #colleft .article p.center {
			text-align: center;
		}
		#content #colleft .article a,
		#content #colleft .article a:link,
		#content #colleft .article a:visited {
			color: #F38800;
		}
	
	#content #colright {
		float: right;
		text-align: left;
		width: 170px;
		margin: 0 25px 0 0;
	}
		/* SOUS MENU */
		#content #colright h2 {
			margin: 0;
			padding: 10px 10px 0;
			font-size: 14px;
			background: rgba(255, 255, 255, 0.8);
		}
		#content #colright ul {
			padding: 10px 10px 5px;
			margin-bottom: 25px;
			background: rgba(255, 255, 255, 0.8);
		}
			#content #colright ul li {
				padding-bottom: 5px;
			}
			#content #colright ul li#lang {
				padding-top: 5px;
			}
				#content #colright ul li a {
					font-size: 12px;
					color: #6E6E6E;
					text-transform: uppercase;
					text-decoration: none;
					padding-left: 16px;
					padding-right: 5px;
					background-repeat:  no-repeat;
					background-position: 1px left;
				}
				#content #colright ul.submenu li a {
					background-image: url(../images/icon_list.png);
				}
				#content #colright ul#links li.nopadding a  {
					padding-left: 0;
				}
				#content #colright ul#links li.nopadding img  {
					margin-right: 2px;
					vertical-align: middle;
				}
				#content #colright ul#links li a#fr  {
					background-image: url(../../../defaultSites/argonautes/images/icons/fr.png);
				}
				#content #colright ul#links li a#gb {
					background-image: url(../../../defaultSites/argonautes/images/icons/gb.png);
				}
				#content #colright ul li.active a,
				#content #colright ul li a:hover,
				#content #colright ul li a:focus {
					color: #F38800;
				}