* {
margin: 0;
padding: 0;
}
html {
SCROLLBAR-FACE-COLOR: #000066;
SCROLLBAR-HIGHLIGHT-COLOR: #000066;
SCROLLBAR-SHADOW-COLOR: #333399;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #ff9900;
SCROLLBAR-TRACK-COLOR: #000066;
SCROLLBAR-DARKSHADOW-COLOR: #999999;
}
body {
background: #000066;
}
#wrapper {
position: relative;
margin: 10px auto;
width: 955px;
height: 600px;
background: url(http://www.sesame-conseils.com/image/fond.gif);
}
#header {
position: relative;
top: 0;
left: 0;
width: 955px;
height: 207px;
font-family: Century Gothic;
}
#ttrub {
position: relative;
top: 90px;
left: 155px;
width: 490px;
z-index: 10;
color: #fff;
font-size: 18pt;
letter-spacing: 16px;
}
#ttssrub {
position: relative;
top: 89px;
left: 550px;
width: 260px;
}
#ttssrub h1, #ttssrub h2 {
color: #ff9900;
font-size: 14pt;
font-weight: normal;
}
#header #logo {
position: relative;
top: 15px;
width: 340px;
float: right;
margin-right: 30px;
}
#header #logo h2 a {
margin: 0;
font-family: Century Gothic;
font-size: 23pt;
font-weight: normal;
color: #fff;
text-decoration: none;
}
#header #txtlogo {
float: left;
margin-top: 12px;
text-align: right;
font-size: 11pt;
font-weight: bold;
color: #ff9900;
}
#header #imglogo {float: right;}
#middle {
clear: both;
position: relative;
top: 0;
left: 0;
}
#menu {
position: absolute;
top: 0;
left: -10px;
width: 185px;
}
#menu ul {
list-style-type: square;
}
#menu ul li ul {
list-style-type: none;
}
#menu ul li {
margin-bottom: 5px;
list-style-position: inside;
}
#menu ul li ul li {
margin: 0;
}
#menu ul li:hover {
color: #000066;
}
#menu ul , #menu ul li ul {
text-align: right;
color: #0066ff;
width: 100%;
}
#menu ul li a {
color: #000066;
text-decoration: none;
font: normal 13pt Geneva, Arial;
}
#menu ul li a:hover {
color: #0066ff;
}
#menu ul li ul li a:link, #menu ul li ul li a:visited {
color: #ccc;
text-decoration: none;
font-size: 11pt;
}
#menu ul li ul li a:hover {
color: #555;
text-decoration: none;
font-size: 11pt;
}
#menu ul li.rubin a {
color: #0066ff;
text-decoration: none;
font-size: 14pt;
font-weight: normal;
}
#menu ul li ul li.ssrubin a {
color: #ff9900;
text-decoration: none;
}
/* page nos consultants */
#phconsult {
position: absolute;
top: -50px;
left: 273px;
width: 50px;
}
#ctconsult {
position: absolute;
top: 30px;
left: 273px;
width: 582px;
height: 310px;
padding: 5px 30px 0 40px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
/* pages nos prestations */
#photos {
position: absolute;
top: 8px;
left: 246px;
width: 50px;
}
#content {
position: absolute;
top: 0;
left: 401px;
width: 509px;
height: 350px;
padding-left: 5px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
/* externalisation */
#ctext {
position: absolute;
top: 0;
left: 402px;
width: 484px;
height: 350px;
padding-left: 30px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
ul#listext {
list-style-type: none;
margin: 15px 0 0 10px;
}
ul#listext li ul {
list-style-type: disc;
color: #ff9900;
margin: 15px 20px 15px 30px;
}
ul#listext li ul li span {
color: #fff;
}
/* simplification */
#ctsimp {
position: absolute;
top: 0;
left: 402px;
width: 484px;
height: 350px;
padding-left: 30px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
ul#listsimp {
list-style-type: none;
margin-top: 15px;
}
ul#listsimp li ul {
list-style-type: disc;
color: #ff9900;
margin: 15px 20px 0 15px;
}
ul#listsimp li ul li {
margin-bottom: 10px;
}
ul#listsimp li ul li span {
color: #fff;
}
/* audit */
ul#listaudit {
list-style-type: none;
margin: 15px 40px 10px 40px;
}
ul#listaudit li {
margin-bottom: 10px;
}
ul#listaudit li ul {
list-style-type: disc;
color: #ff9900;
margin: 15px 20px 0 15px;
}
ul#listaudit li ul li {
margin-bottom: 0;
}
ul#listaudit li ul li span {
color: #fff;
}
/* formation */
ul#listform {
list-style-type: none;
margin: 15px 0 10px 20px;
}
ul#listform li {
margin-bottom: 10px;
}
ul#listform li ul {
list-style-type: disc;
color: #ff9900;
margin: 5px 20px 0 10px;
}
ul#listform li ul li {
margin-bottom: 0;
}
ul#listform li ul li span {
color: #fff;
}
/* aide financiere */
#ctaide {
position: absolute;
top: 0;
left: 401px;
width: 454px;
height: 330px;
padding: 20px 30px 0 40px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
.rub {
color: #0066ff;
font-size: 12pt;
font-weight: bold;
margin-top: 12px;
}
/* liste diagnostic */
.carre {
margin-right: 9px;
color: #ff9900;
font-size: 15pt;
}
.fleche {
margin: 0 3px 0 20px;
}
.point {
margin: 0 3px 0 55px;
font-size: 13pt;
}
.pto {
color: #ff9900;
margin-right: 5px;
}
/* references */
#ctref {
position: absolute;
top: 0;
left: 451px;
width: 450px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
/* outils */
#phoutils {
position: absolute;
top: 241px;
left: 226px;
width: 50px;
}
#ctoutils {
position: absolute;
top: 0;
left: 401px;
width: 499px;
height: 353px;
padding: 0 10px 0 15px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #fff;
}
#ctoutils ul {
margin-left: 60px;
list-style-type: circle;
color: #000099;
}
#ctoutils ul li span {
color: #fff;
}
#ctoutils table#tbout {
width: 450px;
margin-left: 23px;
background: #FFF;
}
#ctoutils table#tbout td {
background: #0066FF;
padding: 2px;
}
ol#listout {
padding: 15px 0 0 25px:
}
ol#listout li {
margin-left: 35px;
}
/* services */
#phservices {
position: absolute;
top: 222px;
left: 204px;
width: 50px;
}
/*contact*/
#ctcontact {
position: absolute;
top: 0;
left: 401px;
width: 450px;
height: 350px;
background: #b6b6b6;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #6699CC;
}
table#suite {
position: absolute;
top: 354px;
left: 750px;
width: 150px;
}
table#suite img {
border: 0;
}
#footer {
margin: 0 auto;
width: 955px;
text-align: center;
color: #fff;
font-size: 10pt;
}
#footer a {
color: #fff;
font: 8pt Geneva, Arial, sans-serif;
text-decoration: none;
}
#footer h2 {
display: inline;
}