body
{
	padding: 0;
	margin: 0;
	font-family: arial,sans-serif;
	font-size: 8.5pt;
	color: #000;
	background: #BB272D url('/images/background-carte.gif') top center no-repeat;
}

#main
{
	width: 776px;
	padding: 8px 0 0 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

#shadowLeft
{
	width: 776px;
	padding: 0;
	margin: 0;
	background: url('/images/shadow-left.png') top left repeat-y;
}

#shadowRight
{
	width: 776px;
	padding: 0;
	margin: 0;
	background: url('/images/shadow-right.png') top right repeat-y;
}

#siteWeb
{
	width: 746px;
	padding: 0;
	margin: 0 8px 0 8px;
	background: #FFF;
	border: 7px solid #A2A198;
}

#siteWeb #entete
{
	width: 746px;
	height: 317px;
	border-bottom: 1px solid #464646;
}

#siteWeb.profil #entete
{
	background: #DDD url('/images/header-profil.jpg') no-repeat;
}

#siteWeb.joindre #entete
{
	background: #DDD url('/images/header-joindre.jpg') no-repeat;
}

#siteWeb.geotechnique #entete
{
	background: #DDD url('/images/header-geotechnique.jpg') no-repeat;
}

#siteWeb.materiaux #entete
{
	background: #DDD url('/images/header-materiaux.jpg') no-repeat;
}

#siteWeb.environnement #entete
{
	background: #DDD url('/images/header-environnement.jpg') no-repeat;
}

#siteWeb.septiques #entete
{
	background: #DDD url('/images/header-septiques.jpg') no-repeat;
}

#entete #logo
{
	width: 279px;
	height: 106px;
	position: relative;
	top: 24px;
}

#entete #logoFond
{
	width: 279px;
	height: 106px;
	background: #FFF;
	opacity: 0.85;
}

#entete #logo a img
{
	border: none;
}

#entete #logo img
{
	position: relative;
	top: -106px;
}

#navigationHaut
{
	float: right;
	height: 17px;
	font-family: verdana,sans-serif;
	font-size: 8pt;
	padding: 0;
	margin: -106px 34px 0 0;
	background: #A2A198;
}

#navigationHaut ul
{
	padding: 0;
	margin: 0;
	display: inline;
}

#navigationHaut ul li
{
	padding: 0 10px 0 10px;
	margin: 0;
	background: url('/images/navTools-sep.gif') 0 4px no-repeat;
	display: inline;
}

#navigationHaut ul li.first
{
	padding-right: 5px;
	padding-right: 10px;
	background: none;
}

#navigationHaut a
{
	padding: 0;
	margin: 0;
	color: #FFF;
	text-decoration: none;
}

#navMain
{
	font-family: verdana,sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 0 0 15px;
	margin: 0;
	border-top: 1px solid #8C8B84;
	background: #A2A198 url('/images/background-navMain2.gif') repeat-x 0% bottom;
}

#navMain ul
{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	background: #00C;
}

#navMain ul li
{
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
}

#navMain ul li a span
{
	padding: 9px 0 5px 15px;
	margin: 3px 0 0 0;
	background: url('/images/background-navMain.gif') no-repeat 0% -50px;
}

#navMain ul li.first a span
{
	background-position: 0% 0px;
}

#navMain ul li.last a span
{
	background-position: 0% -100px;
}

#navMain ul li.first strong a span
{
	background-position: 0% -300px;
}

#navMain ul li strong a span
{
	background-position: 0% -350px;
}

#navMain ul li.last strong a span
{
	background-position: 0% -400px;
}

#navMain ul li.first a:hover span
{
	color: #000;
	background-position: 0% -150px;
}

#navMain ul li a:hover span
{
	color: #000;
	background-position: 0% -200px;
}

#navMain ul li.last a:hover span
{
	color: #000;
	background-position: 0% -250px;
}

#navMain ul li.first strong a:hover span
{
	color: #000;
	background-position: 0% -300px;
}

#navMain ul li strong a:hover span
{
	color: #000;
	background-position: 0% -350px;
}

#navMain ul li.last strong a:hover span
{
	color: #000;
	background-position: 0% -400px;
}

#navMain ul li a
{
	float: left;
	display: block;
	padding: 9px 15px 5px 0;
	margin: 3px 0 0 0;
	color: #434343;
	white-space: nowrap;
	text-decoration: none;
	background: url('/images/background-navMain.gif') no-repeat 100% -50px;
	border-bottom: 1px solid #868681;
}

#navMain ul li.first a
{
	background-position: 100% 0px;
	border-bottom: 1px solid #868681;
}

#navMain ul li.last a
{
	background-position: 100% -100px;
	border-bottom: 1px solid #868681;
}

#navMain ul li.first strong a
{
	color: #000;
	background-position: 100% -300px;
	border-bottom: 1px solid #FFF;
}

#navMain ul li strong a
{
	color: #000;
	background-position: 100% -350px;
	border-bottom: 1px solid #FFF;
}

#navMain ul li.last strong a
{
	color: #000;
	background-position: 100% -400px;
	border-bottom: 1px solid #FFF;
}

#navMain ul li.first a:hover
{
	color: #000;
	background-position: 100% -150px;
}

#navMain ul li a:hover
{
	color: #000;
	background-position: 100% -200px;
}

#navMain ul li.last a:hover
{
	color: #000;
	background-position: 100% -250px;
}

#navMain ul li.first strong a:hover
{
	color: #000;
	background-position: 100% -300px;
}

#navMain ul li strong a:hover
{
	color: #000;
	background-position: 100% -350px;
}

#navMain ul li.last strong a:hover
{
	color: #000;
	background-position: 100% -400px;
}

#contenu
{
	float: left;
	width: 383px;
	padding: 23px 75px 30px 20px;
	margin: 0px;
}


#contenu ul
{
	margin: 0;
	padding: 0;
}

#contenu ul li
{
	margin: 0 0 0 1.5em;
	padding: 0;
}

#contenu h1
{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

#contenu h2
{
	margin: 2em 0 1em 0;
	padding: 0;
	font-size: 7.5pt;
	font-weight: bold;
	text-transform: uppercase;
}

#contenu h3
{
	margin: 2em 0 1em 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

#contenu p
{
	margin-bottom: 1.5em;
	text-align: justify;
}

#colonneDroite
{
	float: left;
	width: 219px;
	min-height: 474px;
	padding: 0 10px 0 10px;
	margin: 60px 0 0 0;
	background: url('/images/background-colonneDroite.gif') top left no-repeat;
}

#colonneDroite.joindre
{
	background: none;
}

#colonneDroite h2
{
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}

#colonneDroite ul
{
	padding: 0;
	margin: 0;
}

#colonneDroite li
{
	list-style: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}

#colonneDroite img
{
	padding: 1px;
	margin: 0 0 10px 0;
}

#colonneDroite.joindre img
{
	border: 1px solid #A2A198;
}

#colonneDroite.geotechnique img
{
	border: 1px solid #627B51;
}

#colonneDroite.materiaux img
{
	border: 1px solid #3A6293;
}

#colonneDroite.environnement img
{
	border: 1px solid #AA491F;
}

#colonneDroite.septiques img
{
	border: 1px solid #84602E;
}

#siteWeb #backgroundDroite
{
	float: left;
	width: 29px;
	height: 578px;
	padding: 0;
	margin: 0;
}

#siteWeb.joindre #backgroundDroite
{
	background: url('/images/background-droite.jpg') 0px 0px no-repeat;
}

#siteWeb.profil #backgroundDroite
{
	background: url('/images/background-droite.jpg') 0px 0px no-repeat;
}

#siteWeb.geotechnique #backgroundDroite
{
	background: url('/images/background-droite.jpg') -29px 0px no-repeat;
}

#siteWeb.materiaux #backgroundDroite
{
	background: url('/images/background-droite.jpg') -58px 0px no-repeat;
}

#siteWeb.environnement #backgroundDroite
{
	background: url('/images/background-droite.jpg') -87px 0px no-repeat;
}

#siteWeb.septiques #backgroundDroite
{
	background: url('/images/background-droite.jpg') -116px 0px no-repeat;
}

#footer
{
	width: 776px;
	clear: both;
	padding: 8px 0 0 0;
	margin-right: auto;
	margin-left: auto;
	background: url('/images/shadow-footer.png') top left no-repeat;
}

#footer hr
{
	display: none;
}

#footer p
{
	padding: 0 0 2em 0;
	margin: 0 0 0 8px;
	font-size: 7.5pt;
	color: #FFF;
}

#footer a
{
	color: #FFF;
	text-decoration: none;
}

#footer a img
{
	border: none;
	margin-right: 8px;
}