/* ---[ layout.css ]------------------------------------------------

CSS spécifique au site

SITE :
www.thesquarefoot.ca

RÉALISATION :
CAP (www.capprod.com)

----------------------------------------------------------------- */

/*** LAYOUT ***/

body {background:#EEE;}
*   #container {width:970px; padding:0 10px 10px; margin:0 auto 30px; background:#fff; position:relative;}
*   *   #headline {height:25px; border-bottom:solid 1px #fff; position:absolute; top:0; left:10px; z-index:222; width:970px;}
*   *   #header {background:#454545; height:100px; border-bottom:solid 10px #fff; padding:26px 0 0;}
*   *   #sideLeft {width:160px; float:left; margin:0 0 30px;}
*   *   #main {float:right; position:relative; width:810px; margin:0 0 30px;}
*   *   *   #content {width:468px; float:left; margin:0 14px 30px;_display:inline;}
*   *   *   #sideRight {width:314px; float:left;padding:20px 0 0;_display:inline;}
*   *   *   #rssLink {position:absolute; top:0; right:0;}
*   *   #footer {clear:both; border-top:solid 10px #fff; background:#E5E5E5; position:relative; padding:10px;}
*   #thirdContent {display:none;}


/*** HEADER ***/
#header h1 {display:none;}


/*** HEADLINE ***/

/* #headline */
#topShortcuts {position:absolute; top:5px; left:10px;}
#topLoginLink {position:absolute; top:5px; right:10px;}
#headline a {color:#fff; font-weight:bold;}
#headline .pipe {width:0; overflow:hidden; height:10px; border-right:solid 1px #fff; margin:0 6px 0 3px;}
#topLoginLink .link_login, #topLoginLink .link_cmsdesk {background: url(../images/topLoginLink_arrow.gif) no-repeat 3px center; padding:0 0 0 22px;}
#topLoginLink .link_logout {font-size:0.95em; margin:0 0 0 3px;}
#topLoginLink div {display:inline; padding:0 0 0 20px;}

/* #headline > .searchBox */
#headline .searchBox {margin:3px auto; width:222px;height:18px; overflow:hidden;}
*+html #headline .searchBox {border-top:solid 3px #454545;} /* Fix IE7 */
#headline .searchBox td {vertical-align:top;}
#headline .searchBox .input {background: #fff url(../images/searchBox_left.gif) no-repeat left top; width:148px; height:16px; padding:1px 3px;}
#headline .searchBox .input input {border: 0; margin:0; padding:0; width:160px; color:#666; font-size:1.2em;}
#headline .searchBox .input input:focus {outline:0;}
#headline .searchBox .submit input {width:56px; height:18px; background:url(../images/searchBox_button.gif) no-repeat left 0;}
#headline .searchBox .submit input:hover, .searchBox .submit input:focus {background:url(../images/searchBox_button.gif) no-repeat left -18px; outline:0;}


/*** HEADER ***/

/* #header */
#header img {background:#DA252C url(../images/topBanner_default.gif) no-repeat;}


/*** SIDEBAR LEFT ***/

/* #sideLeft > .leftMenu */
.leftMenu a:visited {color:#1F527B;}
.leftMenu .links_pages li {_display:inline-block;border-bottom:solid 1px #fff;}
.leftMenu .links_pages a {font-weight:bold;display:block; margin:0 0 0px; padding:5px; background:#d8d8d8;}
.leftMenu .links_pages a:hover {background:#cbcbcb;}
.leftMenu .links_itemsCollection li {_display:inline-block;border-bottom:solid 1px #fff;}
.leftMenu .links_itemsCollection a {font-weight:bold;display:block; padding:5px; background:#e5e5e5;}
.leftMenu .links_itemsCollection a:hover {background:#d8d8d8;}
.leftMenu .links_corporate li {list-style-type: disc; list-style-position:inside; margin:0 0 0 10px;}
.leftMenu .links_corporate a {color:#666;}
.leftMenu h5 {font-size:0.95em; _font-size:10px; font-weight:bold; margin:20px 0 5px; color:#333;}
.leftMenu .link_allNews a {padding:12px 5px;}
.leftMenu small {font-size:0.8em; font-weight:normal;}
/* Active */
.active, .squarefoot_home .link_homePage, .cat_allnews .link_allNews, .workplace_allJobs .link_allJobs {background:#DA252C !important; padding:0 6px 0 0;}
.active a, .squarefoot_home .link_homePage a, .cat_allnews .link_allNews a, .workplace_allJobs .link_allJobs a {background:#665F6E !important; color:#fff !important; border-right:solid 1px #fff;}
.active a:hover, .squarefoot_home .link_homePage a:hover, .cat_allnews .link_allNews a:hover, .workplace_allJobs .link_allJobs a:hover {background:#665F6E;}


/*** CONTENT ***/

/* #content > #topNews_editableRegion */
#topNews_editableRegion {border-top:solid 14px #fff; padding:0 0 6px;}
#topNews_editableRegion h3 {margin-top:0 !important;}
#topNews_editableRegion .imgLeftInContent, #topNews_editableRegion .imgRightInContent {border: solid 1px #555 !important; vertical-align:bottom; margin-top:10px;}

/* #content > #homeNews_list.ascx */
#homeNews_list {clear:both; padding:16px 0 0;}
#homeNews_list td {vertical-align:top; padding:0 0 16px;}
#homeNews_list a.thumbnail {border: solid 1px #555 !important; margin:0 8px 5px 0; float:left;}
#homeNews_list a.thumbnail:hover {border: solid 1px #4F85AE !important;}
#homeNews_list a.thumbnail img {width:70px;}
#homeNews_list .separator {width:12px;}
#homeNews_list h4 {font-size:1.05em; font-weight:bold; line-height:1.3em; margin:0 0 2px;}
#homeNews_list h4 .lock {height:11px; vertical-align:baseline; cursor:help; margin:0 4px 0 0;}
#homeNews_list p {line-height:1.3em; clear:both; padding:3px 0 0;}

/* #content > #featureNews_list */
#featureNews_list {clear:both; padding:0 10px;background:#EFEFEF;}
#featureNews_list td {vertical-align:top; padding:10px 0 15px;}
#featureNews_list a.thumbnail {border: solid 1px #555 !important; float:left; margin:0 0 8px;}
#featureNews_list a.thumbnail:hover {border: solid 1px #4F85AE !important;}
#featureNews_list a.thumbnail img {width:126px;}
#featureNews_list .separator {width:32px;}
#featureNews_list h4 {font-size:1.05em; font-weight:bold; line-height:1.3em; margin:0 0 2px; clear:both;}
#featureNews_list h4 .lock {height:11px; vertical-align:baseline; cursor:help; margin:0 4px 0 0;}
#featureNews_list p {line-height:1.3em; clear:both; padding:3px 0 0;}
#featureNews_list h5 {padding:10px 0 0; text-transform:uppercase; font-size:1.2em;}

/* #content > .news_mediumList */
#content .news_mediumList {clear:both; margin:20px 0;}
#content .news_mediumList ul {padding:5px 0;}
#content .news_mediumList li {background:0; padding:8px 0;}
#content .news_mediumList h4 a { font-size:1.1em;}

/* #content > #news_longList */
#news_longList {margin:30px 0 0;}
#news_longList h2 {font-weight:bold; font-size:1.8em; margin:0 0 20px;font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color:#DA252C;}
#news_longList .description {font-weight:bold; margin:14px 0 0; display:block;}
#news_longList .list {margin:10px 0 40px;}

/* #content > #events_longList */
#events_longList {margin:30px 0 0;}
#events_longList h2 {font-weight:bold; font-size:1.7em; margin:14px 0 20px; color:#666;}

/* #content > #articleDetail */
#articleDetail {margin:0 0 50px;}

/* #content > #contactUs */
#contactUs .form {padding:0 0 20px; display:block;}
#contactUs .form div {padding:4px 0; clear:both;}
#contactUs .form div * {float:left;}
#contactUs .form div label {width:70px; display:block; font-size:1.1em; color:#666; margin:3px 0 0; text-align:right; padding:0 8px 0 0;}
#contactUs .form div input {vertical-align:top;}
#contactUs .form div .button {margin:10px 0 0 78px;}
#contactUs .form .maxLenghtIndicator {background:#aaa; color:#fff; margin:3px 0 0 5px; padding:1px 3px; font-weight:bold;}
#contactUs .form_alert, #contactUs .form_info {float:left; padding:3px 0 0 5px;}

/* #searchResults > #searchResults */
#searchResults .searchBox table {width:100%;}
#searchResults .searchBox td {vertical-align:top;}
#searchResults .searchBox .input {padding:1px 3px;}
#searchResults .searchBox .input input {width:370px; color:#454545; font-size:1.2em;font-weight:bold;}
#searchResults .searchBox .submit {text-align:right;}
#searchResults .searchBox .submit input {width:82px; height:25px; background:url(../images/searchResults_button.gif) no-repeat left 0; margin:1px 0 0;}
#searchResults .searchBox .submit input:hover {background:url(../images/searchResults_button.gif) no-repeat left -24px; outline:0;}
#searchResults .searchBox .submit input:focus {outline:solid 1px #4F85AE;}
#searchResults .list {clear:both; margin:30px 0;}
#searchResults .list .type_news {padding:0 0 0 50px;background:url(../images/type_news.gif) no-repeat left 4px;}
#searchResults .list .type_event {padding:0 0 0 50px;background:url(../images/type_event.gif) no-repeat left 4px;}
#searchResults .list h3 { font-size:1.2em; color:#666; margin:0 0 3px; font-weight:bold;}
#searchResults .list h3 .lock {height:12px; vertical-align:baseline; cursor:help; }
#searchResults .list .description {margin:0 0 3px; font-size:1em;}
#searchResults .list .category {color:#DA252C; font-size:0.85em; font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
#searchResults .list .date {font-size:0.85em; color:#777;}
#searchResults .list strong {font-weight:normal;color:#777;}
#searchResults .CMSSearchResultsNoResultsLabel{background:#a2cfe6 url(../images/label_info.png) no-repeat 5px 5px;border:1px solid #469bc6;margin:30px 0;padding:10px 10px 10px 40px; display:block; color:#333 !important; font-size:1.2em;} 

/*** SIDEBAR RIGHT ***/

/* #sideRight > .rssLink */
#rssLink {text-align:right; margin:0 0 9px;}
#rssLink a {color:#4F85AE;}
#rssLink .pipe {padding:0 2px;}
#rssLink img {vertical-align:bottom;}

/* #sideRight > .jobsButton_box */
#sideRight .jobsButton_box {margin:14px 15px 5px;}
*+html #sideRight .jobsButton_box {margin-top:30px;} /* Fix IE7 */

/* #sideRight > .squareFootButton_box */
#sideRight .squareFootButton_box {margin:14px 15px 5px;}

/* #sideRight > .usefulLinks_box */
#sideRight .usefulLinks_box {padding:15px 0 15px 14px; min-height:60px;}
#sideRight .usefulLinks_box .arrow {float:left; margin:0 12px 12px 0;}
#sideRight .usefulLinks_box h4 {text-transform:uppercase; font-size:1.3em; margin:5px 0 5px;}
#sideRight .usefulLinks_box p {padding:0 0 10px;}
#sideRight .usefulLinks_box p a {background:url(../images/utils_arrow.gif) no-repeat left 4px; padding:0 0 0 15px; display:inline-block;}
#sideRight .usefulLinks_box a:visited {color:#1F527B}

/* #sideRight > .news_shortList */
#sideRight .news_shortList { padding:15px 0 15px 14px; clear:both;}
#sideRight .news_shortList .view {text-align:right; clear:both;}
#sideRight .news_shortList li a.thumbnail { margin-left:-15px;}
#sideRight .news_shortList li a.thumbnail img {width:50px;}

/* #sideRight > .event_shortList */
#sideRight .event_shortList { padding:15px 0 15px 14px; clear:both;}
#sideRight .event_shortList .view {text-align:right;clear:both;}

/* #sideRight > .newsletter_box */
#sideRight .newsletter_box {padding:15px 0 15px 14px; min-height:78px;}
#sideRight .newsletter_box .letter {float:left; margin:0 12px 12px 0;}
#sideRight .newsletter_box h4 {text-transform:uppercase; font-size:1.3em; margin:5px 0 5px;}
#sideRight .newsletter_box p {padding:0 0 10px;}
#sideRight .newsletter_box p a {background:url(../images/utils_arrow.gif) no-repeat left 4px; padding:0 0 0 15px; display:inline-block;}
#sideRight .newsletter_box a:visited {color:#1F527B}

/* #sideRight > .pressReview_box */
#sideRight .pressReview_box {padding:15px 0 15px 14px; clear:both;}
#sideRight .pressReview_box .view {text-align:right;clear:both;}

/* #sideRight > .pressRelease_box */
#sideRight .pressRelease_box {border:solid 1px #aaa; color:#666; margin:10px 15px 15px; padding:6px 10px; cursor:pointer; clear:both;}
#sideRight .pressRelease_box h4 {font-weight:bold; font-size:1.2em; margin:0 0 3px;}
#sideRight .pressRelease_box a {color:#666;}
#sideRight .pressRelease_box a:hover * {text-decoration:underline;}

/* #sideRight > .partner_box */
#sideRight .partner_box {border-top:solid 1px #DA252C;margin:30px 15px 15px; padding:20px 0; clear:both;}
#sideRight .partner_box h5 {text-transform:uppercase; font-size:1.3em; padding:0 0 3px;}
#sideRight .partner_box ul {text-align:center;}
#sideRight .partner_box li {display:inline;}
#sideRight .partner_box li img {max-width:100px; vertical-align:middle;margin:15px;}

/* #sideRight > .loginBox */
.loginBox {border:solid 1px #ccc; padding:10px; position:relative; background:#ececec url(../images/logon_background.gif) repeat-x;}
.loginBox h3 {font-weight:bold; border-bottom:dashed 1px #aaa; font-size:1.5em; margin:0 0 15px;}
.loginBox .input_username label, .loginBox .input_password label {font-size:1.2em; padding:2px 0; width:70px; display:inline-block; margin:0 0 0 20px;}
.loginBox .input_username, .loginBox .input_password {margin:0 0 5px;}
.loginBox .input_rememberMe {font-size:0.95em;padding:0 0 12px 90px;}
.loginBox .input_rememberMe label {padding:0 0 5px;vertical-align:middle;}
.loginBox .button {display:inline-block;}
.loginBox .link_newMember {background:#d6eaf3; padding:5px 8px; margin:0 0 13px; font-size:1.1em; }
.loginBox .link_newMember a {font-weight:bold;}
.loginBox .bt_login {padding:0 0 0 90px;}
.loginBox .bt_forgotPassword {margin:15px 0 0; font-weight:bold;}


/*** FOOTER ***/

#footer a:visited {color:#1F527B;}
#footer .link_gototop {position:absolute; top:-18px; right:0; font-size:1.2em;background:url(../images/utils_top.gif) no-repeat left 3px; padding:0 0 0 15px;}
#footer .link_gototop a {color:#4F85AE;}
#footer h4 {font-size:1.4em; font-weight:bold;}
#footer h4 a {color:#665F6E;}
#footer .links_group {float:left; margin:5px 30px 0 10px; font-size:1.1em;}
#footer .links_group ul {float:left; margin:10px;}
#footer .links_group li {margin:3px 15px 3px 0;background:url(../images/utils_bullet.gif) no-repeat left 5px; padding:0 0 0 15px;}
#footer .links_bar {clear:both; padding:20px 0 0; color:#555;}
*+html #footer {padding-top:0;} /* Fix IE7 */

/*** AD ***/

.ad_728x90_1 {width:100%; text-align:center; font-size:0; clear:both;  visibility:hidden;}
.squarefoot_home .ad_728x90_1 img, .squarefoot_home .ad_728x90_1 object, .squarefoot_home .ad_728x90_1 embed, .squarefoot_home .ad_728x90_1 iframe {margin:25px 0 5px;}
.ad_728x90_1 img, .ad_728x90_1 object, .ad_728x90_1 embed, .ad_728x90_1 iframe {margin:25px 0 15px;}

.ad_468x60_1 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.ad_468x60_1 img, .ad_468x60_1 object, .ad_468x60_1 embed, .ad_468x60_1 iframe {margin:0 0 15px;}
.squarefoot_home .ad_468x60_1 img, .squarefoot_home .ad_468x60_1 object, .squarefoot_home .ad_468x60_1 embed, .squarefoot_home .ad_468x60_1 iframe {margin:0;}

.ad_468x60_2 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.ad_468x60_2 img, .ad_468x60_2 object, .ad_468x60_2 embed, .ad_468x60_2 iframe {margin:30px 0;}
.squarefoot_home .ad_468x60_2 img, .squarefoot_home .ad_468x60_2 object, .squarefoot_home .ad_468x60_2 embed, .squarefoot_home .ad_468x60_2 iframe {margin:10px 0;}
.squarefoot_documentdetails .ad_468x60_2 img, .squarefoot_documentdetails .ad_468x60_2 object, .squarefoot_documentdetails .ad_468x60_2 embed, .squarefoot_documentdetails .ad_468x60_2 iframe {margin:-10px 0 25px;}
.list .ad_468x60_2 img, .list .ad_468x60_2 object, .list .ad_468x60_2 embed, .list .ad_468x60_2 iframe {margin:0 0 25px;}
#jobs_longList .ad_468x60_2 img, #jobs_longList .ad_468x60_2 object, #jobs_longList .ad_468x60_2 embed, #jobs_longList .ad_468x60_2 iframe {padding:14px 0 0; margin:0; border-top: dashed 1px #aaa;}

.ad_468x60_3 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.squarefoot_home .ad_468x60_3 img, .squarefoot_home .ad_468x60_3 object, .squarefoot_home .ad_468x60_3 embed, .squarefoot_home .ad_468x60_3 iframe {margin:5px 0 20px;}
.list .ad_468x60_3 img, .list .ad_468x60_3 object, .list .ad_468x60_3 embed, .list .ad_468x60_3 iframe {margin:0 0 25px;}
#jobs_longList .ad_468x60_3 img, #jobs_longList .ad_468x60_3 object, #jobs_longList .ad_468x60_3 embed, #jobs_longList .ad_468x60_3 iframe {padding:14px 0 0; margin:0; border-top: dashed 1px #aaa;}

.ad_468x60_4 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.squarefoot_home .ad_468x60_4 img, .squarefoot_home .ad_468x60_4 object, .squarefoot_home .ad_468x60_4 embed, .squarefoot_home .ad_468x60_4 iframe {margin:20px 0 5px;}
.list .ad_468x60_4 img, .list .ad_468x60_4 object, .list .ad_468x60_4 embed, .list .ad_468x60_4 iframe {margin:0 0 25px;}
#jobs_longList .ad_468x60_4 img, #jobs_longList .ad_468x60_4 object, #jobs_longList .ad_468x60_4 embed, #jobs_longList .ad_468x60_4 iframe {padding:14px 0 0; margin:0; border-top: dashed 1px #aaa;}

.ad_160x600_1 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.ad_160x600_1 img, .ad_160x600_1 object, .ad_160x600_1 embed, .ad_160x600_1 iframe {margin:30px 0 15px;}

.ad_300x250_1 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.ad_300x250_1 img, .ad_300x250_1 object, .ad_300x250_1 embed, .ad_300x250_1 iframe {margin:10px 0;}

.ad_300x250_2 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.ad_300x250_2 img, .ad_300x250_2 object, .ad_300x250_2 embed, .ad_300x250_2 iframe {margin:10px 0;}

.ad_300x250_3 {width:100%; text-align:center; font-size:0; clear:both; visibility:hidden;}
.ad_300x250_3 img, .ad_300x250_3 object, .ad_300x250_3 embed, .ad_300x250_3 iframe {margin:10px 0;}