/* stylesheet by SophieWeb - http://sophieweb.com - 2005-07 */

body {
background: #0A0A0B url("../images/pageBackground.gif") repeat-x;
font-family: 'Gill sans', "Gill Sans MT", Candara, 'Trebuchet MS', Trebuchet, Arial, sans-serif;
color: #333435;
font-size: .9em;
text-align: center;
}
#wrapLeft {
background: transparent url("../images/leftBorder.gif") repeat-y 100% 0;
width: 40em;
min-width: 550px;
margin: 30px auto;
padding: 0;
}
#wrapLeft .shadow {
background: transparent url("../images/leftGradientBorder.gif") no-repeat 100% 0;
}
#wrapRight {
background: transparent url("../images/rightBorder.gif") repeat-y;
margin: 0 20px 0 0;
}
#wrapRight .shadow {
background: transparent url("../images/rightGradientBorder.gif") no-repeat;
}
#content {
margin: 0 0 0 10px;
border: 1px solid #000;
background: #F1F1F1 url("../images/topContentBackground.gif") repeat-x 0 72px;
}
#header {
background: #1244B5 url("../images/headerBackground.gif") repeat-x 0 100%;
}
#wrapContent {
background: transparent url("../images/bottomContentBackground.jpg") no-repeat 100% 100%;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #99999A;
border-bottom: 1px solid #99999A;
height: auto;
min-height: 33em;
text-align: left;
line-height: 1.5em;
}
#navbar {
border-top: 1px solid #99999A;
border-left: 1px solid #99999A;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
margin: 10px 0;
}
#wrapContent #navbar ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
background: #D7D7D8 url("../images/menu.gif") repeat-x;
height: 1.4em;
}
#navbar li {
float: left;
width: auto;
text-align: center;
background: #EBEBEB url("../images/menu.gif") repeat-x 0 -40px;
}
#navbar li a {
display: block;
height: 1.4em;
line-height: 1.4em;
text-decoration: none;
border: 0 none;
font-weight: bold;
padding: 0 .4em;
background: #D7D7D8 url("../images/menu.gif") repeat-x;
}
#navbar li a:link, #navbar li a:visited {
color: #333435;
}
#navbar li a:hover, #navbar li a:active, #navbar li a:focus {
color: #1244B5;
background-position: 0 -40px;
background-color: #EBEBEB;
}
#homePage #home a:visited, #projectsPage #projects a:visited, #clientsPage #clients a:visited, #aboutPage #about a:visited, #contactPage #contact a:visited {
color: #FFF;
background-position: 0 -80px;
background-color: #0F3792;
}
#homePage #home a:hover, #homePage #home a:active, #homePage #home a:focus, #projectsPage #projects a:hover, #projectsPage #projects a:active, #projectsPage #projects a:focus, #clientsPage #clients a:hover, #clientsPage #clients a:active, #clientsPage #clients a:focus, #aboutPage #about a:hover, #aboutPage #about a:active, #aboutPage #about a:focus, #contactPage #contact a:hover, #contactPage #contact a:active, #contactPage #contact a:focus {
color: #1244B5;
background-position: 0 -40px;
background-color: #EBEBEB;
}
#intro {
margin: 5px 0;
padding: 1em 2em .2em;
text-align: justify;
}
#illus {
width: 110px;
margin: 0 0 0 2em;
float: left;
text-align: center;
}
#illusEnd {
clear:both;
}
#illus a {
width:100px;
height:100px;
display:block;
background: transparent url("../images/iconeBackground.gif");
}
#illus a:link, #illus a:link img {
border: 1px solid #FFF;
background-position: 0 -100px;
}
#illus a:link img {
border: 1px solid #88A1DA;
}
#illus a:visited, #illus a:visited img {
border: 1px solid #D6D7D7;
background-position: 0 -100px;
}
#illus a:hover, #illus a:active, #illus a:focus {
border: 1px solid #FFF;
background-position: 0 0;
}
#illus a:hover img, #illus a:active img, #illus a:focus img {
border: 1px solid #1244B5;
}
#illus a img {
margin: 4px;
padding: 0;
}
#wrapContent img {
border: 1px solid #FFF;
padding: 2px;
}
#illusText {
margin: 0 0 0 11em;
padding: 0 2em 0 0;
text-align: justify;
}
#fullText {
margin: 5px 2em;
padding: 0 1.5em 0 0;
text-align: justify;
}
#fullText img {
float: left;
margin: 0 1.5em 1em 0;
}
.encart, .infoBlock {
border:1px solid #D0DAF0;
margin: 3em 0 1em 4em;
padding: .3em;
background: transparent url("../images/trans.png");
}
.infoBlock {
margin: 0 0 1em 1em;
}
a:link {
color: #0E3691;
text-decoration: none;
border-bottom: 1px solid #4169C4;
}
a:visited {
color: #5C5D5D;
text-decoration: none;
border-bottom: 1px solid #99999A;
}
a:hover, a:active, a:focus {
color: #1244B5;
background: transparent url("../images/trans.png");
border-bottom: 1px solid #FFF;
}
h1, h2, h3 {
font-family: Optima, Albertus, Constantia, Palatino, 'Trebuchet MS', Trebuchet, sans-serif;
}
h1 {
text-indent: -100em;
overflow: hidden;
background: transparent url("../images/sophieweb.gif") no-repeat 50% 50%;
margin: 0;
padding: 0;
height: 2.5em;
}
h2 {
color: #0E3691;
font-size: 1.2em;
margin: 0 0 .6em 0;
}
h3 {
color: #0E3691;
font-size: 1em;
margin: 0 .2em .2em;
}
h2 span {
font-size: .7em;
font-weight: normal;
color: #333435;
vertical-align: super;
padding: 0 0 0 .5em;
}
#wrapContent p {
margin: .2em 0 1em;
}
#wrapContent ul {
list-style-type: square;
list-style-image: url("../images/puce.gif");
margin: .2em 10px 1em;
}
#wrapContent ul#errors {
margin-left: 7em;
}
#wrapContent .encart ul {
margin: .2em;
padding: .2em .2em .2em 1.5em;
}
acronym {
border-bottom: 1px solid #D6D6D7;
}
.hint {
font-size:.8em;
}
form, fieldset {
border:0 solid;
padding:0;
margin:0;
}
.formLabel {
font-weight: bold;
display: block;
float: left;
clear: left;
width: 8em;
text-align:right;
}
.formInput {
display: block;
margin: 0 0 1em 8.5em;
}
form input, form textarea {
border: 1px solid #88A1DA;
background: transparent url("../images/trans.png");
}
form input#submit {
background: #D7D7D8 url("../images/menu.gif") repeat-x;
font-weight: bold;
border: 1px solid #88A1DA;
cursor: pointer;
color: #333435;
}
form input#submit:hover, form input#submit:active, form input#submit:focus {
background-position: 0 -40px;
border-color: #1244B5;
color: #1244B5;
}
#footer {
background: #0A0A0B url("../images/footerBackground.gif") repeat-x;
}
#footer .shadow {
background: transparent url("../images/leftFooterBackground.gif") no-repeat;
}
#footer p {
background: transparent url("../images/rightFooterBackground.gif") no-repeat 100% 0;
margin: 0;
padding: 15px 0 0;
color: #5C5D5D;
font-size: .7em;
}
#illusProject {
text-align: center;
margin: 0 2em;
background: transparent;
}
#illusProject ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
position: relative;
width: 456px;
height:225px;
background: transparent;
}
#illusProject li {
display: block;
position: absolute;
top: 0;
left: 3px;
}
#illusProject a {
position: absolute;
border: 0 none;
}
#illusProject img {
position: absolute;
left: 0;
top: 0;
margin: 0;
border-color: #99999A;
}
#illusProject a img {
visibility: hidden;
}
#illusProject a:hover img, #illusProject a:active img, #illusProject a:focus img {
visibility: visible;
}
#illusProject a span {
position: absolute;
top:185px;
left:0;
display: block;
background: #D7D7D8 url("../images/menu.gif") repeat-x;
color: #333435;
width: 2.5em;
line-height: 1.6em;
border: 1px solid #99999A;
font-weight: bold;
}
#illusProject a#image02 span {
left: 2.5em;
}
#illusProject a#image03 span {
left: 5em;
}
#illusProject a#image04 span {
left: 7.5em;
}
#illusProject a#image05 span {
left: 10em;
}
#illusProject a#image06 span {
left: 12.5em;
}
#illusProject a#image07 span {
left: 15em;
}
#illusProject a:hover span, #illusProject a:active span, #illusProject a:focus span {
background-position: 0 -40px;
background-color: #EBEBEB;
color: #1244B5;
}
table {
width:100%;
border-collapse:collapse;
background: transparent url("../images/trans.png");
}
th {
color: #0E3691;
background:#FFF;
border-bottom:1px solid #D0DAF0;
text-align:left;
}
th, td {
padding: 0 .3em;
}
tr.even td {
background: transparent url("../images/transFonce.png");
}
#tableWrap {
height:25em;
overflow:auto;
border:1px solid #D0DAF0;
}