@import 'tools/reset.css';
@import 'tools/clearfix.css';
@import 'tools/fonts.css';

body {
    background: #eee url('../../images/layout/bkg-general.jpg') repeat;
    font: 11px Arial, Verdana, sans-serif;
    color: #333
}

body .bold {
    font-weight: bold
}

body small, body .small {
    font-size: .7em
}

body .font-12 {
    font-size: 12px !important
}

body .font-14 {
    font-size: 14px !important
}

body .font-25 {
    font-size: 25px !important
}

body .font-30 {
    font-size: 30px !important
}

body .font-36 {
    font-size: 36px !important
}

body .font-45 {
    font-size: 45px !important
}

body a:visited,
body a:active,
body a:link,
.ms-WPBody a:visited,
.ms-WPBody a:active,
.ms-WPBody a:link,
body a {
    color: #333;
    text-decoration: none;
    cursor: pointer
}
body a:hover {
	text-decoration: underline;
}
body a:focus {
	outline: none;
}

body p {
	font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px
}

body p.teaser {
    font-size: 12px;
    font-weight: bold;
    float: left
}

/*body p a {
    border-bottom: 1px solid #777
}*/

body .metas {
    margin-top: 10px
}

body time {
    font-size: 14px;
    display: block
}

body strong, body b {
    font-weight: bold
}

body u {
    text-decoration: underline
}

body hr {
    border: 1px solid #e4e3dc;
    border-top: 0;
    height: 0;
    width: 100%
}

h1,
.ms-WPBody h1 {
    font-weight: bold;
    line-height: 1em;
    font-size: 25px;
    margin: 10px 0 20px;
}
h2,
.ms-WPBody h2 {
	position: relative;
	padding:0 0 4px 43px; margin:0 10px 11px 0;
	font-family: "SIGMARegular", sans-serif;
	font-size: 30px;
	border-bottom: 3px solid #333333;
}

h3,
.ms-WPBody h3 {
	color: #000000;
	font-family: "SIGMABold", sans-serif; font-size: 24px;
    margin-bottom: 5px;
	font-weight: 300;
}

h4,
.ms-WPBody h4 {
	color: #333333;
	font-family: "SIGMARegular", sans-serif; font-size: 18px;
    padding: 0 0 10px 15px;	margin-bottom: 10px;
	background: url("../../images/layout/h4bor.gif") repeat-x 0 bottom;
}

h4, h5 {
    font-weight: bold
}

sup
{
    font-size:80%;
}

.basic-style .bold {
    font-weight: bold
}

.basic-style small, .basic-style .small {
    font-size: .7em
}

.basic-style .font-12 {
    font-size: 12px !important
}

.basic-style .font-14 {
    font-size: 14px !important
}

.basic-style .font-25 {
    font-size: 25px !important
}

.basic-style .font-30 {
    font-size: 30px !important
}

.basic-style .font-36 {
    font-size: 36px !important
}

.basic-style .font-45 {
    font-size: 45px !important
}

.basic-style a {
    color: #333;
    text-decoration: none;
    cursor: pointer
}

.basic-style p {
    line-height: 1.4;
    margin-bottom: 10px
}

.basic-style p.teaser {
    font-size: 12px;
    font-weight: bold;
    float: left
}

.basic-style p a {
    border-bottom: 1px solid #777
}

.basic-style .metas {
    margin-top: 10px
}

.basic-style time {
    font-size: 14px;
    display: block
}

.basic-style strong, .basic-style b {
    font-weight: bold
}

.basic-style u {
    text-decoration: underline
}

.basic-style hr {
    border: 1px solid #e4e3dc;
    border-top: 0;
    height: 0;
    width: 100%
}

.padded {
    padding: 20px
}

.wrap {
    width: 940px;
    margin: 0 auto;
    position: relative;
    display: block
}

.wrap.padded {
    width: 900px
}

section#top {
    height: 45px;
    color: #555
}

section#top div.contact {
    font-weight: bold;
    padding-top: 8px
}

section#top span.phone {
    font-size: 20px
}

section#top nav {
    position: absolute;
    top: 15px;
    right: 220px
}

section#top nav ul li.first, section#top nav ul li:first-child {
    border-left: none
}

section#top nav ul li {
    display: inline;
    border-left: 1px solid #333;
    padding: 0 0 0 8px;
    margin: 0 0 0 5px
}

#content-wrapper {
    background: #fff
}

body footer.wrap {
    position: relative
}

body footer.wrap section#follow-us {
    margin: 0 0 0 20px
}

body footer.wrap section#follow-us h4 {
    float: left;
    position: relative;
    margin-right: 20px;
    top: 5px;
    font-size: 18px;
	background: none;
}

body footer.wrap section#follow-us ul li {
    display: inline;
    margin-right: 10px
}

body footer.wrap p {
    margin-top: 20px;
    text-align: center
}

body footer.wrap section#sponsors {
    position: absolute;
    top: 20px;
    right: 40px
}

body footer.wrap section#sponsors ul li {
    float: left;
    margin-left: 20px;
    position: relative
}

body footer.wrap section#sponsors ul li.sig {
    top: 5px
}

body footer.wrap section#copyright {
    text-align: center
}

table {
    width: 100%;
}

table tr:nth-child(2n+3) {
    background-color: white
}

table tr.nth-child-2n-3 {
    background-color: white
}

table th {
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e3dc;
    padding: 5px;
    vertical-align: bottom
}

table tr.pre-label th {
    border: 0;
    text-align: center
}

table tr.pre-label+tr th {
    font-weight: normal
}

table tr.pre-label+tr th.bold {
    font-weight: bold
}

table td {
    padding: 0;
    vertical-align: middle
}

table.table-simple tr:nth-child(2n+3) {
    background-color: #faf5eb
}

table.table-simple tr.nth-child-2n-3 {
    background-color: #faf5eb
}

table.table-simple th:first-child {
    width: 80%
}

table .rotate {
    position: relative;
    height: 60px
}

.a-right {
    text-align: right;
    position: relative
}

.a-left {
    text-align: left
}

.a-center {
    text-align: center
}

.f-right {
    float: right
}

.f-left {
    float: left
}

img.f-left {
    margin-right: 20px;
    margin-bottom: 20px
}

a.more.f-right {
    margin-top: -2.4em
}

br.clear {
    clear: both;
    height: 0;
    line-height: 0
}

.half, .third, .quart {
    float: left;
    box-sizing: border-box
}
.half { width: 50% }
.third { width: 33% }
.quart { width: 25% }

.background {
    background-color: #faf5eb;
    overflow: hidden
}

.background-white {
    background-color: white;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px
}

.w-20 { width: 20px }
.w-50 { width: 50px }
.w-80 { width: 80px }
.w-100 { width: 100px }
.w-120 { width: 120px }

aside {
    float: left;
    width: 260px;
    margin-left: 20px;
    overflow: hidden
}

#search {
    position: absolute;
    top: 13px;
    right: 25px;
    background: #fff;
    height: 18px
}

#search input[type="text"] {
    height: 18px;
    width: 140px;
    border: 0;
    background: 0;
    padding: 0 5px
}

#search input[type="submit"] {
    background: url('../../images/layout/search-submit.png') no-repeat;
    border: 0;
    height: 18px;
    width: 25px;
    position: absolute;
    right: -24px;
    top: 0;
    border-radius: 0;
    margin: 0;
}
h2.suivi-conso + span.help {
	position: absolute;
	right: 55px;
	top: 5px;
}
.maincontent h2.suivi-conso .eng {
	font-family: "SIGMARegular",sans-serif;
	font-size: 30px;
}
.maincontent h2.suivi-conso:after {
	content: "";
	position: absolute; top: -5px; left: 8px;
	display: block;
	width: 29px; height: 36px;
	background: url("../../images/layout/sprite.png") no-repeat 0 -24px;
}
.relativecontent span.help,
.maincontent span.help {
	position: relative;	top: -8px;
	display: inline-block;
	margin-left: 5px;
	width: 12px; height: 12px;
	cursor: pointer;
	background: url("../../images/layout/sprite.png") no-repeat -97px -12px;
}
.bloc.releve span.help {
	position: absolute; top:10px; right: 10px;
}

.lastmonth {
	position: relative;	z-index: 20;
	width: 576px; height: 390px;
	padding:20px 10px;
	background: url('../../images/layout/suivi-conso/lastmonthTop.png') no-repeat 0 0;
}
/*
.lastmonth:before {
	content: "";
	display: block;
	position: absolute; top: -10px; left: 408px; z-index: 10;
	width: 17px; height: 18px;
	background: url("../../images/layout/suivi-conso/lastmonthArrow.png") no-repeat 0 0;
}
*/
.lastmonth:after {
	content: "";
	display: block;
	position: absolute; bottom: 0;	left: 0; z-index: 10;
	width: 596px; height: 145px;
	background: url('../../images/layout/suivi-conso/lastmonthBottom.png') no-repeat 0 0;
}
.lastmonth h2 {
	position: relative;
	margin-bottom: 18px;
	font-family: "SIGMARegular", sans-serif;
	font-size: 24px;
	border-bottom: 3px solid #dddddd;
}
.maincontent .lastmonth h2:after {
	content: "";
	position: absolute; top: -5px; left: -3px;
	display: block;
	width: 36px; height: 31px;
	background: url("../../images/layout/sprite.png") no-repeat -29px -24px;
}
.lastmonth .leftcontainer {
	position: relative;	z-index: 20;
	float: left;
	margin-right: 10px;
	width: 278px;
}
.lastmonth .leftcontainer ul {
	background: url("../../images/layout/suivi-conso/borderH.png") repeat-x 0 bottom;
	width: 280px;
}
.lastmonth .leftcontainer ul li:first-child {
	float: left;
}
.lastmonth .leftcontainer ul li {
	position: relative;
	display: inline-block;
	float: right;
	min-width: 100px;
	margin:0 0 11px 0; padding:10px 6px 0 0;
	color: #333333;
	font-size: 46px;
	text-align: center;
	font-weight: bold;
}
.lastmonth .leftcontainer ul li span.legend {
	position: absolute; top: -17px; left: 27px;
	font-size: 11px; font-weight: normal;
	color: #999999;
}
.lastmonth .leftcontainer .percent {
	float: left;
	margin: 18px 8px 0 10px;
	color: #57ab27;
	font-size: 54px;
	font-weight: bold;
}
.lastmonth .leftcontainer .percent.red {
	color: #e02216;
}
a.linkarrowGreen:visited, a.linkarrowRed:visited,
a.linkarrowGreen:active, a.linkarrowRed:active,
a.linkarrowGreen:link, a.linkarrowRed:link,
a.linkarrowGreen, a.linkarrowRed {
	position: relative;
	display: inline-block; clear: both;
	padding: 5px 30px 0 40px; margin: 0 auto;
	height: 43px;
	color: white;
	font-size: 18px;
	line-height: 18px;
	background: url("../../images/layout/suivi-conso/linkarrowGreen.png") no-repeat right 0;
}
a.linkarrowRed:visited, a.linkarrowRed:active, a.linkarrowRed:link, a.linkarrowRed {
	background: url("../../images/layout/suivi-conso/linkarrowRed.png") no-repeat right 0;
}
.lastmonth .leftcontainer > a {
	margin-left: 15px;
}
.lastmonth .leftcontainer a.linkarrowRed:after,
.lastmonth .leftcontainer a.linkarrowGreen:after {
	content: '\0020';
	display: block;
	position: absolute; top: 10px; left: 10px;
	width: 19px; height: 24px;
	background: url("../../images/layout/sprite.png") no-repeat -37px 0;
}
.lastmonth .leftcontainer p {
	margin-top: 28px; font-size: 12px;
}
.lastmonth .leftcontainer p strong {
	font-size: 18px; line-height: 10px;
}
.lastmonth .leftcontainer p span {
	font-weight: bold;
}
.lastmonth .rightcontainer {
	position: relative;	z-index: 20;
	float: left;
	padding: 0 6px;
	width: 272px;
	background: url("../../images/layout/suivi-conso/cut.png") no-repeat 0 0;
}
.lastmonth .rightcontainer p.title {
	padding: 0 0 7px; margin: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	color: #333333;
	border-bottom: 2px solid #eeeeee;
}
.lastmonth .rightcontainer ul {
	margin: 18px 10px 2px;
	width: 100%;
	display: table;
}
.lastmonth .rightcontainer ul li {
	display: table-cell;
	text-align: center;
	color: #333333;
	text-align: center;
	font-size: 30px; font-weight: bold;
}
.lastmonth .rightcontainer>img{
	margin-left: 6px;
}
.lastmonth .rightcontainer div.span {
	margin:0 10px;
	display: table;
	width: 100%;
}
.lastmonth .rightcontainer div span {
	display: table-cell;
	width: 50%;
	margin: 0 34px 0 30px;
	color: #333333;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
}
.lastmonth .rightcontainer .infos {
	position: relative;
	padding: 6px 10px;
	margin: 45px 0 0 5px;
	width: 138px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #dddddd;
}
.lastmonth .rightcontainer .infos.right {
	margin-left: 127px;
}
.lastmonth .rightcontainer .infos img {
	margin-top: -7px;
}
.lastmonth .rightcontainer .infos:after {
	content: "";
	position: absolute; top: -8px;	left: 50%;
	display: block;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #dddddd;
}

.releve a.linkarrowGreen {
	line-height: 38px;
	margin-left: 35px;
}
.releve a.linkarrowGreen:after {
	content: '\0020';
	display: block;
	position: absolute; top: 9px; left: 10px;
	width: 25px; height: 32px;
	background: url("../../images/layout/sprite.png") no-repeat -65px -24px;
}
.bloc {
	position: relative;
	color: #010001;
}
.bloc.releve {
	width: 279px; height: 308px;
	margin: 0 auto 25px;
	padding:14px 10px;
	background: url("../../images/layout/suivi-conso/boxGris.png") no-repeat 0 0;
}
.bloc.releve .cpicto {
	margin-top: -10px;
}
.bloc.releve .cpicto li {
	position: relative;
	display: inline-block;
	padding-top: 50px; margin:10px 0 12px;
	width: 90px;
	color: #010001;
	text-align: center;
	font-size: 14px; font-weight: bold;
}
.bloc.releve .cpicto li strong {
	display: block;
	font-size: 18px;
}
.bloc.releve .cpicto li:after {
	content: '\0020';
	display: block;
	position: absolute; top: 0; left: 20px;
	width: 51px; height: 51px;
	background: url("../../images/layout/sprite.png") no-repeat;
}
.bloc.releve .cpicto li.picto1:after {
	background-position: 0 -60px;
}
.bloc.releve .cpicto li.picto2:after {
	background-position: -51px -60px;
}
.bloc.releve .cpicto li.picto3:after {
	height: 50px;
	background-position: -102px -60px;
}
.bloc.eco {
	position: relative;
	width: 276px; height: 177px;
	margin: 0 0 0 2px;
	padding:11px 12px;
	background: url("../../images/layout/suivi-conso/boxVert.png") no-repeat 0 0;
}
.bloc.eco h3 {
	margin-bottom: 8px;
}
.bloc.eco .all {
	position: absolute; top: 8px; right: 10px;
	width: 50px;
	color: #231f20;
	font-size: 12px;
	text-transform: uppercase;
}
.bloc.eco li img {
	float: left;
	margin-right: 20px;
}
.bloc.eco p {
	line-height: 16px;
}
.maincontent .bloc.eco {
	float: left; clear: both;
	margin: 0 0 25px 0;
}
.maincontent .bloc.eco .bx-pager-item a {
	text-indent: -9999px;
}
.bloc h3 {
	display: inline-block;
	text-transform: none;
	line-height: 25px;
}
.bloc h4 {
	color: #000000;
	font-family: "SIGMABold", sans-serif; font-size: 20px;
	background: none;
	padding: 0; margin: -10px 0 0;
}
.bloc a.lirelasuite {
	float: right;
	margin: 10px 10px 0 0;
}
.bloc.bonus {
	margin: 0 0 15px 5px; padding: 18px 15px 8px 10px;
	width: 271px; height: 184px;
	background: url("../../images/layout/eco/bonus1.png") no-repeat 0 0;
}
.bloc.bonus.b2 {
	background: url("../../images/layout/eco/bonus2.png") no-repeat 0 0;
}
.bloc.bonus.b3 {
	background: url("../../images/layout/eco/bonus3.png") no-repeat 0 0;
}
.bloc p {
	font-size: 12px;
}
.bloc.bonus strong {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}
.bloc.bonus p {
	margin: 14px 0 0 85px;
}
.bloc.bonus p span {
	margin-left: 45px;
}

.ajaxloader {
	width: 24px; height: 24px;
	background: url("../../images/ajax-loader.gif") no-repeat 0 0;
}

h2.help:after {
	display: block; content: '\0020';
	position: absolute; top: 8px; left: 10px;
	width: 25px; height: 25px;
	background: url("../../images/layout/sprite.png") no-repeat -181px -157px;
}

.accordion {
	margin-top: 24px;
}
.accordion li {
	margin-bottom: 8px;
}
.accordion li span {
	position: relative;
	padding: 0 0 0 15px;
	color: #333333;
	font-size: 18px; font-weight: bold;
	cursor: pointer;
}
.accordion li.open span {
	color: #b8a58a;
}
.accordion li span.icon {
	display: block; content: '\0020';
	position: absolute;
	top: 8px; left: 0;
	padding: 0;
	width: 9px; height: 9px;
	background: url("../../images/layout/sprite.png") no-repeat -90px -48px;
}
.accordion li.open span.icon {
	top: 11px; left: 0;
	width: 9px; height: 2px;
	background: url("../../images/layout/sprite.png") no-repeat -90px -57px;
}
.accordion li p {
	display: none;
	margin: 0;	padding: 6px 0 16px 15px;
	width: 585px;
	color: black;
	font-size: 12px;
	line-height: 17px;
}

body .wrap.padded .accordion li span.icon,
body .wrap.padded .accordion li p {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

div.form {
	position: relative;
	z-index: 20;
	margin: 12px 0 20px;
	width: 292px; height: 34px;
	background: url("../../images/layout/aide/search.png") no-repeat;
}
div.form input {
	color: #b8a58a;
	border: 1px solid #b8a58a;
	border-radius:3px;
	margin: 6px 0 0 21px;
	padding: 0 3px;
	width: 217px;
}
div.form input:-moz-placeholder { font-size: 12px; font-style: italic; color: #e7dcc7; }
div.form input:-ms-input-placeholder { font-size: 12px; font-style: italic; color: #e7dcc7; }

.help input[type=submit] {
	float: right;
	margin: 7px 20px 0 0;
	width: 20px; height: 20px;
	background: url("../../images/layout/sprite.png") no-repeat -182px -206px;
	cursor: pointer;
	border: none;
}

.list {
	margin: 0 30px 0 20px;
}
.quest 
{
    position:relative;
	padding: 10px 20px; margin:21px 0 42px;
	width:252px; 
	background: url("../../images/layout/aide/blocGrey.png") repeat-y;
}
.quest:before {
    content:""; display:block;
    position:absolute; top:-22px; left:0;
	width:292px; height: 22px;
	background: url("../../images/layout/aide/blocGreyTop.png") no-repeat;
}
.quest:after {
    content:""; display:block;
    position:absolute; bottom:-20px; left:0;
	width:292px; height: 21px;
	background: url("../../images/layout/aide/blocGreyBottom.png") no-repeat;
}
.list>span,
.quest>span {
	display: block;
	padding: 0 0 10px;
	color: #333333;
	font-size: 18px;
}
.list ul,
.quest ul {
	background: url("../../images/layout/aide/sep.gif") repeat-x top;
}
.list ul {
	padding-top: 10px;
}
.list ul li {
	margin-bottom: 10px;
}
.quest ul li {
	position: relative;
	padding: 10px 0 10px;
	background: url("../../images/layout/aide/sep.gif") repeat-x bottom;
	color: #999999;
}
.list ul li a,
.quest ul li a {
	position: relative;
	width: 175px;
	font-size: 14px;
	padding-left: 9px;
	padding-right: 70px;
}
.quest ul li.current a {
	font-weight: bold;
	color: #57ab27;
}
.list ul li a:after,
.quest ul li a:after {
	display: block; content: '\0020';
	position: absolute; top: 5px; left: 0;
	width: 4px; height: 7px;
	background: url("../../images/layout/sprite.png") no-repeat -103px -48px;
}
.list ul li.current a:after,
.quest ul li.current a:after {
	background-position: -99px -48px;
}
.quest ul li span {
	position: absolute; bottom: 10px; right: 0;
	font-size: 12px;
}
.bloc.contacts {
	position: relative;
	margin: 0 0 20px; padding: 14px 7px;
	width:287px; height: 212px;
	background: url("../../images/layout/aide/blocMar.png") no-repeat;
}
.bloc.contacts:after {
	display: block; content: '\0020';
	position: absolute; top: 58px; left: 8px;
	width: 70px; height: 45px;
	background: url("../../images/layout/sprite.png") no-repeat -139px 0;
}
.bloc.contacts .content {
	margin: 0 0 0 90px;
	color: #010001;
	font-size: 12px;
}
.bloc.contacts .content strong {
	font-size: 18px;
}
.bloc.contacts .content span {
	font-size: 24px;
	display: block;
	margin-bottom: 6px;
}

.profilInfo.border {
	position: relative;
	margin-top: 45px;
}
.profilInfo.border:after {
	display: block; content: '\0020';
	position: absolute; top: -15px; left: 0;
	width: 900px; height: 2px;
	background: #b8a58a;
}
.profilInfo h2 {
	font-size: 24px;
	padding: 4px 0 4px 43px;
}
.habitat h2:after,
h2.logement:after {
	display: block; content: '\0020';
	position: absolute; top: 6px; left: 12px;
	width: 21px; height: 24px;
	background: url("../../images/layout/sprite.png") no-repeat -157px -181px;
}
h2.newsletter:after {
	display: block; content: '\0020';
	position: absolute; top: 13px; left: 10px;
	width: 24px; height: 18px;
	background: url("../../images/layout/sprite.png") no-repeat -74px -193px;
}
h2.compteurs:after {
	display: block; content: '\0020';
	position: absolute; top: 11px; left: 11px;
	width: 24px; height: 24px;
	background: url("../../images/layout/sprite.png") no-repeat -157px -157px;
}
h2.offreActu:after {
	display: block; content: '\0020';
	position: absolute; top: 10px; left: 11px;
	width: 24px; height: 24px;
	background: url("../../images/layout/sprite.png") no-repeat -178px -182px;
}
h2.factureMail:after {
	display: block; content: '\0020';
	position: absolute; top: 12px; left: 11px;
	width: 24px; height: 24px;
	background: url("../../images/layout/sprite.png") no-repeat -93px -250px;
}

.profil .bloc.profil:first-child {
	margin-bottom: 132px;
}
.releve .bloc.profil:first-child {
	margin-top: 0;
}

.wrapperFull {
	position: relative;
	width: 900px;
}
.wrapperFull .bloc.profil.profil2 {
	position: absolute; right: 0; top: 0;
	margin-top: 0;
}
.wrapperFull .bloc.profil.profil3 {
	position: absolute; right: 0; top: 0;
	margin-top: 130px;
}
.bloc.profil .bx-pager {
	margin-top: 0;
}
.wrapperFull .profil4
{
    height:285px;
}
.bloc.profil {
	padding: 16px 0 4px 20px;
	margin: 50px 0 64px 8px;
	width: 272px;
	background: url("../../images/layout/profil/bloc.png") repeat-y;
}
.bloc.profil.profilInfo { margin-top: 132px; }
.bloc.profil.profil2 { margin-top: 50px; }
.bloc.profil p {
	display: block;
	font-size: 12px;
	line-height: 17px;
	margin:5px 20px 15px 0;
}
.bloc.profil2 p {
	margin-top: 10px;
}
.bloc.profil strong {
	font-size: 14px;
}
.bloc.profil div.link {
	text-align: center;
	margin-left: -20px;
	margin-bottom: 20px;
}
.bloc.profil .greyBt {
	position: relative;
	display: inline-block;
	padding: 8px 10px;
	font-size: 14px; font-weight: bold;
	color: white;
	background: #cccccc;
}
.bloc.profil img {
	float: left;
	padding: 10px 10px 10px 0;
}
.bloc.profil .bx-wrapper {
	margin-bottom: 20px;
}
.bloc.profil .bx-wrapper .bx-pager.bx-default-pager a {
	background: #c6c6c6;
}
.bloc.profil .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bloc.profil .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #999999;
}
.bloc.profil .bx-wrapper img {
	padding: 0;
}
.cCheckbox {
	position: relative;
	z-index: 20;
	display: inline-block;
	background: #e7dcc7;
	border: 1px solid #d2c5b3;
	cursor: pointer;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.cCheckbox .bg {
	display: block; content: '\0020';
	position: absolute; top: 1px; left: 1px; z-index: 1;
	width: 29px; height: 18px;
	background:#b8a58a;

}
.cCheckbox.off .bg {
	left: 30px;
}
.lt-ie9 .cCheckbox.on .oui,
.lt-ie9 .cCheckbox.off .non {
	background:#b8a58a;
	margin-right: 1px;
}
.lt-ie9 .cCheckbox.off .oui,
.lt-ie9 .cCheckbox.on .non {
	background: #e7dcc7;
	margin-right: 1px;
}
.cCheckbox span {
	position: relative;	z-index: 2;
	display: inline-block;
	margin: 1px 0 1px 1px; padding: 2px 4px 1px;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
.cCheckbox span:first-child,
.cCheckbox.on span:first-child {
	margin-right: 1px;
	color: white;
}
.cCheckbox.on span,
.cCheckbox.off span:first-child {
	color: #d0c2af;
}
.cadre {
	position: relative;
	padding: 17px 20px; margin-bottom: 20px;
	width: 556px;
	background: url("../../images/layout/profil/cadre.png") repeat-y;
	min-height:85px;
}
.cadreLight {
	min-height:55px;
}
.cadre dl {
	display: table;
	color: #666666;
}
.cadre dl dt {
	display: table-cell;
	padding-right: 12px; padding-bottom: 5px;
	width: 130px;
	text-align: right;
	font-size: 12px; font-weight: normal;
	line-height: 16px;
}
.cadre dl dd {
	display: table-cell;
	font-size: 12px; font-weight: bold;
}

.habitat input,
.cadre .linkTopRight {
	position: absolute; bottom: 20px; right: 20px;
	display: inline-block;
	padding: 8px 10px;
	font-size: 14px; font-weight: bold;
	color: white;
	border: none;
	background:#f6a811;
}
.cadre strong {
	font-size: 14px;
}
.cadre .element {
	position: relative;
	padding: 7px 0 4px 46px;
}
.cadre .element label {
	display: inline-block;
	font-size: 12px;
	margin-bottom: 6px;
	max-width: 440px;
}
.cadre .legend {
	display: block;
	font-size: 12px;
}
.cadre .element .cCheckbox {
	position: absolute; top: 5px; right: 0;
}
.cadre .element.wat:after,
.cadre .element.ele:after,
.cadre .element.gaz:after {
	display: block; content: '\0020';
	position: absolute; top:0; left: 0;
	width: 37px; height: 37px;
	background: url("../../images/layout/sprite.png") no-repeat 0 -193px;
}
.cadre .element.gaz:after {	background-position: -37px -193px; }
.cadre .element.wat:after {	background-position: -56px -250px; }
.cadre .element strong {
	display: block;
	margin-bottom: 6px;
}
.cadre .element .c1 { top: 27px; }
.cadre .element .c2 { top: 0; }
.cadre .element .c3 { top: 27px; }
.cadre .supComp {
	position: relative;
}
.cadre .supComp.slideUp {
	display: none;
}

.cadre .element .help {
	content: '\0020';
	display: inline-block;
	position: relative;	top: 2px;
	margin-left: 5px;
	width: 12px; height: 12px;
	background: url("../../images/layout/sprite.png") no-repeat -97px -12px;
}
.cadre li {
	font-size: 12px;
	padding: 9px 0 0 36px;
}

h2.releve:after {
	display: block; content: '\0020';
	position: absolute; top: 3px; left: 10px;
	width: 25px; height: 33px;
	background: url("../../images/layout/sprite.png") no-repeat -114px -24px;
}
h2.releve + span.help {
	position: absolute; left: 310px; top: 0;
}
.releve.modif {
	position: absolute; right: 10px; top: 15px;
	font-size: 12px;
	color: #999999;
}
.releve.cadre {
	height: 270px;
}
.releve.cadre {
	background: url("../../images/layout/releve/cadreC.png") repeat-y 0 0;
}
.releve.cadre.saisie {
	background: url("../../images/layout/releve/cadreB.png") repeat-y 0 0;
}
.releve.cadre .left strong {
	display: block;
	font-size: 18px;
	margin-left: 55px;
}
.bloc.conso .ele:before,
.releve.cadre.ele:before {
	display: block; content: '\0020';
	position: absolute; top: 11px; left: 7px;
	width: 56px; height: 56px;
	background: url("../../images/layout/sprite.png") no-repeat -153px -45px;
}
.bloc.conso .gaz:before,
.releve.cadre.gaz:before {
	display: block; content: '\0020';
	position: absolute; top: 11px; left: 7px;
	width: 56px; height: 56px;
	background: url("../../images/layout/sprite.png") no-repeat -153px -101px;
}
.bloc.conso .wat:before,
.releve.cadre.wat:before {
	display: block; content: '\0020';
	position: absolute; top: 11px; left: 7px;
	width: 56px; height: 56px;
	background: url("../../images/layout/sprite.png") no-repeat 0 -254px;
}
.bloc.conso {
	margin-left: 8px;
}
.bloc.conso h2 {
	margin: 22px 0 0;
}
.bloc.conso h2:after {
	content: "";
	position: absolute; top: -4px; left: 8px;
	display: block;
	width: 28px; height: 31px;
	background: url("../../images/layout/sprite.png") no-repeat -98px -203px;
}
.releve.cadre img {
	display: block;
	margin: 15px auto 0;
}
.releve.cadre .left {
	float: left;
	width: 270px;
}
.releve.cadre .myReleve {
	float: right;
	width: 250px;
}
.releve.cadre .myReleve strong {
	font-size: 18px;
}
.releve.cadre .myReleve p { margin: 0 0 20px; }
.releve.cadre .myReleve .relconf p { margin: 0 0 5px; }
.releve.cadre .myReleve form{
	margin: 8px 0;
}
.releve.cadre .myReleve p.infos strong { font-size: 12px; }
.releve.cadre .myReleve p.infos {
	clear: both;
	display: block;
	font-size: 12px;
	color: #b8a58a;
	text-align: center;
	position: absolute;
	right: 5px;
	bottom: 20px;
	width: 280px;
	margin-bottom: 0;
}
.releve.cadre.gaz .myReleve p.infos {
	color: #999999;
}
.releve.cadre .myReleve .congrat {	display: none; }
.releve.cadre .myReleve .congrat p,
.releve.cadre .myReleve .congrat p strong {
	margin: 12px 0;
	font-size: 12px;
	text-align: center;
	color: #b8a58a;
}
.releve.cadre .myReleve p,
.releve.cadre .myReleve p strong {
	margin: 12px 0 20px;
	font-size: 12px;
	text-align: center;
}
.releve.cadre .myReleve .congrat > strong {
	display: block;
	text-align: center;
}
.releve.cadre .myReleve .congrat p a {
	font-weight: bold;
}
.releve.cadre .myReleve .congrat p.text {
	text-align: left;
	color: #010000;
}
.releve.cadre .myReleve p.infos > span {
	position: relative;
	margin: 0 4px;
	display: inline-block;
	font-size: 30px; font-weight: bold;
}
.releve.cadre .myReleve p.infos span.legend {
	display: block;
	font-size: 10px;
	color: #b8a58a;
	margin-top: -10px;
}
.releve.cadre .myReleve label {
	float: left;
	width: 105px;
	font-size: 12px;
}
.releve.cadre .myReleve input {
	float: left;
	width: 131px;
	border-color: #b8a58a;
	border-radius: 2px;
	margin-top: -4px;
	margin-right: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.releve.cadre .myReleve .rel1 input[type=number] {
	margin-right: 8px;
	margin-top: -5px;
	width: 145px;
}
.releve.cadre .myReleve input[type=button].disabled {
	background: #b8a58a;
}
.releve.cadre .myReleve input[type=button] {
	float: right;
	padding: 6px 15px;
	width: auto;
	background: #f6a811;
	color: white;
	font-size: 14px; font-weight: bold;
	border: none; border-radius:0;
}
.releve.cadre .myReleve .relconf {
	display: none;
	text-align: center;
	width:250px;
	margin-bottom: 20px;
}
.releve.cadre .myReleve .relform { display: none; }
.releve.cadre .myReleve .step1 .relform { display: block; }
.releve.cadre .myReleve .step2 .relconf { display: block; }
.releve.cadre .myReleve .step3 .congrat { display: block; }
.releve.cadre .myReleve .relconf strong {
	display: block;
	font-size: 36px;
	margin-bottom: 10px;
}
.releve.cadre .myReleve .rel2 .relconf strong {
	display: inline-block;
	margin: 0 4px 10px;
	font-size: 30px;
}
.releve.cadre .myReleve .rel2 .relconf span.legend {
	margin-top: -5px;
	margin-bottom: 20px;
}
.releve.cadre .myReleve .relconf a {
	color: #b8a58a;
	font-size: 14px;
	margin-left: 20px;
}
.releve.cadre .myReleve .relconf input[type=submit],
.releve.cadre .myReleve .relconf a {
	text-align: center;
	float: none;
}
.bloc.conso li {
	position: relative; overflow: hidden;
	height: 68px;
	margin-bottom: 5px; padding-bottom: 10px;
	color: #333333;
	background: url("../../images/layout/suivi-conso/borderH.png") repeat-x scroll 0 bottom transparent;
}
.bloc.conso li:hover {
	height: 95px;
}
.bloc.conso li p {
	padding-top: 6px;
	padding-left: 105px;
}
.bloc.conso li span {
	display: block;
	margin: -5px 0 -10px;
	font-size: 30px; font-weight: bold;
}
.bloc.conso .ele:before,
.bloc.conso .gaz:before,
.bloc.conso .wat:before { top: 10px; left: 35px; }
.bloc.conso li a {
	color: #f6a800;
	margin-left: 15px;
	font-size: 12px;
}
.bloc.discover {
	margin: 0 auto 20px;
	padding: 16px 12px 0 12px;
	width: 276px; height: 210px;
	background: url("../../images/layout/dashboard/app.png") no-repeat scroll 0 0 transparent;
}
.bloc.discover h3 {
	font-size: 24px;
	text-transform: none;
}
.bloc.discover p {
	margin: 8px 20px 0 105px;
}
.bloc.blog {
	position: relative;
	background: url("../../images/layout/dashboard/blogT.png") no-repeat scroll 0 0 transparent;
	margin: 0 0 25px 10px;
	padding: 9px 0 16px 14px;
	width: 278px;
}
.bloc.blog h3 {
	margin-bottom: 7px;
}
.bloc.blog a {
	margin: 0 0 0 -19px;
}
.bloc.blog p strong {
	display: block;
	margin: 0 0 5px;
}
.bloc.blog p {
	position: relative;	z-index: 20;
	margin: 7px 0 0;
	font-size: 12px;
	line-height: 14px;
}
.bloc.blog a {
	display: block;
}
.bloc.blog a.link {
	position: absolute; bottom: 8px; right: 18px;
	font-weight: bold; color: #b8a58a;
}
.bloc.blog:before {
	content: "";
	position: absolute; bottom:0; left:0;
	display: block;
	width: 282px; height: 87px;
	background: url("../../images/layout/dashboard/blogB.png") no-repeat scroll 0 0 transparent;
}

h2.conseils:after,
h2.initial:after {
	content: "";
	position: absolute; top:7px; left:14px;
	display: block;
	width: 16px; height: 26px;
	background: url("../../images/layout/sprite.png") no-repeat scroll -166px -206px transparent;
}
h2.ecoDash:after,
h2.economies:after {
	content: "";
	position: absolute; top:5px; left:11px;
	display: block;
	width: 24px; height: 25px;
	background: url("../../images/layout/sprite.png") no-repeat scroll -74px -211px transparent;
}

article.embed {
	position: relative;clear: both;
	margin-bottom: 25px;
	padding: 8px 0;
	width: 591px; height: 220px;
	background: url("../../images/layout/dashboard/articleEmbed.png") no-repeat scroll 0 0 transparent;
}
article.embed .title {
	display: block;
	margin:0 9px;
	font-size: 18px;
}
article.embed .priorite {
	position: absolute; top: 19px; right: 45px;
	color: #333333;
	font-size: 14px;
}
article.embed .priorite:after {
	content: "";
	position: absolute; top:1px; right:-23px;
	display: block;
	width: 13px; height: 12px;
	background: url("../../images/layout/sprite.png") no-repeat scroll -126px -217px transparent;
}
article.embed .priorite.p2:after {
	background-position: -139px -217px;
}
article.embed .priorite.p3:after {
	background-position: -152px -217px;
}
article.embed .fav { right: 5px; }
article .fav {
	position: absolute; top:10px; right:0;	z-index: 20;
	display: block;
	width: 23px; height: 24px;
	cursor: pointer;
	background: url("../../images/layout/sprite.png") no-repeat scroll 0 -230px transparent;
}
article .fav.active {
	background-position: -23px -230px;
}
article.embed .visuel {
	position: relative;
	float: left;
	margin: 10px 20px 0 -5px;
	width: 292px;
}
article.small .legend,
article.embed .visuel .legend {
	display: block;
	margin: 10px 0 0 15px;
	font-size: 11px;
}
article.small .legend {
	position: relative;	z-index: 20;
	margin: 10px 0 0 10px;
}
article.embed p {
	margin: 17px 50px 0 0; font-size: 12px;
}
article.embed a.link {
	position: absolute; bottom: 20px; right: 20px;
	font-size: 14px;
	font-weight: bold; color: #b8a58a;
}
article.small {
	position: relative;	float: left;
	margin: 0 20px 20px 0; padding: 10px 0;
	width: 282px;
}
article.small:before {
	content: " ";
	position: absolute; top:0; left: 0;	z-index: 10;
	display: block;
	width: 282px; height: 105px;
	background: url("../../images/layout/conseils/articlebg.png") no-repeat scroll 0 0 transparent;
}
article.small:after {
	content: " ";
	position: absolute; bottom:0; left: 0; 	z-index: 10;
	display: block;
	width: 282px; height: 105px;
	background: url("../../images/layout/conseils/articlebg.png") no-repeat scroll 0 0 transparent;
}
aside article.small {
	margin: 0 0 20px 10px;
}
article.small .title {
	position: relative;	z-index: 20;
	display: block;
	margin:0 10px;
	font-size: 18px;
}
article.small a.visuel {
	display: block; position: relative;	z-index: 20;
	width: 292px; height: 150px;
	padding: 9px 0;
	margin: 0 0 -9px -5px;
	background: url("../../images/layout/conseils/ombreImg.png") no-repeat scroll 0 0 transparent;
}

article.full {
	margin-right: 10px;
}
article.full .visuel {
	position: relative;
	padding: 15px 0;
	width:596px; height:307px;
}
article.full .visuel:before {
	content: " ";
	position: absolute; top:0; left: 0;
	display: block;
	width: 596px; height: 15px;
	background: url("../../images/layout/conseils/visuTop.png") no-repeat scroll 0 0 transparent;
}
article.full .visuel:after {
	content: " ";
	position: absolute; bottom:0; left: 0;
	display: block;
	width: 596px; height: 15px;
	background: url("../../images/layout/conseils/visuBottom.png") no-repeat scroll 0 0 transparent;
}
article.full p.intro {
	font-size: 18px;
}
article.full p {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.bloc.conseils {
	background: url("../../images/layout/profil/bloc.png") repeat-y scroll 0 0 transparent;
	margin: 0 0 25px 8px;
	padding: 16px 0 4px 20px;
	width: 272px;
}
.bloc.conseils p {
	font-size: 14px;
}
.bloc.conseils ul li {
	position: relative;
	font-size: 14px;
	padding: 0 0 14px 24px;
}
.bloc.conseils ul li:after {
	content: " ";
	position: absolute; left: 2px;
	display: block;
	background: url("../../images/layout/sprite.png") no-repeat scroll;
}
.bloc.conseils ul li.priorite:after {
	top: 2px;
	width: 13px; height: 12px;
	background-position: -113px -234px;
}
.bloc.conseils ul li.saison:after {
	top: 2px;
	width: 13px; height: 13px;
	background-position: -100px -234px;
}
.bloc.conseils ul li.fav:after {
	top: -1px; left: -1px;
	width: 17px; height: 16px;
	background-position: -164px -232px;
}
.product-embed.ecoDash {
	margin: 0 0 0 10px;
}
.product-embed {
	position: relative;
	float: left;
	margin: 0 5px 25px 0;
	padding: 10px 0;
	width: 293px; height: 178px;
	background: url("../../images/layout/dashboard/productEmbed.png") no-repeat scroll 0 0 transparent;
}
.product-embed h3 {
	margin: 0 0 9px 11px;
	font-family: "SIGMABold",sans-serif;
	color: #010001;
	text-transform: uppercase;
}
.product-embed img {
	float: left;
	margin:0 10px 0 8px;
	border: 3px solid white;
}
.product-embed .title {
	display: block;
	margin: 4px 0 13px;
	color: #666666;
	font-size: 18px;
}
.product-embed .offre {
	display: inline-block;
	position: relative;
	padding: 4px 20px 5px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	background: #c0d27e;
}
.product-embed .offre:after {
	content: "AVANTAGE MMC";
	position: absolute; top:-10px; left:0;
	display: block;
	color: #c0d27e;
	font-weight: bold;
	font-size: 10px;
}
.product-embed .price {
	display: block;
	margin-top: 5px;
	color: #d0c2af;
	font-size: 18px;
	font-weight: bold;
}
.product-embed a.link {
	float: right;
	margin: 8px 10px 0 0;
	font-weight: bold;
	color: #57ab27;
}
.introEco {
	position: relative;
	width: 597px; height: 105px;
	background: url("../../images/layout/dashboard/introEco.png") no-repeat scroll 0 0 transparent;
}
.introEco.red {
	background: url("../../images/layout/dashboard/introEcoRed.png") no-repeat scroll 0 0 transparent;
}
.introEco .chif {
	position: absolute; top: 0; left: 0;
	display: table-cell;
	width: 140px;
	color: white;
	font-size: 65px; font-weight: bold;
	line-height: 75px;
	text-align: center;
}
.introEco .chif .unit {
	display: block;
    position: relative; top: -35px;
}
    
.introEco .chf {
	position: absolute; top: 65px; left: 45px;
	color: white;
	font-size: 25px; font-weight: bold;
}
.introEco > p {
	padding: 18px 0 0 155px;
	color: #333333;
	font-size: 24px; font-weight: bold;
	line-height: 30px;
}
.economies.introEco > p {
	font-size: 18px; line-height: 23px;
    width: 240px;
    padding: 15px 0 0;
    display: block;
    vertical-align: middle;
    height: 100px;
    left: 170px;
    position: relative;
}
.economies.introEco .chif {
	top: 13px;
	font-size: 60px;
}
.introEco .chif.small {
    font-size: 50px;
} 
.introEco.economies .chif.small {
    font-size: 40px;
}
.introEco.economies .chif .unit {
    top:0; display: inline;
}
.economies.introEco .corresp p {
	margin: 0;
}
.economies.introEco .corresp {
	position: absolute; top: 15px; right: 10px;
	display: block;
	width: 150px;
	text-align: center;
	font-size: 12px;
	color: #b8a58a;
	border-left: 2px solid white;
}
.economies.introEco .corresp strong {
	display: block;
	margin-bottom: -10px;
	color: #333333;
	font-size: 48px; line-height: 40px;
}
.economies.introEco .corresp.small strong {
	font-size: 36px; line-height:40px;
}
.maincontent h3.ecoDash {
	margin: 13px 10px 10px 0; padding-bottom: 4px;
	font-family: "SIGMARegular",sans-serif;
	font-size: 24px; font-weight: 600;
	border-bottom: 1px solid #333333;
}
.maincontent h3.ecoConseil {
	clear: both;
	padding: 10px 10px 5px 0;
	font-family: "SIGMARegular",sans-serif;
	font-size: 24px; font-weight: 600;
}
article.short {
	width: 292px;
	float: left;
	margin:0 13px 15px 0;
}
article.short p {
	font-size: 12px;
}
article.short p .help {
	top: 0;
}

.wrapperform dl {
	margin-bottom: 10px;
}
.habitat dl span.radio +label {
	width: 118px;
}
.wrapperform .addrHabitat {
	padding: 8px 20px;
	background: url("../../images/layout/config/addrBg.png") repeat-y scroll 0 0 transparent;
}
.wrapperform .addrHabitat span {
	padding-bottom: 5px; padding-right: 12px;
	width: 130px;
	color: white;
	font-size: 12px; font-weight: normal;
	line-height: 16px;
	text-align: right;
}
.wrapperform .addrHabitat strong {
	font-size: 12px;
	color: white;
}
.wrapperform dl label {
	font-size: 12px;
	line-height: 13px;
	vertical-align: middle;
}
.wrapperform dl label span {
	display: block;
	margin-top: -2px;
	margin-bottom: -12px;
	font-size: 10px;
}
.wrapperform dl select {
	position: relative; top: 5px;
	padding: 0;
	width: 70px; height: 20px;
}
.habitat {
	position: relative;
	display: none;
}
.wrapperform.habitat {
	clear: both;
	position: relative;
	display: block;
}
.bloc.conso span.unit,
span.unit {
	display: inline;
	margin: 0; padding: 0;
	font-size: 0.5em;
}

.popover {
	padding: 3px;
	background: white;
	border-radius: 5px;
	box-shadow: 0 0 8px 0 #808080;
}
body .wrap.padded .popover,
body .wrap.padded .popover .arrow {
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
body .wrap.padded > .popover {
	max-width: none;
}

body .wrap.padded > .popover .popover-content {
	background: #b8a58a;
	padding: 5px 0 0;
}
.popover-content .percent {
	font-weight: bold;
	font-size: 18px;
}
.popover-content .percent strong {
	font-size: 30px;
}
.popover-title, .popover .arrow:after {	display: none; }
.popover-content {
	border-radius: 5px;
	padding: 8px 10px;
	font-size: 12px; line-height: 16px;
	font-weight: bold;
	background: #aaaaaa;
	color: white;
	text-align: left;
}
body .wrap.padded > .popover .arrow,
body .popover .arrow {
	border: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	background: url("../../images/layout/sprite.png") no-repeat scroll;
}

body .wrap.padded > .popover .arrow {
	bottom: -10px;
	margin-left: -9px;
	width: 17px; height: 13px;
	background-position: -76px -287px;
}
body .wrap.padded > .popover.bottom .arrow {
	top: -10px;
	margin-left: -9px;
	width: 17px; height: 13px;
	background-position: -57px -344px;
}
body .popover.top .arrow {
	bottom: -13px;
	margin-left: -9px;
	width: 17px; height: 16px;
	background-position: -126px -229px;
}
.popover.right .arrow {
	left: -10px;
	margin-top: -6px;
	width: 13px; height: 17px;
	background-position: -46px -230px;
}
.popover.bottom .arrow {
	top: -10px;
	margin-left: -9px;
	width: 17px; height: 16px;
	background-position: -143px -229px;
}
.popover.left .arrow {
	right: -10px;
	margin-top: -6px;
	width: 13px; height: 17px;
	background-position: -59px -230px;
}

.containerbloc.zero {
	display: block;
	margin: 0;	padding:14px 0;
	width: 600px;
}
.zero.bloc {
	position: relative;
	margin: 0;	padding:14px 30px 40px;
	width: 536px;
	text-align: center;
	background: url("../../images/layout/eco/blocfull.png") repeat-y 0 0;
}
.zero.bloc img {
	display: block;
	margin: 20px auto 0;
}
.zero.bloc p {
	font-size: 18px;
	margin: 0;
}
.zero .minBloc {
	display: block; position: relative;
	padding:35px 20px 0;
	margin-bottom:70px;
	width: 254px; height: 137px;
	text-align: center;
	background: url("../../images/layout/eco/blocmin.png") no-repeat 0 0;
}

.zero .minBloc.left { float: left; }
.zero .minBloc.center { margin: 0 auto 70px; }
.zero .minBloc.right { float: right; }

.zero .minBloc.profil a.linkarrowGreen {
	background-position: right 0;
	line-height: 38px;
}
.profil a.linkarrowGreen:after {
	content: " ";
	position: absolute;	top: 9px; left: 8px;
	display: block;
	height: 28px; width: 31px;
	background: url("../../images/layout/sprite.png") no-repeat scroll -181px -226px transparent;
}
.profil a.next {
	float: right;
	display: block;
	padding: 8px 0 0 20px; margin-right: 10px; margin-bottom: 20px;
	height: 24px; width: 105px;
	color: #ffffff;
	font-size: 14px; font-weight: bold;
	background: url("../../images/layout/config/next.png") no-repeat scroll 0 0 transparent;
}
.profil a.next2 {
	float: right;
	display: block;
	padding: 8px 0 0 10px; margin-right: 10px;
	height: 24px; width: 181px;
	color: #ffffff;
	font-size: 14px; font-weight: bold;
	background: url("../../images/layout/config/next2.png") no-repeat scroll 0 0 transparent;
}
.profil .note {
	float: left;
	margin-bottom: 20px;
}
.zero .minBloc p {
	font-size: 14px;
	text-align: left;
}
.zero .minBloc p.legend {
	position: absolute; top: 180px;
	width: 254px;
	font-size: 12px;
}
.zero .minBloc.left:after {
	content: " ";
	position: absolute;	top: -35px; right: 0;
	display: block;
	height: 68px; width: 79px;
	background: url("../../images/layout/eco/left.png") no-repeat scroll 0 0 transparent;
}
.zero .minBloc.center:after {
	content: " ";
	position: absolute;	top: -40px; left: 120px;
	display: block;
	height: 68px; width: 37px;
	background: url("../../images/layout/releve/center.png") no-repeat scroll 0 0 transparent;
}
.zero .minBloc.right:after {
	content: " ";
	position: absolute;	top: -35px; left: 0;
	display: block;
	height: 67px; width: 81px;
	background: url("../../images/layout/eco/right.png") no-repeat scroll 0 0 transparent;
}
a.linkmore {
	display: block;	clear: both;
	padding: 8px 0; margin: 0 25px 20px 0;
	color: #999999;
	font-size: 12px; font-weight: bold;
	text-align: center;
	background: #f9f9f9;
}

/* popin */
.popin {
	position: fixed; top: 30%; left: 50%; z-index: 200;
	margin-left: -222px; padding: 0 20px;
	width: 404px;
	background: #f3ede3;
}
.popin p {
	position: relative; z-index: 20;
	font-size: 18px;
}
.popin p span {
	font-size: 14px;
}
.popin .link {
	position: relative; z-index: 20; right: 0;
	width: 100%;
}
.popin .link .close {
	margin-top: 6px;
	color:#b8a58a;
	font-size: 14px;
	font-weight: normal;

	opacity : 1;
	-moz-opacity :1;
	-ms-filter: "alpha(opacity=100)";
	filter : alpha(opacity=100);
}
.popin .link .greyBt {
	float: right;
	padding: 7px 20px; margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #b8a58a;
}
.popin:before {
	content: " ";
	position: absolute;	top: -20px; left: 0;z-index: 1;
	display: block;
	height: 45px; width: 444px;
	background: url("../../images/layout/profil/popinTop.png") no-repeat scroll 0 0 transparent;
}
.popin:after {
	content: " ";
	position: absolute;	bottom: -20px; left: 0; z-index: 1;
	display: block;
	height: 45px; width: 444px;
	background: url("../../images/layout/profil/popinBottom.png") no-repeat scroll 0 0 transparent;
}
.popin table {
	font-size: 12px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E4E3DC;
}
.popin table th {
	padding: 2px 0;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
}
.popin table th label {
	font-weight: bold;
}
.popin table tbody tr:first-child td {
	padding: 5px 0 0;
}
.popin table td {
	font-size: 12px;
	vertical-align: middle;
}
.popin table tr:nth-child(2n+3) {
	background-color: transparent;
}

.sepHabitat {
	margin: 10px 0; padding: 10px 10px;
	width: 880px;
	color: #ffffff;
	font-size: 14px;
	background: url("../../images/layout/config/sepBg.png") repeat-y scroll 0 0 transparent;
}
.sepHabitat .wrapperRadio {
	margin-top: -1px;
	float: right;
}
.sepHabitat .wrapperRadio label {
	display: inline-block;
	font-size: 14px;
}

.wrap.padded.inscription {
	width: 620px;
}
.inscription h2 {
	margin-right: 0;
}
.inscription h2:before {
	content: " ";
	position: absolute;	top: 8px; left: 8px;
	display: block;
	height: 24px; width: 30px;
	background: url("../../images/layout/sprite.png") no-repeat scroll 0 -344px transparent;
}
.inscription article.short {
	margin: 0 9px 15px 9px;
}
.inscription .bloc {
	clear: both;
	margin: auto; padding: 10px 20px;
	width: 556px;
	background: url("../../images/layout/inscription/bloc.png") repeat-y 0 0 transparent;
}
.inscription .bloc > span {
	display: block;
	font-family: "SIGMARegular",sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}
.inscription .bloc tr {
	background: transparent;
}
.inscription td {
	height: 20px;
}
.inscription th {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0;
	vertical-align: middle;
}
.inscription .link {
	display: block;
}
.inscription .link p {
	display: block;
	margin: 20px 0 0;
	color: #666666;
	text-align: center;
}
.inscription .link .greenBt {
	clear: both;
	display: block;
	margin: 20px auto;
	padding-top: 8px;
	width: 165px; height: 24px;
	background: url("../../images/layout/inscription/bt.png") no-repeat 0 0 transparent;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.inscription .intro {
	margin: 10px 0px;
	color: #666666;
	font-size: 14px;
}
.inscription .intro strong {
	font-size: 18px;
}

h2.market {
	width: 857px;
}
h2.market:after {
	content: "";
	position: absolute; top:9px; left:11px;
	display: block;
	width: 27px; height: 24px;
	background: url("../../images/layout/sprite.png") no-repeat scroll -30px -344px transparent;
}

.maincontent.marketplace { width: 100%; }

.marketplace .bloc {
	position: relative;
	margin: 10px 0 20px; padding: 0 0 0 20px;
	width: 880px;
	background: url("../../images/layout/market/bgRepeat.png") repeat-y scroll 0 0 transparent;
}
.marketplace .bloc:before,
.marketplace .bloc:after {
	content: "";
	position: absolute; top:-10px; left:0;
	display: block;
	width: 900px; height: 10px;
	background: url("../../images/layout/market/bgTop.png") no-repeat scroll 0 0 transparent;
}
.marketplace .bloc:after {
	top: auto; bottom: -10px;
	background: url("../../images/layout/market/bgBottom.png") no-repeat scroll 0 0 transparent;
}
.marketplace .product > .title,
.marketplace .bloc > .title {
	display: block;
	margin: 4px 0;
	padding: 0 0 5px;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	background: url("../../images/layout/suivi-conso/borderH.png") repeat-x scroll 0 bottom transparent;
}
.marketplace .product > .all,
.marketplace .bloc > .all {
	position: absolute; top: 15px; right: 25px;
	color: #666666;
	font-weight: bold;
}

.marketplace .product-embed {
	background: none;
	margin: 0 20px 0 0;
	width: 273px; height: auto;
}
.marketplace .product-embed .visuel {
	float: left;
	margin: 0 12px 0 0;
	width: 120px; height: 137px;
	background: url("../../images/layout/market/bgProduit.png") no-repeat scroll 0 0 transparent;
}
.marketplace .product-embed .visuel img {
	float: none;
	margin: 10px 0 0 2px;
	border: none;
}
.marketplace .product-embed .title {
	margin: 0;
}
.marketplace .product-embed .price {
	float: left; clear: left;
	margin: 0;
	width: 120px;
	text-align: right;
}
.marketplace .product-embed .offre {
	margin-top: 10px;
}
.marketplace .product-embed .resume {
	width: 141px;
	float: right;
}
.marketplace .product-embed .resume p {
	font-size: 12px ;
	color: #333333;
	margin: 10px 0 0;
}
.marketplace .product {

}
.marketplace .product {
	position: relative;
	float: left;
	margin: 10px 0 20px; padding: 0 20px 10px;
	width: 557px;
	background: url("../../images/layout/market/bgDetailRepeat.png") repeat-y scroll 0 0 transparent;
}
.marketplace .product:before,
.marketplace .product:before {
	content: "";
	position: absolute; top:-10px; left:0;
	display: block;
	width: 597px; height: 10px;
	background: url("../../images/layout/market/bgDetailTop.png") no-repeat scroll 0 0 transparent;
}
.marketplace .product:after {
	top: auto; bottom: -10px;
	background: url("../../images/layout/market/bgDetailBottom.png") no-repeat scroll 0 0 transparent;
}
.marketplace .product .visuel {
	float: left;
	margin: 0 12px 0 0;
	width: 272px; height: 288px;
	background: url("../../images/layout/market/bgVisuelBg.png") no-repeat scroll 0 0 transparent;
}
.marketplace .product .visuel img {
	float: none;
	margin: 10px 0 0 2px;
	border: none;
}
.marketplace .product .price {
	color: #b9a58a;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
.marketplace .product p {
	font-size: 14px;
}
.marketplace .product h3 {
	clear: both;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 18px; line-height: 22px;
	font-weight: bold;
}
.marketplace .product ul {
	margin-bottom: 10px;
}
.marketplace .product li {
	position: relative;
	font-size: 14px;
}
.marketplace .product li:before {
	content:"•";
	position: relative;
	display: inline-block;
	text-align: center;
	width: 13px;
}


.marketplace .productBon {
	float: right;
	position: relative;
	margin: 10px 0 20px; padding: 0 20px;
	width: 252px;
	background: url("../../images/layout/market/bgDetailRepeat.png") repeat-y scroll 0 0 transparent;
}
.marketplace .productBon:before,
.marketplace .productBon:before {
	content: "";
	position: absolute; top:-10px; left:0;
	display: block;
	width: 292px; height: 10px;
	background: url("../../images/layout/market/bgTop.png") no-repeat scroll 0 0 transparent;
}
.marketplace .productBon:after {
	top: auto; bottom: -10px;
	background: url("../../images/layout/market/bgBottom.png") no-repeat scroll 0 0 transparent;
}
.marketplace .productBon span {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.marketplace .productBon .greenBt {
	clear: both;
	display: block;
	margin: 5px auto 10px;
	padding-top: 8px;
	width: 165px; height: 24px;
	background: url("../../images/layout/inscription/bt.png") no-repeat 0 0 transparent;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

body .wrap.padded #timeSlider * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

a.underligned:visited,
a.underligned:active,
a.underligned:link, 
a.underligned
{
    text-decoration:underline;
}