.futurLink{font-weight: bold; color: #BFA48F;}/*delete this after final update*/

/* , td, p, ol, ul, li, select */
body {
  font: 10px Verdana, Arial, Geneva, Helvetica, sans-serif;
  color: #666666;
}
body {
  background-color: #ECEBD7;
  margin: 0;
  padding: 0;
  text-align: center;
}

table#container, table#container-home {width: 900px; height: 100%; margin: 0 auto;}
table#container {background: url(/img/en/center_middle_bg.gif) top center repeat-y;}

div.div-h1 {text-align: left; width: 526px;}
h1 {font-size: 16px; letter-spacing: -1px; display: inline;}
span.h1-sep {font-size: 16px; letter-spacing: -1px; font-weight: bold;}
span.tagline {font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #F47F22;}
h2 {font-size: 15px; text-align: left; color: #000000; margin-top: 20px;}
h2.h1 {font-size: 16px; letter-spacing: -1px; display: inline; color: #666666;}
h3 {font-size: 14px;}

div.titlebullet {font-size: 15px; font-weight: bold; text-align: left; padding-left: 25px; color: #000000; background: url(/img/en/services/fleche.gif) 0 1px no-repeat;}
div.titlenobullet  {font-size: 15px; font-weight: bold; text-align: left; color: #000000;}
div.subcat {font-weight: bold; font-size: 12px; color: #F47F22; text-align: left; margin: 0 0 0 25px;}
div.subcat-tagline {font-weight: bold; color: #BCBCBC; text-transform: uppercase; text-align: left; line-height: 11px; margin-bottom: 7px;}

a:link, a:visited {color: #F47F22; text-decoration: none; font-weight: bold;}
a:hover, a:focus, a:active {color: #F47F22; text-decoration: underline; font-weight: bold;}

table#topnav td {height: 34px; text-align: left; text-transform: uppercase;}
table#topnav a:link, table#topnav a:visited {color: #666666; text-decoration: none; font-weight: bold; margin-left: 10px;}
table#topnav a:hover, table#topnav a:focus, table#topnav a:active {color: #666666; text-decoration: underline; font-weight: bold; margin-left: 10px;}

table#topnav a.current:link, table#topnav a.current:visited {color: #ECEBD7; text-decoration: none; font-weight: bold; margin-left: 10px;}
table#topnav a.current:hover, table#topnav a.current:focus, table#topnav a.current:active {color: #ECEBD7; text-decoration: underline; font-weight: bold; margin-left: 10px;}

ul#topquickmenu a:link, ul#topquickmenu a:visited {color: #FFFFFF; text-decoration: none; font-weight: normal;}
ul#topquickmenu a:hover, ul#topquickmenu a:focus, ul#topquickmenu a:active {color: #FFFFFF; text-decoration: underline; font-weight: normal;}

ul.quickmenu a:link, ul.quickmenu a:visited {font-weight: normal; color: #000000; text-decoration: none;}
ul.quickmenu a:hover, ul.quickmenu a:focus, ul.quickmenu a:active {font-weight: normal; color: #000000; text-decoration: underline;}

ul.quickmenu a.current:link, ul.quickmenu a.current:visited {color: #666666; text-decoration: none; font-weight: bold;}
ul.quickmenu a.current:hover, ul.quickmenu a.current:focus, ul.quickmenu a.current:active {color: #666666; text-decoration: underline; font-weight: bold;}

ul.quickmenu li ul a:link, ul.quickmenu li ul a:visited {font-weight: normal; color: #FFFFFF; text-decoration: none;}
ul.quickmenu li ul a:hover, ul.quickmenu li ul a:focus, ul.quickmenu li ul a:active {font-weight: normal; color: #FFFFFF; text-decoration: underline;}

ul.footer-links a:link, ul.footer-links a:visited {color: #666666; text-decoration: none;}
ul.footer-links a:hover, ul.footer-links a:focus, ul.footer-links a:active {color: #F47F22; text-decoration: none;}

div.titlebullet a:link, div.titlebullet a:visited,
div.titlenobullet a:link, div.titlenobullet a:visited {color: #000000; text-decoration: none;}
div.titlebullet a:hover, div.titlebullet a:focus, div.titlebullet a:active,
div.titlenobullet a:hover, div.titlenobullet a:focus, div.titlenobullet a:active {color: #000000; text-decoration: underline;}

/*
a.emph2:link, a.emph2:visited {color: #666666; text-decoration: none; font-weight: bold;}
a.emph2:hover, a.emph2:focus, a.emph2:active {color: #666666; text-decoration: underline; font-weight: bold;}
*/

a.special:link, a.special:visited {color: #666666; text-decoration: none; font-weight: normal;}
a.special:hover, a.special:focus, a.special:active {color: #666666; text-decoration: underline; font-weight: normal;}

table.contactinfo a:link, table.contactinfo a:visited {color: #666666; text-decoration: none; font-weight: bold;}
table.contactinfo a:hover, table.contactinfo a:focus, table.contactinfo a:active {color: #666666; text-decoration: underline; font-weight: bold;}

table.resources a:link, table.resources a:visited {color: #666666; text-decoration: none; font-weight: bold;}
table.resources a:hover, table.resources a:focus, table.resources a:active {color: #666666; text-decoration: underline; font-weight: bold;}

table.clientlist a:link, table.clientlist a:visited {color: #666666; text-decoration: none; font-weight: bold;}
table.clientlist a:hover, table.clientlist a:focus, table.clientlist a:active {color: #666666; text-decoration: underline; font-weight: bold;}

table#sitemap a:link, table#sitemap a:visited {color: #666666; font-weight: normal; text-decoration: none;}
table#sitemap a:hover, table#sitemap a:focus, table#sitemap a:active{color: #666666; font-weight: normal; text-decoration: underline;}

a img {border: none;}

hr {color: #999999; background-color: #999999; border: 0; height: 1px; margin: 10px 0 0 0;}

.header {font: 15px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-align: left;}
.specialheader {font: 15px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-align: left;}
tr.alt1 {color: #666666; background-color: #F0F0F0;}
tr.alt2 {color: #666666; background-color: #EAEAEA;}

.copyr {font-size: 9px;}
.bold {font-weight: bold;}
.emph {font-weight: bold; color: #F47F22;}
.emph2 {font-weight: bold; color: #666666;}
.emphbig {font-size: 14px; font-weight: bold; color: #F47F22;}
.emph2big {font-size: 14px; font-weight: bold; color: #666666;}
.italic {font-style: italic;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.title {font: 16px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000; font-weight: bold; text-transform: uppercase; text-align: left;}
.nobr {white-space: nowrap;}

select {margin: 0; padding: 0; font-size: 11px; color: #000000;}
select#prov {width: 210px; margin: 15px 15px 0 0;}

ul.specialbullet {margin: 0; padding: 0; text-align: left;}
ul.specialbullet li {margin: 0; padding: 2px 0 2px 10px; list-style-type: none; background: url(/img/en/fleche.gif) 0 6px no-repeat;}
ul.specialbullet-space li {padding: 2px 0 5px 10px;}
ul.comm li {padding-left: 30px; background: url(/img/en/fleche_communique.gif) 0 6px no-repeat;}

dl.specialbullet {margin: 0; padding: 0;}
dl.specialbullet dt {font-weight: bold; margin: 0; padding: 2px 0 0 10px; background: url(/img/en/fleche.gif) 0 6px no-repeat;}
dl.specialbullet dd {margin: 0 0 0 11px; padding: 0 0 5px 0;}

table#homepage .header, table#homepage .specialheader {margin: 13px 0 0 20px;}
table#homepage .title {margin: 10px 0 0 25px; line-height: 14px;}
table#homepage .title2 {margin: 0; line-height: 14px;}
/*table#homepage .emph {text-align: left; margin: 0 0 0 25px;}*/
table#homepage .emph {text-align: left; margin: 0 0 5px 0;}
table#homepage .emph2 {text-align: left; margin: 10px 0 0 25px;}

table#homepage ul.specialbullet {margin: 5px 25px 0 25px;}

table#homepage div.upperbox {height: 145px;}

table#homepage div#hometraining {width: 270px; height: 185px; margin: 0 0 8px 15px; overflow: auto; border-bottom: 1px #CCC solid;}
table#homepage div#hometraining ul.specialbullet {margin: 5px 25px 0 10px;}

ul#topquickmenu {margin: 25px 15px 0 0; padding: 0;}
ul#topquickmenu li {margin: 0; padding: 0 5px 0 0; display: inline; border-right: 1px #FFFFFF solid;}
ul#topquickmenu li.last {padding-right: 0; border: none;}

td#breadcrumbs {height: 28px; padding: 9px 0 0 25px; text-align: left; vertical-align: top; background: #D8D7C5 url(/img/en/breadcrumbs.gif) 0 0 no-repeat;}

td#colleft {font-size: 11px; width: 172px; height: 100%; text-align: center; vertical-align: top; background-color: #D8D7C5;}
td#colmiddle, td#colmiddle-home {height: 100%; text-align: center; vertical-align: top;}
td#colmiddle {font-size: 11px; width: 526px; padding: 15px; background: url(/img/en/center_top_bg.gif) top center no-repeat;} /* 2008.02.11 ajouté width: 526px; */
td#colright {font-size: 11px; width: 172px; height: 100%; text-align: center; vertical-align: top; background-color: #D8D7C5;}

td#colleft .header {padding: 11px 0 0 20px;}
td#colright .title {margin: 0; padding: 4px 0 2px 17px; color: #676767; line-height: 14px;}

td#colright form#newsletter {margin: 0 5px; padding: 0;}
td#colright input#emailnews {color: #777777; border: 1px #A4A3A1 solid; width: 135px; height: 14px; font-size: 10px; padding: 0 2px;}
td#colmiddle form#provcontact {margin: 17px 0 0 0; padding: 0;}
td#colmiddle form#newsarchive {margin: 0; padding: 0;}
td#colmiddle form#provcontact select, td#colmiddle form#newsarchive select {color: #777777; border: 1px #A4A3A1 solid; width: 135px; height: 14px; font-size: 10px; padding: 0;}

ul.quickmenu {margin: 5px 0 0 20px; padding: 0; text-align: left;}
ul.quickmenu li {margin: 0; padding: 4px 15px 4px 0; list-style-type: none;}

ul.quickmenu li ul {margin: 2px -7px 0 -6px; padding: 0; text-align: left; background: url(/img/en/leftcol/submenu_bg.gif) 0 0 repeat-y;}
ul.quickmenu li ul li {margin: 0; padding: 3px 5px 4px 17px; list-style-type: none; background: url(/img/en/leftcol/submenu_middle.gif) 0 0 no-repeat;}
ul.quickmenu li ul li.qmsub-top {background: url(/img/en/leftcol/submenu_top.gif) 0 0 no-repeat;}
ul.quickmenu li ul li.qmsub-bottom {background: url(/img/en/leftcol/submenu_bottom.gif) 0 0 no-repeat;}
ul.quickmenu li ul li.qmsub-bottom2 {background: url(/img/en/leftcol/submenu_bottom2.gif) 0 0 no-repeat;}

ul.inlinebullets {margin: 5px 0 10px 0; padding: 0; text-align: left;}
ul.inlinebullets li {margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline; list-style-type: none;}

ul.inlinebullets li.current {font-size: 11px; color: #666666; font-weight: bold; background: url(/img/en/fleche.gif) 0 4px no-repeat;}
ul.inlinebullets li.faded {font-size: 11px; color: #E5E5E5; font-weight: bold; background: url(/img/en/fleche_faded.gif) 0 4px no-repeat;}

ul.footer-links {margin: 20px auto; padding: 0;}
ul.footer-links li {margin: 0; padding: 0 5px 0 0; display: inline; border-right: 1px #666666 solid;}
ul.footer-links li.last {padding-right: 0; border: none;}

div#footertagline2 {font-size: 12px; color: #F47F22; text-align: center; margin-top: 30px;}
div#footertagline2 span.emph2 {font-size: 14px;}
div#footertagline2 a:link, div#footertagline2 a:visited {color: #666666; text-decoration: underline; font-weight: bold;}
div#footertagline2 a:hover, div#footertagline2 a:focus, div#footertagline2 a:active {color: #666666; text-decoration: none; font-weight: bold;}

div#footertaglineBtn {text-align: center; margin-top: 10px;}

table#contactMcRichard {width: 257px; background-color: #FFFFFF; border: 1px #F47F22 dotted;}
table#contactMcRichard tr td {padding: 2px 5px; vertical-align: top; line-height: 16px;}
table#contactMcRichard td.header {font-size: 13px; background-color: #F47F22; color: #FFFFFF; font-weight: bold;}
table#contactMcRichard td.email {width: 80px; text-align: left;}

table.contactinfo {margin: 0 auto; width: 526px;}
table.contactinfo-sub {margin-top: 10px;}
table.contactinfo tr td {vertical-align: top;}
table.contactinfo table {width: 257px; background-color: #FFFFFF; border: 1px #F47F22 dotted;}
table.contactinfo-sub table {border-color: #999999;}
/*table.contactinfo-2cols table {width: 255px;}*/
table.contactinfo table tr td {padding: 2px 5px; vertical-align: top; line-height: 16px;}
table.contactinfo table td.header {font-size: 13px; background-color: #F47F22; color: #FFFFFF; font-weight: bold;}
table.contactinfo-sub table td.header {background-color: #EAEAEA; color: #666666;}
/*table.contactinfo table td.subheader {background-color: #EAEAEA; color: #666666; font-weight: bold;}*/
table.contactinfo table td.email {width: 80px; text-align: left;}

/*table.partnerslist {width: 490px; margin: 10px;}
table.partnerslist td {font-size: 10px; width: 25%;}*/

table.partnersblock {margin: 10px auto 0 auto; width: 526px;}
table.partnersblock tr td {font-size: 10px; width: 50%; vertical-align: top;}
table.partnersblock table {width: 257px; background-color: #FFFFFF; border: 1px #999999 dotted;}
table.partnersblock table td.partnerslogo {vertical-align: bottom; padding-top: 10px;}
table.partnersblock table td.partnersname {vertical-align: top; padding-bottom: 10px;}
table.partnersblock table td.header {font-size: 13px; padding: 2px 5px; background-color: #EAEAEA; color: #666666; font-weight: bold;}

table.resources {margin: 0 auto; width: 526px;}
table.resources-sub {margin-top: 10px;}
table.resources tr td {vertical-align: top;}
table.resources table {width: 524px; background-color: #FFFFFF; border: 1px #999999 dotted;}
table.resources table tr td {padding: 2px 5px; vertical-align: top; line-height: 16px;}
table.resources table td.header {font-size: 13px; background-color: #EAEAEA; color: #666666; font-weight: bold;}
table.resources table td.resources-cat {width: 90px; text-align: left; font-size: 10px; background-color: #EAEAEA; color: #666666;}

table.clientlist {margin: 10px auto 0 0; width: 526px;}
table.clientlist tr td {vertical-align: top;}
table.clientlist table {width: 524px; background-color: #FFFFFF; border: 1px #999999 dotted;}
table.clientlist table tr td {padding: 2px 5px; vertical-align: top; line-height: 16px;}
table.clientlist table td.header {font-size: 13px; background-color: #EAEAEA; color: #666666; font-weight: bold;}
table.clientlist table td.clientleft {width: 178px; text-align: left; padding-left: 15px; background: url(/img/en/fleche.gif) 5px 6px no-repeat;}
table.clientlist table td.clientsite {width: 50px; text-align: left;}
table.clientlist table td.clientsite-border {border-right: 1px #EAEAEA dashed;}

div.exec, div.news, div.career {text-align: justify; margin: 0; padding: 10px;}
div.exec-alt1, div.news-alt1, div.career-alt1 {background-color: #F0F0F0;}
div.exec-alt2, div.news-alt2, div.career-alt2 {padding: 0;}
div.exec div.exec-photo {display: none; float: left; margin: 0 10px 0 0; width: 160px; height: 79px;}
div.exec div.exec-contact {float: right; margin: 0 0 0 10px; text-align: right;}
div.exec div.exec-name {font-size: 12px; font-weight: bold;}
div.exec div.exec-title {font-weight: bold; text-align: left; margin-bottom: 10px;}
div.exec div.exec-desc {font-weight: bold; text-align: left; margin-bottom: 10px;}

div.news div.news-photo {float: left; margin: 0 10px 0 0;}
div.news div.news-title {font-size: 12px; text-align: left; margin-bottom: 10px; font-weight: bold;}
/*div.news div.news-date {font-weight: bold; margin-bottom: 10px;}*/
div.news div.news-author {float: right; margin: 0 0 0 10px; text-align: right;}
div.news-subsect-container img {display: block; padding: 5px; border: 1px #FFFFFF solid;}

div.career div.jobtitle {font-size: 12px; font-weight: bold; margin-bottom: 10px;}
div.career div.jobdate {float: right; text-align: right; color: #999; margin: 0 0 5px 0;}
/*div.career div.career-desc {font-weight: bold; text-align: left; margin-bottom: 10px;}*/
div.career table.jobinfo {width: 510px; border-collapse: collapse; margin-bottom: 0;}
div.career table.jobinfo td {padding: 3px 4px; border: 1px #CCC dotted; text-align: left;}
div.career table.jobinfo td.firstcol {width: 145px; font-weight: bold; border-left: none;}
div.career table.jobinfo td.lastcol {border-right: none;}

div.subsect-container, div.exec-subsect-container, div.news-subsect-container, div.career-subsect-container, div.success-subsect-container {border: 1px #999 dotted; margin-top: 10px; padding: 7px;}

div#calltrack {height: 493px; color: #FFFFFF; background: url(/img/fr/telesource.jpg) 0 0 no-repeat;}
div#calltrack * {color: #FFFFFF;}
div#calltrack.calltrack-en {background: url(/img/en/telesource.jpg) 0 0 no-repeat;}

table#sitemap {width: 510px;}
table#sitemap tr td {padding: 5px 10px; width: 50%; text-align: left;}

table#sitemap ul {margin: 0; padding: 0;}
table#sitemap ul li {margin: 0; padding: 0; list-style-type: none;}

table#sitemap ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li {font-style: italic; padding: 3px 0;}

table#sitemap ul li ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li ul li {font-style: normal; padding: 3px 0;}

.hidden {display: none;}
.visible {display: block;}


div.success {text-align: justify;}
div.success div.success-title {font-size: 12px; text-align: left; margin-top: 15px; font-weight: bold;}
div.success p {margin: .5em 0 1em 0;}



/* -------------------- FORMS -------------------- */
form.form2007 table, table.form2007 {width: 525px; background-color: #FFFFFF;}

form.form2007 table td, table.form2007 td {padding: 2px 5px;}

form.form2007 table td.header, table.form2007 td.header {color: #FFFFFF; background-color: #F47F22; font-weight: bold; text-align: center;}
form.form2007 table td.header .copyr a:link, form.form2007 table td.header .copyr a:visited, form.form2007 table td.header .copyr a:hover, form.form2007 table td.header .copyr a:focus, form.form2007 table td.header .copyr a:active, 
table.form2007 td.header .copyr a:link, table.form2007 td.header .copyr a:visited, table.form2007 td.header .copyr a:hover, table.form2007 td.header .copyr a:focus, table.form2007 td.header .copyr a:active {color: #FFFFFF;}
form.form2007 table td.subheader {text-align: left; font-size: 14px;}
form.form2007 table td.subheader .copyr {color: #FFFFFF;}
form.form2007 table.subsection {margin-top: 15px;}
form.form2007 table td.expl, table.form2007 td.expl {text-align: center;}
form.form2007 table td.expl-mandatory {text-align: left;}
form.form2007 table td.nopadding {padding: 1px 0 0 0; background-color: #F47F22;}
form.form2007 table td textarea {width: 513px;}
form.form2007 table td.leftcol {width: 198px; text-align: left;}
form.form2007 table td.leftcol-small {width: 100px; text-align: left;}
form.form2007 table td.mandatory {text-align: center;}
form.form2007 table td.mandatory-checkbox {text-align: center; vertical-align: top; width: 20px;}
form.form2007 table td.rightcol {text-align: left; width: 265px; padding-left: 25px;}
form.form2007 table td.rightcol-big {text-align: left; width: 391px; padding-left: 25px;}
form.form2007 table td.colmoney {text-align: left; width: 265px; padding-left: 13px;}
form.form2007 .header td {color: #FFFFFF;}

/* --- you can add these 2 lines to your custom forms css if used on a dark bg website (gives the input fields a black bg + white text) --- */
/*form.form2007 table td.rightcol input, form.form2007 table td.rightcol select, form.form2007 table td textarea, form.form2007 table td.rightcol textarea {color: #666666; background-color: #FFFFFF; border: 1px #FFFFFF solid;}
form.form2007 table td.rightcol .field-err {border: 1px #FF0000 solid;}*/

form.form2007 table td.rightcol input.long, form.form2007 table td.rightcol textarea, form.form2007 table td.rightcol select.long {width: 240px;}
form.form2007 table td.rightcol input.medium, form.form2007 table td.rightcol select.medium,
form.form2007 table td.rightcol50 input.medium, form.form2007 table td.rightcol50 select.medium {width: 112px;}
form.form2007 table td.rightcol input.short, form.form2007 table td.rightcol select.short {width: 50px;}
form.form2007 table td.rightcol input, form.form2007 table td.rightcol textarea, form.form2007 table td.rightcol select {color: #666666; border: 1px #A4A3A1 solid;}
form.form2007 table td.leftcol50 {width: 50%;}
form.form2007 table td.rightcol50 {text-align: left; width: 50%; padding-left: 25px;}
form.form2007 table tr.alt1 {background-color: #F0F0F0; color: #666666;}
form.form2007 table tr.alt1 td, form.form2007 table tr.alt1 td .copyr {color: #666666;}
form.form2007 table tr.alt2 {background-color: #EAEAEA; color: #666666;}
form.form2007 table tr.alt2 td, form.form2007 table tr.alt2 td .copyr {color: #666666;}
form.form2007 table td.mailing {padding: 5px 5px 10px 5px;}
form.form2007 ol {margin: 0 auto;}

form.form2007 input, form.form2007 select {font-size: 11px;}
form.form2007 td.expl input#btn-submit {font-size: 12px;}

/*form.form2007 table tr td table {width: 270px; background-color: transparent;}*/
form.form2007 table tr td table {width: 265px; background-color: transparent;}
form.form2007 table tr td table tr td {padding: 2px 5px 2px 0;}
form.form2007 td.radio-btn-left {width: 50px; border-right: 1px #FFFFFF solid; padding-left: 0;}

form.form2007 table label {display:block; width:200px;	font:0.9em verdana,arial,helvetica;}

form.form2007 input#btn-submit, form.form2007 input#btnsubmit, form.form2007 input#btncontinue, form.form2007 input.button {padding: 3px;}

div#err-msg {width: 519px; text-align: left; font-weight: bold; padding: 2px; color: #FFFFFF; background-color: #F47F22;}
div#err-msg ul {margin-top: 5px; margin-bottom: 2px;}
div#err-msg ul li {color: #FFFFFF;}
div#err-msg ul li a:link, div#err-msg ul li a:visited, div#err-msg ul li a:active, div#err-msg ul li a:hover, div#err-msg ul li a:focus {color: #FFFFFF; text-decoration: none;}

.field-err {border: 1px #FF0000 solid;}

.hidden {display: none;}
.visible {display: block;}

tr .dsbldfield {border: none;}
tr.alt1 .dsbldfield {background-color: #F0F0F0; color: #666666;}
tr.alt2 .dsbldfield {background-color: #EAEAEA; color: #666666;}
/* -------------------- /end FORMS -------------------- */