body {
	margin: 0;
	padding: 0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #333;
	text-align: center;
}

#wrapper {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #0C102D;

}
#header{
	height: 100px;
	background-image:  url(webgfx/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid #383A61;}

#navigation-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;

}
#navigation-top ul {
	list-style: none;
	margin: 0px;
    padding:0px;
	margin-left: 12px;
	padding-top: 88px ;
	padding-bottom: 15px;
	
}

#navigation-top li {
	display: inline;
	margin: 0 4px 0 0px;
	text-decoration: none;

}


#img1 {
	margin: 0;
	padding: 40px 0 0px 0px;}

#img2 {
	background-image:  url(webgfx/bodygfx/revuedepresse.gif);
	height: 411px;
	margin: 0px;
	padding: 0px;}

#img3 {
	background-image:  url(webgfx/bodygfx/contactmap.gif);
	height: 411px;
	margin: 0px;
	padding: 0px;}

#img4 {
	background-image:  url(webgfx/bodygfx/home-page.jpg);
	background-repeat: no-repeat;
	height: 500px;
	margin: 0px;
	padding: 0px;}

#img5 {
	background-image:  url(webgfx/bodygfx/mentions-legales.gif);
	height: 1002px;
	margin: 0px;
	padding: 0px;}


#content {
	width: 740px;
	float: right;
    margin: 0px;
	padding: 35px 50px 0px 0px;

}	
#content a:link, a:visited 
{
	color: #000033;
	text-decoration: none;
}

#content ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-left: 15px;
}

#content li {
	padding: 5px 0 0px 0px;
}

#content p {
	font-size: 100%;
	line-height: 1.6em;
    padding-right: 10em;
	margin: 0px;
}


#content h1 {
	font: bold 103%/1.7em Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	padding-right: 7em;
	background-color: transparent;
	margin: 0px;
}
#content h2 {
	font-size: 120%;
	color: #940D1E;
	background-color: transparent;
	border-bottom: 1px dotted #FF9006;
}

#contentindex {
	width: 570px;
	padding: 110px 0px 0px 220px;

}

#contentindex h1 {
	font: bold 110% Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color: transparent;
	margin: 0px;
}

#navigation {
	float: left;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;
	text-decoration: none;
    }

#droitpublicbg {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/droit-public-affaires-1a.jpg);
	background-repeat: no-repeat;
	height: 500px;
	margin: 0px;
	padding: 0px;}

#droit-construt {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/droit-construct-2b.gif);
	background-repeat: no-repeat;
	height: 850px;
	margin: 0px;
	padding: 0px;}

#droitpublicbg2 {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/droit-public-affaires-1c.jpg);
	background-repeat: no-repeat;
	height: 500px;
	margin: 0px;
	padding: 0px;}


#priveaffairesbg3 {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/droit-prive-des-affaires-3.jpg);
	background-repeat: no-repeat;
	height: 700px;
	margin: 0px;
	padding: 0px;}


#droitmedicobg7 {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/droit-medico-7.jpg);
	background-repeat: no-repeat;
	height: 500px;
	margin: 0px;
	padding: 0px;}


#collectivitbg {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/collectivit-tere-5.jpg);
	background-repeat: no-repeat;
	height: 500px;
	margin: 0px;
	padding: 0px;}

#droitconstructbg {
	background-image:   url(http://www.sur-mauvenu.fr/webgfx/bodygfx/droit-construct-2a.jpg);
	background-repeat: no-repeat;
	height: 700px;
	margin: 0px;
	padding: 0px;}



#avocatsbg {
	background-image:  url(http://www.sur-mauvenu.fr/webgfx/bodygfx/lesavocats-footer.gif);
	background-repeat: repeat-y;
	height: 500px;
	margin: 0px;
	padding: 0px;}



#navigationavocats {
	float: left;
	width: 150px;
  }




#navigationavocats h1 {
	font: bold 85% Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color: transparent;
	margin: 0px 0px 0px 10px;
}

#navigationavocats p {
	font-size: 80%;
	margin: 0px 0px 0px 9px;
line-height: 1.3;
}

#navigationavocats ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	padding: 35px 0 0px 0px;
}

#navigationavocats li {
	padding: 35px 0 0px 0px;
font-size: 80%;
	margin: 0px 0px 0px 10px;
}


#footer {
	clear: both;
	border-top: 2px solid #383A61;
	padding: 0px 0 0px 800px;
	background-color: transparent;
}

#footer-revue {
	clear: both;
	border-top: 2px solid #383A61;
	padding: 0px 0 0px 800px;
	background-image:  url(webgfx/bodygfx/revuedepresse-footer.gif);
}
#footer-avocats {
	clear: both;
	border-top: 2px solid #383A61;
	padding: 0px 0 0px 800px;
	background-image:  url(webgfx/bodygfx/lesavocats-footer.gif);
}
#footer-contact {
	clear: both;
	border-top: 2px solid #383A61;
	padding: 0px 0 0px 800px;
	background-image:  url(webgfx/bodygfx/contact-footer.gif);
}
#footer-index {
	clear: both;
	border-top: 2px solid #383A61;
	padding: 0px 0 0px 800px;
}
#footer-legales {
	clear: both;
	border-top: 2px solid #383A61;
	padding: 0px 0 0px 800px;
	background-image:  url(webgfx/bodygfx/mentions-legales-footer.gif);
}.white {

	font: bold 105%/1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-right: 4px;
}
.avocatsbleu {
	color: #D2E9FF;
}
.bluebodytext{
	color: #000033;
	font-size: 100%;
	line-height: 1em;
	margin: 0px;
}
.bluebodytext a:link,{
	color: #000033;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0px;
}

.yellow {
	font: bold 100%/1.7em Arial, Verdana, Helvetica, sans-serif;
	color: #FFCC00;
	margin-right: 4px;
}
.blue {

	font: bold 105%/1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #1C4885;
	margin-right: 4px;
}
 .blue a:link,{
	color: #000033;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0px;
}
.red {

	font: bold 105%/1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #C9081D;
	margin-right: 4px;
}
.green {

	font: bold 105%/1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #67B462;
	margin-right: 4px;
}
.orange {

	font: bold 105%/1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #EB662E;
	margin-right: 4px;
}
.aqua {

	font: bold 105%/1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #34B4B5;
	margin-right: 4px;
}
.noms {
	color: #000033;
	font: bold 85%/1.6em Arial, Verdana, Helvetica, sans-serif;
}
.grey {
	color: #999;
	font: bold 85%/1.6em Arial, Verdana, Helvetica, sans-serif;
}