/* juste pour du test */
.bordered {
	border-width: 1px;
	border-style: solid;
}

/*******************************************************
 Zone de contenu du site
*******************************************************/
#site-contenu-news, #site-contenu-2cols {
	width: 1205px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../interface/news/fond.gif");
	background-repeat: repeat-y;
	min-height: 1000px;
}

#site-contenu-2cols {
	background-image: url("../interface/news/fond-2cols.gif");
	min-height: 1000px;
}

#site-shadowTop-news {
	width: 1205px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../interface/news/ombre-top.gif");
	background-repeat: repeat-y;
}

#site-shadowTop-forum {
	width: 1205px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../interface/news/ombre-top-forum.gif");
	background-repeat: repeat-y;
}

/*******************************************************
 Colonne gauche
*******************************************************/

/*------------------------------------------------------
 Général
------------------------------------------------------*/
/* Spacer */
div.news-leftSpacer {
	height: 7px;
}

/* Spacer */
div.news-leftSpacer18 {
	height: 18px;
}

/* La colonne */
#news-colonne-gauche {
	float: left;
	width: 216px;
	margin-left: -1201px;
}

/* La marge de la colonne */
#news-colonne-gauche-marged {
	margin: 0px 2px 0 4px;
}

/* div permettant de créer la bordure gauche des blocs */
div.news-blocGaucheContainer {
	background-image: url("../interface/news/blocGaucheContainer-bg.gif");
	background-repeat: repeat-y;
	padding-left: 3px;
}

/* contenu d'un bloc côté gauche */
div.news-blocGauche {
	background-image: url("../interface/news/blocGauche-bg.gif");
}

/* Bloc spacer */
div.news-left-endBlocSpacer {
	height: 8px;
}

/* Arrondis à la fin du bloc */
div.news-blocGauche-bottom {
	background-image: url("../interface/news/blocGauche-bottom.gif");
	height: 3px;
	width: 100%;
}

/*------------------------------------------------------
 A la une
------------------------------------------------------*/

/* Le titre */
h2.news-h2-alaune {
	margin: 0;
}

/* Titre du À la une */
div.news-soustitre-alaune {
	text-align: center;
	padding-top: 10px;
}

div.news-soustitre-alaune a {
	color: #474475;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
	text-decoration: none;
}

div.news-soustitre-alaune a:hover {
	text-decoration: underline;
}

/* Zone de l'image du À la une */
div.news-alaune-imgBloc {
	background-image: url("../interface/news/news-bg-alaune.png");
	background-repeat: no-repeat;
	background-position: 17px 11px;
	height: 130px;
}

.news-alaune-lireSuite {
	text-align: right;
	padding-right: 5px;
}
/* Image du à la une */
img.news-alaune-imgArticle {
	width: 140px;
	height: 90px;
	cursor: pointer;
	margin-top: 16px;
	margin-left: 33px;
	-webkit-box-shadow: 0px 2px 2px #ddd, 1px 0 2px #ddd, -1px 0 2px #ddd;
	-moz-box-shadow: 0px 2px 2px #ddd, 1px 0 2px #ddd, -1px 0 2px #ddd;
	box-shadow: 0px 2px 2px #ddd, 1px 0 2px #ddd, -1px 0 2px #ddd;
}

div.news-alaune-txtBloc {
	color: #515151;
	margin: 5px;
	text-align: left;
}

/*------------------------------------------------------
 Dossiers
------------------------------------------------------*/

/* Le titre */
h2.news-h2-dossiers, h2.news-h2-express {
	margin: 0;
}

/* contenu d'un bloc côté gauche (cas dossiers) */
div.news-blocGaucheDossiers {
	background-image: url("../interface/news/blocGauche-bg-dossiers.gif");
}

div.news-dossier {
	margin: 0 0 0 4px;
	width: 198px;
	height: 127px;
	background-image: url("../interface/news/news-bg-dossiers.png");
}

div.news-dossier-img {
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: center;
	cursor: pointer;
}

div.news-dossier-img img {
	width: 140px;
	height: 90px;
	-webkit-box-shadow: 0px 2px 2px #ddd, 1px 0 2px #ddd, -1px 0 2px #ddd;
	-moz-box-shadow: 0px 2px 2px #ddd, 1px 0 2px #ddd, -1px 0 2px #ddd;
	box-shadow: 0px 2px 2px #ddd, 1px 0 2px #ddd, -1px 0 2px #ddd;
}

div.news-dossier-title {
	padding: 0 5px 0 5px;
	text-align: center;
}

div.news-dossier-title a {
	color: #474475;
	line-height: 11px;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
	text-decoration: none;
}

div.news-dossier-title a:hover {
	text-decoration: underline;
}

div.news-left-dossiersSpacerTop {
	height: 15px;
}

div.news-left-dossiersSpacer {
	height: 20px;
}

/*******************************************************
 Zone centrale (news)
*******************************************************/
#news-centre {
	background-color: #fff;
	float: left;
	margin: 0 311px 0 216px;
	width: 675px;
}

#news-centre-2cols {
	background: #fff url( '../interface/site/top-forum.png') 0 -2px repeat-x;
	float: left;
	width: 888px;
	margin-left: 3px;
}

/*------------------------------------------------------
 En-tetes
------------------------------------------------------*/

/* Barre de titre */
div.news-centre-top {
	width: 675px;
	height: 63px;
	background: url("../interface/news/centre-bg-titre.gif") 0 0 repeat-x;
}

/* Titre */
.news-centre-top h1, .news-centre-top h2, .news-centre-top div.actu, .news-centre-top div.dossier, .news-centre-top div.guideachat {
	text-indent: -2000px;
	font-size: 1.2em;
	color: blue;
	line-height: 48px;
}

.news-centre-top h1.actu, .news-centre-top h2.actu, .news-centre-top div.actu {
	background: url("../interface/news/news-title.gif") 0 0 no-repeat;
}

.news-centre-top div.guideachat {
	background: url("../interface/statics/guideachat/guideachatapple.png") 0 0 no-repeat;
	background-size: 336px 48px;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	.news-centre-top h1.actu, .news-centre-top h2.actu, .news-centre-top div.actu {
		background-image: url("../interface/news/news-title.png");
		background-size: 336px 48px;
	}
	.news-centre-top div.guideachat {
		background-image: url("../interface/news/guideachat-title.png");
		background-size: 336px 48px;
	}
}

.news-centre-top h1.dossier, .news-centre-top h2.dossier, .news-centre-top div.dossier {
	background: url("../interface/news/dossiers-title.gif") 0 0 no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	.news-centre-top h1.dossier, .news-centre-top h2.dossier, .news-centre-top div.dossier {
		background-image: url("../interface/news/dossiers-title.png");
		background-size: 336px 48px;
	}
}

.news-centre-top h1.monmac4everparticiper, .news-centre-top h2.monmac4everparticiper {
	background: url("../interface/communautaire/participer.png") 0 0 no-repeat;
}

.news-centre-top h1.mediatitle, .news-centre-top h2.mediatitle {
	background: url("/interface/media/media-title.png") 0 0 no-repeat;
}

.news-centre-top h1.petitesannonces, .news-centre-top h2.petitesannonces {
	background: url("/interface/petitesannonces/titrePA.png") 0 0 no-repeat;
}

.news-centre-top h1.abotitle, .news-centre-top h2.abotitle {
	background: url("/interface/abo/mac4ever-vip-title.png") 0 0 no-repeat;
}

.news-centre-top h1.monaboviptitle, .news-centre-top h2.monaboviptitle, .news-centre-top h1.monabotitle, .news-centre-top h2.monabotitle {
	background: url("/interface/abo/espace-vip-title.png") 0 0 no-repeat;
}

.news-centre-top h1.monabomescenetitle, .news-centre-top h2.monabomescenetitle {
	background: url("/interface/abo/espace-mecene-title.png") 0 0 no-repeat;
}

/* Image du titre */
img.news-title {
	width: 336px;
	height: 48px;
}

/* Lien proposer une news */
#news-proposerNews {
	display: block;
	float: right;
	background: url("/interface/news/proposer_news.png") no-repeat 0 0;
	width: 125px;
	height: 20px;
	margin-top: 20px;
	margin-right: 25px;
	cursor: pointer;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#news-proposerNews {
		background-image: url("/interface/news/proposer_newsRetina.png");
		background-size: 125px 20px;
	}
}

/*
#monmac4everProposer {
	position: relative;
	display:block;
	background:url("/interface/news/proposer_news.png") no-repeat 0 0;
	text-align: center;
	padding: 0;
	margin: 20px 0;
	cursor: pointer;
	width:125px;
	height:20px;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution :
	192dpi) {
	#monmac4everProposer {
		background-image: url("/interface/news/proposer_newsRetina.png");
		background-size: 125px 20px;
	}
}
*/

/*------------------------------------------------------
 Refurb
------------------------------------------------------*/
div.news-refurbZone {
	margin-left: 15px;
}

/* Carousel */
div.news-refurb-carousel {
	width: 657px;
	height: 94px;
	background-image: url("../interface/news/refurb-bg.gif");
}

/* Flèche gauche du carousel (div) */
div.news-carousel-gauche {
	display: block;
	float: left;
	margin-left: 1px;
	margin-top: 32px;
	width: 30px;
	height: 29px;
}

/* Flèche gauche carousel (img) */
img.news-carousel-gauche {
	width: 30px;
	height: 29px;
}

/* Flèche droite du carousel (div) */
div.news-carousel-droite {
	display: block;
	float: left;
	margin-left: 1px;
	margin-top: 32px;
	width: 30px;
	height: 29px;
}

/* Flèche droite carousel (img) */
img.news-carousel-droite {
	width: 30px;
	height: 29px;
}

/* Un élément dans le carousel */
div.news-carousel-item {
	display: block;
	float: left;
	width: 85px;
}

/* Espace entre les éléments dans le carousel */
div.news-carousel-spacer {
	display: block;
	float: left;
	width: 15px;
	height: 50px;
}

/* Zone pour l'image dans un élément du carousel */
/* Carousel refurb */
div.news-carousel-img {
	text-align: center;
	height: 58px;
	line-height: 58px;
}
/* Carousel à découvrir */
div.news-carousel-imgV2 {
	text-align: center;
	height: 180px;
	/*line-height: 180px; */
	font-size: 0.9em;
}

/* Image dans le carousel */
img.news-carousel-img {
	vertical-align: middle;
}

div.carousel-img-container {
	width: 250px;
	height: 170px;
	line-height: 15px;
	margin: 0 auto;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

/* arrondis gauche pour le prix dans le carousel */
span.news-carousel-prix-gauche {
	background-image: url('../interface/news/carousel-prix-gauche.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 2px 0 1px 7px;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

/* prix dans le carousel */
a.news-carousel-prix-centre {
	font-size: 0.85em;
	padding: 2px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url('../interface/news/carousel-prix-centre.gif');
	background-repeat: repeat-x;
	background-position: 0 2px;
	color: #f00;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
	text-decoration: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.news-carousel-prix-centre:hover, a.news-carousel-prix-centre:visited:hover {
	text-decoration: underline;
}

/* Infos approvisionnement du refurb */
div.news-refurb-appro {
	float: left;
	padding-top: 3px;
	padding-left: 20px;
	color: #707070;
	font-size: 0.85em;
	font-family: Lato-Italic;
}

/* Lien pour créer une alerte refurb */
div.news-refurb-creerAlerte {
	float: right;
	padding-top: 3px;
	padding-right: 25px;
}

div.news-refurb-creerAlerte a, div.news-refurb-creerAlerte a:visited {
	color: #7c839b;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
	font-size: 0.85em;
	text-decoration: none;
}

div.news-refurb-creerAlerte a:hover, div.news-refurb-creerAlerte a:visited:hover {
	text-decoration: underline;
}

/*------------------------------------------------------
 News
------------------------------------------------------*/
div.news-news {
	background-image: url('../interface/news/news-bg-bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Espacement entre le carousel et les news */
div.news-middleTopSpacer {
	height: 37px;
}

/* Zone avec la flèche qui indente le titre de la news */
div.news-news-indent {
	float: left;
	width: 15px;
	height: 50px;
	background-image: url('../interface/site/fleche-indent-blanc.gif');
	background-position: 6px 28px;
	background-repeat: no-repeat;
	background-size: 5px 9px;
}

div.news-news-icone {
	float: left;
	width: 37px;
	height: 54px;
	padding-bottom: 4px;
	margin-top: -10px;
	text-align: center;
	background: white url('../interface/icones/back-icone.png') 0 28px no-repeat;
	text-align: center;
	background-size: 37px 29px;
}

div.news-news-icone div {
	height: 52px;
	width: 36px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 30px 44px;
}

div.news-news-titleZone {
	float: left;
	width: 592px;
}

h1.news-news-title, h2.news-news-title {
	width: 586px;
	height: 17px;
	overflow: hidden;
	margin: 10px 0 0 6px;
	font-weight: normal;
	text-shadow: graytext;
	font-size: 1.1em;
	color: #2e2e2d;
	text-shadow: gray 0px 0px 2px;
}

h1.news-news-title a, h2.news-news-title a {
	text-decoration: none;
	color: #2e2e2d;
}

h1.news-news-title a:hover, h2.news-news-title a:hover {
	text-decoration: underline;
}

div.news-news-separator {
	height: 1px;
	width: 580px;
	margin-left: 6px;
	margin-top: 5px;
	background-image: url('../interface/news/titre-separateur.gif');
}

div.news-news-auteur {
	margin-top: 4px;
	margin-left: 6px;
	font-size: 0.85em;
	color: #8c8c8c;
}

span.auteur-rouge {
	color: #690b0b;
}

a.news-news-auteurMail {
	font-size: 0.90em;
	color: #8c8c8c;
}

a.news-news-auteurMail, a.news-news-auteurMail:visited {
	text-decoration: none;
}

a.news-news-auteurMail:hover, a.news-news-auteurMail:visited:hover {
	text-decoration: underline;
}

div.news-news-date {
	float: right;
	text-align: right;
	margin-top: -7px;
	font-size: 0.9em;
	color: #7e7e7e;
	padding: 0 0 0 9px;
	background: white;
	color: #7e7e7e;
}

div.news-news-content {
	margin: 11px 20px 0 20px;
	text-align: left;
	font-size: 13px;
	color: #363636;
}

img.news-image {
	padding: 10px 0 10px 0;
}

div.news-news-forumLink {
	margin-top: 18px;
	margin-left: 24px;
}

div.news-news-forumIcone {
	float: left;
}

div.news-news-forumTxt {
	padding: 2px 8px 0px 8px;
	float: left;
	height: 19px;
	background-image: url('../interface/news/forumLink-text.gif');
	background-repeat: repeat-x;
}

div.news-news-forumTxt a {
	color: #65648e;
	text-decoration: none;
}

div.news-news-forumTxt a:hover {
	text-decoration: underline;
}

div.news-news-forumIconeDte {
	float: left;
	width: 21px;
	height: 20px;
	cursor: pointer;
	background: url( '/interface/news/forumLink-droite.gif' ) 0 -20px no-repeat;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.news-news-forumIconeDte-open {
	background-position: 0 0;
}

div.news-news-endBottom {
	margin-top: 14px;
	margin-left: 28px;
	margin-right: 29px;
}

div.news-news-reagirButton {
	float: left;
}

div.news-news-reagirButton a {
	display: block;
	background: url("/interface/news/reagissez-news.png") no-repeat 0 0;
	width: 146px;
	height: 20px;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	div.news-news-reagirButton a {
		background-image: url("/interface/news/reagissez-newsRetina.png");
		background-size: 146px 20px;
	}
}

div.news-news-reagirInfo {
	float: left;
	padding: 3px 0 0 7px;
	color: #7e7e8a; /* 363636;*/
}

div.news-news-sendFriend {
	float: right;
}

div.news-news-carre {
	padding-right: 6px;
	float: right;
}

div.news-news-facebook {
	padding-right: 6px;
	float: right;
}

div.news-news-twitter {
	padding-right: 6px;
	float: right;
}

div.news-bgnews-spacer {
	height: 9px;
}

div.news-flash-separator {
	height: 2px;
	width: 100%;
	background-image: url('../interface/news/news-flash-separator.gif');
	background-repeat: repeat-x;
}

div.news-afternews-spacer {
	height: 34px;
}

div.news-flashInfo {
	background-color: #efeff6;
}

div.news-flashInfo-head {
	padding-top: 10px;
}

/* Zone avec la flèche qui indente le titre de la news */
div.news-flashInfo-indent {
	float: left;
	width: 30px;
	height: 30px;
	background-image: url('../interface/site/fleche-indent-bleue.gif');
	background-position: 19px 8px;
	background-repeat: no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	div.news-flashInfo-indent {
		background-image: url("/interface/site/fleche-indent-bleueRetina.gif");
		background-size: 5px 9px;
	}
}

div.news-flashInfo-icone {
	float: left;
}

h1.news-flashInfo-titleZone, h2.news-flashInfo-titleZone {
	float: left;
	width: 409px;
	padding-top: 3px;
	margin-left: 6px;
	text-shadow: gray 0px 0px 2px;
	overflow: hidden;
	font-weight: normal;
}

h1.news-flashInfo-titleZone a, h2.news-flashInfo-titleZone a {
	text-shadow: graytext;
	font-size: 1.1em;
	color: #2e2e2d;
	text-decoration: none;
}

h1.news-flashInfo-titleZone a:hover, h2.news-flashInfo-titleZone a:hover {
	text-decoration: underline;
}

div.news-flashInfo-date {
	float: right;
	color: #7e7e7e;
	padding: 7px 15px 0 9px;
}

div.news-flash-separator-fin {
	height: 2px;
	width: 100%;
	background-image: url('../interface/news/news-flash-separator-fin.gif');
	background-repeat: repeat-x;
}

div.news-beforenews-spacer {
	height: 15px;
}

span.news-newsProposee {
	color: #690b0b;
}

div.news-vrac {
	background-color: #efeff6;
}

div.news-vrac-head {
	padding-top: 10px;
}

/* Zone avec la flèche qui indente le titre de la news */
div.news-vrac-indent {
	float: left;
	width: 30px;
	height: 30px;
	background-image: url('../interface/site/fleche-indent-blanc.gif');
	background-position: 19px 8px;
	background-repeat: no-repeat;
	background-size: 5px 9px;
}

div.news-vrac-icone {
	float: left;
}

h1.news-vrac-titleZone, h2.news-vrac-titleZone {
	float: left;
	width: 409px;
	padding-top: 3px;
	margin-left: 6px;
	font-weight: normal;
}

h1.news-vrac-titleZone a, h2.news-vrac-titleZone a {
	text-shadow: graytext;
	font-size: 1.1em;
	color: #2e2e2d;
	text-decoration: none;
	text-shadow: gray 0px 0px 2px;
}

h1.news-vrac-titleZone a:hover, h2.news-vrac-titleZone a:hover {
	text-decoration: underline;
}

div.news-vrac-date {
	float: right;
	color: #7e7e7e;
	padding: 7px 15px 0 9px;
}

div.news-vrac-contentImpair {
	margin: 0 20px 0 20px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-top: 11px;
	text-align: left;
}

div.news-vrac-contentPair {
	margin: 0 20px 0 20px;
	background-color: #efeff6;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}

div.news-vrac-bg-separator {
	height: 1px;
	margin: 0 20px 0 20px;
	background-image: url('../interface/news/vrac-bg-separator.gif');
	background-repeat: repeat-x;
}

/*------------------------------------------------------
  Barre news/article suivant/précédent 
------------------------------------------------------*/
div.article-nextPrevLine {
	text-align: center;
}

h3.article-prevDiv {
	float: left;
	width: 322px;
	margin-left: 15px;
	text-align: right;
	font-weight: normal;
}

h3.article-nextDiv {
	float: left;
	width: 322px;
	margin-right: 15px;
	text-align: left;
	font-weight: normal;
}

a.article-prevLink, a.article-prevLink:visited {
	color: #9392b0;
	height: 25px;
	float: right;
	padding-top: 7px;
	padding-right: 36px;
	margin-right: 5px;
	background: transparent url('../interface/news/prevArticle.gif') no-repeat right center;
	text-decoration: none;
}

a.article-prevLink:hover {
	text-decoration: underline;
}

a.article-nextLink, a.article-nextLink:visited {
	color: #9392b0;
	height: 25px;
	float: left;
	padding-top: 7px;
	padding-left: 36px;
	margin-left: 5px;
	background: transparent url('../interface/news/nextArticle.gif') no-repeat left center;
	text-decoration: none;
}

a.article-nextLink:hover {
	text-decoration: underline;
}

/*------------------------------------------------------
  Zone de titre des réacs
------------------------------------------------------*/
div.article-reacTitleLine {
	margin-right: 24px;
}

div.article-reacTitleLeft {
	float: left;
	width: 65px;
	height: 35px;
	background: transparent url('../interface/news/log-icone.gif') no-repeat 12px 3px;
	background-size: 47px 31px;
}

div.article-reacTitleRight {
	float: left;
	width: 586px;
}

div.article-reacTitleTxt h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	color: #2e2e2d;
}

div.article-reacTitleSeparator {
	padding: 3px 0 3px 0;
	height: 1px;
	background: transparent url('../interface/news/titre-separateur.gif') repeat-x left center;
}

/*------------------------------------------------------
  Pages des réacs
------------------------------------------------------*/
div.article-reacPages {
	padding-right: 25px;
	line-height: 22px;
}

a.article-reacPageLink {
	float: right;
	margin: 0 0 0 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
	text-decoration: none;
	background-color: #f6f6f9;
	color: #928892;
}

a.article-reacPageLink:hover {
	background-color: #918fcb;
	color: white;
	float: right;
}

span.article-reacCurrentPage {
	float: right;
	margin: 0 0 0 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
	text-decoration: none;
	background-color: white;
	color: #ccc;
}

/*------------------------------------------------------
  Zone des réacs
------------------------------------------------------*/
div.article-reacLineImpaire {
	margin: 0 24px 0 22px;
	background-color: #ffffff;
	border-bottom: 1px solid #ccc;
}

div.article-reacLinePaire {
	margin: 0 24px 0 22px;
	background-color: #f6f6f9;
	border-bottom: 1px solid #ccc;
}

div.article-reacPseudo {
	float: left;
	width: 125px;
	padding: 10px;
	color: #615f8e;
}

div.pseudoBloc {
	float: left;
	width: 90px;
}

div.article-reacRight {
	float: left;
	width: 480px;
}

div.article-reacTxt {
	padding: 10px 10px 8px 0;
	overflow: auto;
}

div.article-reacBottom {
	margin-bottom: 8px;
}

.article-moins, .article-plus {
	float: left;
	width: 20px;
	height: 16px;
	margin-right: 3px;
	cursor: pointer;
}

.article-moins {
	background-image: url("../interface/news/reacs-moins.png");
	background-size: 20px 16px;
}

.article-plus {
	background-image: url("../interface/news/reacs-plus.png");
	background-size: 20px 16px;
}

.plus-vert {
	background-image: url("../interface/news/reacs-plus-vert.png");
	background-size: 20px 16px;
}

.moins-rouge {
	background-image: url("../interface/news/reacs-moins-rouge.png");
	background-size: 20px 16px;
}

div.article-quote {
	float: left;
	cursor: pointer;
	width: 41px;
	height: 16px;
	background-image: url("../interface/news/reacs-quote.png");
	background-size: 41px 16px;
}

div.article-postIPad, div.article-postIPhone, div.article-postAndroid {
	float: right;
	height: 20px;
	line-height: 20px;
	padding-right: 25px;
	color: #615f8e;
	font-size: 0.85em;
	font-family: Lato-Italic;
}

div.article-postAndroid {
	background: transparent url('../interface/news/android.gif') no-repeat right center;
}

div.article-postIPhone {
	background: transparent url('../interface/news/iphone.gif') no-repeat right center;
}

div.article-postIPad {
	background: transparent url('../interface/news/ipad.gif') no-repeat right center;
}
/*------------------------------------------------------
  Zone de titre du login
------------------------------------------------------*/
div.article-logTitleLine {
	margin-right: 24px;
}

div.article-logTitleLeft {
	float: left;
	width: 65px;
	height: 35px;
	background: transparent url('../interface/news/log-icone.gif') no-repeat 12px 3px;
	background-size: 47px 31px;
}

div.article-logTitleRight {
	float: left;
	width: 586px;
}

div.article-logTitleTxt h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	color: #2e2e2d;
}

div.article-logTitleSeparator {
	padding: 3px 0 3px 0;
	height: 1px;
	background: transparent url('../interface/news/titre-separateur.gif') repeat-x left center;
}

/*------------------------------------------------------
  Formulaire de login
------------------------------------------------------*/
div.article-loginLine {
	margin-left: auto;
	margin-right: auto;
	width: 305px;
}

div.article-loginTxt {
	color: #da0808;
	line-height: 20px;
}

div.article-loginTxt a, div.article-loginTxt a:visited, div.article-loginTxt a:hover {
	color: #da0808;
	line-height: 20px;
}

div.article-loginTitle {
	float: left;
	width: 100px;
}

div.article-loginField {
	float: left;
	width: 205px;
}

input.article-loginTextField, input.article-passwordTextField {
	width: 100%;
}

div.article-loginSubmitLine {
	margin-top: 5px;
	text-align: center;
}

/*------------------------------------------------------
  Formulaire de réponse
------------------------------------------------------*/
div.article-postDiv {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

div.article-formZone {
	float: left;
	padding-left: 45px;
	width: 365px;
}

div.article-postError {
	color: #da0808;
	padding-bottom: 10px;
	display: none;
}

div.article-postIcons {
	overflow: hidden;
}

div.article-field {
	margin-top: 12px;
}

textarea.article-postTextArea {
	width: 355px;
	height: 226px;
}

div.article-formAlert {
	float: left;
	margin-top: 0;
	margin-left: 15px;
	width: 215px;
}

div.article-postIcons .smilie {
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: left;
	margin-left: 8px;
}

img.article-formAlertImg {
	width: 205px;
	height: 208px;
}

div.article-formSubmit {
	clear: both;
	text-align: center;
	padding-top: 32px;
}

div.article-formErrorNewLink {
	padding-top: 30px;
	padding-left: 45px;
	font-size: 0.85em;
	color: #616161;
}

div.article-formErrorNewLink a {
	font-size: 0.85em;
	color: #616161;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

img.article-postImgBold {
	cursor: pointer;
	float: left;
	margin-top: 1px;
}

img.article-postImgItalic {
	cursor: pointer;
	float: left;
	margin-left: 5px;
	margin-top: 1px;
}

img.article-postImgUnderline {
	cursor: pointer;
	float: left;
	margin-left: 5px;
	margin-top: 1px;
}

img.article-postImgImage {
	cursor: pointer;
	float: left;
	margin-left: 5px;
}

img.article-postImgURL, img.article-postImgImage {
	cursor: pointer;
	float: left;
	margin-left: 5px;
}

img.article-smilieSurprised {
	
}

img.article-smilieConfused {
	
}

img.article-smilieCool {
	
}

img.article-smilieMrGreen {
	
}

img.article-smilieTwisted {
	
}

img.article-smilieLOL {
	
}

img.article-smilieUGeek {
	
}

/*******************************************************
 Colonne droite
*******************************************************/
#news-colonne-droite {
	float: left;
	width: 311px;
	margin-left: -311px;
}

#site-contenu-2cols #news-colonne-droite {
	width: 310px;
	margin-left: 0;
}

/*------------------------------------------------------
 Onglets
------------------------------------------------------*/

/* La liste des onglets */
.news-conseils-onglets ul.onglets {
	width: 304px;
	margin: 0 0 0 1px;
	height: 35px;
	background: url( ../interface/news/conseils-head-bg-news.png );
}

/* Zone de texte de l'onglet */
.news-conseils-onglets li.onglet h3 {
	padding: 5px 0 0 0;
	height: 18px;
	border: 0;
}

/* L'onglet central */
.news-conseils-onglets li.onglet {
	width: 150px;
	background: none;
}

.news-conseils-onglets li.focus div.onglet-focus {
	background: url( ../interface/news/onglet-focus.png );
}

/*------------------------------------------------------
 Annonces
------------------------------------------------------*/

/* La liste */
.news-conseils-contenu ul.tab {
	margin: 5px 0 0 7px;
	width: 259px;
}

.news-conseils-contenu div.vignette {
	text-align: center;
	display: block;
	float: left;
	width: 50px;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 6px;
}

.news-conseils-contenu div.titre {
	display: block;
	float: left;
	width: 200px;
	padding-top: 7px;
	padding-bottom: 6px;
}

.news-conseils-contenu h4 {
	display: block;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}

.news-conseils-contenu p {
	display: block;
	float: left;
	width: 90px;
	color: #f00;
	margin: 0;
}

.news-conseils-contenu del {
	display: block;
	float: left;
	padding-top: 3px;
	font-size: 0.85em;
	color: #515151;
}

.news-conseils-contenu .lire-suite {
	margin-top: 18px;
	margin-right: 98px;
	padding-bottom: 10px;
}

h3.news-conseilsAchat-titre {
	margin: 0 0 0 1px;
	padding: 0;
}

div.news-conseils-onglets {
	background-image: url('../interface/news/conseils-contenu-bg.gif');
	background-repeat: repeat-y;
}

h4.news-conseils-h4-mac {
	text-align: center;
	font-weight: normal;
	padding-top: 3px;
	margin: 0 0 0 1px;
	color: #a4a4a4;
	display: block;
	float: left;
	width: 150px;
	height: 31px;
	background-image: url('../interface/news/conseils-mac-bg-nofocus.gif');
	background-repeat: no-repeat;
}

h4.news-conseils-h4-mac {
	color: #56549f;
	background-image: url('../interface/news/conseils-mac-bg-focus.gif');
}

h4.news-conseils-h4-ipod {
	text-align: center;
	font-weight: normal;
	padding-top: 3px;
	margin: 0 0 0 0;
	color: #a4a4a4;
	display: block;
	float: left;
	width: 156px;
	height: 31px;
	background-image: url('../interface/news/conseils-ipod-bg-nofocus.gif');
	background-repeat: no-repeat;
}

h4.news-conseils-h4-ipod-focus {
	color: #56549f;
	background-image: url('../interface/news/conseils-ipod-bg-focus.gif');
}

div.news-conseils-contenu {
	background-image: url('../interface/news/conseils-table-bbg.gif');
	background-repeat: repeat-y;
}

table.news-conseils-table {
	background-image: url('../interface/news/conseils-table-bg.gif');
	background-repeat: repeat-x repeat-y;
	margin-left: 2px;
	padding-left: 20px;
	padding-right: 24px;
	padding-bottom: 15px;
	font-size: 0.9em;
}

/* Styles généraux du texte */
table.news-conseils-table tr th a, table.news-conseils-table tr th, table.news-conseils-table tr td {
	height: 18px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: inherit;
}

/* Colonne prix */
table.news-conseils-table tr td.prix {
	text-align: right;
}
/* Colonne prix */
table.news-conseils-table tr td.date {
	color: #8d8d8d;
}
/* Couleurs */
table.news-conseils-table tr.rouge th.titre, table.news-conseils-table tr.rouge td.prix {
	color: #a90f0f;
}

table.news-conseils-table tr.orange th.titre, table.news-conseils-table tr.orange td.prix {
	color: #d88503;
}

table.news-conseils-table tr.vert th.titre, table.news-conseils-table tr.vert td.prix {
	color: #1f8d09;
}
/* Largeur des colonnes */
table.news-conseils-table tr th {
	width: 88px;
	text-align: left;
	font-weight: normal;
}

table.news-conseils-table tr td.indicateur {
	width: 18px;
}

table.news-conseils-table tr td.aide {
	width: 32px;
}

table.news-conseils-table tr td.date {
	width: 54px;
}

table.news-conseils-table tr td.prix {
	width: 70px;
}

div.news-conseils-bas {
	background-image: url('../interface/news/conseils-bg-bas.gif');
	background-repeat: no-repeat;
	height: 3px;
}

div.news-droite-spacer13 {
	height: 13px;
}

div.news-carreVert {
	margin-top: 0;
	margin-left: 5px;
}

div.news-droite-spacer3 {
	height: 3px;
}

div.news-droite-spacer5 {
	height: 3px;
}

div.news-droite-spacer7 {
	height: 3px;
}

div.news-droite-spacer9 {
	height: 9px;
}

div.news-droite-spacer11 {
	height: 11px;
}

div.news-droite-spacer15 {
	height: 15px;
}

div.news-droite-spacer17 {
	height: 17px;
}

/******
	Colonne droite shared stuff
******/
h3.news-coldroite-titre {
	margin: 6px 0 0 0;
	border: 0;
	padding: 0;
}

div.news-coldroite-contenu {
	background-image: url('../interface/news/aDecouvrir-contenu-bbg.gif');
	background-repeat: repeat-y;
}

div.news-coldroite-contenuIn {
	background-image: url('../interface/news/aDecouvrir-contenu-bg.gif');
	background-repeat: repeat-x repeat-y;
	text-align: center;
	margin-left: 2px;
	margin-right: 7px;
}

.news-coldroite-contenuIn a, .news-coldroite-contenuIn a:hover {
	text-decoration: none;
}

div.news-coldroite-bas {
	background-image: url('../interface/news/aDecouvrir-bas-bg.gif');
	background-repeat: no-repeat;
	height: 3px;
}

/*------------------------------------------------------
 Sondage news droite
------------------------------------------------------*/
.sondage-in-article {
	width: 300px;
	margin: 10px auto;
}

.sondage-in-article .sondage-contenu, .sondage-in-article .sondage-contenuIn, .sondage-in-article .sondage-contenuItems, .sondage-in-article  .sondage-contenuInItems {
	background: #EFEFF7 url( '../interface/news/sondage-contenuItems-bg.gif' ) 0 0;
}
/*------------------------------------------------------
 Tableau des mises e jour
------------------------------------------------------*/
/* Styles generaux du texte */
table.news-conseils-table tr th, table.news-conseils-table tr td {
	height: 18px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
/* Colonne prix */
table.news-conseils-table tr td.prix {
	text-align: right;
}
/* Colonne prix */
table.news-conseils-table tr td.date {
	color: #8d8d8d;
}
/* Couleurs */
table.news-conseils-table tr.rouge th.titre, table.news-conseils-table tr.rouge td.prix {
	color: #a90f0f;
}

table.news-conseils-table tr.orange th.titre, table.news-conseils-table tr.orange td.prix {
	color: #d88503;
}

table.news-conseils-table tr.vert th.titre, table.news-conseils-table tr.vert td.prix {
	color: #1f8d09;
}
/* Largeur des colonnes */
table.news-conseils-table tr th {
	width: 88px;
	text-align: left;
	font-weight: normal;
}

table.news-conseils-table tr td.indicateur {
	width: 50px;
}

table.news-conseils-table tr td.aide {
	width: 32px;
}

table.news-conseils-table tr td.date {
	width: 54px;
}

table.news-conseils-table tr td.prix {
	width: 54px;
}

table.news-conseils-table tr td.conseil {
	width: 0px;
	display: none;
	overflow: hidden;
}

/* Popup liens forum ...*/
.forumLinkList {
	position: absolute;
	list-style-image: url( /interface/news/arrow.gif );
	margin: -1px 0 0 30px;
	list-style-position: inside;
	font-size: 0.9em;
	-webkit-box-shadow: 0 2px 6px -2px black;
	-moz-box-shadow: 0 4px 6px -2px black;
	box-shadow: 0 4px 6px -2px black;
}

.forumLinkList li {
	margin: 0;
	padding: 3px 5px;
	background-color: white;
}

.forumLinkList span {
	float: right;
	padding-left: 20px;
	color: gray;
}

.forumLinkList .gray {
	background-color: #efeff6;
}

.archives-news-top {
	background-image: url(../interface/home/news-dayseparator.gif);
	background-position: 0px 6px;
	background-repeat: repeat-x;
	height: 15px;
	line-height: 15px;
	margin: 10px;
	text-align: center;
}

.archives-news-top span {
	padding: 0 10px;
	font-size: 0.85em;
	color: #959595;
	background-color: white;
}

div.news-prevDiv {
	float: left;
	width: 50px;
	height: 32px;
	margin-left: 100px;
	text-align: right;
}

div.news-nextDiv {
	float: left;
	width: 50px;
	height: 32px;
	text-align: left;
}

div.news-searchDay {
	float: left;
	width: 350px;
	height: 32px;
	line-height: 32px;
	padding-bottom: 20px;
}

.vidCenter {
	width: 635px;
	text-align: center;
	overflow: hidden;
}

.codebox {
	text-align: left;
	margin: 5px 10px;
	background-color: #eee;
	padding: 5px;
	border: 1px solid lightgray;
}

a.l2 {
	background: transparent url( ../interface/news/arrow.gif ) 0 4px no-repeat;
	padding-left: 12px;
}

.quoteReac {
	padding: 10px;
	background-color: #F6F6F9;
	border: 1px solid lightgray;
}

/***
Mon Mac4ever
*/
#monmac4everWidget {
	background-image: url('../interface/news/sondage-contenu-bbg.gif');
	background-repeat: repeat-y;
}

#monmac4everWidget ul, #monmac4everWidget form {
	background-image: url('../interface/news/sondage-contenu-bg.gif');
	background-repeat: repeat;
	margin-left: 2px;
	margin-right: 7px;
	list-style-position: inside;
	list-style: none;
	padding: 10px 10px 10px 10px;
}

#monmac4everWidget li {
	padding: 1px 0;
	background: transparent url('/interface/news/arrow.gif') 0 center no-repeat
}

#monmac4everWidget li a {
	padding-left: 15px;
}

#monmac4everWidget li.top {
	
}

#monmac4everProposer {
	position: relative;
	text-align: center;
	padding: 0;
	margin: 20px 0;
	cursor: pointer;
}

/***
	App in news :/
*/
.app-in-news {
	display: inline-block;
	width: 100%;
}

.app-icone-in-news {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	background-size: 100% Auto;
}

.app-in-top p {
	line-height: 15px;
	padding-top: 5px;
}

/*
 Products widget
*/
div.productWidget {
	margin-left: 1px;
	background: #EFEFF7 url( '../interface/news/sondage-contenuItems-bg.gif' ) 0 0;
	width: 304px;
}

/* La liste des onglets */
div.productWidget ul.onglets {
	width: 304px;
	margin: 0;
	height: 35px;
	background: url( ../interface/news/prixmac-head-bg-news.png );
}

/* Zone de texte de l'onglet */
div.productWidget li.onglet h3 {
	height: 18px;
	border: 0;
	padding: 5px 0 0 0;
}

/* L'onglet central */
div.productWidget li.onglet {
	width: 100px;
	background: none;
}

div.productWidget li.focus div.onglet-focus {
	background: url( ../interface/news/onglet-focus.png );
}

/*------------------------------------------------------
 Annonces
------------------------------------------------------*/

/* La liste */
div.productWidget ul.tab {
	margin: 0px;
	width: 304px;
}

div.productWidget ul.tab li {
	padding: 0 15px;
	background-image: none;
}

div.productWidget ul.tab div.border {
	background: url(/interface/home/forum-sujets-separateur.gif) 0 0 repeat-x;
}

div.productWidget ul.tab div.premier {
	background: none;
}

div.productWidget div.vignette {
	text-align: center;
	display: block;
	float: left;
	width: 50px;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 6px;
}

div.productWidget div.titre {
	display: block;
	float: left;
	width: 200px;
	padding-top: 7px;
	padding-bottom: 6px;
}

div.productWidget div.link {
	display: block;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

div.productWidget p {
	display: block;
	float: left;
	/*width: 90px; */
	color: #f00;
	margin: 0;
}

div.productWidget del {
	display: block;
	float: left;
	padding-top: 3px;
	padding-left: 10px;
	font-size: 0.8em;
	color: #515151;
	font-size: 0.8em;
}

img.partageEmail {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

/* VIP */
.badgevip {
	float: left;
	margin-top: 10px;
	background: #845EBF;
	background-image: url('/interface/abo/vip_logo@2x.png'), linear-gradient(#845EBF, #7149A8);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px 20px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: 1px solid white;
	width: 35px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: Lato-Bold;
	font-size: 0.9em;
	color: white;
}

.titrevip {
	background: linear-gradient(#845EBF, #7149A8);
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: 80px;
}

.badgeverifie {
	float: left;
	background: linear-gradient(#845EBF, #7149A8);
	border-radius: 2px;
	width: 45px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-family: Lato-Bold;
	font-size: 0.9em;
	color: white;
}

.avatar {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	border-radius: 15px;
}