@charset "utf-8";

/*
Theme Name: MacQuébec 2010
Theme URI: http://macquebec.com
Description: Thème du portail MacQuébec.
Version: 1.0
Author: Laurent LaSalle
Author URI: http://laurentlasalle.com
Tags: apple, ipad, iphone, mac, quebec, html5
*/

/* Reset browser defaults */
@import url(css/yui-reset-min.css);
@import url(css/html5-reset-min.css);

/* Typography */
@import url(css/typography.css);

/* Base */
html {
	/* Simplement mettre tes essaies dans le dossier macquebec2010/images et décommenter cette ligne ci
	   dessous */	
	
	background: url(images/arriereplan-motif.png) repeat transparent;
}
body {
	/* background-color: #ADACAC; */	
	padding: 10px 0 0 0;
	color: #333;
}
strong {
	font-weight: bold;
}
em {
	font-style:italic;
}


#blogname {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -0.08em;
	/* color: #0097AB;
    text-shadow: 0 1px 0 white; */
}
a {
	text-decoration: none;
	color: inherit;
}
a:focus, 
a:active {
	outline: none;
}
p a {
	text-decoration: underline;
}
sup {
	vertical-align: super;
	line-height: 0;
	font-size: 75%;
}
abbr[title] {
	border: none;
}
p {
	margin: 15px 0;
}
.alignleft {
	float: left;
	padding-right: 10px; /* Mettre la valeur d'espace entre l'image et le texte ici */
}

.alignright {
	float: right;
	padding-right: 10px; /* Mettre la valeur d'espace entre l'image et le texte ici */
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

header {
	/*margin: 0 47px;*/
	margin: 0 25px;
	color: #fff;
	padding: 118px 0 0px 0;
	text-shadow: 0 1px 0 #000;
}
header .border {
	background: url(images/background-header.png) repeat-x 0 20px;
	padding: 0 0 20px 0;
	display: inline;
	margin-left: 22px;
}

menu {
	margin-top: 10px;
}
#blogname, 
header menu, 
header menu li {
	display: inline-block;
}
header menu li {
	margin: 0 0 0 20px;
	letter-spacing: -0.01em;
	vertical-align: 2px;
}
header menu a:hover {
	background: url(images/background-header02.png) repeat-x scroll 0 32px transparent;
	padding: 0 0 30px;
}
header #searchform {
	margin: 5px 0 0 20px;
	float: right;
	position: relative;
	padding: 0 0 0 25px;
	margin-right: 22px;
}
.searchbox {
	border: 0;
	background: url(images/background-searchbox.png) no-repeat top right;
	padding: 3px 25px 4px 0;
	letter-spacing: -0.02em;
	color: #808080;
	width: 250px;
}
.searchbox:focus, 
.searchbox:active {
	outline: none;
}
#searchsubmit {
	border: none;
	background: url(images/background-searchbox.png) no-repeat top left;
	text-indent: -5000px;
	width: 25px;
	height: 27px;
	position: absolute;
	left: 0;
	top: 0;
}
.clearer {
	clear: both;
}

/* Main */
#site {
	width: 1024px;
	margin: 0 auto;
}
.content {
	width: 974px;
	margin: 0 auto;
	text-shadow: 0 1px 0 #fff;
}
#site .content {
	/*background: url(images/background-content.png) repeat-y top center; */
	background-color: #fafafa;
	margin: 0 auto 20px;
	position: relative;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
 	-moz-box-shadow: 0 2px 5px #666;
 	-webkit-box-shadow: 0 2px 5px #666;
}
.hidden {
	display: none;
}

/* Home page */
.principal, 
.droite {
	width: 634px;
	float: left;
}
.principal {
    /* Zone grise
    background: url(images/top-content-background.png) repeat-x top left; */
    padding: 0 0 20px 0;
}
.droite {
	width: 340px;
}
.home .pied {
	clear: both;
	padding: 5px;
}

/* Home page widgets */
.widget, 
.main {
	padding: 20px 20px 0 20px;
	position: relative;
}
aside.droite {
	padding: 0 0 20px 0;
	/* Zone grise
	background: url(images/top-content-background.png) repeat-x top left; */
}
aside.droite .rss {
	background: #bbb;
}
.derniersarticles {
	margin: 0;
}
.title {
	font-size: 21px;
	text-shadow: 0 1px 0 #fff;
	letter-spacing: -0.04em;
	border-bottom: solid 5px #d9d9d9;
	height: 21px;
	padding: 2px 0 0 0;
}
.chrome .title {
	letter-spacing: -1px;
}
aside .widget .title {
	font-size: 18px;
	height: 18px;
	margin: 0 0 10px 0;
	border-bottom: solid 5px #bbb;
	padding: 0;
}
.chrome aside .widget .title {
	height: 19px;
}
aside .widget .title span {
	font-size: 18px;
	height: 19px;
}
aside .widget p {
	font-size: 13px;
	line-height: 16px;
}
.title span {
	border-bottom: solid 5px #009ab2;
	height: 23px;
}
.title strong {
	font-weight: bold;
	text-transform: uppercase;
}
aside .toutproduit .title, 
aside .toutproduit .title span {
	text-shadow: none;
	border: none;
}
article {
	margin: 20px 0 0 0;
	position: relative;
	border-bottom: 1px dotted #BBBBBB;
	padding: 0 0 20px 0;
}
.principal article h2 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	text-align: right;
	z-index: 1;
	margin: 0 0 10px 0;
}
.principal article h2 span {
	position: absolute;
	bottom: 15px;
	right: 0;
	padding: 10px 10px 5px 10px;
	background: url(images/black-30.png);
	max-width: 80%;
}
.thumbnail, .avatar {
	border-color: #aaa #fff #fff #aaa;
	border-style: solid;
	border-width: 1px;
	display: block;
}
.principal .thumbnail {
	top: 0;
	display: block;
	margin: 0 -1px;
	width: 594px;
	height: 180px;
	background: #ddd;
}
.principal .post-info, 
.principal article details ul a, 
.more, .play,
.commentlink a,	
.rss,
ul.contentlist ul li a, 
ul.contentlist time, 
.wp-pagenavi, 
.current, 
.wp-pagenavi .page, 
.nextpostslink, 
.previouspostslink {
	font-size: 13px;
	font-weight: bold;
	padding: 1px 0 2px 0;
	vertical-align: 1px;
	text-transform: uppercase;
}
ul.contentlist time, 
ul.contentlist .post-info {
	vertical-align: 0;
}
.principal time, 
.principal .post-info, 
.principal ul.contentlist time {
	font-weight: bold;
}
.principal article details ul, 
.principal ul.contentlist ul, 
.principal ul.contentlist ul li {
	display: inline;
}
.principal ul.contentlist {
	margin: 20px 0 0 0;
}
.principal ul.contentlist > li > a, 
.principal ul.contentlist > li > time {
	line-height: 18px;
}
.principal article details li {
	display: inline-block;
}
/*.principal article details ul a, 
.principal ul.contentlist ul li a, 
.rss, 
.current, 
.wp-pagenavi .page, 
.nextpostslink, 
.previouspostslink {
	display: inline-block;
	color: #fff;
	text-shadow:0 -1px 0 #666;
	background: #ccc;
	padding: 4px 4px 1px 4px;
	margin: 0 2px 2px 0;
	-moz-box-shadow: 1px 1px 0 #999;
	-webkit-box-shadow: 1px 1px 0 #999;
} */

.principal article details ul a, 
.principal ul.contentlist ul li a, 
.rss, 
.current, 
.wp-pagenavi .page, 
.nextpostslink, 
.previouspostslink {
	display: inline-block;
	color: #fff;
	text-shadow:0 -1px 0 #6f6f6f;
	background: #BFBFBF;
	padding: 4px 4px 1px 4px;
	margin: 0 2px 2px 0;
	-moz-box-shadow: 1px 1px 0 #6f6f6f;
	-webkit-box-shadow: 1px 1px 0 #6f6f6f;
}
.principal article details ul.post-categories a, 
.principal ul.contentlist ul.post-categories a, 
.current {
	text-shadow: 0 -1px 0 #0E4C74;
	background: #009ab2;
	-moz-box-shadow: 1px 1px 0 #0E4C74;
	-webkit-box-shadow: 1px 1px 0 #0E4C74;
}
.principal article details ul a:hover, 
.principal ul.contentlist ul li a:hover, 
.rss:hover, 
.current:hover, 
.wp-pagenavi .page:hover, 
.nextpostslink:hover, 
.previouspostslink:hover {
	margin: 1px;
	vertical-align: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.nextpostslink, 
.previouspostslink {
	font-size: 9px;
	line-height: 13px;
}
.principal article details.post-info, 
.principal article .entry, 
.principal article .entry p:first-child, 
ul.contentlist details.post-info, 
ul.contentlist .entry, 
ul.contentlist .entry p:first-child {
	display: inline;
	text-align: justify; 
	text-justify: newspaper;
}
ul.contentlist > li {
	position: relative;
	padding: 0 0 20px 0;
	border-bottom: dotted 1px #bbb;
	margin: 20px 0 0 0;
	min-height: 120px;
}
ul.authorlist > li {
	min-height: 65px;
}
.surlememesujet ul.contentlist {
	margin: 10px 0;
}
.surlememesujet ul.contentlist > li {
	display: inline-block;
	width: 182px;
	padding: 0;
	margin: 0 24px 0 0;
	vertical-align: top;
	border: 0;
}
.surlememesujet ul.contentlist .imagelink {
	position: relative;
}
.surlememesujet ul.contentlist > li:last-child {
	margin: 0 !important;
}
ul.authorlist > li:last-child {
	border: 0;
}
.slug-communaute ul.contentlist .thumbnail {
	border: 0;
	width: 120px;
	height: 120px;
}
.slug-communaute .more {
	text-decoration: none;
	float: right;
	margin: 15px 15px 0 0;
}
ul.contentlist h2 {
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 22px;
}
.surlememesujet ul.contentlist h2 {
	margin: 5px 0 5px 0;
}
ul.contentlist .entry, 
ul.contentlist p {
	font-size: 13px;
	line-height: 16px;
}
.surlememesujet ul.contentlist p {
	margin: 5px 0;
}
ul.contentlist .thumbnail {
	width: 178px;
	height: 118px;
	margin: 0;
}
ul.contentlist .imagelink {
	float: left;
	display: block;
	margin: 0 10px 12px 0;
	top: 0;
	left: 0;
}
.entry {
	line-height: 20px;
}
.actions {
	position: absolute;
	right: 17px;
}
.principal .actions {
	top: -6px;
}
.droite .actions {
	bottom: 0;
	right: 20px;
}
.widget .more, .widget .play,
.commentlink a, 
.bigger {
	display: inline-block;
	background: url(images/sprite-buttons-inside.png) no-repeat 0 -106px;
	padding: 10px 1px 7px 12px;
	color: #fff;
	text-shadow: 0 -1px 0 #0e4c74;
	line-height: 13px;
	position: relative;
}
.commentlink a {
	background-position: -33px -137px;
	width: 30px;
	padding: 10px 0 17px 0;
	text-align: center;
}
.widget .more span, .widget .play span,
.bigger span {
	text-indent: -5000px;
	position: absolute;
	right: -17px;
	background: url(images/sprite-buttons-inside.png) no-repeat -352px -106px;
	width: 17px;
	display: block;
	height: 30px;
	top: 0;
}
.widget .more, .widget .play, 
.commentlink a {
	color: #256D7D;
	text-shadow: 0 1px 0 #fff;
}
.widget .more:hover, 
.commentlink a:hover {
	background-position: 0 -75px;
	color: #fff;
	text-shadow: 0 -1px 0 #0e4c74;
}
.commentlink a:hover {
	background-position: -2px -137px;
}
.widget .more:hover span {
	background-position: -352px -75px;
}
.widget .topright {
	position: absolute;
	top: 21px;
	right: 19px;
	display: block;
}
/* .widget .rss {
	position: absolute;
	padding: 0;
	text-shadow: 0 -1px 0 #0E4C74;
	top: 18px;
	right: 42px;
	font-weight: bold;
	background: url(images/sprite-buttons-inside.png) no-repeat -376px -100px;
}
.widget .rss span {
	background: url(images/sprite-buttons-inside.png) no-repeat -290px -25px;
	display: block;
	height: 17px;
	margin: 0 -24px 0 24px;
	padding: 6px 10px 2px 6px;
	width: 70px;
	text-align: center;
}
.widget .rss:hover {
	background-position: -376px -50px;
	text-shadow: 0 -1px 0 #e87813;
}
.widget .rss:hover span {
	background-position: -290px -50px;
}
.derniermedia .rss {
	background-position: -376px -100px;
	text-shadow: 0 -1px 0 #0E4C74;
}
.derniermedia .rss span {
	background-position: -290px -25px;
} */
.bigger {
	background-position: 0 -111px;
	text-indent: -5000px;
	height: 13px;
	width: 11px;
	position: absolute;
	bottom: 0;
	right: 105px;
}
.bigger span {
	background-position: -341px -75px;
	width: 10px;
	right: -10px;
}
.principal article details.post-data .catstags {
	margin: 20px 0 0 0;
}
.catstags {
	padding: 0 200px 0 0;
}
article details.post-data, 
ul.contentlist details.post-data {
	position: relative;
}
ul.contentlist details.post-data {
	margin: 15px 0 0 0;
	clear: both;
	min-height: 20px;
}
.toutproduit {
	color: #fff;
	background: url(images/background-toutproduit.png) repeat-y #009ab2;
	margin: 20px 0 0 0;
	padding: 18px 20px;
	text-shadow: none;
}
.toutproduit ul {
	position: relative;
	margin-top: 5px;
	height: 169px;
}
.toutproduit p {
	font-size: 13px;
	line-height: 16px;
	margin: 15px 0 0 0;
}
.toutproduit a {
	background: url(images/background-produits-mini.png) no-repeat 0 0;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.toutproduit .macbook:hover {
	background-position: -300px 0;
}
.toutproduit .macbook {
	background-position: 0 0;
	width: 107px;
	height: 78px;
}
.toutproduit .ipod-nano {
	background-position: -114px 0;
	width: 26px;
	height: 57px;
	top: 0;
	left: 114px;
}
.toutproduit .ipod-nano:hover {
	background-position: -414px 0;
}
.toutproduit .mac-mini {
	background-position: -148px 0;
	width: 70px;
	height: 70px;
	top: 0;
	left: 148px;
}
.toutproduit .mac-mini:hover {
	background-position: -448px 0;
}
.toutproduit .ipad {
	background-position: -218px 0;
	width: 82px;
	height: 105px;
	top: 0;
	left: 218px;
}
.toutproduit .ipad:hover {
	background-position: -518px 0;
}
.toutproduit .iphone {
	background-position: -122px -67px;
	width: 51px;
	height: 29px;
	top: 67px;
	left: 122px;
}
.toutproduit .iphone:hover {
	background-position: -422px -67px;
}
.toutproduit .magic-mouse {
	background-position: -188px -68px;
	width: 22px;
	height: 42px;
	top: 68px;
	left: 188px;
}
.toutproduit .magic-mouse:hover {
	background-position: -488px -68px;
}
.toutproduit .imac {
	background-position: 0 -86px;
	width: 104px;
	height: 83px;
	top: 86px;
	left: 0;
}
.toutproduit .imac:hover {
	background-position: -300px -86px;
}
.toutproduit .apple-tv {
	background-position: -113px -102px;
	width: 68px;
	height: 68px;
	top: 102px;
	left: 113px;
}
.toutproduit .apple-tv:hover {
	background-position: -413px -102px;
}
.toutproduit .clavier {
	background-position: -189px -117px;
	width: 111px;
	height: 52px;
	top: 117px;
	left: 189px;
}
.toutproduit .clavier:hover {
	background-position: -489px -117px;
}
.derniermedia .title {
	border-bottom: solid 5px #bbb;
	padding: 2px 0 0 0;
}
.derniermedia .media, 
.derniermedia .entry {
	display: inline-block;
	vertical-align: top;
}
.derniermedia .media img, 
.derniermedia .media object, 
.pubinterne a.thumbutton .image {
	display: block;
}
.derniermedia .media {
	border-color: #999 #eee #eee #999;
	border-style: solid;
	border-width: 1px;
	margin: 0 -1px;
}
.derniermedia h2 {
	display: none;
}
.derniermedia .entry {
	margin: 5px 0 0 0;
	padding: 0 75px 0 0;
	position: relative;
}
.derniermedia p {
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0 0 0;
}
.pub {
	margin: 0 auto;
	display: block;
}
.entete {
	position: absolute;
	top: 0;
	/* background: url(images/noir25.png); */
	width: 100%;
	padding: 10px 0;
	left: 0;
}
.entete .widget {
	padding: 0;
}
.entete img {
	display: block;
	margin: 0 auto;
}

/* Home page widgets for the footer */
.pied .widget {
	width: 270px;
	display: inline-block;
	vertical-align: top;
	padding: 15px 15px 0 15px;
}

/* Footer */
footer {
	width: 100%;
	/*background: url(images/background-footer.png) center top; */
	color: #fff;
	padding: 0 0 20px 0;
}
footer .content {
	text-shadow: 0 1px 0 #000;
}
footer ul.sections > li, 
footer ul#menu-sections > li {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}
footer ul.sections > li, 
footer ul#menu-sections > li {
	text-align: center;
	width: 189px;
	display: inline-block;
	vertical-align: top;
	border-right: solid 1px #0FCCD8;
	border-left: solid 1px #006473;
	padding: 20px 0;
	height: 100px;
}
footer ul.sections > li > ul, 
footer ul#menu-sections > li > ul {
	margin: 8px 0 0 0;
}
footer ul.sections > li > ul > li > a, 
footer ul#menu-sections > li > ul > li > a {
	padding: 2px 0;
	display: block;
	text-transform: none;
	font-weight: normal;
}
footer ul.sections > li.page-item-2, 
footer ul#menu-sections > li:first-child {
	border-left: 0;
}
footer ul.sections > li.page-item-9011, 
footer ul#menu-sections > li:last-child {
	border-right: 0;
}
footer .copyright {
	background: url(images/background-innerfooter.png);
	padding: 20px 20px 5px 20px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 2px 6px #000 inset;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 2px 6px #000 inset;
}
footer .copyright p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 16px;
}

/* Entries */
.entry a {
	text-decoration: underline;
}
.entry small {
	font-size: 13px;
	line-height: 16px;
}
.entry object {
	display: block;
	margin: 0 auto;
}
.entry ul, 
.entry ol {
	margin: 0 20px;
}
.entry ul li {
	list-style: disc;
	margin: 5px 0;
}
.entry ol li {
	list-style: decimal;
	margin: 5px 0;
}
.entry ul ul, 
.entry ul ol, 
.entry ol ol, 
.entry ol ul {
	margin: 0 20px 10px 20px;
	font-size: 14px;
	line-height: 18px;
}
.entry ul ul li {
	list-style: circle;
}
.entry h3, .entry .h3 {
	font-weight: bold;
	font-size: 20px;
	margin: 30px 0 15px;
	text-transform: uppercase;

}
.entry h4, .entry .h4 {
	font-weight: bold;
	font-size: 20px;
	margin: 30px 0 15px;
}
.entry blockquote {
	background: #ddd;
	margin: 15px;
	padding: 1px 15px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 #fff, 0 -1px 0 #aaa;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #aaa;
}
.entry blockquote .reference {
	text-align: right;
	display: block;
	font-size: 13px;
	font-weight: bold;
}
.principal article .entry blockquote p:first-child {
	display: block;
}
.entry img.center {
	display: block;
	margin: 0 auto;
}
samp {
	font-size: 15px;
	margin: 0 3px;
}

/* Single page */
.single article, 
.entrytitle {
	position: relative;
}
.entrytitle {
	display: block;
	margin: 0 0 10px 0;
}

/* Twidger */
.twidger a.tweet {
	display: block;
	min-height: 48px;
	padding: 5px 5px 5px 60px;
	margin-left: 0;
	margin-right: 0;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	position: relative;
}
.twidger a.tweet strong {
	font-weight: bold;
}
.twidger a.tweet:hover {
	background: #ccc;
}
.twidger a.tweet img {
	position: absolute;
	margin: 0 8px 5px 0;
	width: 48px;
	height: 48px;
	top: 5px; 
	left: 5px;
}

/* Browser customizations */
.safari header menu li {
	margin: 0 0 0 19px;
}
.safari header #searchform {
	margin: 3px 0 0 20px;
}
.safari .searchbox {
	padding: 6px 25px 4px 0;
}
.safari .searchbox:onfocus {
	overflow: hidden;
}
.pubinterne a.thumbutton {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 21px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 -1px 0 #999;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 -1px 0 #999;
}
.pubinterne a.thumbutton .image {
	width: 300px;
	height: 180px;
	background-position: 0 0;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 #fff;
}
.pubinterne .bulle {
	background: #fff;
	padding: 10px 10px 7px 10px;
	display: block;
	font-size: 13px;
	line-height: 16px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px #000;
	position: absolute;
	bottom: 0;
	margin: 10px;
	opacity: 0.8;
}
.pubinterne .bulle span:before {
	content: "?";
	color: #fff;
	text-shadow: 0 1px 3px #000;
	font-size: 24px;
	position: absolute;
	top: -18px;
	right: 75px;
	width: 30px;
	height: 18px;
	line-height: 27px;
	overflow: hidden;
}
.pubinterne a.thumbutton:hover .bulle {
	opacity: 1;
}
.pubinterne a.thumbutton:hover span:before {
	opacity: 1;
}
aside .pubinterne .title {
	color: #fff;
	border: none;
	text-shadow: none;
	position: relative;
	z-index: 1;
	margin: 8px 10px;
	text-shadow: 0 1px 0 #000;
}
aside .pubinterne span {
	border: none;
}
aside .pubinterne {
	height: 102px;
}
aside #pubinterne-widget-3, 
aside #pubinterne-widget-6 {
	height: 182px;
}

/* WP Page Navi */
.wp-pagenavi {
	margin: 10px 20px;
}
.nextpostslink, 
.previouspostslink {
	vertical-align: 2px;
	padding: 4px 3px 1px;
}
.nextpostslink:hover, 
.previouspostslink:hover {
	vertical-align: 1px;
}
.wp-pagenavi .pages {
	font-weight: normal;
	margin: 0 10px 0 0;
	vertical-align: 1px;
}
.edit-link a {
	font-size: 13px;
	font-weight: bold;
	opacity: 0.1;
	margin: 0 5px;
	vertical-align: 1px;
	text-transform: uppercase;
}
.edit-link a:hover {
	opacity: 1;
}
.post-edit-link {
	padding: 10px 0 17px;
	display: inline-block;
}

/* Intense Debate */ 
#idc-container .idc-postnav-label span {
	vertical-align: -2px;
	text-transform: lowercase;
}
#idc-container .idc-postnav-label:first-letter {
	text-transform: none;
}
#idc-container .idc-postnav-list .idc-first {
	display: none;
}
.form-allowed-tags {
	display: none;
}

/* Blogroll */
.widget_links li {
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 10px 0;
}
.widget_links a {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 18px;
}
/* .rss {
	-moz-box-shadow: 1px 1px 0 #EF9D00;
	background: none repeat scroll 0 0 #FBC96B;
	text-shadow: 0 -1px 0 #EF9D00;
} */

/* Flickr thumbnails */
#setThumbs {
	line-height: 0;
	margin: 15px -1px;
}
.setThumbs-indv {
	display: inline-block;
}
.setThumbs-indv a {
	padding: 5px;
}
.setThumbs-indv a:hover {
	background: #d9d9d9;
}
.setThumbs-indv span, 
.setThumbs-indv a, 
.setThumbs-indv img {
	display: block;
}

/* Hébergé par iWeb */
.iweb a {
	display: inline-block;
	text-indent: -5000px;
	width: 85px;
	height: 35px;
	background: url(images/iweb.png) no-repeat;
	top: -13px;
	position: relative;
	margin: 0 0 -13px 0;
}
.iweb {
	text-align: center;
}
.macquebec {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -0.08em;
	font-family: 'Helvetica Neue', 'MacQuebec Logo', helvetica, arial, sans-serif;
	margin-right: 0.07em;
}

/* Publicités */
body {
	background: url(images/arriereplan-motif.png) repeat transparent;

}
.iphone, .ipod {
	/* background-color: #ADACAC;*/
	background-image: none;
}

/* Modification de CSS pour enlever le post thumnail de l'article détaillé à la demande de Kim.
	 Les images d'articles seront ajoutés manuellement dorénavant.
	 Laurent, j'ai mis le code ici, si tu veux l'intégrer directement plus haut libre à toi. */
	 
.principal article h2 span.no-thumb {
	background: none;
	position:static;
	padding: 0;
}

.principal article h2.no-thumb {
	color: #333333;
	text-align: left;
	
	font-size: 26px;
	text-shadow: inherit;
}

table {
text-align:center;
height:70px;
width:485px;

}

/* Fix pour DETAILS */
summary::-webkit-details-marker {
  display: none
}

details[open] summary:after {
  content: "";
}

details[close] summary:after {
  content: "";
}

/* NEW HEADER */
div.newheader {
	width: 100%; 
	height: 32px; 
	margin-top: 10px; 
	border-bottom: 5px gray;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #0097ab;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
}

div.newheader img {
	vertical-align: middle;
}

div.right-links {
	float: right; 
	position:  relative; 
	vertical-align: middle !important; 
	margin-right: 10px;
	margin-top: 2px;
}

div.spacer {
	height: 5px; 
	background: url(http://macquebec.com/wp-content/themes/macquebec2011/images/background-header.png) repeat-x 0 -9px;
	background-color: white;
}

header .right-links a:hover {
	background: url(images/background-header02.png) repeat-x scroll 0 34px transparent;
	padding: 0 0 23px;
}

/* New Frontpage */
#column-left .widget { padding: 20px 10px 0 20px !important; }
#column-right .widget { padding: 20px 10px 0 10px !important; }

.articleresumes div {margin-bottom: 10px;}


p.resumes-post {
  text-indent: -78px;
  padding-left: 78px;
  margin: 0 0 2px 0;
}

p.resumes-post a {text-decoration: none}

.articleresumes .rss {
	padding: 0;
	text-shadow: 0 -1px 0 #0E4C74;
	top: 18px;
	right: 42px;
	font-weight: bold;
	background: url(images/sprite-buttons-inside.png) no-repeat -376px -50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.articleresumes .rss span { 
	background: url(images/sprite-buttons-inside.png) no-repeat -290px -50px;
	display: block;
	height: 17px;
	margin: 0 -36px 0 24px;
	padding: 6px 10px 2px 6px;
	width: 70px;
	text-align: center;
	-webkit-box-shadow: none;
}


.articleresumes div.title { font-size: 19px; }
.articleresumesautres div.title {font-size: 17px;}
.articleresumesautres div {margin-bottom: 10px;}



.fluxrsssimplifiewidget div {margin-bottom: 10px;}

.fluxrsssimplifiewidget p {font-size: 80%; text-indent: -75px;
  padding-left: 75px;
  margin: 0 0 2px 0;}
.fluxrsssimplifiewidget a {text-decoration:none}


.dernierpodcast .rss {
	padding: 0;
	text-shadow: 0 -1px 0 #0E4C74;
	top: 18px;
	right: 42px;
	font-weight: bold;
	background: url(images/sprite-buttons-inside.png) no-repeat -376px -50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dernierpodcast .rss span { 
	background: url(images/sprite-buttons-inside.png) no-repeat -290px -50px;
	display: block;
	height: 17px;
	margin: 0 -36px 0 24px;
	padding: 6px 10px 2px 6px;
	width: 70px;
	text-align: center;
	-webkit-box-shadow: none;
}

.dernierpodcast .topright {
	top: 24px;
}

.dernierpodcast .bottomright {
	top: 24px;
}

.dernierpodcast div {
	background-color: #c3e1e6;
}

.dernierpodcast resumes-post {
	background-color: #c3e1e6;
}

.dernierpodcast div.resumes-post {
  padding-top: 10px;
  
}

.dernierpodcast div.resumes-post img {
  padding-right: 10px;
}

.dernierpodcast .more {
	background-position: 0 -75px;
	color: #fff;
	text-shadow: 0 -1px 0 #0e4c74;
	/* margin-left: 10px; Si on ajoute le bouton PLay */
	margin-left:  91px;
	margin-top: 7px;
	margin-bottom: 4px;
}

.dernierpodcast .more span {
	background-position: -352px -75px;
}

.dernierpodcast .more:hover {
	background-position: 0 -106px;
	color: #fff;
	text-shadow: 0 -1px 0 #0e4c74;
}

.dernierpodcast .more:hover span {
	background-position: -352px -106px;
}


.dernierpodcast .play {
	background-position: 0 -75px;
	color: #fff;
	text-shadow: 0 -1px 0 #0e4c74;
	margin-left: 134px;
}

.dernierpodcast .play span {
    right:  -10px;
    width: 10px;
    
	background-position: -340px -75px;
}

.dernierpodcast .play:hover {
	background-position: 0 -106px;
	color: #fff;
	text-shadow: 0 -1px 0 #0e4c74;
}

.dernierpodcast .play:hover span {
	background-position: -340px -106px;
}


.fluxrsssimplifiewidget div.title {
	margin-left: 35px;
}

.dernierarticlesmacentraidewidget .title {
	font-size: 15.4px;
	height: 16px;
}

.dernierarticlesmacentraidewidget .banniere {
	margin-bottom: 5px;
	width: 297px;
	padding-top: 10px;
}

.dernierarticlesmacentraidewidget p {
	font-size: 80%;


}

.dernierarticlesmacentraidewidget resumes-post {
	background-color: #FFFFF;
}

.dernierarticlesmacentraidewidget div.resumes-post {
  padding-top: 10px;
  
}

.dernierarticlesmacentraidewidget div.resumes-post img {
  padding-right: 10px;
}

.dernierarticlesmacentraidewidget p.resumes-post {
	text-indent: -74px;
	padding-left: 74px;
	margin: 0 0 2px 0;
}