@font-face {
	font-family: 'Lato-Regular';
	src: url('/style/fonts/lato-regular.eot');
	src: url('/style/fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('/style/fonts/lato-regular.woff') format('woff'), url('/style/fonts/lato-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Bold';
	src: url('/style/fonts/lato-bold.eot');
	src: url('/style/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('/style/fonts/lato-bold.woff') format('woff'), url('/style/fonts/lato-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Italic';
	src: url('/style/fonts/lato-italic.eot');
	src: url('/style/fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('/style/fonts/lato-italic.woff') format('woff'), url('/style/fonts/lato-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

b {
	font-weight: normal;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

i {
	font-style: normal;
	font-family: Lato-Italic;
}

/*******************************************************
     Redefinition des balises de base
*******************************************************/
* {
	padding: 0;
	margin: 0;
	font-family: Lato-Regular, Verdana;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-size: 1em;
}

b a {
	font-family: Lato-Bold;
}

i a {
	font-family: Lato-Italic;
}

/* body */
body {
	background-color: #7b7ca5;
	font-size: 13px;
}

img {
	border: none;
}

textarea {
	font-size: 13px;
	border: 1px solid lightgray;
}

.nowrap {
	white-space: nowrap;
}

a {
	color: #615f8e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*
	button sharing :p
*/
[id^=___plusone] {
	width: 68px !important;
}

.googp-placeholder {
	float: left;
	width: 68px !important;
}

.fb-placeholder {
	float: left;
	/*top:-3px;*/
	padding-right: 10px;
	width: 95px;
	overflow: hidden;
}

.fb_iframe_widget iframe {
	position: relative !important;
}
/*******************************************************
      Styles generaux
*******************************************************/
input.submithidden {
	display: none;
}

div.clear {
	clear: both;
}

form.noMargin {
	margin-bottom: 0px;
}

.noDisplay {
	display: none;
}

div.floatLeft {
	float: left;
	clear: left;
}

div.title1 {
	background-color: #f0f0f7;
	font-size: 1.2em;
	margin: 10px 0 -10px 0;
}

div.title1 span {
	background-color: #fff;
	margin: 18px;
	padding: 12px;
}

div.imgTitle {
	background-color: #f0f0f7;
	font-size: 0.9em;
	margin: 5px 0 10px 0;
	text-align: center;
}

div.imgTitle span {
	background-color: #fff;
	padding: 0px 10px;
}

.title2 {
	font-size: 1.1em;
	color: #49478C;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

.txtBold {
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

.txtItalic {
	font-family: Lato-Italic;
}

.txtStrike {
	text-decoration: line-through;
}

.txtCenter {
	text-align: center;
}

.txtRed {
	color: red;
}

.txtSmall {
	font-size: 0.9em;
}

.txtRight {
	text-align: right;
}

.txtLeft {
	text-align: left;
}

.code {
	font-family: Monaco;
	overflow: auto;
	white-space: pre;
	border: 1px solid #000;
}

div.imgRight {
	float: right;
	clear: right;
	margin: 0px 5px 5px 10px;
}

div.imgLeft {
	float: left;
	clear: left;
	margin: 0px 10px 5px 5px;
}

div.imgCenter {
	position: relative;
	text-align: center;
	margin: 0 auto 5px auto;
}

.imgShadow {
	-webkit-box-shadow: 0 4px 6px -4px black;
	-moz-box-shadow: 0 4px 6px -4px black;
	box-shadow: 0 4px 6px -4px black;
}

p.titre-img {
	width: 100%;
	margin: -20px 0 0 0;
	text-align: center;
	background-color: black;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
	line-height: 20px;
	height: 20px;
	opacity: 0.7;
	color: white;
	padding: 0;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

div.imgCenter p.titre-img {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	left: 0;
	width: 100%;
}

div.imgCenter.imgShadow p.titre-img {
	margin: 0;
}

/*
.imgRight p.titre-img,.imgLeft p.titre-img {
	margin-left: 0;
	margin-right: 0;
}

.imgRight p.imgShadow,.imgLeft p.imgShadow {
	margin-left: 3px;
	margin-right:3px;
}
*/

/*------------------------------------------------------
 Liens
------------------------------------------------------*/
a.blueLink10, a.blueLink10:visited {
	color: #615f8e;
	text-decoration: none;
}

a.blueLink10:hover {
	text-decoration: underline;
}

a.blueLink11, a.blueLink11:visited {
	color: #615f8e;
	text-decoration: none;
}

a.blueLink11:hover {
	text-decoration: underline;
}

.blackTxt {
	color: #363636;
}

.txtQuote {
	font-family: Lato-Italic;
	color: #707070;
}

/*------------------------------------------------------
 spacers
------------------------------------------------------*/
div.spacer15px {
	height: 15px;
}

div.spacer25px {
	height: 25px;
}

div.spacer40px {
	height: 40px;
}

/*------------------------------------------------------
 Lien lire la suite
------------------------------------------------------*/
/* Extremite droite */
div.readNext-bloc {
	text-align: right;
	padding-right: 5px;
	margin-top: 10px;
}

a.readNext {
	padding: 0 10px 0 20px;
	height: 17px;
	line-height: 1.4em;
	background-color: #f1f1f8;
	background-image: url('/interface/site/lien-gauche.gif');
	background-repeat: no-repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	a.readNext {
		background-image: url("/interface/site/lien-gauche.png");
		background-size: 16px 17px;
	}
}

a.readNext:hover {
	text-decoration: underline;
}

/*------------------------------------------------------
 Ombres bas/gauche/droite pour vignette prixmac
------------------------------------------------------*/
img.vignette-imgShadow {
	box-shadow: 0px 3px 5px 1px #cfcfcf;
}

/*******************************************************
       Squelette de la page
*******************************************************/

/*------------------------------------------------------
 Barre des onglets entre les sites
------------------------------------------------------*/

/* barre superieure */
#barre-top {
	width: 100%;
	min-width: 1200px;
	height: 31px;
	background-image: url("/interface/head/barre-fond-top.gif");
	background-repeat: repeat-x;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#barre-top {
		background-image: url("/interface/head/barre-fond-top_retina.gif");
		background-size: 6px 31px;
	}
}

/* barre superieure, zone contenant le site */
#site-top {
	width: 1200px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
}

#onglet-refurb, #onglet-mac4ever, #onglet-prixmac, #onglet-guideachat, #onglet-debuter {
	float: left;
	margin: 0px;
	display: block;
	height: 31px;
	text-indent: -3000px;
	border: 0;
	text-decoration: none;
	cursor: pointer;
}

#logo-top {
	float: left;
	width: 134px;
	height: 10px;
	background-image: url("/interface/head/logo-top.png");
	background-size: 134px 10px;
	margin-top: 21px;
}

#onglet-mac4ever {
	width: 134px;
	margin-left: 335px !important;
	background: transparent url("/interface/head/onglet-top-v2.png") 0 0 no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#onglet-mac4ever {
		background-image: url("/interface/head/onglet-top-v2retina.png");
		background-size: 810px 62px;
	}
}

#onglet-refurb {
	width: 134px;
	background: transparent url("/interface/head/onglet-top-v2.png") -133px -31px no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#onglet-refurb {
		background-image: url("/interface/head/onglet-top-v2retina.png");
		background-size: 810px 62px;
	}
}

#onglet-prixmac {
	width: 131px;
	background: transparent url("/interface/head/onglet-top-v2.png") -267px -31px no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#onglet-prixmac {
		background-image: url("/interface/head/onglet-top-v2retina.png");
		background-size: 810px 62px;
	}
}

#onglet-debuter {
	width: 135px;
	background: transparent url("/interface/head/onglet-top-v2.png") -398px -31px no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#onglet-debuter {
		background-image: url("/interface/head/onglet-top-v2retina.png");
		background-size: 810px 62px;
	}
}

#onglet-guideachat {
	width: 132px;
	background: transparent url("/interface/head/onglet-top-v2.png") -533px -31px no-repeat;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#onglet-guideachat {
		background-image: url("/interface/head/onglet-top-v2retina.png");
		background-size: 810px 62px;
	}
}

/*------------------------------------------------------
 Barre logo et pub
------------------------------------------------------*/

/* barre bandeau de pub */
#barre-topmiddle {
	width: 100%;
	min-width: 1200px;
	height: 101px;
	background-image: url("/interface/head/barre-fond-topmiddle.gif");
	background-repeat: repeat-x;
}

/* barre bandeau de pub, zone contenant le site */
#site-topmiddle {
	width: 1200px;
	height: 101px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("/interface/head/logo-fond.gif");
	background-repeat: no-repeat;
}

/* div du logo */
#logo-middle {
	float: left;
	width: 345px;
	height: 101px;
	background-image: url("/interface/head/logo-middle.gif");
	text-indent: -3000px;
	background-size: 345px 101px;
	cursor: pointer;
	margin: 0px !important;
}

/* div de la pub*/
#div-pub {
	margin-top: 5px;
	margin-right: 3px;
	width: 728px;
	float: right;
}

/*------------------------------------------------------
 Barre des onglets de rubriques
------------------------------------------------------*/

/* la barre */
#barre-topbottom {
	width: 100%;
	min-width: 1200px;
	height: 29px;
	background-image: url("/interface/head/barre-fond-topbottom.gif");
	background-repeat: repeat-x;
}

/* la zone centree */
#site-topbottom {
	width: 1200px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
}

/* div du logo */
#logo-bottom {
	float: left;
	margin-left: 14px;
	width: 74px;
	height: 29px;
	background-image: url("/interface/head/logo-bottom.gif");
	background-size: 74px 29px;
}

#ongletb-actu, #ongletb-dossiers, #ongletb-forum, #ongletb-admin, #ongletb-medias, #ongletb-annonces, #ongletb-vip, #ongletb-crucial {
	float: left;
	margin: 0px;
	display: block;
	height: 29px;
	text-indent: -3000px;
	cursor: pointer;
	background-image: url("/interface/head/onglet-menu.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#ongletb-actu, #ongletb-dossiers, #ongletb-forum, #ongletb-admin, #ongletb-medias, #ongletb-annonces, #ongletb-vip, #ongletb-crucial {
		background-image: url("/interface/head/onglet-menu_retina.png");
		background-size: 720px 58px;
	}
}

#ongletb-actu {
	width: 94px;
	background-position: 0 -29px;
	margin-left: 200px !important;
}

#ongletb-admin {
	width: 83px;
	background-position: 94px -29px;
}

#ongletb-dossiers {
	width: 83px;
	background-position: -177px -29px;
}

#ongletb-forum {
	width: 75px;
	background-position: -260px -29px;
}

#ongletb-medias {
	width: 143px;
	background-position: -335px -29px;
}

#ongletb-annonces {
	width: 142px;
	background-position: -479px -29px;
}

#ongletb-vip {
	width: 45px;
	background-position: -625px -29px;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#ongletb-annonces {
		width: 145px;
	}
	#ongletb-vip {
		width: 70px;
	}
}

#recherche {
	float: left;
	width: 22px;
	height: 19px;
	margin-top: 6px;
	margin-left: 80px;
	background-image: url("/interface/head/recherche-icone.gif");
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#recherche {
		background-image: url("/interface/head/recherche-icone.png");
		background-size: 22px 19px;
	}
}

#recherche-field {
	float: left;
	height: 19px;
	padding-top: 6px;
	padding-left: 0px;
}

#input-recherche {
	width: 120px;
	padding-top: 0px;
	padding-left: 3px;
	margin-left: 0px;
	border-width: 0px;
	border-style: solid;
	height: 19px;
	background-image: url("/interface/head/recherche-background.gif");
	background-repeat: repeat-x;
	color: #c1c1c1;
	font-size: 0.85em;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#input-recherche {
		background-image: url("/interface/head/recherche-background.png");
		background-size: 120px 19px;
		background-repeat: repeat-x;
	}
}

#input-recherche:focus {
	outline-style: none;
}

#recherche-fin {
	float: left;
	width: 20px;
	height: 19px;
	margin-top: 6px;
	padding-left: 0px;
	background-image: url("/interface/head/recherche-annuler.gif");
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution : 192dpi) {
	#recherche-fin {
		background-image: url("/interface/head/recherche-annuler.png");
		background-size: 20px 19px;
	}
}

/* Nombre de connectes sur le forum */
#forum-connectes {
	padding: 9px 6px 0 0;
	float: right;
	color: #ffffff;
	font-size: 0.85em;
}

/*------------------------------------------------------
 Zone de contenu du site
------------------------------------------------------*/

/* Ombre avant la zone de contenu */
#zone-shadow {
	width: 100%;
	min-width: 1205px;
	background-image: url("/interface/site/fond-shadowTop.gif");
	background-repeat: repeat-x;
}

#zone-contenu {
	width: 100%;
	min-width: 1205px;
	background-image: url("/interface/site/fond.gif");
	background-repeat: repeat;
	background-color: white;
}

/*******************************************************
 Spacer avant pied de page
*******************************************************/
div.clear-bottom-spacer {
	clear: left;
	height: 30px;
}

/*******************************************************
 Pied de page
*******************************************************/

/* Pied de page */
#barre-bottom, #quicklinks {
	width: 100%;
	min-width: 1200px;
	height: 31px;
	background-image: url("/interface/foot/barre-fond-bottom.gif");
	background-repeat: repeat-x;
}

/* Pied de page - partie centree sur la largeur du site */
#site-bottom, #inner-quicklinks {
	width: 1200px;
	height: 23px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	text-align: center;
	color: #f4f4f9;
	font-size: 0.9em;
}

#site-bottom a, #inner-quicklinks a {
	color: #f4f4f9;
}

/*******************************************************
 Tooltip / Avis
*******************************************************/
#tooltip {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	display: none;
	z-index: 2000;
}

#tooltip .border {
	border-radius: 6px;
	background: transparent url( '/interface/tooltip/borderPopupAffil.png' ) 0 0;
	box-shadow: 3px 3px 10px #ccc;
	-moz-box-shadow: 3px 3px 10px #ccc;
	-webkit-box-shadow: 3px 3px 10px #ccc;
}

#tooltip ul {
	list-style-type: none;
	margin: 0 7px;
	background-color: white;
	border: 1px solid #5a597c;
	padding: 0;
	font-size: 0.9em;
}

#tooltip li {
	height: 16px;
	line-height: 16px;
	margin-bottom: 4px;
	padding: 0 5px;
	cursor: pointer;
}

#tooltip li.header {
	height: 20px;
	line-height: 20px;
	color: white;
	background-color: #9392b0;
	margin-bottom: 5px;
	cursor: default;
}

#tooltip li.footer {
	height: 15px;
	line-height: 15px;
	margin-bottom: 15px;
}

#tooltip img {
	width: 16px;
	height: 16px;
	border: 0;
	float: left;
}

#tooltip li div {
	border-bottom: 1px dashed lightgray;
	margin-left: 18px;
}

#tooltip span {
	display: block;
	float: right;
	width: 70px;
	height: 13px;
	color: white;
	font-size: 0.85em;
	text-indent: -3000px;
	background: white url( '/interface/tooltip/showPrices.png' ) 0 0 no-repeat;
}

#tooltip li.footer span {
	background: white url( '/interface/tooltip/comparePrices.png' ) 0 0 no-repeat;
}

#tooltip .spacer {
	height: 7px;
}

#tooltip .arrow {
	height: 10px;
	background: transparent url( '/interface/tooltip/arrowPopupAffil.png' ) center bottom no-repeat;
}

#avis {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 204px;
	font-size: 0.85em;
	display: none;
	top: 0;
}

div#avis.vert {
	background: url( /interface/conseils/topBulleGreen.png ) 0 0 no-repeat;
}

div#avis.orange {
	background: url( /interface/conseils/topBulleOrange.png ) 0 0 no-repeat;
}

div#avis.rouge {
	background: url( /interface/conseils/topBulleRed.png ) 0 0 no-repeat;
}

#avis .content {
	width: 167px;
	margin: 0;
	padding: 10px 7px 0 30px;
}

div#avis.vert .content {
	color: #17282e;
	background: url( /interface/conseils/middleBulleGreen.png ) 0 0 no-repeat;
}

div#avis.orange .content {
	color: #17282e;
	background: url( /interface/conseils/middleBulleOrange.png ) 0 0 no-repeat;
}

div#avis.rouge .content {
	color: white;
	background: url( /interface/conseils/middleBulleRed.png ) 0 0 no-repeat;
}

#avis .bottom {
	width: 204px;
	height: 20px;
}

div#avis.vert .bottom {
	background: url( /interface/conseils/bottomBulleGreen.png ) 0 0 no-repeat;
}

div#avis.orange .bottom {
	background: url( /interface/conseils/bottomBulleOrange.png ) 0 0 no-repeat;
}

div#avis.rouge .bottom {
	background: url( /interface/conseils/bottomBulleRed.png ) 0 0 no-repeat;
}

div.avis {
	position: absolute;
	z-index: 1000;
	top: -20px;
	left: 0px;
	width: 204px;
	line-height: 13px;
	display: none;
	background: url( /interface/conseils/topBulleOrange.png ) 0 0 no-repeat;
}

div.avis .content {
	width: 167px;
	margin: 0;
	padding: 10px 7px 0 30px;
	color: #17282e;
	background: url( /interface/conseils/middleBulleOrange.png ) 0 0 no-repeat;
}

div.avis .bottom {
	width: 204px;
	height: 20px;
	background: url( /interface/conseils/bottomBulleOrange.png ) 0 0 no-repeat;
}

#tooltapp {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	display: none;
	z-index: 2000;
}

#tooltapp a {
	text-decoration: none;
}

#app-infos {
	padding: 10px 15px 10px;
}

#app-dev {
	color: darkgray;
}

#app-title {
	font-size: 1.1em;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

#app-price {
	font-size: 0.9em;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
}

#app-border {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 7px;
	background: transparent url( '/interface/tooltip/borderPopupAffil.png' ) 0 0;
	box-shadow: 3px 3px 10px #ccc;
	-moz-box-shadow: 3px 3px 10px #ccc;
	-webkit-box-shadow: 3px 3px 10px #ccc;
}

#app-inner {
	background-color: white;
	border: 1px solid #5a597c;
}

#app-links {
	list-style-type: none;
	margin: 0 25px;
	padding: 0;
	font-size: 0.9em;
}

#app-links li {
	height: 50px;
	line-height: 50px;
	margin-bottom: 4px;
	padding: 0 5px;
	cursor: pointer;
	display: inline;
}

#app-links #app-dl {
	padding-left: 80px;
}

#app-fb img, #app-tw img, #app-mail img {
	padding-bottom: 10px;
	width: 24px;
	height: 24px;
}

#app-header {
	height: 20px;
	line-height: 20px;
	color: white;
	background-color: #9392b0;
	margin-bottom: 5px;
	cursor: default;
	padding-left: 10px;
}

#app-header a {
	color: white;
}

#app-icon {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	background-size: 100% Auto;
}

#app-bottom {
	height: 19px;
	line-height: 19px;
	background: transparent url( '/interface/news/bottom-app.png') 0 0 no-repeat;
	font-size: 0.85em;
	padding-left: 5px;
}

#tooltapp .spacer {
	height: 7px;
}

#app-arrow {
	height: 10px;
	background: transparent url( '/interface/tooltip/arrowPopupAffil.png' ) center bottom no-repeat;
}

/*------------------------------------------------------
 Regles Generales pour les Onglets
------------------------------------------------------*/
li.paire {
	background-color: #f4f4f9;
}

ul.onglets {
	display: block;
	padding: 0;
	margin: 0;
	background-image: url('/interface/home/forum-onglets-bg.gif');
	background-repeat: no-repeat;
}

li.onglet {
	display: block;
	float: left;
	background-image: url('/interface/home/onglet-separateur.gif');
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 1px;
	cursor: pointer;
}

li.onglet h3 {
	display: block;
	margin: 0;
	text-align: center;
	color: #515151;
	font-size: 0.85em;
	font-weight: normal;
}

ul.onglets li.premier {
	background: none;
}

/* Zone indiquant le focus (fleche vers le bas) */
div.onglet-focus {
	margin-left: auto;
	background-repeat: no-repeat;
	margin-right: auto;
	width: 20px;
	height: 11px;
}

li.focus h3 {
	color: #6a6894;
}

li.focus div.onglet-focus {
	background-image: url('/interface/home/onglet-select.gif');
}

/*------------------------------------------------------
 Regles Generales pour les Tabs
------------------------------------------------------*/
ul.tab {
	display: block;
	padding: 0;
	margin: 0 0 0 6px;
}

/* element de la liste */
ul.tab li {
	display: block;
	padding-left: 6px;
	background-image: url("/interface/home/forum-sujets-separateur.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

ul.tab li.premier {
	background: none;
}

ul.tab li h4 {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 11px;
}

ul.tab li h4 a, ul.tab li h4 a:hover, ul.tab li h4 a:visited, ul.tab li h4 a:visited:hover {
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	color: #515151;
}

ul.tab li h4 a:hover, ul.tab li h4 a:visited:hover {
	text-decoration: underline;
}

ul.tab li div.infos {
	float: left;
	font-size: 0.85em;
	color: #515151;
}

/*****
 Colorbox
*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: #000;
}

#colorbox {
	
}

#cboxContent {
	margin-top: 32px;
	overflow: visible;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	background: #000;
	padding: 1px;
}

#cboxLoadingGraphic {
	background: url(/interface/site/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
	background: #000;
}

#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000;
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}

#cboxClose {
	text-indent: -9999px;
	width: 25px;
	height: 29px;
	position: absolute;
	top: 0px;
	background: url(/interface/site/x.png) no-repeat 0 0;
	right: 0;
}

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

div.sondage-contenuIn {
	background-image: url('/interface/news/sondage-contenu-bg.gif');
	background-repeat: repeat-x repeat-y;
	text-align: left;
	margin-left: 2px;
	margin-right: 7px;
	padding-top: 5px;
	padding-left: 12px;
	padding-bottom: 7px;
	color: #363636;
}

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

div.sondage-contenuInItems {
	background-image: url('/interface/news/sondage-contenuItems-bg.gif');
	background-repeat: repeat-x repeat-y;
	text-align: left;
	margin-left: 2px;
	margin-right: 7px;
	padding-top: 5px;
	padding-left: 12px;
	color: #363636;
}

ul.sondageItems {
	display: block;
	margin: 0;
	padding: 0;
}

li.sondageItem {
	display: block;
	margin-right: 8px;
	/*	height: 19px; */
	clear: both;
}

div.sondageLabel {
	float: left;
	color: #53517d;
	font-size: 0.9em;
}

.sondageQuestion {
	cursor: pointer;
}

.sondageQuestion div.sondageLabel {
	background: url( /interface/news/arrow.gif ) 0 3px no-repeat;
	text-indent: 20px;
}

div.sondageValue {
	float: right;
	clear: right;
	color: #53517d;
	font-size: 0.9em;
	padding-right: 6px;
}

/* pourcentage ... */
div.sondageValue div {
	float: right;
	width: 25px;
	text-align: right;
	padding-left: 5px;
}

div.sondageSeparator {
	height: 1px;
	margin: 2px 0 3px 0;
	background-image: url('/interface/news/sondage-itemSeparator.gif');
	background-repeat: repeat-x;
}

div.sondage-nbVotes {
	text-align: center;
	color: #434343;
	padding: 5px 0;
}

/**
Tableau de notes
*/
.dossiers-notes {
	padding: 0 15px 10px 15px;
}

.dossiers-notes .leftside {
	float: left;
	width: 370px;
}

.dossiers-notes .norightside {
	width: 100% !important;
}

.dossiers-notes .rightside {
	float: left;
	width: 225px;
	text-align: center;
	font-size: 55px;
	color: #6a6894;
}

.dossiers-notes .head {
	vertical-align: top;
	line-height: 24px;
	font-family: Lato-Bold, Verdana-Bold, Verdana;
	width: 125px;
}

.dossiers-notes .head img {
	float: left;
}

.dossiers-notes table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-top: 15px;
}

.dossiers-notes tr {
	background: url( '/interface/news/titre-separateur.gif' ) 0 bottom repeat-x;
}

.dossiers-notes td {
	padding: 8px 0;
}

.dossiers-notes ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	width: 267px;
}

.dossiers-notes li {
	margin: 0 0 5px 0;
	padding: 0;
	width: 267px;
	height: 24px;
	line-height: 24px;
	color: white;
	text-indent: 7px;
}

.dossiers-notes .barre1 {
	background: url('/interface/news/notes-barre-1.png') 0 0 no-repeat;
}

.dossiers-notes .barre2 {
	background: url('/interface/news/notes-barre-2.png') 0 0 no-repeat;
}

.dossiers-notes .barre3 {
	background: url('/interface/news/notes-barre-3.png') 0 0 no-repeat;
}

.dossiers-notes .barre4 {
	background: url('/interface/news/notes-barre-4.png') 0 0 no-repeat;
}

.dossiers-notes .barre5 {
	background: url('/interface/news/notes-barre-5.png') 0 0 no-repeat;
}

.dossiers-notes .note {
	height: 65px;
	line-height: 65px;
}

.dossiers-notes .rightside img {
	margin-top: 5px;
}

span.hidden {
	visibility: hidden;
}

div.popUpContainer { /*width: 650px; */
	background: transparent url("/interface/petitesannonces/popUpBgOpacity.png") repeat;
	margin: auto;
	padding: 16px;
	-webkit-box-shadow: 0px 10px 15px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 10px 15px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 10px 15px 3px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.popUpContent {
	background: #FFF;
	-webkit-box-shadow: 0px 3px 21px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 3px 21px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 3px 21px 0px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*	border: 1px solid #504f7a; */
	height: 100%;
	width: 680px;
}

div.popUpContent .titleHeader {
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	padding: 10px 0 0 9px;
	height: 25px;
	background: #FFF url("/interface/petitesannonces/popUpHnBackground.gif") 0 0 repeat-x;
	margin-bottom: 10px;
}

div.popUpContent form {
	margin: 10px;
	width: 660px;
}

div.popUpContent .title {
	border-bottom: solid 1px black;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

div.popUpContent .titleLight {
	font-size: 0.9em;
}

div.popUpContent .zoneBox {
	margin-bottom: 25px;
}

div.popUpContent .zone {
	margin: 10px 0
}

div.popUpContent .zoneKey {
	width: 100px;
	padding: 0 0 0 20px;
	font-size: 0.85em;
	float: left;
	line-height: 24px;
	height: 24px;
}

div.popUpContent .zoneValue {
	width: 500px;
	float: left;
	font-size: 0.85em;
	line-height: 24px;
	height: 24px;
}

div.popUpContent .zoneInfo {
	padding: 0;
	font-size: 0.85em;
	float: right;
	position: relative;
}

div.popUpContent input, div.popUpContent textarea.zoneValue, div.popUpContent select {
	margin: 0;
	padding: 2px 0;
	font-size: 0.85em;
	border: 1px solid lightgray;
	line-height: 16px;
}

div.popUpContent input {
	height: 18px;
}

div.popUpContent select {
	height: 24px;
}

div.popUpContent input[type=text], div.popUpContent textarea {
	width: 100%;
}

div.popUpContent textarea {
	height: 150px;
	border: 1px solid lightgray;
}

div.popUpContent input[type=radio] {
	width: 22px;
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
	float: left;
}

div.popUpContent input[type=checkbox] {
	width: 22px;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	float: left;
}

div.popUpContent input[type=file] {
	border: none;
}

div.popUpContent .imagePreview {
	height: 90px;
	width: 490px;
	overflow: auto;
	border: solid 1px lightgray;
	text-align: center;
	line-height: 80px;
	font-size: 22px;
	color: gray;
	padding: 10px 0 0 10px;
}

.infoMessage {
	color: red;
	border: solid 1px red;
	padding: 5px;
	display: none;
}

div.popUpContent  .infoMessage {
	font-size: 0.85em;
}

.infoMessageGreen {
	color: green;
	border: solid 1px green;
	padding: 5px;
	display: none;
}

div.popUpContent .clear {
	clear: both;
}

div.popUpContent .popUpBtn {
	text-align: center;
}

div.popUpContainer .title {
	margin-top: 30px;
}

.popUpBtn {
	padding: 15px 0 10px 0;
	cursor: pointer;
}

.popUpBtn .btnAnnuler {
	margin: 0 22px 0 0;
}

/* popUp Recherche */
#popUpRecherche {
	position: absolute;
	z-index: 80;
	/*right: 0;
	top: 5px; */
	margin-top: 5px;
	margin-left: -175px;
}

#popUpRecherche .popUpContent, #popUpRecherche .popUpContainer {
	width: 450px;
}

#popUpSearchArrow {
	width: 100%;
	height: 15px;
	margin: 0;
	background: url("/interface/petitesannonces/popUpSearchArrow.png") center top no-repeat;
}

#popUpRecherche input[type="radio"] {
	position: relative;
	float: none;
	width: 12px;
	height: 12px;
	padding: 0;
	border: none;
}

#popUpRecherche select {
	opacity: 0;
	position: absolute;
	margin-top: -20px;
	height: 21px;
}

#popUpRecherche label {
	padding: 0;
	display: inline;
	float: none;
}

#popUpSearchArticles {
	margin: 0 0 0 10px;
}

#popUpRecherche .zoneSearch {
	width: 100%;
	margin: 0;
}

#popUpRecherche .zoneSearchbox {
	width: 225px;
	border: none;
	height: 25px;
	margin-left: 100px;
}

#popUpSearchPeriod, #popUpSearchTerms {
	float: right;
}

#popUpSearchPeriod {
	width: 72px;
	background: url("/interface/petitesannonces/popUpSearchPeriodBg.gif") 0 0 no-repeat;
	margin: 0 20px 0 0;
}

#popUpSearchPeriodText {
	width: 47px;
	height: 21px;
	padding: 0 20px 0 5px;
	overflow: hidden;
}

#popUpSearchPeriod select {
	width: 72px;
}

#popUpSearchTerms {
	width: 159px;
	background: url("/interface/petitesannonces/popUpSearchTermsBg.gif") 0 0 no-repeat;
	margin: 0 5px 0 0;
}

#popUpSearchTerms select {
	width: 159px;
}

#popUpSearchTermsText {
	width: 134px;
	height: 21px;
	padding: 0 20px 0 5px;
	overflow: hidden;
}

#popUpFormCriteria {
	color: #5e5d5d;
	padding: 10px 0 12px 12px;
	height: 21px;
	line-height: 21px;
}

#popUpFormCriteria span {
	padding: 0 0 0 18px;
}

#popUpSearchResults {
	background: url("/interface/petitesannonces/popUpSearchResults.gif") -16px 0 no-repeat;
	padding: 30px 0 0 0;
}

#popUpSearchResults ul {
	list-style: none;
	padding: 0 10px 0 10px;
	list-style-position: inside;
	margin: 0;
	height: 450px;
	overflow-y: auto;
}

#popUpSearchLoading {
	position: absolute;
	margin: 150px 0 0 192px;
}

#popUpSearchResults ul li {
	margin: 0;
	border-top: 1px dotted #c2c2c2;
	height: 20px;
	padding: 10px 0 0 10px;
	background: transparent url("/interface/site/fleche-indent-blanc.gif") left 13px no-repeat;
	background-size: 5px 9px;
}

#popUpSearchResults span.popUpSearchResultsDate {
	float: right;
}

.checkboxInline {
	float: left;
	height: 21px;
	line-height: 21px;
}

/***
 Fancy zoom
*/
#zoom_close {
	position: absolute;
	top: 16px;
	right: 17px;
	width: 19px;
	height: 19px;
	font: 16px/22px arial, sans-serif;
	cursor: pointer;
	background-color: white;
	text-align: center;
}

#zoom_close:hover {
	color: #bbb;
}

#simplemodal-container {
	background-color: transparent;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: none;
	height: 100%;
}

.spacer10 {
	height: 10px;
}

.spacer15 {
	height: 15px;
}

.spacer20 {
	height: 20px;
}

.feeds {
	padding: 0 0 0 0;
	margin-top: -15px;
	text-align: center;
	text-decoration: none;
}

.feeds a, .feeds a:hover, .feeds a:visited {
	text-decoration: none;
}

#simplemodal-container a.modalCloseImg {
	background: url(/interface/site/x.png) no-repeat;
	/* adjust url as required */
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

a.app-txt, a:hover .app-txt {
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #cfcfe6;
	color: black;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#site-contenu-sponso {
	width: 1205px;
	min-height: 250px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("/interface/home/fond.gif");
	background-repeat: repeat-y;
}

.dlAppMobile {
	float: left;
	width: 150px;
	margin-top: 20px;
	padding-left: 8px;
}

.linksAppMobile {
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
}

.fbLikeM4E {
	margin-left: 15px;
	margin-bottom: 10px;
}

.red {
	color: red !important;
}

.purple {
	color: #845EBF !important;
}

.pointer {
	cursor: pointer;
}

.galerie-in-article {
	width: 600px;
	height: 450px;
}