﻿/* ---[ print.css ]-------------------------------------------------

CSS pour l'impression

SITE :
www.gticanada.com

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;}
caption, th, td {text-align: left; font-weight: normal;}
hr {display:none;}


/*** FONTS - relative 62.5% = 10 px ***/

body {font:11px verdana,arial,helvetica,clean,sans-serif; color:#444;}
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%}


/*** UTILS ***/

a.externalLink, span.externalLink {background:transparent url(../images/external.gif) center right no-repeat; padding: 2px 15px 2px 0;}
.clearFix {font-size:0; width:100%; height:0; clear:both;}


/*** LINKS ***/

a {text-decoration:none; color:#e27a1f}
a.chevrons {background:transparent url(../images/chevrons.gif) center left no-repeat; padding: 2px 0 2px 11px;}
.imgLink a img {border-bottom:solid 1px transparent; padding-bottom:2px;}


/*** LAYOUT ***/

#container {position:relative; width:100%;}
*   #header {clear:both;width:100%; margin:0 0 34px; overflow:hidden; height:81px;}
*   #menuTop {display:none;}
*   #main {clear:both;}
*   *   #left {position:relative; padding:20px 0;}
*   *   *   .menuLeft{display:none;}
*   *   #middle {position:relative; }
*   *   *   #content {padding:10px 0 20px;}
*   *   *   #right {position:relative; padding:20px 0;}
*   *   #bottom {display:none;}
*   #home {clear:both;}
*   *   #slideshow {display:none;}
*   *   #autoPromo {}
*   #headMenu {display:none;}
*   #footer {clear:both; margin:20px 0 0;}
*   #sitemap {display:none;}
#popup {}
*   #page {padding:10px;}
*   #footline {display:none;}


/*** FORMULAIRES ***/

.form input[type=text] {padding: 3px; color:#04274b; font-size:1.1em; border: solid 1px #ccc;}
.form textarea {padding: 3px; color:#04274b; font-size:1.1em;border: solid 1px #ccc;}
.form select {padding: 0; color:#04274b; font-size:1.1em; border:solid 1px #B2B3B5;}
.form input[type=submit], .form .submit {padding: 3px 6px; color:#04274b; font-size:1.1em; font-weight:bold;}


/*** HEADER ***/
#header h1 {display:none;}
#header .logo {margin:0 0 0 18px;}


/*** FOOTER ***/
#footer ul {padding:6px 0; border-top: solid 1px #ccc;}
#footer li {display:inline; padding: 0 8px 0 0;}
#footer .sitemap {display:none;}
#footer .copyright {float:right;}
#footer .cap {float:left;}
#footer .cap a {color:#444;}


/*** MIDDLE CONTENT ***/
#middle .formatting {font-size:1.1em;}
#middle .date {font-style: italic; padding:10px 0;}
#middle .back {font-size:1.1em; font-weight:bold; margin:30px 0 0;}


/*** LEFT CONTENT ***/
.leftContent {margin:10px 0;}


/*** RIGHT CONTENT ***/
#right {font-size:0.9em;}
#right .thumbnail {display:none;}
.rightContent {margin:10px 0;}


/*** NOUS CONTACTER ***/
table.form {width:540px;}
table.form td.label { width:110px; vertical-align:top; padding: 11px 10px 2px 0; font-weight:bold; text-align:right;}
table.form td.input { width:250px; vertical-align:top; padding: 6px 0;}
table.form td.error { vertical-align:top; padding: 2px 0 0 10px;}
table.form td.error * { font-weight:bold; color:#c02e43 !important; font-size:10px !important;}
table.form td td {padding:0; vertical-align:top;}
table.form a.submit {padding:4px 15px; border:solid 1px #ccc; background-color:#fff; color:#e87c1e; font-weight:bold; font-size:1.1em; display:inline;}
table.form a:hover.submit {background-color:#e87c1e; color:#fff; text-decoration:none;}
table.form a:focus.submit {outline: solid 1px #e87c1e;border: solid 1px #ccc;}


/*** GOOGLE MAP ***/
.googleMap {margin:0 0 30px;}


/*** NEWS LIST ***/
.newsList ul {margin:10px;}
.newsList li {margin:0 0 30px;}
.newsList h4 {margin:0 0 3px; font-size:1.2em; font-weight:bold;}
.newsList h4 a {padding:4px 0;}
.newsList .date {font-style: italic; margin:0 0 3px; letter-spacing:-0em; font-size:0.95em;}
.newsList .teaser { font-size:1em;}

/*** TITLES ***/
.title {padding:0 0 30px;}
.title h2 {font-size:2.3em;color:#444;}


/*** SQUEEZE BOX ***/

#sbox-window{position:absolute;background-color:#fff;text-align:left;overflow:visible;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px; border:solid 2px #ccc;}
#sbox-btn-close{position:absolute;width:30px;height:30px;right:-15px;top:-15px;}
#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;}


/*** AUTOPROMO / HOME ***/
#autoPromo .tabs {display:none;}
#autoPromo .panels {height:auto !important;}
#autoPromo .panels .panel {display:block !important; margin:10px 0 30px; clear:both;}
#autoPromo .panels .panel h2 {}
#autoPromo .panels .panel .thumbnail {display:none;}


/*** LIST ***/
.contentList { margin:30px 0 0;}
.contentList ul {padding:10px 0 0;}
.contentList li {margin:0 0 20px; border:solid 2px #e87c1e;list-style-type: none;}
.contentList h4 a { color:#e87c1e; display:block; padding:3px 6px; font-size: 1.4em; font-weight:bold; font-family:Arial;}
.contentList .thumbnail {margin:10px; float:left;}
.contentList .teaser {margin:10px;}
.contentList .more {clear:both;}
.contentList .more a {height:15px; width:100%; display:block;background: url(../images/list_more_fr.gif) no-repeat right bottom;}
.en .contentList .more a {background: url(../images/list_more_en.gif) no-repeat right bottom;}



