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

CSS spécifique au site

SITE :
www.espacecom.qc.ca

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

CONTENU :
# Layout
# Gabarits
  - header_quebec
  - header_companyLink
  - breadcrumb
  - searchBox
  - searchResults
  - homeList
  - accordion
  - siteMap
  - contactUs
  - bubble
  - miniTagCloud
  - tags
  - footer
  - blogs

- MessageBoard, FROM KENTICO CMS
- Abuse report, FROM KENTICO CMS

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


/*** LAYOUT ***/

body {background:#F2F2F2;}
*   #siteName {display:none;}
*   #container {position:relative; margin:0 auto; width:966px; padding:156px 12px 0; background: #fff url(../images/container_background.gif) repeat-y;}
*   *   #header_quebec { width:966px; height:100px; position:absolute; top:0; left:12px; background: url(../images/header_quebec_banner.png) no-repeat right 4px;}
*   *   #header_logo { width:197px; height:41px; position:relative; margin:0 0 0 23px; top:-45px; left:0px; z-index:10;}
*   *   #header_companyLink { position:absolute; top:262px; left:47px;}
*   *   #searchBox { position:absolute; top:123px; right:32px; z-index:1;}
*   *   #menu {height:56px; border-right:solid 2px #f8a573; position:absolute; top:166px; right:32px;}
*   *   #content { width:680px; float:left; margin:0 0 20px 10px; padding: 10px 20px 20px; display:inline;}
*   *   #sidebar { width:230px; float:right; margin:50px 0 20px;display:inline;}
*   *   #footer { width:100%; clear:both; margin:30px 0 0; padding:0 0 15px;}


.inspq_accueil #content {width:680px; padding:0;} 
.inspq_accueil #homeList {padding:20px;}
.inspq_accueil #sidebar {margin-top:15px;}


/*** CONTROLS ***/

/* #header_quebec */
#header_quebec .logo { position:absolute; top:36px; left:35px;}
.logoHome_tip {color:#fff; padding:2px 4px; font-weight:bold; opacity: 0.9; filter:alpha(opacity=90); max-width:200px;background:#3eafc1; z-index:12;}
#header_quebec .headMenu { position:absolute; top:57px; right:0; width:652px; background:#243e8f; color:#fff; padding:1px 25px; font-size:0.95em;}
#header_quebec .headMenu li {display:inline; margin:0 6px;}
#header_quebec .headMenu a {color:#fff;}
#header_quebec .bottom { display:block; border-top: solid 6px #d5d6da; position:absolute; top:110px; left:0; width:966px; height:29px; background: #fff url(../images/container_corner.gif) no-repeat left top; display:none;}


/* #header_companyLink */
#header_companyLink a {background:url(../images/header_companyLink_icon.gif) no-repeat left 6px; padding:5px 0 5px 20px; font-size:1.3em; font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}


/* #breadcrumb */
#breadcrumb {margin:0 0 20px; color:#999; font-size:0.95em;}
#breadcrumb a {color:#999; padding:2px 0;}
#breadcrumb a:focus {color:#fff; background:#aaa;}
#breadcrumb span {font-weight:bold;}


/* #searchBox */
#searchBox td {vertical-align:top;}
#searchBox .input {background:url(../images/searchBox_background.png) no-repeat left top; width:148px; height:19px; padding:4px;}
#searchBox .inputFocus .input {background:url(../images/searchBox_background.png) no-repeat left -30px;}
#searchBox .input input {border: 0; margin:0; padding:0; width:143px; color:#666; font-size:1.3em;}
#searchBox .input input:focus {outline:0;}
#searchBox .input input.inputBlur {background:#fff url(../images/searchBox_blur.gif) no-repeat 3px center;}
#searchBox .submit input {width:24px; height:24px; background:url(../images/searchBox_button.gif) no-repeat left 0;}
#searchBox .submit input:focus {background:url(../images/searchBox_button.gif) no-repeat left -30px; outline:0;}


/* #searchResults */
#searchResults .headSearch {margin:20px 0 30px;}
#searchResults .headSearch .label {padding:6px 5px 4px 0; font-weight:bold; vertical-align:middle;}
#searchResults .headSearch .input {vertical-align:middle;}
#searchResults .headSearch .input input {width:200px;}
#searchResults .headSearch .submit {padding:5px 0 5px 3px; vertical-align:middle;}
#searchResults .results {margin:0 0 30px;}
#searchResults .results li {margin:0 0 10px; clear:both;}
#searchResults .results li a {display:inline; font-weight:bold;}
#searchResults .results li img {vertical-align:text-bottom; cursor:help;}
.type_tip {color:#fff; padding:2px 4px; font-weight:bold; opacity: 0.8; filter:alpha(opacity=80); max-width:200px;background:#3eafc1;}


/* #homeList */
#homeList li {background:url(../images/home_homeList_separator.gif) repeat-x left bottom;}
#homeList li:last-child {background:0;}


/* #accordion */
#accordion {width:186px; margin:0 0 20px 10px;}
#accordion .togglers {background:#dfe0e1 url(../images/accordion_toggles_defaultBackground.gif) repeat-x top; padding:6px 10px; cursor:pointer; font-size:1.1em;}
#accordion .togglers img {vertical-align:middle; margin:0 4px 0 0;}
#accordion .elements {background: #f2f2f2; margin:0 0 2px; padding:0 10px;font-size:1.1em;} 
#accordion .elements p {padding:15px 0 15px !important;}
#accordion .elements .chevrons {display:inline-block; background-position:0 8px;}
#accordion .elements ul {margin:0; padding:0; list-style-type:none;}
#accordion .elements li {margin:2px 0; padding:0; list-style-type:none; background:0; display:block;background:#4A9FA3;}
#accordion .elements li a {display:block;background:#4A9FA3; padding:3px 10px; color:#fff; font-weight:bold;}


/* #siteMap */
/*
#siteMap ul li { background:#3eafc1; margin:0 8px 12px 0; float:left; width:200px; font-weight:bold; font-size:1.5em;}
#siteMap ul li a {display:inline-block; color:#fff; padding:4px 8px;}
#siteMap ul li li {display:block; margin:0; font-weight:normal; font-size:0.7em; background:#F2F2F2;}
#siteMap ul li li a {margin:5px 8px; display:inline-block; color:#666; padding: 2px 0 2px 11px; background:transparent url(../images/utils_list.gif) left 7px no-repeat;}
*/

/* #contactUs */
#contactUs .googleMap {border:solid 1px #ccc; width:500px;}
#contactUs .formatting {}
#contactUs .form {margin:20px 0 0 80px;}
#contactUs .form div {padding:4px 0; clear:both;}
#contactUs .form div * {float:left;}
#contactUs .form div label {width:70px; display:block; font-size:1.2em; color:#666; margin:3px 0 0; text-align:right; padding:0 8px 0 0;}
#contactUs .form div input {vertical-align:top;}
#contactUs .form div .captcha {border:solid 1px #ddd; padding:1px 0 0; margin:0 5px 0 0;}
#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;}


/* #bubble */
#bubble {width:209px; background:url(../images/bubble_background.png) repeat-y 0 0; margin:0 0 12px;}
#bubble .head {background:url(../images/bubble_top.png) no-repeat 0 0; padding:13px 0 0;}
#bubble .head h4 {font-size:1.55em;font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; margin: 0 12px; padding:4px 0 8px; color:#999; font-weight:bold;}
#bubble .body {background:url(../images/bubble_bottom.png) no-repeat 0 bottom; padding:0 12px 24px 0;}
#bubble li {margin:10px 12px 15px; clear:both; display:block;}
#bubble li h4 {font-size:1.4em; color:#666; margin:5px 0; padding:0 0 0 16px; background:transparent url(../images/bubble_list.gif) left 5px no-repeat; font-weight:normal;}
#bubble li .source, #bubble li .url {margin:1px 0; color:#666;}


/* #miniTagCloud */
#miniTagCloud .head {padding-bottom:0px;}
#miniTagCloud .head h3 {font-size:0; color:#fff; visibility:hidden; /* FixIE : évite de faire disparaitre completement le head */}
#miniTagCloud .body { text-align:center;padding-right:15px; padding-left:12px;}
#miniTagCloud .body span {margin:0 3px; line-height:24px;}
#miniTagCloud .body a {color:#3eafc1; font-weight:bold; padding:3px 0;}


/* #tags */
#tags .cloud { margin:0 0 35px; border:solid 1px #D5D6DA; padding:12px; background:#F2F2F2;text-align:center;}
#tags .cloud span {margin:0 3px; line-height:24px;}
#tags .cloud a {color:#3eafc1; font-weight:bold; padding:3px 0;}
#tags .current {font-size:1.8em; font-weight:bold;font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color:#666; margin:0 0 25px;}
#tags .current span {color:#3eafc1;}


/* #footer */
#footer #footer_utilsLinks {width:920px; text-align:right; margin:0 20px; font-weight:bold; color:#666;}
#footer #footer_utilsLinks a {padding:3px 0;}
#footer .main { border-top: solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; background:#f2f2f2; margin:3px 0; padding:20px;}
#footer .main #footer_partners {width:594px;background:url(../images/partner_background.png) repeat-y ;}
#footer .main #footer_partners .head {background: #F2F2F2 url(../images/partner_top.png) no-repeat 0 bottom; padding:0 0 20px 10px; color:#f47a20; font-size:1.8em; font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
#footer .main #footer_partners .body {background:url(../images/partner_bottom.png) no-repeat 0 bottom; padding:5px 15px 25px; text-align:center;}
#footer .main #footer_partners .body a {margin:0 8px;}
#footer .main #footer_contactUs { float:right; width:280px;}
#footer .main #footer_contactUs .head {padding:0 0 15px; color:#f47a20; font-size:1.8em; font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
#footer .main #footer_contactUs .body {font-size:1em; line-height:14px;}
#footer .main #footer_contactUs .body a {font-weight:bold;}
#footer #footer_copyright {width:100%; text-align:center; margin:20px 0;}
#footer #footer_copyright a {color:#243E8F; font-weight:bold;}


/* SITE MAP > .section */
.section {background:url(../images/section_bottom.gif) no-repeat left bottom; padding:0 0 5px;margin:0 0 30px;}
.section ul {background:url(../images/section_top.gif) no-repeat left top; padding:10px 0 0;margin:0;}
.section ul ul {background:none;}
.section li {background:url(../images/section_background.gif) repeat-y left !important; padding:5px 15px 10px !important; display:block;font-size:1.2em; font-weight:bold;margin:0 !important;}
.section li li {background:none !important; padding:0 15px 2px !important; font-size:0.9em; font-weight:bold;}
.section p {display:none;}
.section a {color:#666;}
.sitemap_tip {width:330px; font-size:1.2em; opacity:0.8; filter:alpha(opacity=80);}
.sitemap_tip .tip-top {width:330px; height:35px; background:url(../images/sitemap_tip_top.png) no-repeat right;_background-image:url(../images/sitemap_tip_top_ie6.gif)/* Fix IE6 */;}
.sitemap_tip .tip {width:242px; padding:0 35px 0 53px; background:url(../images/sitemap_tip_background.png) no-repeat top right; _background-image:url(../images/sitemap_tip_background_ie6.gif)/* Fix IE6 */; min-height:65px; _height:65px /* Fix IE6 */;}
.sitemap_tip .tip-bottom {width:330px; height:35px; background:url(../images/sitemap_tip_bottom.png) no-repeat right;_background-image:url(../images/sitemap_tip_bottom_ie6.gif)/* Fix IE6 */;}


/* Message Board : .BoardPanel */
.BoardPanel {background:#E4F3F6; padding:15px; margin:20px 0 0; border:solid 1px #3EAFC1; font-size:1.1em;}
.BoardPanel td {padding:2px 5px; vertical-align:top;}
.BoardPanel td * {vertical-align:top;}
.BoardPanel td td {padding:2px 0;}
.FieldLabel {font-weight:bold; margin:0 15px 0 0;}
.ItemLabel {padding:0 15px 0 0 !important; font-weight:bold;}
.BoardCntRating {background:#fff; padding:5px; height:13px; width:66px;}
.TextAreaField {height:120px;}
.BoardInfo, .BoardError {margin:0 0 10px; display:block; font-weight:bold;}
.BoardError {color:Red;}
a.BoardSubscribe, .ContentButton {padding:3px 15px; border:solid 1px #ccc; background:#fff; color:#f47a20; font-weight:bold; font-size:1.1em; display:inline-block;}
a.BoardSubscribe:hover {background-color:#f47a20; color:#fff; text-decoration:none;}
a.BoardSubscribe:focus, .ContentButton:focus  {border: solid 1px #ccc; outline: solid 1px #f47a20;}
.ContentButton {min-width:80px;}
.CommentDetail {padding:10px 0; color:#666; background:url(../images/messageBoard_top.gif) no-repeat 10px 44px;}
.CommentDetail small {font-size:0.95em; padding:0 0 30px; display:inline-block;}
.CommentDetail .CommentText { font-size:1.1em; padding:10px; color:#333; border-left:solid 5px #EDEDED; border-right:solid 5px #EDEDED; border-bottom:solid 5px #EDEDED; margin:0 10px !important; display:block; width:630px;}
h4.BoardTitle {font-weight:bold; font-size:1.6em; padding:30px 0 15px; color:#555;font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
.label_info, .label_alert, .label_valid {font-size:0.95em;}

/* MessageBoard, FROM KENTICO CMS */
.ratingStar {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar {background-image: url(../../../App_Themes/Default/Images/CMSDesk/Content/Properties/ContentRating/FilledStar.png);}
.emptyRatingStar {background-image: url(../../../App_Themes/Default/Images/CMSDesk/Content/Properties/ContentRating/EmptyStar.png);}
.savedRatingStar {background-image: url(../../../App_Themes/Default/Images/CMSDesk/Content/Properties/ContentRating/SavedStar.png);}
.CntRatingResult {clear:left; padding-top:5px;}
.CntRatingRadioTable tr {text-align: center;}
.InfoLabel {color: #000000;	display: block;	padding-bottom: 10px;}
.ErrorLabel {color: #ff0000; display: block; padding-bottom: 10px; text-align: left;}
.blogDetail .comments .TextAreaField {width: 280px;}
.TextAreaField {width: 280px;}
.TextboxField, .TextBoxField {width: 280px;}
.ContentButton {width: 100px;}
.BoardLeaveMessage, .BoardMessageTitle, .BlogTrackbacksTitle {font-weight: bold; font-size: 1.5em; margin:0 0 8px; display:block; color:#555;}
.DropDownField {width: 285px;}

/* Abuse report, FROM KENTICO CMS */
.AbuseBody .ReportComment {width: 300px; height: 200px;}
.ModalPanel {width: 400px;}
.DialogAbuseBody .ReportComment {width: 397px; height: 215px;}
.MessagingBox .Buttons {padding: 10px;}

.EditForm .PageHeader img {vertical-align: middle;	padding-bottom: 5px;}
.ModalPanel {background-color: #ffffff; padding: 10px; /* position: fixed !important; */ width: 400px;}
.DialogAbuseBody .ReportComment {width: 397px;	height: 215px;}

/*#Modal popup#*/
.ModalBackground {z-index: 10000 !important; background-color: #888888; filter: alpha(opacity=70); opacity: 0.7;}
.ModalPanel {background-color: #ffffff; padding: 10px; /* position: fixed !important; */}
.ForumNewPost .FormPadding {/*border: solid 1px #cccccc;*/ padding: 5px; margin-top: 5px; margin-bottom: 5px;}

/* Blogs */
.ButtonPadding{padding-left: 40px;}
.BlogPTitle{font-family: Lucida Sans Unicode, Arial, clean, sans-serif, underscore; font-weight: bold; font-size: 14px; text-decoration:underline; color: #666; margin-bottom: 5px;}
.BlogPTitle a{color: #666;}
.BlogPTitle a:hover{color: #f47a20;}
.BlogPBody{font-size: 11px; font-weight: normal; margin-bottom: 5px;}*
.BlogPSummary{font-size: 11px; font-weight: normal; margin-bottom: 5px;}*
.BlogPDate{font-size:0.9em; color: #666;}
.BlogPDateWhole{font-size: 12px;}
.BlogPostHeaderBlog{font-size: 25px;}
.BlogPostName{font-family: Lucida Sans Unicode, Arial, sans-serif; font-size: 17px; font-weight: bold;color: #666;}
.BlogPostName a{color: black;}
.BlogPostName a:visited{color: gray;}
.BlogPostDate{font-size: 12px; color: Black;}
.BlogPostDate a{color: Black;}
.BlogPostDate a:visited{color: Gray;}
.BlogPostText p{padding-top:1em; font:1.2em arial,sans-serif; color:#333; background:#fff; line-height: 1.6em; margin:0 0 10px;  }
.BlogRequiredValidator{ margin-left: 80px;}
.BlogPadding{padding-left:30px;}
.BlogTitre{color:#f47a20; font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size:1.4em; margin-bottom:1px;}
.zoneLeft{width:73%;}
.BlogTags a{font-size:0.9em; color:#3eafc1;}
.detailBlog{padding-top:1em;}

/* Sommaire dossier spécial */
.SommaireDossierTop{background:url(../images/section_top.gif) no-repeat left top; padding:10px 0 0;margin:0; padding-left:10px;}
.SommaireDossierContenu{background:url(../images/section_background.gif) left top; margin:0; padding-left:10px;}
.SommaireDossierContenu a{}
.SommaireDossierBottom{background:url(../images/section_bottom.gif) no-repeat left top; padding:10px 0 0;margin:0; padding-left:10px;}