﻿/* ---[ global_common.css ]-----------------------------------------

SITE :
jeunesse.laplacedesarts.qc.ca

RÉALISATION :
CAP (www.capprod.com)

----------------------------------------------------------------- */

/*** 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;}
table * {vertical-align:baseline;}
caption, th, td {text-align: left; font-weight: normal;}
hr {display:none;}


/*** FONTS - relative 62.5% = 10 px ***/

body { font: 11px verdana,sans-serif; color:#333; }
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: #FF8A00; color: #fff; /* Safari */ }
::-moz-selection { background: #FF8A00; color: #fff; /* Firefox */ }
sup, .childMenu sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:0.8em;}
sup {bottom:1ex;}
sub {top:.5ex;}


/*** UTILS ***/

a.externalLink, span.externalLink {background:transparent url(../images/utils_external.gif) center right no-repeat; padding: 2px 15px 2px 0;}
.externalLink_tip {color:#fff; padding:2px 4px; font-weight:bold; opacity: 0.95; filter:alpha(opacity=95); max-width:200px;background:#666;}
.clearFix {font-size:0; width:100%; height:1px; clear:both; overflow:hidden;}
.breakItem {border-bottom:solid 1px #ddd; margin:0 30px; width:auto;}
.defaultTip {background:#555; color:#fff; padding:2px 4px; font-weight:bold; max-width:250px;opacity:0.9; filter:alpha(opacity=90);}


/*** LINKS ***/

a {text-decoration:none; color:#FF8A00}
a:hover {text-decoration:underline}
a:visited {color:#FF8A00}
.imgLink a img {border:solid 1px #999;}
.imgLink a:hover img{ border:solid 1px #DA252C;}


/*** 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 #0072ca;}
.form textarea {padding: 3px; color:#666; font-size:1.1em;border: solid 1px #ccc;}
.form textarea:focus {border: solid 1px #ccc; outline:solid 1px #0072ca;}
.form select {padding: 0; color:#333; font-size:1.1em; border:solid 1px #B2B3B5;}
.form select:focus {border:solid 1px #0072ca;}
.form input[type=submit] {padding: 3px 6px; color:#454545 !important; font-size:1.1em; font-weight:bold;}
.form fieldset {background:#eee; border:solid 1px #ccc; padding:5px 10px; margin:0 0 10px;}
a.button {padding:3px 15px; border:solid 1px #ccc; background:#fff; color:#454545; font-weight:bold; font-size:1.1em; display:inline-block;}
a.button:hover {background-color:#FF8A00; color:#fff; text-decoration:none;}
a.button:focus {border: solid 1px #ccc; outline: solid 1px #0072ca;}
.form_error img {cursor:help; padding:4px 4px 4px 2px; display:inline-block;}
.form_error_tip {max-width:200px; z-index:999;opacity:0.9; filter:alpha(opacity=90);background: url(../images/form_error_left.gif) no-repeat 0 7px; padding:0 0 0 5px;}
.form_error_tip .tip-top {background:#444; margin:0 1px; height:1px;}
.form_error_tip .tip-bottom {background:#444; margin:0 1px; height:1px;}
.form_error_tip .tip {color:#fff; padding:2px 5px; font-weight:bold;background:#444; text-shadow: 0 0 1px #eee; letter-spacing:1.1px;}


/*** LABELS ***/

.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; font-size:1.2em;}
.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; font-size:1.2em;}
.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; font-size:1.2em;} 


/*** 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:#FF8A00; color:#fff; text-decoration:none;}
.pager a:focus.unselectedPrevNext {outline: solid 1px #FF8A00;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:#FF8A00; color:#fff; text-decoration:none;}
.pager a:focus.unselectedPage {outline: solid 1px #FF8A00;border: solid 1px #bbb;}


/*** PageManagerPreviewInfo ***/

.PageManagerPreviewInfo {z-index:9999; position:fixed; width:100%; top:0; background:#FEFFBB; opacity:.9; filter:alpha(opacity=90);}
.PageManagerPreviewInfo .PreviewInfo {color:#000;}
.PageManagerPreviewInfo .PreviewInfoLink {color:#000;}


/*** 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;}
