/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
caption {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Layout */
html, body {
height: 100%;
}
body {
background: url(/images/background.jpg) #fff no-repeat top center;
font-family: Arial, Helvetica, sans-serif;
}
#main-container {
min-height:100%;
}
#inner-container {
padding-bottom:92px;
}
#wrapper {
margin: 0 auto;
width: 960px;
}
a {
text-decoration: none;
}
/* Sitewide Nav */
#sitewide-nav {
overflow: hidden;
}
#sitewide-nav a {
color: #002b76;
}
#sitewide-nav li {
float: right;
margin: 15px 0 5px 5px;
height: 20px;
font-size: 12px;
}
/* Content */
#content {
overflow: hidden;
}
.header {
margin: 0 0 15px 0;
}
#maincontent-column {
float: left;
width: 694px;
}
#maincontent-column a {
text-decoration: none;
color: #003399;
}
#maincontent-column .introduction {
color: #cc3300;
font-weight: bold;
margin-bottom: 20px;
}
#maincontent-column p, #maincontent-column ul, #maincontent-column ol {
margin: 0 0 20px 0;
line-height: 150%;
color: #3c4452;
font-size: 14px;
}
#maincontent-column p {
margin-bottom:5px;
}
#maincontent-column .left {
float: left;
margin: 0 10px 5px 0;
}
#maincontent-column ul li, #maincontent-column ol li {
list-style-position: inside;
}
#maincontent-column ul li {
padding: 0 0 0 15px;
background: url(/images/ul-bullet.png) no-repeat 0 8px;
}
#maincontent-column ol li {
list-style-type: decimal;
padding: 0 0 0 15px;
background: url(/images/ol-bullet.png) no-repeat 0 50%;
}
/* Downloads */
#downloads {
float: right;
margin: 0 0 0 10px;
}
#downloads h2 {
text-transform: uppercase;
padding: 0 0 0 15px;
margin: 0 0 -5px 0;
color: #cc3300;
font-size: 23px;
}
#files {
width: 235px;
padding: 5px 15px 0 15px;
background: url(/images/download-bg.png) no-repeat;
}
#files p {
margin: 0;
padding: 10px 0 15px 0;
background: url(/images/files-border.png) no-repeat left bottom;
}
/* General Styles */
h1 {
font-size: 21px;
font-weight: normal;
color: #002b76;
margin: 0 0 20px 0;
}
h3, h2 {
margin: 0 0 10px 0;
font-weight: bold;
color: #002b76;
}
/* News Column */
#news-column {
float: right;
}
#news-column h2 {
text-transform: uppercase;
padding: 0 0 0 15px;
margin: 0 0 -5px 0;
color: #cc3300;
font-size: 23px;
}
#news {
min-height: 460px;
width: 190px;
padding: 5px 15px 0 15px;
background: url(/images/news-bg.png) no-repeat;
}
#news h3 {
color: #333;
font-size: 14px;
margin: 10px 0 5px 0;
}
#news h4 {
color: #333;
font-size: 12px;
margin: 0 0 10px 0;
font-style: italic;
font-weight: normal;
}
#news p {
color: #666;
margin: 0;
padding: 5px 0 15px 0;
background: url(/images/files-border.png) no-repeat left bottom;
}
/* Organisations */
#organisation-list {
float: left;
}
.organisation {
width: 445px;
height: 100px;
padding: 10px 10px 0 10px;
background: url(/images/organisation-bg.png) no-repeat;
}
.organisation h3 {
margin: 0 0 5px 0;
color: #cc3300;
}
.organisation h4 {
margin: 0 0 7px 0;
color: #002b76;
font-size:12px;
}
.objectifs {
color: #002b76;
font-size: 12px;
font-style: italic;
}
.organisation .logo {
float: left;
margin: 0 5px 0 0;
}
.organisation .results {
position: relative;
right: 40px;
float: right;
z-index: 1;
background: url(/images/resultats.gif) no-repeat top right;
padding-top:13px;
}
.organisation .results_en {
background: url(/images/results.gif) no-repeat top right;
}
/* Main Navigation */
#nav-column {
margin: 0 45px 0 0;
float: left;
width: 215px;
}
#main-nav li a {
display: block;
padding: 7px 10px 5px 5px;
font-size: 14px;
font-weight: bold;
color: #002b76;
text-decoration: none;
height: 20px;
width: 215px;
text-align: right;
background: url(/images/mainnav-bg.png) no-repeat right;
}
#main-nav li a:hover {
color: #cd3907;
}
#main-nav li ul {
margin: 10px 0 0 0;
background: url(/images/mainnav-over-bg.png) no-repeat;
}
#main-nav .selected {
font-weight: bold;
text-transform: uppercase;
}
#main-nav li ul li a {
margin: 0;
padding: 0 12px 0 0;
font-weight: normal;
color: #002b76;
background: url(/images/ul-bullet.png) no-repeat right 30%;
}
#main-nav li ul li ul li a {
color: #3c4452;
padding: 0 12px 0 0;
background: url(/images/mainnav-3rd.png) no-repeat right 30%;
font-size: 12px;
}
/* Footer */
#footer-wrapper {
margin: 20px 0 0 0;
padding: 35px 0 10px 0;
background: url(/images/footer-bg.gif) #0056a0 repeat-x top;
height: 92px;
margin-top:-92px;
}
#footer {
margin: 0 auto;
width: 960px;
text-align: center;
line-height: 150%;
font-size : 12px;
color: #fff;
}
#footer p {
margin: 0 0 20px 0;
}
#footer a {
color:#fff;
}
/* Members Index */
.member {
width:320px;
float:left;
margin-bottom:30px;
margin-right:10px;
}
.member img {
float:left;
margin: 0 10px 0 0;
}
.member h3 {
margin-top:10px;
}
.member p {
font-size:12px;
}
/* Members Details */
.member_details img {
float:left;
margin: 0 20px 10px 0;
}
.member_details h1 {
margin-bottom:3px;
}
.member_details h3 {
font-size:11pt;
}
.member_details h2 {
margin-top:20px;
color:#cd3300;
}
#member_details_content {
float:right;
width:510px;
}
#member_coordinates {
background: url("/images/member_coordinates.gif") no-repeat top left;
margin-top:20px;
}
#member_coordinates p {
padding: 0 0 15px 20px;
}
.member_email {
color:#002b76;
font-weight:bold;
padding-top:4px;
display:block;
}
#member_coordinates h3{
color:#cc3300;
padding: 10px 0 0 10px;
}
.client {
width:436px;
min-height:132px;
background: url(/images/client_background.gif) no-repeat top left;
margin-bottom:20px;
}
.client h2 {
color:#cb3302;
margin: 0;
padding:18px 0 10px 12px;
}
.client p {
margin: 0;
padding: 0 0 0 12px;
line-height:8px;
}
.client_right {
width:180px;
float:right;
}
.client_right p {
padding: 0 0 0 3px;
}
.client_url {
display:block;
margin:10px 0 0 0;
}
#client_legende {
background: url(/images/client_legende.gif) no-repeat top right;
width:233px;
float:right;
}
#client_legende h3 {
color:#cb3302;
text-transform: uppercase;
margin: -14px 0 0 0;
padding:0px 0 10px 12px;
}
.legende_item {
height:42px;
}
.legende_item img {
float:left;
margin:2px 0 0 10px;
}
.legende_item p {
float:right;
width:160px;
}
#client_legende_bottom {
background: url(/images/client_legende_bottom.gif) no-repeat top right;
width: 233px;
height:15px;
}
.communication {
margin: 0 0 30px 10px;
}
.communication span {
font-style:italic;
}
#promo_homepage {
margin:20px 0 0 0;
float:right;
}
/*********************************************************************************************/
form {
padding: 10px;
}
form .tblchoix{
border:1px solid #002B76;
margin:0.5em auto;
}
form .tblchoix td{
border:1px solid #002B76;
padding:0.4em;
}
form .tblchoix th{
font-size:0.9em;
padding:0.4em;
}
form div{border-bottom:1px dotted #B1BED4; height:auto; overflow:auto; padding: 0 0 10px 0; margin: 0 0 10px 0;}
* html form div{height:100%; }
/* Form Sections ======================================================================== */
/* Fieldset */
fieldset {
margin: 20px 0;
padding: 15px 10px;
border-top:1px solid #2F528E;
border-bottom:1px solid #2F528E;
}
legend {
padding: 2px 5px;
height:30px;
font-weight:bold;
color:#CD3907;
}
/* Nested Fieldset */
fieldset fieldset {
}
fieldset fieldset legend {
}
/* Inline Section */
.inlineSection {
overflow: auto;
width: 100%;
}
/* Grid Section */
form table {
border-collapse: collapse;
}
form td {
padding: 0 4px;
}
form th {
padding: 0 4px;
}
form .alternate-1 {
background-color:#F1F1F1;
}
form .alternate-0 {
}
/* Combo Label + Input Field =========================================================== */
form .oneField {
}
form .inlineSection .oneField {
float: left;
padding: 0;
margin-right: 4px;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
white-space: nowrap;
}
/* Field Labels ======================================================================== */
fieldset.fset02 label{width:60px;}
/* Base */
label, form .label {
color: #333;
font-size: small;
display:block;
float:left;
width:75px;
margin:3px 0 0 10px;
clear:none !important;
}
/* Text inputs / Select label */
label.preField {
display: block;
padding: 2px;
margin: 0.4em 4px 0 0;
}
/* Radio / Checkbox group label */
form .label {
clear:left;
display: block;
padding: 2px;
margin: 0.4em 4px 0 0;
}
/* Individual Checkbox / Radio label */
label.postField {
margin: 0 4px 0 4px;
}
/* Label when inside an inline section */
.inlineSection .oneField .inlineLabel {
display: block;
padding: 0 3px;
margin: 0.4em 4px 0 0;
}
/* Inputs ======================================================================== */
textarea {
vertical-align: top;
margin: 2px 2px 1px 0;
padding:0.3em;
border:1px solid #2F528E;
}
input {
margin: 0 12px 0 0;
padding:0.3em;
border:1px solid #2F528E;
float:left;
}
select {
margin: 2px 2px 1px 0;
padding:0.3em;
border:1px solid #2F528E;
}
.inlineSection .oneField select {
margin: 0 2px 1px 0 !important;
}
.gridSection select {
margin: 0 !important;
}
input:focus, textarea:focus{
background-color: #FFFFE0;
}
/* Buttons ======================================================================= */
form .actions {
text-align: center;
margin: 20px 0 10px 0;
}
/* Submit button */
form .primaryAction {
background:url(http://www.bnpstrategies.com/images/footer-bg.gif) left -20px repeat;
color:#FFF;
}
/* Cancel button */
form .secondaryAction {
color: grey;
}
form .secondaryAction:hover {
color: black;
}
/* IE6 BUG FIXES ==================================================================== */
* html form {
height:expression('1%'); /* IE Pick-a-boo bug fix */
}
* html form fieldset {
position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
margin-top:expression('1em');
padding-top:expression('1.5em');
}
* html form fieldset legend {
position: expression('absolute');
top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
left:expression('.5em');
}