/* ---[ blocs.css ]-------------------------------------------------

CSS spécifique au site

SITE :
www.gticanada.com

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

CONTENU :
- Layout Général
- Header
- Footer
- Middle content
- Left content
- Right content
- Rotation des logos
- Nous contacter
- Google map
- News list
- Titles
- Squeeze box (popup inline)
- Autopromo (home)
- List (contenus)

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


/*** LAYOUT ***/

body {background:#eaeaea url(../images/container_background.gif);}
*   #header {clear:both;width:100%; overflow:hidden; background:#fff url(../images/header_dashed.gif) repeat-x 0 138px;}
*   *   #banner {margin:0 auto; width:980px;height:145px;background:url(../images/header_headline_fr.gif) no-repeat right 80px;}
*   #container {position:relative; width:980px; margin:0 auto 20px; padding:34px 0 0;}
*   *   #menuTop {width:100%; height:34px; overflow:hidden; position:absolute; top:0px; left:0;background:#4b5052}
*   *   #main {clear:both;width:100%; padding:40px 0 15px; background:#fff url(../images/left_background.gif) repeat-y;}
*   *   *   #left {position:relative; float:left; width:206px;}
*   *   *   #middle {position:relative; float:right; width:772px;background: url(../images/middle_background.gif) repeat-y 588px 0;}
*   *   *   *   #content {width:540px; float:left; padding:0 24px 24px;}
*   *   *   *   #right {position:relative; width:183px; float:right; margin:10px 0 0 1px; font-size:0.93em;}
*   *   *   *   #bottom {font-size:0; width:100%; height:0; clear:both;}
*   *   #home {clear:both;width:100%; padding:0 0 20px; margin:0 0 -28px;}
*   *   *   #slideshow {clear:both;overflow:hidden;width:100%; height:360px; background:#ECEFF1;}
*   *   *   #autoPromo {clear:both;background:#fff; margin:0 0 1px; _height:197px; overflow:visible;}
*   *   #headMenu {position:absolute; top:-125px; right:0;}
*   *   #footer {clear:both; width:100%; background:#4d4d4d url(../images/footer_dashed.gif) repeat-x 0 5px; padding:10px 0 5px;}
*   #popup {}
*   *   #page {padding:10px;}
*   *   #footline {position:fixed; bottom:0; left:0; width:100%;}


/*** HEADER ***/
#header h1 {display:none;}
#header .logo {margin:46px 0 0 26px; display:inline-block;}
.ENCA #banner {background:url(../images/header_headline_en.gif) no-repeat right 80px;}

/*** FOOTER ***/
#footer a {color:#aaa; padding:3px 0;}
#footer ul { height:15px; color:#fff; padding:6px; color:#aaa;}
#footer li {display:inline; padding: 0 8px;}
#footer .sitemap {float:right; text-transform:uppercase;}
#footer .copyright {float:right;padding:0 0 0 15px; text-transform:uppercase;}
#footer .cap {float:left;}
#footer .cap a {color:#ccc;}


/*** 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 {width:174px; margin:10px 0 50px; padding:0px 12px 0 12px; font-size:1em; }
.leftContent a {display:inline-block;}


/*** RIGHT CONTENT ***/
.rightContent {margin:40px 12px 0 12px;}
.rightContent a {display:inline-block;}


/*** ROTATION DES LOGOS ***/
.logoSlideshow .slideshow-list {display:none;}
.slideshow-images {position:relative;}
.slideshow-images img {z-index: 1;}	
.slideshow-images-visible {opacity: 1;}	
.slideshow-images-prev {opacity: 0;}
.slideshow-images-next {opacity: 0;}
.slideshow a img {border: 0;} 


/*** NOUS CONTACTER ***/
table.form {}
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 {border:solid 1px #ccc; margin:10px 10px 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 20px;}
.title h2 {font-size:2.3em;color:#444;}


/*** 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;}


/*** AUTOPROMO / HOME ***/
#autoPromo .tabs{height:40px; overflow:hidden; background:#e7661f;}
#autoPromo .tabs li{float:left;cursor:pointer;color:#fff;font-family:arial;text-transform:uppercase;letter-spacing:0.5px; font-size:1.1em; height:24px;line-height:24px;padding:9px 20px 7px;}
#autoPromo .tabs li.active{background-color:#884724;}
#autoPromo .tabs li.over{font-weight:bold;}
#autoPromo .panels {overflow:hidden; margin:0 0 0px; font-size:1.1em;}
#autoPromo .panels a.chevrons { padding:1px 0 2px 12px;}
#autoPromo .panels .panel{display:none;clear:both;padding:15px 250px 15px 15px; overflow:hidden; position:relative; min-height:127px;}
#autoPromo .panels .panel h2 {display:none;}
#autoPromo .panels .active {display:block !important;}
#autoPromo .panels .panel h2 {display:none;}
#autoPromo .panels .panel .thumbnail {position:absolute; top:0; right:0;}


/*** LIST ***/
.contentList { margin:30px 0 0;}
.contentList ul {padding:10px 0 0;}
.contentList li {margin:0 0 20px; border:solid 1px #e87c1e;list-style-type: none;}
.contentList h4 a { color:#fff; background:#e87c1e; display:block; padding:3px 6px; font-size: 1.3em; 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;}