#gradient
{
	position: absolute;
	background-image: url('images/Page-BgGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	left:0;
	width:100%;
	height: 500px;
}
#gradient
{
	background-position: top left;
}

body	{font-family:arial, verdana; font-size:0.9em; background:#ccc url('images/ergonomie-internet-fond.png') repeat-y scroll top center ;	background-color: #fff; margin:0;}
#page	{margin:0 auto; width:850px;/* background:#fff;  border-left:20px solid #eee; border-right:20px solid #eee;*/ padding:0.5em 1em 1em 1em; position:relative;}
#entete	{padding:0 20px;}
	#entete img	{border:none;}
#raccourcis{
	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:right;
	margin:-0.5em 0;
}
#raccourcis li{
	display:inline; padding-right:0.5em; font-size:0.8em; 
}
#raccourcis a{
	color:#666;
}
#raccourcis a:hover{
	color:#036;
}

	#slogan	{position:absolute; top:75px; left:116px;}
#action_contacter{
	float:right; color:#036; font-size:0.8em; text-align:center; margin-top:25px;
}
	#action_contacter img	{border:none; margin-top:8px;}
.menu	{margin:1em 0 1em 0; background:#036 url('images/fond_menu.jpg') repeat-x left top; text-align:left; padding:0.2em 0 0.2em 2em; clear:both;}
	.menu a	{padding:0.3em 0.5em; color:#fff; border-left:1px solid #fff; border-right:1px solid #fff;text-decoration:none;}
	.menu a:hover, .menu .active	{border:1px solid #036; background:#fff; text-decoration:none; color:#036}
h1		{color:#036; font-size:1.4em; margin-top:1em;}
h2		{color:#000; font-size: 1.3em; margin-top:1em;}
h3{
	font-size:1.2em; font-weight:bold;
}
a		{color:#036;}
a:hover	{color:#900;}
#presentation, #contact, #ergonomie, #realisations, #realisation_detail, #referencement, #mentions_legales, #plandusite, #engagement{
	padding:0 50px; margin-bottom:2em;
}
	#presentation img, .droite	{float:right; border:1px solid #ccc; margin-left:2em; margin-bottom:3em;}
b	{color:#036;}

#twitter	{float:right; margin:0 0 5em 2em; width:250px;}
#ours	{text-align:center; color:#666; font-size:0.8em; margin:1em 0 0 0;}
	#links	{margin-top:0.5em;}
	#links	a	{color:#000;}
	#links	a:hover	{color:#900;}

#bread{
margin-left:50px; font-size:0.8em; color:#036;
}
.exemple{
	margin:1em 0;
}
.remarque{
	background:#ffe; padding:1em; border:1px solid #999; font-size:0.9em; color:#036;
}
#copyright{
	margin-top:1em;
}
/*elements de formulaire */	
#coordonnees	{float:right; margin-left:2em; padding-top:10px;}
fieldset	{padding:1em; position:relative; margin-top:1em;}
legend		{color:#666;}

.submit	{background:#036; padding:0.2em 0.5em; color:#fff;}
.champs	{line-height:1.5em;  width:200px;}
	.champs input, .champs textarea	{position:absolute; left:100px; }
	.champs input:hover,  .champs textarea:hover	{border:1px solid #fc6;}

/*page réalisations*/
#realisations{
	
}

#real{
	text-align:center;
}
#real td{
	padding:1em; text-align:center; vertical-align:top; font-size:0.9em;
}
#real img{
	border:1px solid #000; margin-bottom:0.2em;
}

.site img	{float:right;  border:1px solid #000;}

.titre		{  }
h2.titre{
	color:#036;  font-size:1.2em; margin:0;
}
.site		{padding: 1em; width:800px; border:1px dashed #036; margin-bottom:1em; font-family:arial;}
.clear		{clear:both;}
.soustitre	{color:#666; font-size:0.9em; margin-top:0.3em;}

/*page REFERENCEMENT */
#referencement h3{
	border-top:2px solid #999; padding-top:1em; 
}

/*page REALISATION_DETAIL */
#realisation_detail img{
	float:right;  border:1px solid #000;
}
#realisation_detail h1{
	margin-top:1em;
}
.clear_all		{clear:both; margin-bottom:2em;}

/*page PHOTOS */
#photos img{
	border:1px solid #036;
}
/*page engagement*/
#engagement ul li{
	margin:0.5em 0;
}