@font-face {
	font-family: 'Abel';
	font-style: normal;
	font-weight: 400;
	src: local('Abel'), local('Abel-Regular'), url(http://fonts.gstatic.com/s/abel/v5/brdGGFwqYJxjg2CD1E9o7g.woff2) format('woff2'), url(http://fonts.gstatic.com/s/abel/v5/EAqh528fFdbUek8UOky4sA.woff) format('woff')
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 300;
	src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff')
}

html,body {
	height:100%
}

body {
	background:#E0E0E0 url(images/img01.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#525252;
	margin:0;
	padding:0
}

h1,h2,h3 {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-.025em;
	margin:0;
	padding:0
}

p {
	line-height:170%
}

a {
color:#6BBF27
}

h3 {
font-size:18px;
font-weight:700;
color:#2A2A2A;
}

h4 {
font-size:16px;
font-weight:700;
color:#2A2A2A;
}

.control-label {
font-weight:700;
margin-bottom:5px;
margin-top:10px;
}

.table thead tr th {
font-weight:700;
}

strong {
font-weight:700;
color:#2A2A2A
}

#wrapper {
padding-bottom:3em;
background:#FFF
}

#copyright {
border-top:1px solid #CCC;
text-shadow:1px 1px 0 #FFF;
text-align:center;
padding:1.875em 0 6em
}

#copyright p {
font-size:1em;
color:#333
}

#copyright a {
color:#232323
}

#message {
max-width: 100%;	
}

.button-style a {
display:block;
width:11.25em;
height:3.125em;
margin-top:1.875em;
background:url(images/img01.png) repeat;
line-height:3.125em;
text-align:center;
text-decoration:none;
text-transform:none;
font-size:1.125em;
font-weight:200;
color:#FFF
}

.button-style2 a {
display:inline-block;
height:3em;
margin-top:1.25em;
border-radius:0 5px 0 5px;
line-height:3em;
text-decoration:none;
font-size:1em;
color:#FFF;
padding:0 1.25em
}

.button-style3 a {
display:inline-block;
height:3em;
margin-top:1.25em;
background:#499D4A;
border-radius:5px;
line-height:3em;
text-shadow:1px 0 0 #185E18;
text-decoration:none;
font-size:1em;
color:#FFF;
padding:0 1.25em
}

ul.style1 {
list-style:none;
margin:0
}

ul.style1 li {
border-top:1px solid #6BBF27;
padding:.94em 0
}

ul.style1 a {
display:block;
background:url(images/img10.png) no-repeat left top;
text-decoration:none;
color:#525252;
padding:0 0 0 1.87em
}

ul.style1 .first {
border-top:0;
margin-top:0;
padding-top:0
}

ul.style2 {
list-style:none;
font-style:italic;
margin:0;
padding:0
}

ul.style2 li {
border-top:1px solid #E6E6E6;
padding:1.25em 0
}

ul.style2 a {
text-decoration:none;
color:#8F8F8F
}

ul.style2 .date {
display:inline-block;
border-radius:5px;
line-height:none;
font-weight:700;
font-style:normal;
color:#2A2A2A;
margin:0;
padding:.35em 0
}

ul.style2 .date a {
color:#2A2A2A
}

ul.style3 li {
padding:1.25em 0 1.56em
}

ul.style3 a {
display:block;
text-decoration:none;
color:#C18062
}

ul.style3 .date a {
color:#FFF
}

ul.style3 .first {
padding-top:0;
background:none
}

ul.style4 li {
border-top:0;
padding:.94em 0
}

ul.style4 a {
display:block;
background:url(images/img10.png) no-repeat left top;
text-decoration:none;
color:#C18062;
padding:0 0 0 1.87em
}

ul.style5 {
list-style:none;
margin:0 0 1em;
padding:0
}

ul.style5 li {
float:left;
line-height:0;
padding:.25em
}

ul.style6 h3 {
font-weight:700;
font-size:1em;
color:#2A2A2A;
margin:0;
padding:0 0 .63em
}

ul.style6 p {
font-style:italic;
font-size:.87em
}

ul.style6 li {
border-top:1px solid #C9C8C8;
line-height:170%;
padding:1.25em 0
}

ul.style6 a {
display:block;
text-decoration:none;
color:#737373;
padding:0
}

.social-icons {
list-style-type:none!important;
margin:0!important;
padding:0!important
}

.social-icons li {
float:left!important;
margin-right:2px!important;
margin-bottom:2px!important;
display:inline!important;
width:auto!important;
padding:0!important
}

.social-icons li a {
-moz-transition:all .3s ease 0;
display:block!important;
float:left!important;
width:40px!important;
height:40px!important;
text-indent:-9999px!important;
background-color:transparent;
margin:0!important;
padding:0!important
}

.social-icons li a:hover {
background-position:0 -40px!important
}

.social-icons li.aim a {
background:url(../images/icons/aim.png) no-repeat 0 0
}

.social-icons li.aim a:hover {
background-color:#e95a00
}

.social-icons li.apple a {
background:url(../images/icons/apple.png) no-repeat 0 0
}

.social-icons li.apple a:hover {
background-color:#606060
}

.social-icons li.behance a {
background:url(../images/icons/behance.png) no-repeat 0 0
}

.social-icons li.behance a:hover {
background-color:#18a3fe
}

.social-icons li.blogger a {
background:url(../images/icons/blogger.png) no-repeat 0 0
}

.social-icons li.blogger a:hover {
background-color:#fb913f
}

.social-icons li.cargo a {
background:url(../images/icons/cargo.png) no-repeat 0 0
}

.
.social-icons li.delicious a {
background:url(../images/icons/delicious.png) no-repeat 0 0
}

.social-icons li.facebook a {
background:url(../images/icons/facebook.png) no-repeat 0 0;
border-radius:40px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}

.social-icons li.facebook a:hover {
background-color:#3b5998;
border-radius:40px
}

.social-icons li.flickr a {
background:url(../images/icons/flickr.png) no-repeat 0 0
}

.social-icons li.flickr a:hover {
background-color:#f1628b
}

.social-icons li.google a {
background:url(../images/icons/google.png) no-repeat 0 0
}

.social-icons li.google a:hover {
background-color:#dd4b39
}

.social-icons li.googleplus a {
background:url(../images/icons/googleplus.png) no-repeat 0 0
}

.social-icons li.googleplus a:hover {
background-color:#d94a39
}

.social-icons li.html5 a {
background:url(../images/icons/html5.png) no-repeat 0 0
}

.social-icons li.html5 a:hover {
background-color:#f3642c
}

.social-icons li.linkedin a {
background:url(../images/icons/linkedin.png) no-repeat 0 0
}

.social-icons li.linkedin a:hover {
background-color:#71b2d0
}

.social-icons li.orkut a {
background:url(../images/icons/orkut.png) no-repeat 0 0
}

.social-icons li.orkut a:hover {
background-color:#ed2590
}

.social-icons li.paypal a {
background:url(../images/icons/paypal.png) no-repeat 0 0
}

.social-icons li.paypal a:hover {
background-color:#32689a
}

.social-icons li.picasa a {
background:url(../images/icons/picasa.png) no-repeat 0 0
}

.social-icons li.picasa a:hover {
background-color:#444
}

.social-icons li.pinterest a {
background:url(../images/icons/pinterest.png) no-repeat 0 0
}

.social-icons li.pinterest a:hover {
background-color:#cb2027
}

.social-icons li.rss a {
background:url(../images/icons/rss.png) no-repeat 0 0
}

.social-icons li.rss a:hover {
background-color:#fe9900
}

.social-icons li.skype a {
background:url(../images/icons/skype.png) no-repeat 0 0
}

.social-icons li.skype a:hover {
background-color:#18b7f1
}

.social-icons li.tumblr a {
background:url(../images/icons/tumblr.png) no-repeat 0 0
}

.social-icons li.tumblr a:hover {
background-color:#3a5976
}

.social-icons li.twitter a {
background:url(../images/icons/twitter.png) no-repeat 0 0;
border-radius:40px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}

.social-icons li.twitter a:hover {
background-color:#48c4d2;
border-radius:40px
}

.social-icons li.vimeo a {
background:url(../images/icons/vimeo.png) no-repeat 0 0
}

.social-icons li.vimeo a:hover {
background-color:#62a0ad
}

.social-icons li.wordpress a {
background:url(../images/icons/wordpress.png) no-repeat 0 0
}

.social-icons li.wordpress a:hover {
background-color:#464646
}

.social-icons li.yelp a {
background:url(../images/icons/yelp.png) no-repeat 0 0
}

.social-icons li.yelp a:hover {
background-color:#c41200
}

.social-icons li.youtube a {
background:url(../images/icons/youtube.png) no-repeat 0 0;
border-radius:40px;
transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}

.social-icons li.youtube a:hover {
background-color:#a32929;
border-radius:40px
}

section.toggle {
position:relative;
margin:25px 0
}

section.toggle input[type=checkbox]:checked~label {
background:url(images/img01.png) repeat;
border-color:#CCC
}

section.toggle input[type=checkbox]:checked~label i.icon-minus {
display:inline
}

section.toggle input[type=checkbox]:checked~label::before {
border:6px solid transparent;
border-top-color:#525252;
margin-top:-3px;
right:10px
}

section.toggle input {
cursor:pointer;
filter:alpha(opacity=0);
height:45px;
opacity:0;
position:absolute;
width:100%;
z-index:2;
margin:0
}

section.toggle label {
-moz-border-radius:8px;
-moz-transition:all .15s ease-out;
-o-transition:all .15s ease-out;
-webkit-border-radius:8px;
-webkit-transition:all .15s ease-out;
background:url(images/img01.png) repeat;
border:1px solid #F4F4F4;
border-left:3px solid #CCC;
border-radius:8px;
color:#525252;
display:block;
font-size:1.1em;
min-height:20px;
position:relative;
transition:all .15s ease-out;
padding:12px 20px 12px 10px
}

section.toggle label i.icon-plus {
display:block
}

section.toggle label::before {
border:6px solid transparent;
border-left-color:#525252;
content:'';
margin-top:-6px;
position:absolute;
right:4px;
top:50%
}

section.toggle label:hover {
background:url(images/img01.png) repeat
}

section.toggle label + p {
-moz-transition:all .15s ease-out;
-o-transition:all .15s ease-out;
-webkit-transition:all .15s ease-out;
color:#858585;
display:none;
overflow:hidden;
padding-left:30px;
text-overflow:ellipsis;
transition:all .15s ease-out;
white-space:nowrap
}

section.toggle label i {
font-size:.7em;
margin-right:8px;
position:relative;
top:-1px
}

.marge {
margin-left:2em
}

.marge2 {
margin-left:4em
}

.reveal-modal-bg {
position:fixed;
height:100%;
width:100%;
background:rgba(0,0,0,.8);
z-index:100;
display:none;
top:0;
left:0
}

.reveal-modal {
visibility:hidden;
top:100px;
left:50%;
margin-left:-300px;
width:520px;
background:#eee url(images/modal-gloss.png) no-repeat -200px -80px;
position:absolute;
z-index:101;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
-box-shadow:0 0 10px rgba(0,0,0,.4);
padding:30px 40px 34px
}

.reveal-modal h1 {
font-weight:700;
font-size:20px
}

.reveal-modal p {
margin-top:20px;
line-height:20px
}

.reveal-modal.small {
width:200px;
margin-left:-140px
}

.reveal-modal.medium {
width:400px;
margin-left:-240px
}

.reveal-modal.large {
width:600px;
margin-left:-340px
}

.reveal-modal.xlarge {
width:800px;
margin-left:-440px
}

.reveal-modal .close-reveal-modal {
font-size:22px;
line-height:.5;
position:absolute;
top:8px;
right:11px;
color:#aaa;
text-shadow:0 -1px 1px rbga(0,0,0,.6);
font-weight:700;
cursor:pointer
}

#content .simu input:disabled {
background:#eee
}

#content .simu table {
margin-left:3%
}

#content .simu label {
font-size:1em;
color:#525252;
padding:0
}

#content .consommateurs input[type=text] {
width:80%;
float:left;
text-align:center;
margin-left:7%;
font:1em Arial, Helvetica, sans-serif
}

.titre {
text-align:center
}

.btn {
border:none;
line-height:1.4;
border-radius:4px;
color:#525252;
background:#E0E0E0 url(images/img01.png) repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
border-left:3px solid #CCC;
border-right:3px solid #CCC;
padding:10px 15px
}

.btn.disabled,.btn2 {
border:none;
line-height:1.4;
border-radius:4px;
color:#525252;
background:#E0E0E0 url(images/img01.png) repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt
}

.btn2.disabled,.btn3 {
border:1px solid;
line-height:1.4;
border-radius:4px;
color:#525252;
background:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
padding:10px 15px
}

#copyright a:hover,ul.style3 .date a:hover {
text-decoration:none
}

ul.style1 a:hover,ul.style2 a:hover,ul.style3 a:hover,ul.style4 a:hover,ul.style6 a:hover {
text-decoration:underline
}

ul.style2 .first,ul.style6 .first {
padding-top:0;
border-top:0
}

ul.style3,ul.style4,ul.style6 {
list-style:none;
margin:0;
padding:0
}

section.toggle input[type=checkbox]:checked~label i.icon-plus,section.toggle label i.icon-minus,section.toggle p {
display:none
}

section.toggle input[type=checkbox]:checked~p,section.toggle.active p {
display:block;
font-size:1em;
overflow:visible;
padding-left:30px;
text-overflow:clip;
white-space:normal
}

section.toggle label::-moz-selection,section.toggle label::selection {
background:none
}

#content .simu img,#content .simu input {
padding:0
}

.btn:hover,.btn:focus,.btn2:hover,.btn2:focus,.btn3:hover,.btn3:focus {
outline:none;
color:#525252;
cursor:pointer
}

.btn:active,.btn.active,.btn2:active,.btn2.active,.btn3:active,.btn3.active {
outline:none;
-webkit-box-shadow:none;
box-shadow:none
}

@media ony screen and max-device-widt 1300px and max-device-height 768px {
#wrapper {
overflow:hidden;
padding-bottom:3em;
background:#FFF
}

#copyright {
overflow:hidden;
border-top:1px solid #CCC;
text-shadow:1px 1px 0 #FFF;
text-align:center;
padding:1.875em 0 6em
}

ul.style5 {
overflow:hidden;
list-style:none;
margin:0 0 1em;
padding:0
}
}

#profil-image {
height: 230px;
}

input[type="radio"] {
top: -4px	
}

.tooltip > div {
text-align: left;	
}

/****Chart****/

.pie-legend li span {
width: 1em;
height: 1em;
display: inline-block;
margin-right: 5px;
}
.pie-legend {
list-style: none;    
}

.bar-legend li span {
width: 1em;
height: 1em;
display: inline-block;
margin-right: 5px;
}
.bar-legend {
list-style: none;    
}

.line-legend li span {
width: 1em;
height: 1em;
display: inline-block;
margin-right: 5px;
}
.line-legend {
list-style: none;    
}

#montant-total {
color: #666;
}