html,body {
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
margin: 20px 0;
padding: 0;
background: #fff;
}

h1 {
border-top: 1px solid #B35810;
color: #424168;
font-weight: bold;
font-size:16px;
background: url(/images/line.gif) no-repeat;
margin: 20px 0 14px 0;
padding: 2px 0 0 0;
}

h2 {
font-size:12px;
margin: 12px 0 4px 0;
padding: 0;
}

h3 {
font-size:11px;
margin: 2px 0;
padding: 0;
}

span {
color: #424168;
font-weight: bold;
font-size:12px;
}

span.petit-titre {
font-weight: normal;
margin: 0 ;
padding: 0;
}

span.credit_card {
color: #F0D318;
border: 1px solid #F0D318;
margin: 0;
padding: 0 3px;
}

a:link {
color: #666666;
text-decoration:none;
background: inherit;
}

a:visited { color: #666666;text-decoration:none; }
a:hover   { color: #333333;text-decoration:none; }
a:active  { color: black;text-decoration:none; }

a img,#main .no_border {
border: 0;
}

p {
margin: 5px 0;
padding: 0;
}

p.titre {
font-size:18px;
color: #424168;
margin: 4px 0 0 70px;
padding: 0;
}

.special {
font-style: italic;
}

#content.centered,#content .centered {
text-align: center;
border: 0;
margin: 0 auto;
float:none;
}

#actu {
border-bottom: 1px solid #354E5E;
margin: 0;
padding: 0;
}

#bandeau {
width: 770px;
height: 51px;
text-align: left;
color: white;
background: url(/images/logo.gif) no-repeat 0 0;
margin: 2px auto;
padding: 0;
}

#main {
color: black;
width: 770px;
margin: 0 auto;
padding: 0;
background: white;
border: 1px solid black;
}

#menu {
height: 150px;
width: 770px;
margin: 0 0 10px 0;
padding: 0;
background: url(/images/ImageIntro.jpg) no-repeat #354452;
}

#plan {
position: relative;
margin: 0; 
}

#miniplan {
float: left;
margin: 0 10px 0 0;
padding: 0;
}

#main #content #droit_propriete {
border: 1px solid #424168;
}

#main #content #droit_propriete ul {
width: 190px;
}

#main #content #droit_propriete ul li {
width: 190px;
}

dd {
margin: 0;
padding: 0;
list-style-type: none;
cursor: pointer;
}

ul {
z-index: 1;
position: absolute;
width: 199px;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
list-style-type: none;
margin: 0;
padding: 4px 0;
line-height: 14px;
background: #BACDD9;
}

#main ul li {
width: 199px;
color: #000;
font-style: normal;
list-style-type: none;
background: #BACDD9;
margin: 0;
padding: 0;
}

#main ul li a{
display: block;
color: #354E5E;
text-decoration:none;
margin: 0;
padding: 0 0 4px 5px;
background: #BACDD9;
}

#main ul li a:hover{
color: #fff;
margin: 0;
padding: 0 0 4px 5px;
background: #B35810;
}

#main #content ul {
position: relative;
width: 380px;
color: black;
font-size: 9pt;
margin: 0 0 0 10px;
padding: 4px 0;
line-height: 14px;
background: white;
}

#main #content ul li {
width: 380px;
color: black;
font-style: normal;
list-style-type: none;
background: url(/images/puce.gif) 0 5px no-repeat;
margin: 2px 0;
padding: 0 0 0 8px;
}

#main #content ul li a{
color: grey;
text-decoration:none;
background: white;
}

#main #content ul li a:hover{
color: black;
background: white;
}

dl {
text-align: left;
float: left;
list-style-type: none;
margin: 129px 0 0 0;
padding: 0;
cursor: pointer;
}

#menu1 {width: 75px;}
#menu2 {width: 70px;}
#menu3 {width: 100px;}
#menu4 {width: 130px;}
#menu5 {width: 120px;}
#menu6 {width: 100px;}
#menu7 {width: 45px;}
#menu8 {width: 130px;}

#main dt {
text-align: center;
color: white;
margin: 0;
padding: 3px 0 6px 0;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 8pt;
background: #354E5E;
}

#main dt a {
display:block;
color: white;
margin: 0;
padding: 0;
background: #354E5E;
border-right: 1px solid white;
}

#main dt a:hover {
color: black;
text-decoration: none;
margin: 0;
padding: 0;
background: #354E5E;
}

#sidebar {
position: relative;
float: left;
border-bottom: 10px solid #354E5E;
text-align: left;
width: 160px;
margin: 240px 0 20px 0;
padding: 0 3px;
}

#sidebar2 {
position: relative;
float: right;
text-align: left;
width: 150px;
height: 328px;
margin: 0;
padding: 10px;
background: url(/images/anim.gif) no-repeat 20px 0;
}

#content {
position: relative;
float: left;
border-left: 2px solid #B35810;
border-right: 2px solid #B35810;
text-align: left;
color: black;
font-size: 9pt;
width: 410px;
margin: 0 0 8px 0;
padding: 0 10px;
background: transparent;
}

#footer {
position:relative;
height:16px;
background: #fff;
clear: both;
color: black;
margin: 10px 0 -20px 0;
padding: 0;
}

#footer a {
float: right;
font-size:11px;
color: #666666;
margin: 0;
padding: 2px 0;
}

#footer #extranet {
float:left;
color: #666666;
margin: 0;
padding: 1px 0;
}

#footer #extranet a {
float:none;
}

#footer a:hover {
color: #000;
}

#logo_spplus {
position: absolute;
margin: 112px 0 0 418px;
padding: 0;
}

#choix_paiement {
clear: both;
position: relative;
top: 10px;
width: 320px;
margin: 15px;
padding:3px;
background: #ccc;
}

#images_paiement {
margin:0;
padding:5px;
background: #fff;
}

#images_paiement img{
margin: 0 0 0 4px;
padding:0;
background: #fff;
}

label {
float: left;
clear: left;
margin: 5px 0;
padding: 0;
width: 120px;
}

input,textarea {
clear: right;
float: right;
border: 1px solid #aaa;
margin: 4px 0;
padding: 0;
}