h1 {
	position: absolute;
	font-size: 18px;
	margin: 0;
	margin-left: -380px;
	top: 61px;
	left: 751px;
	width: 492px;
	height: 66px;}

h2 {
	font-size: 15px;}
hr {
	display: block;
	clear: left;
	visibility: hidden;}
	
a:link, a:visited {
	color:#FF6633;
	padding: 1px;}

a:hover {
	/*background-color: #FF6633;*/
	color:#000099;
	text-decoration:none;}

table.doku {
	border-collapse: collapse;}

	table.doku th, table.doku td {
		border: 1px solid #3C4A59;
		padding: 3px;	}

	table.doku th {
		background-color: #DCE2E9;		}

	#page table.doku td ul{
		width: 200px;	}

pre {
	border: 1px solid #DCE2E9;
	border-top: 3px solid #DCE2E9;
	font-family: Courrier, Verdana, Helvetica, sans-serif;
	padding: 3px;}

label {
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;}

.field {
	font-size: 1em;
	border: 1px solid #CCC;
	padding: .2em;}
/* ===============================================================*/
body	{
	background: #93A9C1 url(images/bg.body.gif) repeat-x top;
	color: #3C4A59;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;}

#header {
	background: #93A9C1 url(images/bg.header.gif) no-repeat;
	height: 135px;
	margin: 0 auto;
	width: 820px;}

	#header ul{
		position: absolute;
		padding: 0;
		margin: 10px 0 0 30px;
		top: 17px;
		left: 50%;
		text-align: right;
		width: 350px;}
	
		#header ul li {
			list-style-type: none;
			line-height: 17px;	}
		
		#header ul li a{
			border-right: 5px solid #3C4A59;
			color: #3C4A59;
			padding-right: 10px;	}

		#header ul li a:hover{
			background-color: transparent;
			border-right: 5px solid #93A9C1;}
		
		#header ul li a.current {
			background-color: #transparent;
			border-right: 5px solid #93A9C1;
			text-decoration:none;			}

#page {
	background: #93A9C1 url(images/bg.page.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 820px;}
	
#pagegal {
	background: #93A9C1 url(images/bg.page.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 820px;}

#page p, #page h2, #page h3, #page table, #page dl, #page dl ul, #page pre, #page form{
	margin: 0 auto 20px;
	line-height: 20px;
	width: 780px;}

#page dl {
	width: 350px;
	float:left;}

#page dl ul {
	width: 300px;}

#page dl ul li {
	list-style-type: square;}

#page pre, #page table, #page form {
	width: 740px;}

#footer {
	background: #93A9C1 url(images/bg.footer.gif) no-repeat;
	height: 60px;
	margin: -20px auto 0;
	width: 820px;}

#footer p {
	width: 800px; text-align: center;}

/* =========================================Classe déco*/
.champ {
	border: 1px solid #444;
	width: 400px;}

.photo {
display: block; 
background: #efefef; 
border: 1px solid #B5AEA4; 
border-top: 1px solid #eee; 
border-left: 1px solid #eee; 
margin: 10px auto; 
padding: 1em;}

/* activities */
#activities { width:750px; height:200px; padding:10 20 10 50px;} 
#design{ float:left; width:150px; height:170px; padding:10 10 10 30px;}
#3d{ float:left; width:150px; height:170px; padding:10 10 10 30px;}
#seo{ float:left; width:150px; height:170px; padding:10 10 10 30px;}
#host{ float:left; width:150px; height:170px; padding:10 10 10 30px;}