/* ---[ master.css ]---------------------------------------------

SITE :
www.sqprp.ca

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

CONTENU :
- Reset CSS
- Fonts
- Utils
- Links
- Forms
- Content (contenu du milieu du site)
- Lists
- Pagers

CODES COULEURS :
- orange, liens : #ed7603
- texte principal : #333
- grands titres : #666
- breadcrumb, bouton imprimer : #999


FONT :
- Général : Arial

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

/*** RESET CSS ***/

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,table,caption,tbody,tfoot,thead,tr,th,td {border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
a:focus {outline: dotted 1px;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
hr {display:none;}


/*** FONTS - relative 62.5% = 10 px ***/

body {font:11px arial,helvetica,clean,sans-serif; color:#333; -webkit-text-stroke:-0px #666; -webkit-text-shadow:10px red;}
table {font-size:inherit; font:100%}
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif}
pre,code,kbd {font:115% monospace; word-spacing:1px; letter-spacing:1px; font-size:100%}
h1,h2,h3,h4,h5,h6 {font-size:100%}
::selection { background: #ed7603; color: #fff; /* Safari */ }
::-moz-selection { background: #ed7603; color: #fff; /* Firefox */ }


/*** UTILS ***/

a.externalLink, span.externalLink {background:transparent url(../images/utils_external.gif) center right no-repeat; padding: 2px 15px 2px 0;}
.clearFix {font-size:0; width:100%; height:0; clear:both;}
.defaultTip {background:#555; color:#fff; padding:2px 4px; font-weight:bold; max-width:250px;opacity:0.9; filter:alpha(opacity=90);}
.flashFont .sIFR-alternate {display:none;}
.flashFont * {outline:0;}
.loading {display:block;background:transparent url(../images/utils_spinner.gif) no-repeat left center; padding:0 0 0 20px; margin:20px 15px 15px; color:#888;}


/*** LINKS ***/

a {text-decoration:none; color:#ed7603}
a:hover {text-decoration:underline}
a:visited {color:#ed7603}
a.chevrons, .chevrons {background:transparent url(../images/utils_chevrons.gif) left 6px no-repeat; padding: 2px 0 2px 11px;}
a.goBack, .goBack {background:transparent url(../images/utils_goBack.gif) left 5px no-repeat; padding: 2px 0 2px 15px;}
.imgLink a img {border:solid 1px #999;}
.imgLink a:hover img{ border:solid 1px #ed7603;}


/*** FORMS ***/

.form input[type=text],.form input[type=password] {padding: 3px; color:#666; font-size:1.1em; border: solid 1px #ccc;}
.form input[type=text]:focus, .form input[type=password]:focus {border: solid 1px #ccc; outline: solid 1px #e87c1e;}
.form textarea {padding: 3px; color:#666; font-size:1.1em;border: solid 1px #ccc;}
.form textarea:focus {border: solid 1px #ccc; outline:solid 1px #e87c1e;}
.form select {padding: 0; color:#333; font-size:1.1em; border:solid 1px #B2B3B5;}
.form select:focus {border:solid 1px #e87c1e;}
.form input[type=submit] {padding: 3px 6px; color:#e87c1e !important; font-size:1.1em; font-weight:bold;}
a.submit {padding:4px 15px; border:solid 1px #ccc; background:#fff; color:#e87c1e; font-weight:bold; font-size:1.1em; display:inline-block;}
a.submit:hover {background-color:#e87c1e; color:#fff; text-decoration:none;}
a.submit:focus {border: solid 1px #ccc; outline: solid 1px #e87c1e;}
.form h3 { font-size:1.4em; font-weight:bold; margin:30px 0 10px; border-bottom:solid 1px #666; color:#666;}
.form .label {font-weight:bold; font-size:0.95em;}


/*** FORMS LAYOUT ***/

.formPanel {border:solid 1px #bbb; padding:5px 10px !important; background:#f2f2f2;}
.formPanel p {padding:10px 0 0; display:block;}
.formPanel .label {font-size:0.95em; font-weight:bold;}
.formPanel .detail {border-bottom: dotted 1px #333;}
.formPanel input {max-width:430px;}
.formPanel strong {font-weight:bold;}
.formPanel ul {margin:20px 30px;}
.label_alert{background:#efcbcb url(../images/label_alert.png) no-repeat 5px 5px;border:1px solid #eea1a1;margin:10px 0;padding:10px 10px 10px 40px; display:block; color:#333 !important;}
.label_valid{background:#e0ecb4 url(../images/label_valid.png) no-repeat 5px 5px;border:1px solid #bbd167;margin:10px 0;padding:10px 10px 10px 40px; display:block;  color:#333 !important;}
.label_info{background:#a2cfe6 url(../images/label_info.png) no-repeat 5px 5px;border:1px solid #469bc6;margin:15px 0;padding:10px 10px 10px 40px; display:block; color:#333 !important;} 


/*** CONTENT ***/

#content .head h2 {color:#666; font-size:2.6em; font-weight:bold; margin:30px 0 26px; text-transform:uppercase; display:block;}
#content .head h3 {color:#eb8502; font-size:1.5em; font-weight:bold; margin:0 0 2px;}
#content .head .date {display:inline-block; font-size:0.9em; color:#666; margin:5px 0 0;}
#content .head .subTitle {display:inline-block;font-size:0.9em;color:#666; font-weight:bold; margin:5px 0 3px 4px; padding:0 0 0px 8px; background:url(../images/utils_separator.gif) no-repeat left 3px;}
#content .formatting {margin:20px 0 0;}
#content .goBack {font-weight:bold; margin:30px 0; display:inline-block; font-size:1.1em;}


/*** LISTS ***/

.list li {padding:0 0 25px; clear:both;}
.list .thumbnail {float:left; margin:0 10px 25px 0;}
.list h3 { font-size:1.3em; font-weight:bold; margin:0 0 3px;}
.list h3 a { padding:3px 0;}
*+html .list li h3 {font-size:0;} /* Fix IE7 */
*+html .list li h3 a {font-size:16px;} /* Fix IE7 */
*html .list li h3 {font-size:0;} /* Fix IE6 */
*html .list li h3 a {font-size:16px;} /* Fix IE6 */
.list .firstSubTitle {display:inline; font-size:0.9em; color:#666;}
.list .secondSubTitle {display:inline;font-size:0.9em;color:#666; margin:0 0 0 4px; padding:0 0 0 8px; background:url(../images/utils_separator.gif) no-repeat left 3px;}
.list strong {font-weight:bold;}
.list .teaser {margin:5px 0;}
.list .teaser br {font-size:3px;}
.list .teaser p {margin:0 0 3px;}


/*** PAGER ***/

.pager {text-align:center; width:100%; clear:left; font-size:1.1em;}
.pager .navigation {padding:5px 0;}
.pager .description {margin:2px 0 0; color:#999;}
.pager .selectedPrevNext {display:none;}
.pager a.unselectedPrevNext {padding:3px 6px;border:solid 1px transparent;_border:solid 1px #fff;}
.pager a:hover.unselectedPrevNext {padding:3px 6px; border:solid 1px #BBB; background-color:#ed7603; color:#fff; text-decoration:none;}
.pager a:focus.unselectedPrevNext {outline: solid 1px #ed7603;border: solid 1px #bbb;}
.pager .selectedPage {padding:3px 7px; background-color:#fff;font-weight:bold;}
.pager a.unselectedPage {padding:3px 6px; border:solid 1px #BBB; background-color:#fff;}
.pager a:hover.unselectedPage {padding:3px 6px; border:solid 1px #BBB; background-color:#ed7603; color:#fff; text-decoration:none;}
.pager a:focus.unselectedPage {outline: solid 1px #ed7603;border: solid 1px #bbb;}


/*** SQUEEZE BOX ***/
#sbox-overlay{position:absolute;background-color:#000;left:0;top:0;}
#sbox-window{position:absolute;background-color:#fff;text-align:left;overflow:visible;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#sbox-btn-close{position:absolute;width:30px;height:30px;right:-15px;top:-15px;background:url(../images/squeezebox_closebox.png) no-repeat center;border:none;}
.sbox-window-ie6 #sbox-btn-close{background-image:url(../images/squeezebox_closebox.gif);}
.sbox-loading #sbox-content{background-image:url(../images/squeezebox_spinner.gif);background-repeat:no-repeat;background-position:center;}
#sbox-content{clear:both;overflow:auto;background-color:#fff;height:100%;width:100%;}
#sbox-image{display:block;}
.sbox-content-image img{display:block;width:100%;height:100%;}
.sbox-content-image#sbox-content,.sbox-content-iframe#sbox-content{overflow:visible;}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed{overflow:hidden;}
.body-overlayed embed,.body-overlayed object,.body-overlayed select{visibility:hidden;}
#sbox-window embed,#sbox-window object,#sbox-window select{visibility:visible;}

/* Shadows */
.sbox-bg{position:absolute;width:33px;height:40px;}
.sbox-bg-n{left:0;top:-40px;width:100%;background:url(../images/squeezebox_bg_n.png) repeat-x;}
.sbox-bg-ne{right:-33px;top:-40px;background:url(../images/squeezebox_bg_ne.png) no-repeat;}
.sbox-bg-e{right:-33px;top:0;height:100%;background:url(../images/squeezebox_bg_e.png) repeat-y;}
.sbox-bg-se{right:-33px;bottom:-40px;background:url(../images/squeezebox_bg_se.png) no-repeat;}
.sbox-bg-s{left:0;bottom:-40px;width:100%;background:url(../images/squeezebox_bg_s.png) repeat-x;}
.sbox-bg-sw{left:-33px;bottom:-40px;background:url(../images/squeezebox_bg_sw.png) no-repeat;}
.sbox-bg-w{left:-33px;top:0;height:100%;background:url(../images/squeezebox_bg_w.png) repeat-y;}
.sbox-bg-nw{left:-33px;top:-40px;background:url(../images/squeezebox_bg_nw.png) no-repeat;}

/* Contenu des popups */
#footline {background:#17264f; color: #fff; padding:8px 0; font-size:1.1em;}
#footline small {padding:0 10px;}
#footline a {color:#fff; font-weight:bold;}