body {
background: url(../images/background-body.jpg) top center no-repeat #8a7c68;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 11pt;
}

body, h1, h2, h3, p, ul, li {
margin: 0px;
padding: 0px;
}

input, select, textarea {
border: 1px solid #a27c5d;
font-size: 8pt;
}

p {
text-align: justify;
}

p.center {
text-align: center;
}

a {
color: #a57e60;
text-decoration: none;
}

a:hover {
color: #a57e60;
text-decoration: underline;
}

a img {
border: none;
}

.clearboth {
clear:both;
height: 0px;
}

h1, h3 {
color: #b26340;
font-size: 13pt;
line-height: 14pt;
font-family: Lucida Sans;
}

h1 a, h3 a {
color: #b26340;
}

h2 {
color: #a57e60;
font-size: 18pt;
line-height: 19pt;
font-family: Lucida Sans;
}

h3 {
font-size: 9pt;
line-height: 10pt;
}

ul {
list-style: disc;
list-style-position: inside;
}

.padd15 {
	padding: 15px;
}

div#pagecontainer {
position: relative;
background: url(../images/background-pagecontainer.jpg) top center no-repeat #FFFFFF;
margin: 0 auto;
width: 979px;
text-align: center;
}

div#header {
padding-top: 11px;
position: relative;
margin: auto;
width: 950px;
height: 154px;
text-align: center;
}

div#header div.navhome {
position: absolute;
top: 0px;
left: 0px;
width: 360px;
height: 120px;
z-index: 88;
}

div#header div.navhome a {
display: block;
width: 360px;
height: 120px;
line-height: 120px;
}


div#nav {
padding-top: 90px;
position: relative;
margin: 0px auto;
width: 920px;
height: 21px;
text-align: right;
}

div#nav a {
position: relative;
display: block;
float: right;
width: 131px;
height: 21px;
background: url(../images/onglet-nav.png) no-repeat;
text-align: center;
color: #FFFFFF;
font: 600 8pt Lucida Sans;
line-height: 21px;
text-decoration: none;
}

div#nav a:hover, div#nav a.selected  {
background:url(../images/onglet-nav-selected.png) no-repeat;
}

div#header h2 {
margin: 0px auto;
width: 745px;
padding-left: 175px;
text-align: left;
font: italic 600 11pt Lucida Sans;
color: #FFFFFF;
line-height: 50px;
}

div#header h2 a {
font: normal 600 8pt Lucida Sans;
display: block;
float: right;
width: 261px;
height: 50px;
background: url(../images/bout-mobilite-reduite.png) center center no-repeat;
text-align: center;
color: #FFFFFF;
line-height: 50px;
text-decoration: none;
}

div#header h2 a:hover, div#header h2 a.selected  {
background:url(../images/bout-mobilite-reduite-selected.png) center center no-repeat;
}

div#footer {
position: relative;
margin: auto;
width: 950px;
height: 150px;
text-align: center;
background: url(../images/background-footer.jpg) top center no-repeat;
}

div#footer p {
font-size: 9pt;
font-weight: 600;
text-align: center;
height: 150px;
line-height: 243px;
color: #FFFFFF;
letter-spacing: 1px;
}

div#content {
position: relative;
margin: 0px auto;
width: 950px;
text-align: left;
}

div#content h1, div#content h2, div#content h3, div#content p {
padding: 5px 0px;
}

div#content h1 span {
font: italic 600 9pt Arial;

}

div#content div#col1 {
float: left;
width: 388px;
background: url(../images/bg-content-col1.gif) top right repeat-y;
}

div#content div#col2 {
float: left;
width: 562px;
}

div#content div.sommairerubrique {
float: left;
width: 250px;
padding: 20px;
margin: 0px;
}

div#content div.formulaire {
float: left;
width: 450px;
padding: 20px;
margin: 0px;
}

.msgerror {
color: #c73e28;
}

div#content div.formulaire div.clearboth {
margin-top: 10px;
}

div#content div.formulaire label {
float: left;
width: 100px;
padding-right: 5px;
text-align: right;
}

div.lastnewscontainer {
padding: 5px 15px;
width: 450px;
}

a.newsphoto img {
border: 2px solid #c9ae8a;
float: left;
margin: 0px 10px 1px 0px;
}

a.newsphoto:hover img {
border: 2px solid #88603f;
}

img.fiche {
border: 4px solid #c9ae8a;
float: left;
margin: 15px;
}

div.lastnewscontainer p.nav {
text-align: right;
font: normal 600 9pt Arial;
}

div.lastnewscontainer p.nav img {
 vertical-align: middle;
}

div.overview {
padding: 10px;
background: url(../images/background-overview.png) repeat;
}

div.overview a.newsphoto img {
float: left;
margin: 0px 2px;
}

div.overview h2 {
color: #FFFFFF;
}

div#content div.plan {
	position: absolute;
	top: 172px;
	left: 455px;
	width: 499px;
	height: 331px;
}

div#content div.planbout {
	position: absolute;
	top: 140px;
	left: 765px;
	width: 100px;
	text-align: center;
}

div#content div.planbout a {
	text-decoration: none;
	font-weight: 600;
}