@charset "utf-8";
/* CSS Document */
@import url("reset.css");

/* ------ Structures ------ */
/* ********************************************************************************** */
html {height:100%;}
body { background:#ffffff; height:100%; }
.container-header { background:#e8e8e8 url(../images/common/background/bg_header.png) bottom repeat-x; height:40px; position:relative; width:100%; margin:0px; padding:0px; }
.container-body { display:block; height:auto; left:0px; overflow:visible; position:relative; text-align:center; top:0px; width:100%; }
.container-footer { background:#ffffff; border-top:#cccccc solid 1px; display:block; float:left; height:40px; left:0px; margin:0 auto; position:relative; visibility:visible; width:100%; }

/* ------ Generic ------ */
/* ********************************************************************************** */
em {font-weight:bold;font-style:normal;}

/* ------ Common ------ */
/* ********************************************************************************** */
.rel {position:relative;}
.u {text-decoration:underline;}
.i {font-style:italic;}
.bold {font-weight:bold;}
.sep {border-bottom: 1px solid #ccc;margin-bottom:10px;padding-bottom:10px;}
/* ------ Header ------ */
/* ********************************************************************************** */
.header { height:40px; margin:0 auto; padding:0 20px; position:relative; width:960px; }

/*Logo*/
.header .logo { background:transparent url(../images/common/logo/logo_spin.png) left top no-repeat; float:left; height:21px; position:relative; text-indent:-9999px; top:9px; width:69px;}

/*Main Navigation*/
.header .nav { color:#7b7b7b; font-family:arial; font-size:11px; font-weight:normal; float:left; left:20px; position:relative; top:8px; text-transform:uppercase; }
.header .nav ul {}
.header .nav ul li { background:transparent url(../images/common/background/bg_header_nav_sep.png) left 2px no-repeat; float:left; list-style-type:none; padding:5px 20px 5px 20px; }
.header .nav ul li a { color:#7b7b7b; display:block; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.header .nav ul li a:hover { color:#000000; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.header .nav ul li a.active { color:#000000; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.header .nav ul li a.active:hover { color:#000000; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.header .nav ul li a.menu { background:transparent url(../images/common/arrow_nav_off.png) right 5px no-repeat; padding-right:10px; }
.header .nav ul li a.menu:hover { background-image:url(../images/common/arrow_nav_on.png); }

/*Share Navigation*/
.header .share { float:right; position:relative; top:9px; right:0px; width:100px; }
.header .share ul { float:right; }
.header .share ul li { float:left; line-height:20px; list-style-type:none; padding-right:10px; }
.header .share ul li a { background:transparent left top no-repeat; display:block; height:23px; text-indent:-9999px; width:23px; }
.header .share ul li a.twitter { background-image:url(../images/common/bt_toplinks_twitter_off.png); }
.header .share ul li a.twitter:hover { background-image:url(../images/common/bt_toplinks_twitter_on.png); }
.header .share ul li a.flickr { background-image:url(../images/common/bt_toplinks_flickr_off.png); }
.header .share ul li a.flickr:hover { background-image:url(../images/common/bt_toplinks_flickr_on.png); }
.header .share ul li a.facebook { background-image:url(../images/common/bt_toplinks_facebook_off.png);}
.header .share ul li a.facebook:hover { background-image:url(../images/common/bt_toplinks_facebook_on.png); }


/* ------ Body ------ */
/* ********************************************************************************** */
.body { height:auto; margin:0 auto; position:relative; top:0px; visibility:visible; width:1000px; }
/*Main Navigation - Fly Second Level*/
.header .nav-fly { display:none; left:-20px; position:absolute; top:32px; width:200px; z-index:100; }
.header .nav-fly .nav-fly-mid { background:transparent url(../images/common/background/bg_header_flynav_mid.png) center 0 repeat-y; float:left; padding:0 20px; width:160px;}
.header .nav-fly .nav-fly-btm { background:transparent url(../images/common/background/bg_header_flynav_btm.png) center 0 no-repeat; font-size:0px; float:left; height:20px; width:200px;}
.header .nav-fly ul {}
.header .nav-fly ul li { background:none; padding:0px; float:left; list-style-type:none; }
.header .nav-fly ul li a { background-color:#ffffff; border-bottom:#cccccc solid 1px; color:#7b7b7b; display:block; float:left; font-family:arial; font-size:11px; font-weight:normal; height:15px; padding:12px 0 12px 20px; text-decoration:none; text-transform:uppercase; width:140px;}
.header .nav-fly ul li a:hover { background-color:#000000; color:#ffffff; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.header .nav-fly ul li:first-child a { border-top:none; }

/*Title*/
.body .title { background:transparent url(../images/common/background/bg_body_title.png) center 0 repeat-y; padding:0 20px; width:960px; }
.body .title img { display:block; height:250px; width:960px; }

/*Second Navigation*/
.body .nav { background-color:#ffffff; height:500px; position:absolute; top:19px; left:0px; width:160px; z-index:1; }
.body .nav .nav-mid { background:transparent url(../images/common/background/bg_body_nav_mid.png) center 0 repeat-y; float:left; padding:0 20px; width:160px;}
.body .nav .nav-btm { background:transparent url(../images/common/background/bg_body_nav_btm.png) center 0 no-repeat; font-size:0px; float:left; height:19px; position:relative; top:-8px; width:200px; z-index:3}
.body .nav ul li { float:left; list-style-type:none; }
.body .nav ul li a { background-color:#ffffff; border-top:#cccccc solid 1px; color:#7b7b7b; display:block; float:left; font-family:arial; font-size:11px; font-weight:normal; height:15px; padding:13px 0 11px 20px; position:relative; text-decoration:none; text-transform:uppercase; width:140px; z-index:3}
.body .nav ul li a:hover,
.body .nav ul li a.selected { background-color:#000000; color:#ffffff; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.body .nav ul li:first-child a { border-top:none; }

/*Content*/
.body .container-content { position:relative; width:1000px; }
.body .content-top { background:transparent url(../images/common/background/bg_body_content_lft.png) center 0 no-repeat; height:33px; left:0px; position:absolute; top:0px; width:168px; z-index:2;}
.body .content { background:transparent url(../images/common/background/bg_body_content_rgt.png) center 0 no-repeat; float:left; left:168px; padding:0 20px 0 12px; position:relative; width:800px; z-index:2; }
.body .content .col-lft { float:left; min-height:550px; padding:20px 0 20px 20px; position:relative; width:440px; }
.body .content .col-rgt { float:left; padding:14px 0px 20px; position:relative; width:338px; }

/*Box Informations*/
.body .content .box { padding:0 15px; width:308px; }
.body .content .box .box-top { background:transparent url(../images/common/background/bg_content_box_top.png) 0 0 no-repeat; font-size:0px; height:9px; position:relative; width:308px; z-index:20; }
.body .content .box .box-mid { background:transparent url(../images/common/background/bg_content_box_mid.png) 0 0 repeat-y; padding:0 0 0 5px; position:relative; top:-5px; width:303px; z-index:10; }
.body .content .box .box-btm { background:transparent url(../images/common/background/bg_content_box_btm.png) 0 0 no-repeat; font-size:0px; height:9px; position:relative; top:-10px; width:308px; z-index:20; }
.body .content .box .dates { display:block; }
.body .content .box h2 { padding:10px; }
.body .content .box .info { padding:10px; }
.body .content .box .info h2 { padding:0px; }
.body .content .box .map { border:#cccccc solid 1px; border-left:none; border-right:none; width:298px; }
.body .content .box .map img { display:block; }

/* ------ Formating ------ */
/* ********************************************************************************** */
.content h1, 
.popup h1 { color:#000000; font-family:arial; font-size:11px; font-weight:bold; line-height:14px; text-transform:uppercase; }
.content h2, 
.popup h2 { color:#000000; font-family:arial; font-size:11px; font-weight:bold; line-height:14px; text-transform:uppercase; }
.content h3, 
.popup h3 { color:#000000; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; }
.content h4, 
.popup h4 { color:#666666; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; }
.content h5, 
.popup h5 { color:#666666; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; }
.content h6, 
.popup h6 { color:#666666; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; }
.content p, 
.popup p { color:#666666; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; padding-bottom:15px; }
.content ol,
.content ul,
.popup ol,
.popup ul { margin-bottom:15px; }
.content ul li,
.popup ul li { background:transparent url(../images/common/bullet.png) left 3px no-repeat; color:#666666; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; list-style-type:none; padding:0 0 0 8px; }
.content ol li,
.popup ol li { color:#666666; font-family:arial; font-size:11px; font-weight:normal; line-height:14px; margin-left:20px; padding:0px; }

/*Links*/
.content a { color:#000000; font-family:arial; font-size:11px; font-weight:bold; text-decoration:none; }
.content a:hover { color:#000000; font-weight:bold; text-decoration:underline; }

/*Buttons*/
.content a.bt { background:#ffffff 0 0 no-repeat; display:block; height:38px; text-decoration:none; text-indent:-9999px; width:298px; }
.content a.bt:hover { background:#000000 0 0 no-repeat; text-decoration:none; }
.fr .content a.bt.registration,
.fr .content a.bt.subscription { background-image:url(../images/fr-CA/bt_subscription_off.png); }
.fr .content a.bt.registration:hover,
.fr .content a.bt.subscription:hover { background-image:url(../images/fr-CA/bt_subscription_on.png); }
.fr .content a.bt.seeportfolios { background-image:url(../images/fr-CA/bt_see_portfolios_off.png); }
.fr .content a.bt.seeportfolios:hover { background-image:url(../images/fr-CA/bt_see_portfolios_on.png); }
.en .content a.bt.subscription { background-image:url(../images/en-CA/bt_subscription_off.png); }
.en .content a.bt.subscription:hover { background-image:url(../images/en-CA/bt_subscription_on.png); }
.en .content a.bt.registration { background-image:url(../images/en-CA/bt_registration_off.png); }
.en .content a.bt.registration:hover { background-image:url(../images/en-CA/bt_registration_on.png); }
.en .content a.bt.seeportfolios { background-image:url(../images/en-CA/bt_see_portfolios_off.png); }
.en .content a.bt.seeportfolios:hover { background-image:url(../images/en-CA/bt_see_portfolios_on.png); }


/* ------ Footer ------ */
/* ********************************************************************************** */
.footer { height:40px; margin:0 auto; padding:0 20px; width:960px; }

/*Navigation*/
.footer .nav { color:#7b7b7b; font-family:arial; font-size:11px; font-weight:normal; float:left; text-transform:uppercase; }
.footer .nav ul { padding:0 4px 0 0;}
.footer .nav ul li { float:left; line-height:30px; list-style-type:none; padding:5px 20px; }
.footer .nav ul li.title { background:transparent url(../images/common/background/bg_header_nav_sep.png) right 10px no-repeat; }
.footer .nav ul li a { color:#7b7b7b; display:block; font-family:arial; font-size:11px; font-weight:normal;  text-decoration:none; text-transform:uppercase; }
.footer .nav ul li a:hover { color:#000000; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.footer .nav.sponsor { float:right; }

/* ------ Template Home ------ */
/* ********************************************************************************** */
.splash .body { width:100%; }
.splash .body .container-content { height:100%; width:100%; }

/* ------ Popup ------ */
/* ********************************************************************************** */
h2.title {text-indent:-9999px;}
h2.fr.portfolios {background:url(../images/fr-CA/title_popup_portfolios.png) 20px 5px no-repeat;}
h2.en.portfolios {background:url(../images/en-CA/title_popup_portfolios.png) 20px 5px no-repeat;}

/*.modalBackground { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000000; opacity:0.4; filter:alpha(opacity=40);}*/

/*.formPopup { width:640px; height:500px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -320px; opacity:1; filter:alpha(opacity=100);}*/
#form_steps {}
#form_steps .selected {background-color:#000;color:#fff;}
#form_steps .first_step {background:url(../images/common/background/bkg_first_step.png) top left no-repeat;}
#form_steps .first_step.selected {background:url(../images/common/background/bkg_first_step_over.png) top left no-repeat;}
.formPopup .popupTop { width:640px; height:6px; background:url(../images/common/background/bkg_form_top.gif) top left no-repeat;}
.formPopup .titleDiv { padding-left:20px; width:620px; height:54px; background-color:#ffffff; padding-top:10px; text-align:left;}
.formPopup .titleDiv h2 { font-size:35px; text-transform:uppercase; color:#000000; padding:0px 0px 0px 20px; margin:0px; }
.formPopup .formNav { position:relative; float:left; width:160px; height:120px;}
.formPopup .formNav ul { list-style-type:none; padding:0px; margin:0px; text-transform:uppercase; background:url(../images/common/background/bkg_sectionButtons.gif) top left repeat-y; vertical-align:top;}
.formPopup .formNav ul li { display:block; width:140px; height:18px; padding:10px 0px 10px 20px; margin:0px; border-bottom:solid 1px #cccccc; border-top:none; font-family:Arial, Sans-Serif; font-size:12px; color:#9f9f9f;}
.formPopup .formNav ul li.last { height:17px;}
.formPopup .formNav .bottom { width:160px; height:6px; position:absolute; left:0px; bottom:0px; background:url(../images/common/background/bkg_sectionButtons_btm.gif) top left no-repeat;}
.formPopup iframe { border:none; height:510px; width:480px; background-color:#ffffff;}
.formPopup .popupBottom { width:480px; height:6px; position:relative; left:160px; bottom:0px; background:url(../images/common/background/bkg_form_btm.gif) top left no-repeat;}

/*Portfolio view*/
#slider_container .arrow {position:absolute;z-index:10;right:0px;border:none;padding:20px 0px;}
#slider_content a {font-size:0px;display:block;}
#slider_content a img {border-bottom: 1px solid #fff;}

#folio_detail { font-family: Arial, Sans-serif; padding:0px 20px; }
#folio_detail .navButtonsContainer {position:absolute;bottom:0px;right:0px;font-family:Arial, Sans-serif; font-size:11px; color:#808080; width:460px; height:20px; background: url(../../resources/images/common/background/bkg_navButtons.gif) top left repeat-x; padding:14px 10px 6px 10px;}
#folio_detail .navButtonsContainer .left { text-transform:uppercase; color:#808080; text-decoration:none; float:left; margin-top:2px;}
#folio_detail .navButtonsContainer .right { text-transform:uppercase; color:#808080; text-decoration:none; float:right; margin-top:2px;}
#folio_detail .navButtonsContainer .right a {float:left; margin-top:-2px;}
#folio_detail .navButtonsContainer .sep {padding:0px; border:none; height:20px; width:1px; float:left; margin:-3px 10px 0px 10px; border-left:solid 1px #cccccc;}
#folio_detail #folio_media,
#folio_detail #folio_image {margin-bottom:20px;}
#folio_detail #folio_candidat {color:#000;}
#folio_detail #folio_description {padding-top:20px;font-size: 11px; color:#808080;}
#folio_detail #folio_ori_link{}