/*

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

*/



h3{ margin-left:40px; color:#575757; font-size:0.875em; padding:15px 0;}





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

p.wp-caption-text{margin:2px 0 5px 10px!important;}