/*
Theme Name: TerrainMarketing Blogue
Theme URI: http://blog.terrainmarketing.com
Description: Le thème par défault du blogue de TerrainMarketing
Version: 1.0 beta
Author: Jean-François Desgagné (design par Tommy Rochette)
Tags: terrain, terrainmarketing, marketing, terrain marketing, blogue, multimedia, 	web, web moderne

Thème par default de terrainmarketing par Jean-François Desgagné || http://www.jfdesgagne.com
*/


* {padding:0; margin:0; border:none;}
.clear {clear:both;}
body {background:#000 fixed; background-image:url(images/background_2.gif); font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
body.background1 {background-image:url(images/background_1.gif);}
body.background2 {background-image:url(images/background_2.gif);}
body.background3 {background-image:url(images/background_3.jpg);}
body.background4 {background-image:url(images/background_4.gif);}

*html #icons {position:absolute;}
#icons {position:fixed; right:0.5em; top:0.5em; display:block;}
#icons li {list-style:none; margin-bottom:5px; background:url(images/shadow_icon_design.png); padding:2px; width:16px; height:17px;}
#icons li a {opacity:0.5;}
/*#icons li img {width:15px; height:15px;}*/
#icons li a:hover, #icons li.selected a  {opacity:1;}

input, textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#outer {margin:0 auto; width:55em;  position:relative;}
#shadowRight {background:url(images/shadow_page_right.png) repeat-y; background-position:864px 0}
#shadowLeft {background:url(images/shadow_page_left.png) repeat-y top left; padding-left:4px; margin-left:0.25em;}
*html #shadowRight, *html #shadowLeft {background:none; margin:0; paddong:0;}
*html #page {width:100%;}
#page {width:54em; background:url(images/shadow_pageInner_bottom.gif) repeat-x bottom left #fff; padding:0 0 1em 0; position:relative; border:5px solid #000; border-left:none; border-right:none;}
#page .hr hr {display:none;}
#page .hr {background:url(images/shadow_page_separator.gif) repeat-x; height:5px; width:100%;}


#menu_top {position:absolute; right:1em; top:1em;}
#menu_bottom {margin:0 0 0 1.2em; float:left;}
#copyright, #copyright2 {float:left; font-size:0.6em; margin:0 0 0 0em; text-align:left;}
#copyright2 {margin:0 0 0 2.5em; text-align:left; width:auto;float:none;}
#copyright a, #copyright2 a {font-weight:bold; text-decoration:underline; color:#000;}
#copyright a:hover, #copyright2 a:hover {text-decoration:none;}
#menu_top li, #menu_bottom li {display:inline; margin-left:1em; font-size:0.8em;}
#menu_top li a, #menu_bottom li a {color:#000; text-decoration:none;}
#menu_top li a:hover, #menu_bottom li a:hover {text-decoration:underline;}
#logo_terrain {position:absolute; top:5.5em; left:-2em;}
#logo_blog {position:absolute; top:2.6em; left:4.7em;}
h2#sousLogo_blog {position:absolute; top:12.5em; left:13.5em; font-size:0.7em; font-weight:normal;}
#search {border:7px solid #e1e1e1; border-bottom-width:1px; position:absolute; bottom:0; right:1em; width:16.7em; height:2em; background:#000; padding:0.2em 0.7em;}
#search img, #search input {float:left; margin-top:0.1em;}
#search input {width:16em; background:#000; border:1px solid #fff; margin-top:0.7em; padding:3px 5px; color:#fff; font-weight:normal; font-size:0.6em; margin-left:1em;}

#header {height:16em; position:relative; background:url(images/shadow_pageInner_top.gif) repeat-x;}
#headerShadow {position:absolute; height:133px; bottom:0; background:url(images/shadow_pageInner_bottom.gif) repeat-x; width:54em; z-index:1;}
*html #headerShadow {width:100%;}
#headerContent {position:relative; z-index:2; height:100%;}
#pageShadow {background:url(images/shadow_pageInner_top.gif) repeat-x;}
#column_left {float:left; width:29em; margin:3em 0 0 2em;}
#column_right {float:right; width:18.8em; margin:3em 1em 0 1em;}
#comments, #postcomment {font-size:1.3em; color:#000; font-weight:normal;}
#comments span {font-size:0.6em; font-weight:bold; }
#comments span a {color:#000; text-decoration:underline; margin-bottom:40px;}
#comments span a:hover {text-decoration:none;}

#commentform input, #commentform textarea {border:1px solid #444444; color:#222222; font-size:0.8em; padding:0.2em 0.5em; float:left; margin-left:1em; font-size:0.7em;} 
#commentform label {float:left; font-size:0.7em; width:10em; text-align:right; margin-top:0.15em;}
#commentform input.text {}
#commentform div {margin-top:0.5em;}
#commentform div.button {margin-left:7em;}
#commentform div.button input {background:#000; color:#fff; font-size:0.7em; font-weight:bold; padding:0.4em 0.8em;}


#column_left .title_date {font-size:0.9em; color:#848484; font-weight:normal;}
#column_left .title_post {font-size:1.3em; color:#000; font-weight:normal;  }
#column_left .title_post a {text-decoration:none; color:#000;}
#column_left .title_post a:hover {text-decoration:none; color:#848484;}
#column_left p {font-size:0.75em; color:#000; margin-bottom:1em; line-height:1.4em; color:#333333;}
#column_left p strong {color:#000;}
#column_left .hr {background:url(images/separator_postTitle.gif) repeat-x; height:3px; width:100%; margin:0.2em 0 1em 0;}
#column_left .hr hr {display:none;}

#column_left h6 {font-size:0.75em; color:#000; margin-top:1.2em; list-style:none; margin-left:30px; line-height:1.4em; color:#333333; text-decoration:none;}
#column_left h6 ul li {background:url(images/puce_blockRight.gif) no-repeat; list-style:none; padding-left:2em; margin:0 0 1em 0;} 
#column_left h6 a { text-decoration:none; color:#000; font-weight:400; }
#column_left h6 a:hover { text-decoration:underline; color:#848484;}


#column_left .navigationPost {font-size:0.7em; margin-top:10em; font-weight:bold;}
#column_left .navigationPost a {color:#000; text-decoration:none;}
#column_left .navigationPost a:hover {text-decoration:underline;}
#column_left .navigationPost .alignleft {float:left;}
#column_left .navigationPost .alignright {float:right;}

#column_left .post  {margin-bottom:4em;}
#column_left .post blockquote {font-style:normal; background:url(images/comment_end.gif) no-repeat bottom right; padding-right:30px; display:block;}
#column_left .post .cite {background:url(images/comment_start.gif) no-repeat top left; font-size:1.3em; padding-left:50px; margin:20px 30px 20px 20px; font-size:1.5em;}
#column_left .post .options {margin:3em 10px 0 0;}
#column_left .post .options li {list-style:none; float:right;}
#column_left .post .options li.comment {float:left; font-size:0.7em; font-weight:bold; background:url(images/icon_comment.gif) no-repeat; padding-left:30px;}
#column_left .post .options li.comment a {color:#000;text-decoration:none;}
#column_left .post .options li.comment a:hover {text-decoration:underline;color:#848484; }
#column_left .storycontent a, #column_left #commentsBlock p a {color:#000; font-weight:bold; text-decoration:underline;}
#column_left .storycontent a:hover, #column_left #commentsBlock p a:hover {text-decoration:none;}
#column_left .storycontent ul, #column_left .storycontent ol {font-size:2.7em; margin-left:30px;}
#column_left .storycontent ol {margin-left:35px;}

#column_left .postInfo {background:#000; padding:5px 10px;  height:0.8em; margin-top:0.5em; }
#column_left .postInfo p {color:#949494; font-size:0.6em;}
#column_left .postInfo p.postAuthor {float:left; font-size:0.65em; color:#ddd;}
#column_left .postInfo p.postKeywords {float:right;}
#column_left .postInfo p a {color:#949494; text-decoration:none;}
#column_left .postInfo p a:hover {text-decoration:underline;}
#column_left .permenantLink {float:right; font-size:0.6em; color:#000; display:block; margin-right:10px;}
#column_left .permenantLink:hover {text-decoration:none;}


#column_left #commentsBlock #postcomment {margin:2em 0 0 0;}
#column_left #commentsBlock .postInfo {background:#eeeeee;}
#column_left #commentsBlock .postInfo p {color:#2c2c2c;}
#column_left #commentsBlock .postInfo a {color:#000000; text-decoration:underline;}
#column_left #commentsBlock .postInfo a:hover {text-decoration:none;}
#column_left #commentsBlock  ul li {list-style:none;}
#column_left #commentsBlock .commentText {clear:both; margin:2em 0 0 0.5em; font-size:1.0em;}
#column_right .block {font-size:0.65em; padding:1.2em; position:relative; margin:0 0 2em 0;}
#column_right .block .hr { background:url(images/separator_postTitle.gif) repeat-x; height:4px;}
#column_right .block .hr hr {display:none;}
#column_right .block p {margin-top:10px;}
#column_right .block.apropos {background:#000; color:#fff; border:7px solid #e1e1e1; margin-bottom:3em; padding:1.5em;}
#column_right .block.apropos  p, #column_right .block.abonnement  p {margin-left:1em;}
#column_right .block.apropos .hr {background:url(images/shadow_page_separator.gif) repeat-x; margin-top:-5px; height:5px;}
#column_right .block.apropos .hr hr {display:none;}
#column_right #rss {position:absolute; right:10px; top:7px;}

#column_right .block.abonnement a {color:#000; font-weight:bold; text-decoration:underline;}
#column_right .block.abonnement a:hover {text-decoration:none;}
 
#column_right h2 {position:relative; font-size:12px; color:#2c2c2c; font-weight:600; list-style:none;}
#column_right h2 span {position:absolute; right:0.1em; bottom:1em; color:#878787; font-weight:normal; font-size:1em;}
#column_right a {position:relative; font-size:12px; color:#2c2c2c; font-weight:500; list-style:none;}
#column_right .block.abonnement .hr {margin-top:0.5em;}

#column_right .block.favoris .hr {margin-top:-0.8em;}
#column_right .block.favoris ul {margin:2em 0 0 0;}
#column_right .block.favoris ul li {background:url(images/puce_blockRight.gif) no-repeat; list-style:none; font-size:1em; padding-left:2em; margin:0 0 1em 0;} 
#column_right .block.favoris ul li.lastone {margin-bottom:0;}
#column_right .block.favoris ul li a {text-decoration:none; color:#000;}
#column_right .block.favoris ul li a:visited {text-decoration:line-through;}
#column_right .block.favoris ul li a:hover {text-decoration:underline;}

#column_right .block.archives ul {margin-bottom:30px;}
#column_right .block.archives ul li {list-style:none; font-weight:normal; background:url(images/puce_blockRight.gif) no-repeat; padding-left:2em; margin:5px 0 0 0;}
#column_right .block.archives ul li a {color:#000; text-decoration:none;}
#column_right .block.archives ul li a:hover {text-decoration:underline;}






#qtrans_language_chooser {position:absolute; right:20px; top:20px; z-index:10;}
#qtrans_language_chooser li {list-style:none; float:left; margin-left:10px;}
#qtrans_language_chooser li a {display:block; height:12px; width:18px;}
#qtrans_language_chooser li a span {display:none;}
#qtrans_language_chooser .qtrans_flag_fr {background:url(images/fr.png) no-repeat;}
#qtrans_language_chooser .qtrans_flag_fr:hover {background:url(images/fr_rll.png) no-repeat;}
#qtrans_language_chooser .qtrans_flag_en {background:url(images/en.png) no-repeat;}
#qtrans_language_chooser .qtrans_flag_en:hover {background:url(images/en_rll.png) no-repeat;}