body {
background: #055fc3 url(images/bodybg.jpg) repeat-x;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
margin: 0;
}

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 950px;
z-index: -100;
}

a, a:link, a:active, a:visited {
text-decoration: underline;
color: #055fc3;
font: 11px Verdana, sans-serif;
}

a:hover {
text-decoration: none;
}

#header {
position: relative;
width: 950px;
height: 70px;
margin:0;
}

#header p {
position: absolute;
right: 5px;
bottom: 0px;
margin: 0;
padding: 0;
z-index: 10;
}

#header p a {
color: #055fc3;
font: 11px Verdana, sans-serif;
}

#logo {
position: absolute;
bottom: 0px;
}

#logo img {
position: relative;
bottom: 0px;
left: 5px;
margin: 0;
border: none;
}

#panoramic {
position: relative;
border: #ffffff solid 5px;
width: 940px;
height: 240px;
text-align: left;
}

#panoramic h2 {
position: absolute;
top: 25px;
left: 0px;
padding: 0 25px 0 25px;
background: url(images/bg_panoramic-h2.png) repeat-x;
height: 40px;
line-height: 40px;
color: #004a9c;
font-weight: bold;
font-size: 21px;
font-family: Trebuchet MS, Arial, sans-serif;
}

#nav {
float: left;
clear: left;
margin: 5px 0 -5px 0;
width: 950px;
height: 37px;
line-height: 37px;
z-index: 0;
}

#ulbloc {
position: relative;
height: 100%;
width: 100%;
background: url(images/bg_menus.png) repeat-x;
z-index: 0;

}

#nav ul {
width: 798px;
height: 37px;
line-height: 37px;
margin: 0 auto;
padding: 0;
}

#nav ul li {
float: left;
padding: 0;
margin: 5px 0 4px 0;
text-align: center;
width: 112px;
height: 28px;
line-height:28px;
list-style-type: none;
display: block;
border-left: #ffc631 solid 1px;
border-right: #ffa106 solid 1px;
}

#nav ul li a {
color: #ffffff;
font: bold 15px Trebuchet MS, Arial, sans-serif;
}

#nav a:link, #nav a:active, #nav a:visited {
text-decoration: none;
}

#nav ul li a:hover {
color: #055fc3;
}

#nav ul li a.current {
color: #055fc3;
background: url(images/icone_current.gif) left no-repeat;
padding-left: 15px;
}

a {
text-decoration: underline;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}

a:link, a:visited, a:active {
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#main {
float: left;
background: #ffffff url(./images/bg_main.gif) repeat-y;
width: 925px;
padding: 0 0 25px 25px;
margin: 0;
min-height: 100%;
overflow: auto;
z-index: 1;
}

#contenu {
float: left;
width: 600px;
height: 100%;
margin: 25px 0 0 0;
padding: 0;
}

#contenu p {
padding: 0;
margin: 10px 0 0 0;
color: #055fc3;
text-align: justify;
}

#contenu h2 {
float: left;
margin: 0 0 5px 0;
}

#contenu ul {
list-style-image: url(images/coche.gif);
color: #055fc3;
}

#carte {
position: relative;
float: left;
margin: 5px 15px 15px 0;
padding: 5px;
width: 200px;
height: auto;
border: #055fc3 solid 1px;
z-index: 10;
}

#carte p.legend {
position: relative;
font: italic 11px Arial, Helvetica, sans-serif;
color: #ffa106;
margin: 2px 0 0 0;
padding: 0 0 0 15px;
background: url(images/puce_legend.gif) left  no-repeat;
}

#carte a img {
border: none;
position: relative;
z-index: 100;
}

#carte img.vign {
width: 200px;
height: 294px;
}

div#blocimg {
position: relative;
float: left;
margin: 0 15px 15px 0;
padding: 5px;
width: 250px;
height: auto;
border: #055fc3 solid 1px;
z-index: 10;
}

#blocimg img {
margin: 0px;
padding: 0px;
}

#colleft {
position: relative;
float: left;
width: 250px;
min-height: 100%;
padding: 25px;
margin: 0 0 0 25px;
z-index: 0;
}

#colleft ul {
list-style-image: url(images/puce.gif);
list-style-position: inside;
padding: 0;
margin: 0;
}

#colleft li {
margin: 10px 0;
text-align: justify;
}

#colleft ul.address {
list-style-image: none;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
}

#colleft ul.address li {
margin: 0;
}

#colleft p {
position: relative;
color: #333333;
text-align: justify;
}

#colleft p img {
position: relative;
bottom: 0px;
border: #333333 solid 1px;
margin: 0;
}

#colleft p.legend {
position: relative;
font: italic 11px Arial, Helvetica, sans-serif;
color: #ffa106;
margin: 2px 0 0 0;
padding: 0 0 0 15px;
background: url(images/puce_legend.gif) left  no-repeat;
}

#footer {
position: relative;
float: left;
margin: 0;
padding: 10px 0 0 25px;
width: 925px;
height: 43px;
background: url(images/footer_shadow.png) top no-repeat;
color: #ffffff;
font: 9px Verdana, sans-serif;
text-align: left;
z-index: 0;
}

#footer a {
position: relative;
color: #ffffff;
font: 9px Verdana, sans-serif;
z-index: 10;
}

.w3c {
padding: 0 0 0 5px;
border: none;
text-decoration: none;
}

h1 {
display: none;
}

h2 {
color: #055fc3;
font: bold 21px Trebuchet MS, Verdana, sans-serif;
margin: 0;
padding: 0 0 0 20px;
background: url(images/iconeh2.gif) left no-repeat;
}

h3 {
color: #ffad12;
font: bold 15px Trebuchet MS, Verdana, sans-serif;
margin: 0;
}

h4 {
color: #333333;
font: bold 15px Trebuchet MS, Verdana, sans-serif;
margin: 0 0 15px 0;
border-bottom: #333333 solid 1px;
}

hr {
border-top: #ffc631 solid 1px;
border-right: none;
border-bottom: none;
border-left: none;
margin: 10px 0;
overflow: auto;
height: 20px;
visibility: hidden;
}

.bold {
font-weight: bold;
}

.boldxx {
font-weight: bold;
font-size: 120%;
}

form {
text-align: left;
margin: 25px 0;
}

form p {
clear: both;
}

label {
float: left;
width: 120px;
margin-right: 10px;
text-align: right;
color: #333333;
}

textarea {
padding: 5px;
}

.formbutton {
width: 100px;
height: 25px;
text-align: center;
color:#ffffff;
font: bold 13px Trebuchet MS, Verdana, sans-serif;
background: #ffad12 url(images/bg_button.gif) repeat-x;
border-top: #ffc631 solid 1px;
border-right: #ffa106 solid 1px;
border-left: #ffc631 solid 1px;
border-bottom: #ffa106 solid 1px;
}

.champoblig {
color:#055fc3;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

.mail {
color: #055fc3;
}

.error {
color: #ee0000;
}

.value {
position: relative;
bottom: 3px;
margin: 0 0 0 5px;
}