/*
Theme Name: Ellicom Blogue
Theme URI: http://blog.ellicom.com
Description: Le thème par défault du blogue d'Ellicom
Version: 1.0 beta
Author: Jean-François Desgagné (design par Tommy Rochette & Simon Nolet)
Tags: ellicom, formation en ligne, formation, education, blogue, multimedia, web, web moderne

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


* {padding:0; margin:0; border:none;}
.clear {clear:both;}
.hide {display:none;}
body {background:#000 fixed; background-image:url(images/sky_repeat.jpg); font-family:Arial, sans-serif; position:relative; z-index:1;}

*html #icons {position:absolute;}
input, textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#page {width:928px; margin:0 auto; padding:0 0 0 0; position:relative;}
#content {background:url(images/page_background.gif) #fff top left no-repeat; margin-top:20px;}

/*** Footer ***/
div#footer {
    color: #868686;
    font-size: 11px;
    padding: 12px 0 0 70px;
    height: 28px;
	width:860px;
	margin:0px auto 0px auto;
}

div#footer a {
    color: #868686;
    text-decoration: none;
}

div#footer a:hover {
    color: #c3c3c3;
    text-decoration: underline;
}

div#footer p {
    padding: 0;
    margin:0;
	float:left;
}

div#footer p.links {
    text-align: right;
    font-size: 12px;
	text-align:right;
	float:right;
	position:relative;
	right:70px;
}
div.back_footer {
    bottom: 37px;
    #bottom: 24px;
    left: 0;
	width:100%;
    height: 100px;
    background-image: url(/images/site/footer_background.gif);
    background-repeat: repeat-x;
}

#menu_bottom {margin:0 0 0 1.2em; float:left;}
#copyright {font-size:0.7em; margin-top:10px; text-align:center; color:#ebebeb;}
#copyright a {font-weight:bold; text-decoration:underline; color:#fff;}
#copyright a:hover {text-decoration:none;}

#logo_ellicom {margin:35px 0 0 50px; float:left;}
#logo_blog {float:right; margin:35px 30px 0 0;}
h2#sousLogo_blog {position:absolute; top:12.5em; left:13.5em; font-size:0.7em; font-weight:normal;}
#search {background:#dddddd; margin:18px 0 40px 0; height:37px;}
#search input {width:11em; background:#dddddd; border:1px solid #9a9a9a; margin-top:0.9em; padding:3px 5px; color:#046fa8; font-weight:normal; font-size:0.6em; margin-left:1em; height:14px;}
#search label {font-family:Helvetica, Arial, sans-serif; font-size:17px; color:#6d6d6d; margin-left:10px; letter-spacing:0.2em;}

div#container {
    position: relative;
    z-index: 3;
    width: 966px;
    left: 50%;
    margin-left: -483px;
}

div#backgroundHeader {
	background-image:url(../../../../images/site/header.gif);
	background-repeat:repeat-x;
	height:144px;
	z-index:1;
	position:absolute;
	padding-left:100%;
}
* html div#backgroundHeader {
	left:0px;
}
div#header {
    position: relative;
    display: block;
    height: 144px;
    margin-left: 21px;
	z-index:2;
}

div#header #ellicom span {
    display: none;
}

div#header #ellicom a.logo {
    display: block;
    width: 145px;
    height: 37px;
    position: absolute;
    top: 19px;
    left: 0;
}

div#header #ellicom {
    background-image: url(/images/site/ellicom.gif);
    background-repeat: no-repeat;
    background-position: 0 19px;
    width: 100%;
    height: 100px;
}

div#header ul {
    margin: 0;
    padding: 0;
}

div#header ul li {
    list-style: none;
}

div#header #ellicom ul.nav li a {
    color: #c9c9c9;
    text-decoration: none;
    display: block;
    background-color: #000;
    font-size: 11px;
}

div#header #ellicom ul.nav li a:hover {
    color: #fff;
}

div#header #ellicom ul.nav li.home a {
   	padding-top:8px;
	height:22px;
	padding-left:10px;
	width:46px;
}

div#header #ellicom ul.nav li.home {
    left: 0;
    top: 75px;
    position: absolute;
}

div#header #ellicom ul.nav li.lang a {
    padding-top:8px;
	height:22px;
	padding-left:10px;
	width:53px;
}

div#header #ellicom ul.nav li.lang {
    left: 59px;
    top: 75px;
    position: absolute;
}


div#header #ellicom ul.nav li.nous-joindre a {
   	padding-top:8px;
	height:22px;
	padding-left:10px;
	width:80px;
}

div#header #ellicom ul.nav li.nous-joindre {
    left: 125px;
    top: 75px;
    position: absolute;
}

div#header #ellicom ul.nav li.home a:hover, div#header #ellicom ul.nav li.lang a:hover, div#header #ellicom ul.nav li.nous-joindre a:hover {
    background-color:#111111;
}

/*** Navigation ***/
div#header #nav ul li {
    position: absolute;
    height: 74px;
}

div#header #nav ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    cursor: pointer;
}

div#header #nav ul li.solutions {
    top: 0;
    left: 238px;
    background-image: url(/images/site/solutions_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.solutions a {
    width: 201px;
    height: 74px;
}

div#header #nav ul li.solutions a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.solutions:hover {
    background-position: top right;
    height: 104px;
}

div#header #nav ul li.showcase {
    top: 0;
    left: 439px;
    background-image: url(/images/site/showcase_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.showcase a {
    width: 130px;
    height: 74px;
}

div#header #nav ul li.showcase a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.showcase:hover {
    background-position: top right;
    height: 104px;
}

div#header #nav ul li.softwares {
    top: 0;
    left: 569px;
    background-image: url(/images/site/software_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.softwares a {
    width: 110px;
    height: 74px;
}

div#header #nav ul li.softwares a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.softwares:hover {
    background-position: -135px 0;
    height: 104px;
}
div#header #nav ul li.ellicom {
    top: 0;
    left: 679px;
    background-image: url(/images/site/software_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.ellicom a {
    width: 110px;
    height: 74px;
}

div#header #nav ul li.ellicom a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.ellicom:hover {
    background-position: -135px 0;
    height: 104px;
}
div#header #nav ul li.blog {
    top: 0;
    left: 789px;
    background-image: url(/images/site/about_menu_bg.gif);
    height: 84px;
	width:116px;
}

div#header #nav ul li.blog a {
    width: 106px;
    height: 74px;
}

div#header #nav ul li.blog a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}
div#header #nav ul li.blog:hover {
    background-position: -116px 0;
    height: 104px;
}


#column_left {float:left; width:37em; margin:3em 0 0 0;}
#column_right {float:right; width:15.8em; margin:3em 1em 0 1em; position:relative;}

#commentlist li {margin-top:10px;}
#commentform input, #commentform textarea {border:1px solid #444444; color:#575757; 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; color:#575757;}
#commentform input.text {}
#commentform p {margin-top:15px;}

#commentform div {margin-top:0.5em;}
#commentform div.button {margin-left:7em;}
#commentform div.button input {background:#046fa8; color:#fff; font-size:0.7em; font-weight:bold; padding:7px 15px; border:none;}


#column_left .title_date {font-size:0.75em; color:#575757; font-weight:normal; margin-left:40px;}
#column_left .title_post, #comments, #postcomment {font-size:1.2em; font-weight:lighter; background:#046fa8; color:#fff; padding:6px 0 6px 40px; margin:5px 0 15px 0; display:block;}
#column_left .title_post a {text-decoration:none; color:#fff;}
#column_left p {font-size:0.75em; color:#575757; margin-bottom:1em; line-height:1.4em; margin-left:40px; }
#column_left .hr {background:#dedede; height:4px; margin:0.2em 0 0 0; margin-left:40px;}
#column_left .hr hr {display:none;}

#comments {margin-bottom:0;}
#comments span {font-size:0.6em; font-weight:bold;}
#comments span a {color:#fff; text-decoration:underline;}
#comments span a:hover {text-decoration:none;}


#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; margin-left:30px; position:relative; top:-20px;}
#column_left .navigationPost .alignright {float:right; margin-right:30px;position:relative; top:-20px;}

#column_left .post  {margin-bottom:4em;}
#column_left .post blockquote {background:url(images/comment_end.gif) no-repeat bottom right; display:block;}
#column_left .post blockquote  p {font-size:0.5em; margin-left:0; padding-right:30px; line-height:1.6em;}
#column_left .post .cite {background:url(images/comment_start.gif) no-repeat top left; font-size:1.3em; padding-left:40px; margin:20px 30px 20px 50px; font-size:1.5em;}
#column_left .post .options {margin:10px 10px 0 40px;}
#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:0 0 5px 30px;}
#column_left .post .options li.comment a {color:#0271ab;}
#column_left .post .options li.comment a:hover {text-decoration:none;}
#column_left .storycontent {margin-bottom:20px;}
#column_left .storycontent a, #column_left #commentsBlock p a {color:#0271ab; 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:0.75em; color:#575757; margin-bottom:1em; line-height:1.4em; list-style:none; margin-left:40px;}
#column_left .storycontent li {background:url(bullet.jpg) no-repeat 0 3px; padding-bottom: 0.7em; padding-left: 20px;}
#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:#0271ab; 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:0.9em;}

#column_right .block {font-size:0.75em; position:relative; margin:0 0 2em 0; line-height:1.4em;}
#column_right .block .hr {background:#dedede; height:4px; margin:-3px;}
#column_right .block .hr hr {display:none;}

#column_right #qtranslate-chooser {position:absolute;top:-40px;right:0px;}
#column_right #qtranslate-chooser li {list-style-type:none; display:inline; margin-right:10px;}
#column_right #qtranslate-chooser a {text-decoration:none; font-size:0.8em; color:#0271AB;}


#column_right .block p {margin-top:10px; margin-left:12px; color:#6d6d6d;}
#column_right .block.apropos {background:#0271ab; color:#fff; margin-bottom:3em; padding:0;}
#column_right .block.apropos  p {margin:1em; padding-bottom:1em; color:#fff;}
#column_right .block.apropos .hr {background:#fff; margin-top:-5px; height:5px;}
#column_right .block.apropos .hr hr {display:none;}
#column_right .block.apropos h4 {color:#FFFFFF;}
#column_right #rss {position:absolute; right:0; top:3px;}

#column_right .block.abonnement a {color:#0073ae; font-weight:normal; text-decoration:none;}
#column_right .block.abonnement a:hover {text-decoration:underline;}
 
#column_right h4 {position:relative; font-size:1.5em;font-weight:normal; margin-left:10px; padding-top:10px; padding-bottom:15px; font-family:Helvetica, Arial, sans-serif; letter-spacing:0.2em; color:#6d6d6d;}
#column_right h4 span {position:absolute; right:0.1em; bottom:1em; color:#878787; font-weight:normal; font-size:1em;}


#column_right .block.favoris ul {margin:1em 0 0 12px;}
#column_right .block.favoris ul li {list-style:none; font-size:1em; margin:0 0 2px 0;} 
#column_right .block.favoris ul li.lastone {margin-bottom:0;}
#column_right .block.favoris ul li a {text-decoration:none; color:#0271ab;}
#column_right .block.favoris ul li a:visited {text-decoration:none;}
#column_right .block.favoris ul li a:hover {text-decoration:underline;}

#column_right .block.archives {padding-bottom:0;}
#column_right .block.archives ul {margin:1em;}
#column_right .block.archives ul li {list-style:none; font-weight:normal; margin:0 0 0.5em 0; color:#0271ab; text-transform:capitalize;}
#column_right .block.archives ul li a {color:#0271ab; text-decoration:none;}
#column_right .block.archives ul li a:hover {text-decoration:underline;}

#column_right .block.category h4 span {bottom:1.3em;}
#column_right .block.category ul {margin:1em 0 0 15px;}
#column_right .block.category ul li {list-style:none;}
#column_right .block.category ul li a {color:#0271ab; text-decoration:none;}	
#column_right .block.category ul li a:hover {text-decoration:underline;}


#column_right .block.twitter .hr {margin-top:0.5em;}
#column_right .block.twitter h4 span {bottom:0em;}
#column_right .block.twitter ul {}
#column_right .block.twitter ul li, #column_right .block.lastfm ul li {border-bottom:1px solid #d4d4d4; list-style:none; background:none; margin:0; padding:1em 0 1em 0.5em;}
#column_right .block.twitter ul li p {margin:0 0 0.2em 0; padding:0; font-size:1.1em;}
#column_right .block.twitter a {font-weight:bold; text-decoration:none; color:#000;}
#column_right .block.twitter a:hover {text-decoration:underline;}
#column_right .block.twitter .twitter_where {display:block; float:left;}
#column_right .block.twitter .twitter_when {display:block; float:right;}
#column_right #twitter_fallowTeam, #column_right #lastfm_listen {text-transform:uppercase; font-weight:bold; font-size:1em; color:#000; text-decoration:none; text-align:right; display:block; margin-top:0.5em;}
#column_right #twitter_fallowTeam:hover, #column_right #lastfm_listen:hover {text-decoration:underline;}

#column_right .block.lastfm .hr {margin-top:-0.5em;}
#column_right .block.lastfm h4 span {bottom:1em;}
#column_right .block.lastfm ul li a {font-weight:bold; text-decoration:none; color:#000;}
#column_right .block.lastfm ul li a:hover {text-decoration:underline;}
#column_right .block.lastfm ul li .lastfm_music, #column_right .block.lastfm ul li .lastfm_title {display:block; float:left;}
#column_right .block.lastfm ul li .lastfm_date, #column_right .block.lastfm ul li .lastfm_hour {display:block; float:right;}

#column_right .block.logo li {list-style:none; float:right; margin-top:1em;}
#column_right #logo_facebook img {margin-top:0.3em; margin-right:2em;}


#qtrans_language_chooser {position:absolute; right:0; top:-40px; 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;}

#qtrans_language_chooser {font-size:0.75em; margin:0 0 2em 0; line-height:1.4em;}
#qtrans_language_chooser li {list-style:none; font-size: 1em; margin:0 0 2px 0; padding-left: 10px; color: #575757; } 
#qtrans_language_chooser li a {text-decoration:none; color:#0271ab;}
#qtrans_language_chooser li a:visited {text-decoration:none;}
#qtrans_language_chooser li a:hover {text-decoration:underline;}