@charset "utf-8";
/*
 * @description: CSS Observatoire de santé
 * @auteur: ANDRIAMORIA Mahandrisoa Dera (Agence TYPY)
 * @version: 0.1.0
 */

/* FONTS */

@font-face {
    font-family: 'NokiaPureHeadline-Bold';
    src: url('../fonts/nokiapureheadline_bold.eot');
    src: local('☺'), url('../fonts/nokiapureheadline_bold.woff') format('woff'), url('../fonts/nokiapureheadline_bold.ttf') format('truetype'), url('../fonts/nokiapureheadline_bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NokiaPureHeadline-Light';
    src: url('../fonts/nokiapureheadline_light.eot');
    src: local('☺'), url('../fonts/nokiapureheadline_light.woff') format('woff'), url('../fonts/nokiapureheadline_light.ttf') format('truetype'), url('../fonts/nokiapureheadline_light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NokiaPureHeadline-Regular';
    src: url('../fonts/nokiapureheadline_regular.eot');
    src: local('☺'), url('../fonts/nokiapureheadline_regular.woff') format('woff'), url('../fonts/nokiapureheadline_regular.ttf') format('truetype'), url('../fonts/nokiapureheadline_regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NokiaPureHeadline-Ultralight';
    src: url('../fonts/nokiapureheadline_ultralight.eot');
    src: local('☺'), url('../fonts/nokiapureheadline_ultralight.woff') format('woff'), url('../fonts/nokiapureheadline_ultralight.ttf') format('truetype'), url('../fonts/nokiapureheadline_ultralight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'HMIconFont';
  src:url('/fonts/HMIconFont.eot?n1c86e');
  src:url('/fonts/HMIconFont.eot?#iefixn1c86e') format('embedded-opentype'),
    url('/fonts/HMIconFont.ttf?n1c86e') format('truetype'),
    url('/fonts/HMIconFont.woff?n1c86e') format('woff'),
    url('/fonts/HMIconFont.svg?n1c86e#HMIconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="HM"], [class*=" HM"] {
  font-family: 'HMIconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.HMIcons_facebook:before {
  content: "\e643";
}
.HMIcons_facebook2:before {
  content: "\e644";
}
.HMIcons_google:before {
  content: "\e64c";
}
.HMIcons_google2:before {
  content: "\e64d";
}
.HMIcons_twitter:before {
  content: "\e6eb";
}
.HMIcons_twitter2:before {
  content: "\e6ec";
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes zoom {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.05);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes zoom {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.05);
    }

    100% {
        -o-transform: scale(1);
    }
}

@-ms-keyframes zoom {
    0% {
        -ms-transform: scale(1);
    }

    50% {
        -ms-transform: scale(1.05);
    }

    100% {
        -ms-transform: scale(1);
    }
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.zoom {
    -webkit-animation: zoom 1.5s 1;
    -webkit-transition-timing-function: ease-in;
    -moz-animation: zoom 1.5s 1;
    -moz-transition-timing-function: ease-in;
    -o-animation: zoom 1.5s 1;
    -o-transition-timing-function: ease-in;
    -ms-animation: zoom 1.5s 1;
    -ms-transition-timing-function: ease-in;
    animation: zoom 1.5s 1;
    transition-timing-function: ease-in;
}

section {
    min-height: 0;
}

.mobile-only {
    display: none;
}

p {
    color: #6b6b6b;
}

b, strong, .arrow_right {
    font-weight: 700;
}

.wrapBloc p {
    font-size: 15px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

a {
    text-decoration: none;
    border: none;
}

.clear {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 0;
}

.clearfix {
    clear: both;
}

.Parent-image {
    overflow: hidden;
    position: relative;
}

.Parent-image a.image {
    background-position: center center;
    background-size: cover;
    bottom: 0;
    left: 0;
    /*position: absolute;*/
    right: 0;
    top: 0;
}

#whi.Parent-image .whi-title {
    float: left;
    /*margin-top: 16px;*/
    font-weight: 500;
    position: relative;
    left: -80px;
}

.topGrid .right {
    float: right;
    position: relative;
    right: -80px;
    padding-top: 10px;
}

.topGrid .right a {
    color: #124191;
    display: inline-block;
    margin: 0 2px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 17px;
}

.topGrid .right p {
    display: inline-block;
}

.border_15 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
    padding: 5px 11px 6px;
}

.topGrid .right .lienTop a {
    margin: 0 8px;
}

.topGrid .right .lienTop br {
    display: none;
}

.topGrid .reseauSociaux a {
    padding: 0;
    border: none;
}

.topGrid .reseauSociaux {
    position: relative;
    top: 5px;
}

.topGrid .reseauSociaux .hmglyph {
    font-size: 24px;
    color: #124191;
}

footer .reseauSociaux .hmglyph {
    font-size: 30px;
    color: #ffffff;
}

.arrow_right {
    background: url(../img/arrow-right.png) scroll 12px center no-repeat;
    padding-left: 20px;
    font-weight: bold;
}

#MenuBloc .arrow_right {
    background: url(../img/arrow-right-blue.png) scroll 12px center no-repeat;
}

.blocGrid {
    position: relative;
    z-index: 1;
}

.blocGrid p {
    font-size: 15px;
}

#whi.Parent-image {
    min-height: 590px;
}

#whi.Parent-image .partOne .blocLeft {
    padding-bottom: 25px;
}

#whi.Parent-image a.image {
    background-position: center bottom;
}

#whi.Parent-image menu {
    background: none;
}

#whi.Parent-image p {
    color: #36444B;
    margin: 0 0b 0 4px;
}

#whi.Parent-image menu ul {
    width: 250px;
}

#whi.Parent-image menu ul li {
    border: none;
    margin-bottom: 18px;
    padding: 0px;
}

#whi.Parent-image menu ul li a {
    border: solid 2px #124191;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -khtml-border-radius: 18px;
    background: #ffffff;
    font-size: 15px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    display: table;
    color: #124191;
    padding: 4px 0;
    width: 100%;
}

#whi.Parent-image menu ul li a.active, #whi.Parent-image menu ul li a:hover {
    background: #124191;
    color: #ffffff;
}

#whi.Parent-image menu ul li a.menu-activite {
    background-image: url('../img/activity-small.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 17px 20px;
}

#whi.Parent-image menu ul li a.menu-activite:hover,
#whi.Parent-image menu ul li a.menu-activite.active {
    background-image: url('../img/activity-small-hover.png');
}

#whi.Parent-image menu ul li a.menu-weight {
    background-image: url('../img/weight-small.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 10px 25px;
}

#whi.Parent-image menu ul li a.menu-weight:hover,
#whi.Parent-image menu ul li a.menu-weight.active {
    background-image: url('../img/weight-small-hover.png');
}

#whi.Parent-image menu ul li a.menu-heart {
    background-image: url('../img/heart-small.png');
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 16px 13px;
}

#whi.Parent-image menu ul li a.menu-heart:hover,
#whi.Parent-image menu ul li a.menu-heart.active {
    background-image: url('../img/heart-small-hover.png');
}

#whi.Parent-image menu ul li a.menu-sleep {
    background-image: url('../img/sleep-small.png');
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
}

#whi.Parent-image menu ul li a.menu-sleep:hover,
#whi.Parent-image menu ul li a.menu-sleep.active {
    background-image: url('../img/sleep-small-hover.png');
}

#whi.Parent-image a.disabled {
   pointer-events: none;
   cursor: default;
}

#whi.Parent-image menu ul li div {
    display: inline-block;
    vertical-align: bottom;
    line-height: 18px;
    padding-left: 42px;
}

#whi.Parent-image menu ul li a img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 0;
}

#whi.Parent-image menu ul li a img.imgActive {
    display: none;
}

#whi.Parent-image menu ul li a.active img.imgActive, #whi.Parent-image menu ul li a:hover img.imgActive {
    display: inline-block;
}

#whi.Parent-image menu ul li a.active img.normal, #whi.Parent-image menu ul li a:hover img.normal {
    display: none;
}

#whi.Parent-image h1 {
    clear: both;
    font-weight: normal;
}

#whi.Parent-image h2 {
    clear: both;
    color: #124191;
    font-size: 52px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 500;
    margin-top: 90px;
}

#whi.Parent-image a.whi-title {
    color: #124191;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
}

.blocLeft {
    float: left;
}

.blocRight {
    float: right;
}

.wrapBloc {
    max-width: 1000px;
    margin: 0 auto;
}

.partOne .blocLeft {
    width: 35%;
}

.partOne .blocRight {
    width: 65%;
}

.partOne .blocRight p {
    padding-bottom: 30px;
    text-align: justify;
}

.bloc_half {
    width: 50%;
    float: left;
}

.bloc_half p {
    text-align: justify;
}

.bloc_half.first .child {
    padding-right: 18px;
}

.bloc_half.last .child {
    padding-left: 18px;
    position: relative;
}

.bloc_half .child h3 {
    color: #ff5a0a;
    font-size: 22px;
    margin-bottom: 5px;
}

body h2 {
    font-size: 30px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 500;
}

.icone {
    margin-bottom: 20px;
}

.icone img {
    position: relative;
    margin-right: 19px;
}

h3.icone img {
    margin-right: 11px;
}

.bloc_half p {
    line-height: 22px;
    padding-bottom: 24px;
}

.bloc_half .child a {
    color: #5E5D5D;
    font-weight: bold;
}

.bloc_half .child a:hover {
    color: #434343;
}

.bloc_half p.small {
    font-size: 12px;
}

.bloc_half p.right {
    text-align: right;
}

.bloc_half p.right .next {
    position: static;
    display: block;
    margin-top: 10px;
}

#start-section {
    background: #ffffff;
    padding-bottom: 30px;
}

.avis {
    min-height: 350px;
    padding-top: 5px;
    padding-bottom: 20px;
}

.avis h2.icone {
    color: #ffffff;
    margin-bottom: 34px;
}

.avis .icone img {
    top: -2px;
}

.avis p {
    color: #ffffff!important;
    padding-bottom: 20px;
    line-height: 20px;
    font-size: 15px;
}

.avis p.center {
    font-size: 18px;
    line-height: 22px;
}

.avis .bt {
    display: block;
    margin-top: 28px;
}

.avis a.border_15 {
    background: #ffffff;
    font-size: 22px;
}

.avis .border_15 {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
}    

.avis a button {
    background: none;
    border: none;
    color: #ec7e07;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
}

.Regles {
    min-height: 403px;
    padding-top: 32px;
}

.Regles .bloc_half .child h3 {
    color: #2E3B42!important;
    font-size: 20px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
}

.Regles .icone img {
    top: 1px;
}

.Regles p, .Regles a {
    font-size: 12px;
    color: #8d8d8d;
    line-height: 20px;
}

.Regles a {
    font-weight: bold;
}

.Regles .bloc_half.last .child {
    padding-left: 22px;
}

.Regles .bloc_half.first .child {
    padding-right: 22px;
}

.Regles b {
    font-weight: bold;
    color: #5E5D5D;
}

body.page-weight section.Saviez,
body.page-activity section.Saviez,
body.page-bp section.Saviez,
body.page-sleep section.Saviez {
    background: #eaeaea;
    padding-top: 3px;
    padding-bottom: 40px;
}

.Saviez h2.icone {
    margin-bottom: 50px;
}

.Saviez p {
    font-size: 13px;
    line-height: 19px;
}

.Saviez .icone img {
    top: -7px;
}

.Saviez menu ul li img {
    margin-bottom: 24px;
}

.Saviez .small p, .Saviez .small a {
    color: #999999!important;
    font-size: 11px!important;
    line-height: 15px!important;
}

.Vue {
    background: #f2f2f2;
    padding-bottom: 40px;
}

.Vue p {
    color: #2E3B42;
}

.Progression {
    overflow-x: hidden;
}

body.page-weight section.Progression,
body.page-activity section.Progression,
body.page-bp section.Progression,
body.page-sleep section.Progression {
    background: #ffffff;
}

.Vue .small p, .Vue .small a, .Progression .small p, .Progression .small a, .partOne .small p, .partOne .small a {
    color: #2E3B42;
    font-size: 11px;
    line-height: 15px!important;
}

.Vue .small a, .Progression .small a, .partOne .small a {
    font-weight: bold;
    color: #5E5D5D;
}

.Vue .small a:hover, .Progression .small a:hover, .partOne .small a:hover {
    text-decoration: underline;
}

.Vue h4.center, .Progression h4.center {
    color: #2E3B42;
    font-size: 16px;
    font-weight: normal;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
}

.Vue .widget-cartogram-base h4.center {
    margin-bottom: 0;
}

.Progression h4.center {
    margin-top: 10px;
}

.Vue h4.center img {
    margin-bottom: 5px;
}

.Vue .txt {
    position: relative;
    left: -3px;
}

.Progression h2.icone {
    padding-top: 16px;
}

.fleche {
    position: absolute;
    left: 10px;
    bottom: -17px;
}

.whi-area, .whi-progr {
    margin-bottom: 40px;
}

.wrapBloc .conclusion p {
    line-height: 19px!important;
}

.widget-progression .blocLeft .grid, .Progression .blocLeft .grid {
    padding-right: 30px;
}

.wrapBloc .radio span {
    background: url(../img/radio.png) scroll left no-repeat;
    cursor: pointer;
    position: relative;
    float: left;
    width: auto;
    height: 26px;
    margin-bottom: 20px;
    text-align: left;
    clear: both;
}

.wrapBloc .radio label {
    float: left;
    margin: 3px 0 0 45px;
    width: 100px;
    font-size: 16px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
}

.wrapBloc .radio label:hover {
    text-decoration: none;
}

.wrapBloc form.radio {
    padding-top: 30px;
}

.wrapBloc .radio span input {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 26px;
    height: 26px;
    opacity: 0.01;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";
    filter: alpha(opacity=1);
    cursor: pointer;
}

.wrapBloc .radio span.active label {
    color: #f85d00;
}

.wrapBloc .light {
    color: #6b6b6b;
    font-size: 18px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}

.wrapBloc .light b, .wrapBloc.widget-cartogram .huge {
    color: #f85d00;
    font-size: 51px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 300;
    line-height: 54px;
}

.wrapBloc.widget-cartogram {
    padding-bottom: 50px;
}

.wrapBloc.widget-cartogram .child {
    padding-right: 30px;
}

.wrapBloc.widget-cartogram .conclusion {
    margin-bottom: 60px;
}

.wrapBloc.widget-cartogram .small {
    padding-left: 20px;
}

.wrapBloc select.region {
    margin: 30px 0 15px;
    font-size: 16px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    height: 34px;
    color: #111;
}

.wrapBloc .chosen-container {
    width: 214px!important;
    background: #ffffff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
    border: none;
    margin: 30px 0 15px;
}

.wrapBloc .chosen-container-single .chosen-single {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
    border: none;
    padding: 2px 14px;
    color: #f85d00;
    font-size: 15px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    height: 30px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
}

.wrapBloc .grid .select {
    padding: 0;
}

.wrapBloc .chosen-container .chosen-results li {
    font-size: 15px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
}

.wrapBloc .chosen-container .chosen-results li.highlighted {
    color: #f85d00;
    background: none;
}

.wrapBloc .chosen-container.chosen-with-drop .chosen-single,
.wrapBloc .chosen-container.chosen-with-drop {
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    -khtml-border-radius: 15px 15px 0px 0px;
}

.wrapBloc .chosen-container .chosen-drop {
    border: none;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
}

.wrapBloc .chosen-container-single .chosen-search input[type="text"] {
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #6b6b6b;
}

h2.icone {
    display: table;
    padding-top: 11px;
    margin-bottom: 30px;
}

h2.icone span {
    display: table-cell;
    vertical-align: middle;
}

h2.icone span.ico {
    width: 55px;
}

h2.icone img {
    vertical-align: middle;
    position: relative;
    left: 0px;
}

h2.icone .ico-nr img {
    left: 0;
}

h2.icone .ico-eye img {
    top: -2px;
    left: 0;
}

h2.icone .ico-progres img {
    top: -4px;
}

h2.icone .ico-light img {
    top: -5px;
}

span.center {
    text-align: center;
}

.Regles .icone.def img {
    top: 3px;
}

.Regles .bloc_half p {
    text-align: left;
}

.resizeBloc {
    display: none;
    clear: both;
    padding-bottom: 50px;
    padding-top: 20px;
}

.widget-cartogram .resizeBloc {
    padding-bottom: 10px;
}

footer {
    background: #5e5e5e;
    min-height: 39px;
    padding: 20px 0 15px;
    border: none;
}

footer .wrapBloc {
    clear: both;
}

footer .right {
    position: relative;
    right: -80px;
}

footer .left {
    float: left;
    padding: 10px 0 0;
    position: relative;
    left: -80px;
}

footer .logo {
    float: right;
    margin-left: 38px;
    padding-top: 13px;
}

footer .reseauSociaux {
    float: right;
    padding-top: 5px;
}

footer .reseauSociaux a {
    display: inline-block;
    margin: 0 2px;
}

.wrapBloc p {
    line-height: 24px;
    color: #36444B;
    text-align: justify;
}

.page-weight .wrapBloc p.right,
.page-bp .wrapBloc p.right,
.page-activity .wrapBloc p.right {
    text-align: right;
    padding-bottom: 24px;
}

.page-weight h2,
.page-weight .avis a button,
.page-weight .wrapBloc .radio span.active label,
.page-weight .bloc_half .child h3,
.page-bp h2,
.page-bp .avis a button,
.page-bp .wrapBloc .radio span.active label,
.page-bp .bloc_half .child h3,
.page-activity h2,
.page-activity .avis a button,
.page-activity .wrapBloc .radio span.active label,
.page-activity .bloc_half .child h3,
.page-sleep h2,
.page-sleep .avis a button,
.page-sleep .wrapBloc .radio span.active label,
.page-sleep .bloc_half .child h3, {
    color: #ee187d;
}

.wrapBloc .radio span.active,
.page-activity .wrapBloc .radio span.active {
    background: url(../img/radio-active.png) scroll left no-repeat;
}
.page-weight .wrapBloc .radio span.active {
    background: url(../img/radio-active2.png) scroll left no-repeat;
}
.page-bp .wrapBloc .radio span.active {
    background: url(../img/radio-active3.png) scroll left no-repeat;
}
.page-sleep .wrapBloc .radio span.active {
    background: url(../img/radio-active4.png) scroll left no-repeat;
}

body.page-weight section.bgDegrade1,
body.page-activity section.bgDegrade1,
body.page-bp section.bgDegrade1,
body.page-sleep section.bgDegrade1 {
    background: rgb(241,241,241);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(250,250,250,1) 26%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(26%,rgba(250,250,250,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(250,250,250,1) 26%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(250,250,250,1) 26%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(250,250,250,1) 26%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(250,250,250,1) 26%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}

body.page-weight section.bgDegrade2,
body.page-activity section.bgDegrade2,
body.page-bp section.bgDegrade2,
body.page-sleep section.bgDegrade2 {
    background: rgb(246,246,246);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(252,252,252,1) 34%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(34%,rgba(252,252,252,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 34%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 34%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 34%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 34%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
}

body.page-weight section.bg0,
body.page-activity section.bg0,
body.page-bp section.bg0,
body.page-sleep section.bg0 {
    background: #ffffff;
}

body.page-weight section.bg2,
body.page-activity section.bg2,
body.page-bp section.bg2,
body.page-sleep section.bg2 {
    background: #f2f2f2;
}

body.page-weight section.bg3,
body.page-activity section.bg3,
body.page-bp section.bg3,
body.page-sleep section.bg3 {
    background: #f6f6f6;
}

.conclusion {
    border: solid 1px #f85d00;
    padding: 0!important;
    margin-bottom: 30px;
    position: relative;
    min-width: 320px;
}

.page-weight .conclusion {
    border-color: #ee187d;
}
.page-bp .conclusion {
    border-color: #44d62c;
}
.page-activity .conclusion {
    border-color: #f85d00;
}
.page-sleep .conclusion {
    border-color: #3f51b5;
}

.conclusion .border_15 {
    border: solid 1px #f4c3a6;
    padding: 12px 16px;
}

.page-weight .conclusion .border_15 {
    border-color: #f5dae7;
}
.page-bp .conclusion .border_15 {
    border-color: #beecb7;
}
.page-activity .conclusion .border_15 {
    border-color: #f4c3a6;
}
.page-sleep .conclusion .border_15 {
    border-color: #c8cdea;
}

.wrapBloc .float {
    width: 100%;
}

.wrapBloc .float .radio {
    width: 104%;
}

.wrapBloc .float .radio span {
    clear: none;
}

.wrapBloc .float .radio span.floatNone {
    clear: both;
}

hr.gray {
    width: 105%;
    position: relative;
    top: 10px;
    border: none;
    border-top: 1px solid #ddd;
}

.flecheR {
    right: 6px;
    left: inherit;
}

.partOne .blocRight .conclusion {
    display: inline-block;
    width: auto;
    float: right;
    margin-right: 20px;
}

.partOne .blocRight .conclusionR p {
    padding-bottom: 0;
}

.partOne .blocRight .conclusionR .border_15, .partOne .blocRight .conclusionR.border_15 {
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    -khtml-border-radius: 22px;
    padding: 10px 30px;
}

.dispB label {
    width: 100%!important;
}

.imgTop {
    text-align: center;
    padding-top: 30px;
}

.imgTop hr {
    display: inline-block;
    width: 16px;
    border: none;
    border-bottom: solid 1px #898989;
    position: relative;
    top: -26px;
    margin: 0 8px;
}

.imgTop2 hr {
    top: -17px;
    padding-top: 0;
}

.wrapBloc form.paddTopNone {
    padding-top: 0;
}

.page-weight .wrapBloc .chosen-container,
.page-bp .wrapBloc .chosen-container,
.page-activity .wrapBloc .chosen-container,
.page-sleep .wrapBloc .chosen-container {
    border: solid 1px #acacac;
}

.page-weight .wrapBloc .chosen-container-single .chosen-single,
.page-weight .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-bp .wrapBloc .chosen-container-single .chosen-single,
.page-bp .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-activity .wrapBloc .chosen-container-single .chosen-single,
.page-activity .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-sleep .wrapBloc .chosen-container-single .chosen-single,
.page-sleep .wrapBloc .chosen-container .chosen-results li.highlighted {
    color: #ee187d;
}

.page-weight .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b,
.page-bp .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b,
.page-activity .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b,
.page-sleep .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url(../img/arrow-select-top2.png) no-repeat 0px 2px;
}

.page-weight .wrapBloc .chosen-container-single .chosen-single div b,
.page-bp .wrapBloc .chosen-container-single .chosen-single div b,
.page-activity .wrapBloc .chosen-container-single .chosen-single div b,
.page-sleep .wrapBloc .chosen-container-single .chosen-single div b {
    background: url(../img/arrow-select2.png) no-repeat 0px 2px;
}

.filtersCenter {
    text-align: center;
}

.wrapBloc .float .filtersCenter form, .wrapBloc .float .filtersCenter .select {
    display: inline-block;
    float: none;
    text-align: center;
    width: auto;
    vertical-align: top;
}

.wrapBloc .float .filtersCenter .ignoreCenter {
    text-align: left;
}

.wrapBloc .float .filtersCenter .select {
    text-align: left;
    position: relative;
    top: -3px;
}

.bgDegrade1 .partOne .blocLeft {
    padding-top: 195px;
}

.page-weight .Top50,
.page-bp .Top50,
.page-activity .Top50,
.page-sleep .Top50 {
    margin-top: 50px;
}

.margeBottom30 {
    margin-bottom: 30px;
}

.Progression .paddLeftNone .unit:first-child {
    padding-left: 0;
}

.Progression h4.center.top35 {
    margin-top: 35px;
}

.page-weight .wrapBloc .radio span label,
.page-bp .wrapBloc .radio span label,
.page-activity .wrapBloc .radio span label,
.page-sleep .wrapBloc .radio span label {
    color: #36444B;
}

.topNeg14 {
    position: relative;
    top: -11px;
}

.page-weight .Saviez menu ul,
.page-weight .avis p.center,
.page-bp .Saviez menu ul,
.page-bp .avis p.center,
.page-activity .Saviez menu ul,
.page-activity .avis p.center,
.page-sleep .Saviez menu ul,
.page-sleep .avis p.center {
    text-align: center;
}

.page-weight .Saviez menu ul li,
.page-bp .Saviez menu ul li,
.page-activity .Saviez menu ul li,
.page-sleep .Saviez menu ul li {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 24%;
    height: auto;
}

.page-weight .Saviez menu ul li p,
.page-bp .Saviez menu ul li p,
.page-activity .Saviez menu ul li p,
.page-sleep .Saviez menu ul li p {
    text-align: center;
    line-height: 19px;
}

.page-weight .Saviez menu ul li div,
.page-bp .Saviez menu ul li div,
.page-activity .Saviez menu ul li div,
.page-sleep .Saviez menu ul li div {
    padding: 0 8px;
}

.page-weight .wrapBloc.widget-cartogram .huge,
.page-weight .wrapBloc .light b,
.page-weight .widget-cartogram-detail h3,
.page-bp .wrapBloc.widget-cartogram .huge,
.page-bp .wrapBloc .light b,
.page-bp .widget-cartogram-detail h3,
.page-activity .wrapBloc.widget-cartogram .huge,
.page-activity .wrapBloc .light b,
.page-activity .widget-cartogram-detail h3,
.page-sleep .wrapBloc.widget-cartogram .huge,
.page-sleep .wrapBloc .light b,
.page-sleep .widget-cartogram-detail h3 {
    color: #ee187d;
}

.page-bp h2,
.page-bp .avis a button,
.page-bp .wrapBloc .radio span.active label,
.page-bp .bloc_half .child h3,
.page-bp .wrapBloc .chosen-container-single .chosen-single,
.page-bp .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-bp .wrapBloc.widget-cartogram .huge,
.page-bp .wrapBloc .light b,
.page-bp .wrapBloc.widget-cartogram .name,
.page-activity h2,
.page-activity .avis a button,
.page-activity .wrapBloc .radio span.active label,
.page-activity .bloc_half .child h3,
.page-activity .wrapBloc .chosen-container-single .chosen-single,
.page-activity .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-activity .wrapBloc.widget-cartogram .huge,
.page-activity .wrapBloc .light b,
.page-activity .wrapBloc.widget-cartogram .name,
.page-sleep h2,
.page-sleep .avis a button,
.page-sleep .wrapBloc .radio span.active label,
.page-sleep .bloc_half .child h3,
.page-sleep .wrapBloc .chosen-container-single .chosen-single,
.page-sleep .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-sleep .wrapBloc.widget-cartogram .huge,
.page-sleep .wrapBloc .light b,
.page-sleep .wrapBloc.widget-cartogram .name {
    color: #44d62c;
}

.page-weight h2,
.page-weight .avis a button,
.page-weight .wrapBloc .radio span.active label,
.page-weight .bloc_half .child h3,
.page-weight .wrapBloc .chosen-container-single .chosen-single,
.page-weight .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-weight .wrapBloc.widget-cartogram .huge,
.page-weight .wrapBloc .light b,
.page-weight .wrapBloc.widget-cartogram .name {
    color: #ee187d;
}

.page-sleep h2,
.page-sleep .avis a button,
.page-sleep .wrapBloc .radio span.active label,
.page-sleep .bloc_half .child h3,
.page-sleep .wrapBloc .chosen-container-single .chosen-single,
.page-sleep .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-sleep .wrapBloc.widget-cartogram .huge,
.page-sleep .wrapBloc .light b,
.page-sleep .wrapBloc.widget-cartogram .name {
    color: #3f51b5;
}

.page-bp .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url(../img/arrow-select-top3.png) no-repeat 0px 2px;
}

.page-sleep .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url(../img/arrow-select-top4.png) no-repeat 0px 2px;
}

.page-bp .wrapBloc .chosen-container-single .chosen-single div b {
    background: url(../img/arrow-select3.png) no-repeat 0px 2px;
}

.page-sleep .wrapBloc .chosen-container-single .chosen-single div b {
    background: url(../img/arrow-select4.png) no-repeat 0px 2px;
}

.page-bp .wrapBloc p.img,
.page-activity .wrapBloc p.img {
    text-align: center;
}

.page-bp .Saviez menu ul li,
.page-activity .Saviez menu ul li {
    width: 30%;
}

.page-bp .Saviez menu ul li div,
.page-activity .Saviez menu ul li div {
    padding: 0 20px;
}

.page-activity h2, .page-activity .avis a button, .page-activity .wrapBloc .radio span.active label, .page-activity .bloc_half .child h3,
.page-activity .wrapBloc .chosen-container-single .chosen-single, .page-activity .wrapBloc .chosen-container .chosen-results li.highlighted,
.page-activity .wrapBloc.widget-cartogram .huge, .page-activity .wrapBloc .light b, .page-activity .wrapBloc.widget-cartogram .name {
    color: #ff6f10;
}

.wrapBloc .chosen-container-single .chosen-single div b, .page-activity .wrapBloc .chosen-container-single .chosen-single div b {
    background: url(../img/arrow-select.png) no-repeat 0px 2px;
    position: relative;
    left: -10px;
}

.wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b, .page-activity .wrapBloc .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url(../img/arrow-select-top.png) no-repeat 0px 2px;
}

.Saviez menu ul li, .page-activity .Saviez menu ul li {
    border: none;
    text-align: center;
    width: 25%;
    color: #2E3B42;
    font-size: 13px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    padding: 0;
    height: 228px;
    float: left;
}

.Saviez menu ul li div, .page-activity .Saviez menu ul li div {
    padding: 0 10px;
}

.page-activity .wrapBloc .chosen-container-single .chosen-single div b {
    background: url(../img/arrow-select.png) no-repeat 0px 2px;
}

.MargBotNone {
    margin-bottom: 0;
}

.Progression .blocLeft .grid.Margetop20 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.Saviez .small a {
    font-weight: bold;
}

body .widget-cartogram-detail .btn-map-back {
    background: none;
    border: none;
    padding: 0;
    margin-top: 10px;
}

.MenuNotFixed {
    background: #ffffff !important;
    min-height: 57px;
}

.MenuNotFixed .wrapBloc {
    box-shadow: none;
}

.MenuNotFixed  {
    border-top: solid 2px rgba(18,65,145, 0.3);
}

.MenuNotFixed .topGrid {
    position: relative;
    min-height: 57px;
}

.MenuNotFixed .topGrid .right {
    padding-top: 12px;
    padding-bottom: 12px;
    display: none;
}

.MenuFixed .topGrid .right {
    display: block;
}


.MenuNotFixed .topGrid .right a {
    border-color: #124191;
    color: #124191;
}

.MenuNotFixed menu {
    float: left;
    position: absolute;
    top: 0px;
    left: -80px;
}

.MenuNotFixed menu ul li {
    border: none;
    display: inline-block;
}

.MenuNotFixed menu ul li a {
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #97999b;
    padding-left: 24px;
    font-size: 15px;
    line-height: 24px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 7px;
    display: inline-block;
}

.MenuNotFixed menu ul li a.activite {
    background-image: url('../img/activity-gray.png');
    background-size: 17px 20px;
}

.MenuNotFixed menu ul li a.weight {
    background-image: url('../img/weight-gray.png');
    background-size: 10px 25px;
    padding-left: 18px;
}

.MenuNotFixed menu ul li a.heart {
    background-image: url('../img/heart-gray.png');
    background-size: 16px 13px;
}

.MenuNotFixed menu ul li a.sleep {
    background-image: url('../img/sleep-gray.png');
    background-size: 19px 19px;
}

.MenuNotFixed menu ul li {
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0;
}

.MenuNotFixed menu ul li a:hover, .MenuNotFixed menu ul li a.active {
    color: #124191;
}

.MenuNotFixed menu ul li a.activite:hover, .MenuNotFixed menu ul li a.activite.active {
    background-image: url('../img/activity-small.png');
}

.MenuNotFixed menu ul li a.weight:hover, .MenuNotFixed menu ul li a.weight.active {
    background-image: url('../img/weight-small.png');
}

.MenuNotFixed menu ul li a.heart:hover, .MenuNotFixed menu ul li a.heart.active {
    background-image: url('../img/heart-small.png');
}

.MenuNotFixed menu ul li a.sleep:hover, .MenuNotFixed menu ul li a.sleep.active {
    background-image: url('../img/sleep-small.png');
}

.MenuFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border: none;
}

.ShowMenu {
    background-color: #dddddd;
    background-image: url('../img/show_menu.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 27px 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 57px;
    height: 57px;
    cursor: pointer;
    display: none;
}

.wrapBloc.Blue .blocRight p {
    line-height: 24px;
}

.page-weight .wrapBloc.Blue p,
.page-bp .wrapBloc.Blue p,
.page-activity .wrapBloc.Blue p {
    text-align: left;
}

.page-weight .wrapBloc p.small,
.page-bp .wrapBloc p.small,
.page-activity .wrapBloc p.small {
    line-height: 15px;
}

.MargeTop11 {
    margin-top: 11px;
}

.Right10 {
    padding-right: 10px;
}

.blocPourcentage {
    position: relative;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 5px!important;
}

.blocPourcentage .light {
    text-align: center;
    margin-bottom: 7px;
    font-size: 15px;
}

.blocPourcentage .light b {
    font-weight: normal;
}

.blocPourcentage .right {
    position: absolute;
    bottom: 0;
    right: 0;
}

body .widget-cartogram-detail {
    box-shadow: 0 -10px 5px -5px rgba(0,0,0,0.1);
    border-top: solid 1px #d9d9d9;
}

body .widget-cartogram-detail h3 {
    font-size: 14px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1414px) {
    footer .right {
        position: absolute;
        right: 20px;
    }

    footer .left {
        position: absolute;
        left: 20px;
    }
}

@media only screen and (max-width: 1414px) {
    .topGrid .right {
        position: absolute;
        top: 0;
        right: 20px;
    }

    #whi.Parent-image .whi-title {
        float: none;
        /*position: absolute;*/
        left: 20px;
    }

    .MenuNotFixed {
        background: none !important;
    }

    .MenuNotFixed .wrapBloc {
        max-width: inherit;
        background: #ffffff;
    }

    .MenuNotFixed menu {
        left: 10px;
    }

    .MenuNotFixed menu ul li a.weight {
        margin-right: 0;
    }

    .MenuNotFixed.Open {
        height: auto;
    }

    .MenuNotFixed.Open .wrapBloc {
        display: block;
    }
}

@media only screen and  (max-width: 1170px) {
    .MenuNotFixed .topGrid {
        text-align: center;
    }

    .MenuNotFixed menu, .MenuNotFixed .topGrid .right {
        float: none;
        position: static;
    }

    .MenuNotFixed .topGrid .right {
        display: none;
    }

    .MenuNotFixed menu ul li {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media only screen and  (max-width: 1060px) {
    .wrapBloc {
        padding-left: 20px;
        padding-right: 20px;
    }

    .conclusion, .page-activity .conclusion {
        min-width: inherit;
    }
}

@media only screen and  (max-width: 1024px) {
    .Saviez menu ul li br {
        display: none;
    }
}

@media only screen and  (max-width: 900px) {
    .partOne .blocLeft {
        width: 38%;
    }

    .partOne .blocRight {
        width: 62%;
    }
}

@media only screen and  (max-width: 830px) {
    .page-weight h2.icone span br,
    .page-bp h2.icone span br,
    .page-activity h2.icone span br,
    .page-sleep h2.icone span br {
        display: none;
    }
}

@media only screen and  (max-width: 800px) {
    .Saviez menu ul li {
        width: 48%!important;
    }

    .Saviez menu ul li div {
        padding: 0 10px!important;
    }

    .Saviez menu ul li br {
        display: block;
    }
}

@media only screen and  (max-width: 750px) {
    .bgDegrade1 .partOne .blocLeft {
        padding-top: 0;
    }

    .page-weight .grid .unit,
    .page-bp .grid .unit,
    .page-activity .grid .unit,
    .page-sleep .grid .unit {
        width: auto;
        float: none;
        padding-left: 0;
        padding-right: 0;
        text-align: left !important;
    }

    .page-weight .wrapBloc .radio span,
    .page-bp .wrapBloc .radio span,
    .page-activity .wrapBloc .radio span,
    .page-sleep .wrapBloc .radio span {
        clear: none;
        float: none;
        display: inline-block;
    }

    .wrapBloc.widget-cartogram .child {
        padding-right: 0;
    }

    #whi.Parent-image menu ul {
        width: 100%;
    }

    .partOne .blocLeft {
        float: none;
        width: 100%;
    }

    .partOne .blocRight {
        float: none;
        width: 100%;
    }

    .bloc_half {
        width: 100%;
        float: none;
    }

    .bloc_half p.img {
        text-align: center;
    }

    .bloc_half.first .child, .bloc_half.last .child {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .Regles.Parent-image a.image {
        background-position: left;
        center;
    }

    .BlocResize .resize750 {
        display: none;
    }

    .BlocResize .resizeBloc .resize750 {
        display: block;
    }

    .resizeBloc {
        display: block;
    }

    .partOne .blocRight .conclusionR {
        display: none;
    }

    .Progression .blocLeft .grid, .Progression .paddLeftNone .unit:first-child {
        padding-right: 0;
        padding-left: 0;
    }

    .widget-cartogram-detail {
        text-align: center;
    }

    .widget-cartogram-detail .light {
        margin-left: 0px;
    }

    hr.gray {
        width: 100%;
    }

    .conclusion, .page-activity .conclusion {
        min-width: inherit;
    }

    .wrapBloc.widget-cartogram .small {
        padding-left: 0;
    }

    .bmiActivite .tous {
        width: 150px !important;
    }

    .bmiActivite .topNeg14 {
        width: 180px !important;
        top: 0;
    }
}

@media only screen and  (max-width: 720px) {
    #whi .topGrid {
        text-align: center;
        padding-top: 30px;
    }

    #whi .topGrid .right {
        position: static;
        float: none;
        text-align: center;
        padding-top: 0px;
    }

    #whi.Parent-image .whi-title {
        float: none;
        position: static;
    }

    #whi.Parent-image p.reseauSociaux {
        display: block;
        text-align: center;
    }

    #whi.Parent-image h1 {
        margin-bottom: 0;
    }

    #whi.Parent-image h2 {
        margin-top: 0;
    }
}

@media only screen and  (min-width: 540px) and  (max-width: 720px) {
    #whi.Parent-image p.lienTop {
        padding-top: 5px;
        padding-bottom: 10px;
    }
}

@media only screen and  (max-width: 700px) {
    .page-weight .wrapBloc p.right,
    .page-bp .wrapBloc p.right,
    .page-activity .wrapBloc p.right,
    .page-sleep .wrapBloc p.right {
        text-align: center;
        padding-top: 15px;
    }

    .blocPourcentage .right {
        position: static;
    }
}

@media only screen and  (max-width: 706px) {
    .ShowMenu {
        display: block;
        background-color: rgba(255,255,255,0.8);
    }

    #MenuBloc {
        z-index: 2;
    }

    .MenuNotFixed .wrapBloc {
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        display: none;
    }

    .MenuNotFixed {
        box-shadow: none;
        background: none!important;
    }

    .MenuNotFixed .topGrid {
        padding: 20px 0;
    }

    .MenuNotFixed menu {
        margin-bottom: 20px;
    }

    .MenuNotFixed menu ul li {
        display: block;
    }

    .MenuNotFixed menu ul li a {
        font-size: 18px;
    }
}

@media only screen and  (max-width: 630px) {
    .partOne .blocLeft {
        width: 100%;
    }

    .partOne .blocRight {
        width: 100%;
    }

    .bmiActivite {
        display: block !important;
    }

    .bmiActivite span {
        display: block !important;
    }
}

@media only screen and  (max-width: 750px) {
    #whi.Parent-image h2 {
        margin-top: 55px;
        font-size: 52px;
        line-height: 62px;
    }
}

@media only screen and  (max-width: 563px) {
    .topGrid {
        padding-top: 16px;
    }

    .topGrid, .wrapBloc {
        text-align: center;
    }

    .partOne menu ul {
        display: inline-block;
        ; text-align: center;
    }

    #whi.Parent-image menu ul li {
        margin-bottom: 6px;
    }

    #whi.Parent-image h2 {
        margin-top: 55px;
        font-size: 52px;
        line-height: 62px;
    }

    .topGrid .right .lienTop br {
        display: block;
    }

    .topGrid .right .lienTop a {
        margin: 5px 8px 20px;
    }

    #whi.Parent-image a.whi-title {
        float: none;
    }

    .topGrid .right {
        float: none;
    }

    .topGrid .right p {
        display: block;
        float: none;
        text-align: center;
    }

    h2.icone span, h2.icone {
        display: block;
        text-align: center;
        width: auto!important;
    }

    .wrapBloc form.radio {
        padding-top: 30px;
        margin: 0 auto;
    }

    footer .right {
        display: inline-block;
        text-align: center;
        position: static;
    }

    footer .left {
        position: static;
    }

    .Vue .txt {
        position: static;
    }
}

@media only screen and  (max-width: 500px) {
    .Saviez menu ul li br {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .gender {
        text-align: left !important;
        display: block !important;
    }
}

@media only screen and  (max-width: 460px) {
    .Saviez menu ul li {
        width: 100%!important;
        height: auto!important;
        margin-bottom: 30px;
    }

    .wrapBloc.widget-cartogram .child {
        padding-right: 0px;
    }

    footer .logo {
        margin-left: 20px;
    }
}

.copyright {
    color: #fff !important;
    font-size: 14px !important;
}

@media only screen and  (max-width: 540px) {
    footer {
        min-height: 80px;
    }
}

#rules-section .go-top {
    clear: both;
    height: 42px;
    position: relative;
}

#rules-section .go-top a {
    position: absolute;
    top: -10px;
    right: 0;
}

#MenuBloc {
    min-height: 57px;
    background-color: #fff;
}

@media only screen and (max-width: 383px) {
    .MenuNotFixed menu ul li a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 350px) {
    .MenuNotFixed menu ul li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 315px) {
    .MenuNotFixed menu ul li a {
        font-size: 12px;
    }
}

#login {
    background-color: #f2f2f2;
}

#login img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

#login .login-bg {
    position: relative;
    min-height: 900px;
}

#login .login-box {
    position: absolute;
    top: 0;
    background-color: #ffffff;
    width: 50%;
    height: 80%;
    margin-left: 25%;
    margin-top: 10%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -khtml-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#login .login-text {
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    background-color: lightgreen;
}

#login .login-text p {
    color: #3c4249;
    font-size: 14px;
}

@media only screen and (max-width: 706px) {
    #login .login-box {
        width: 90%;
        margin-left: 5%;
    }
}

.wrapBloc .grid .unit {
   padding-left: 0px;
}

#highlights {
    background-color: #0DB7F4;
}

#highlights .box p {
    padding-bottom: 20px;
}

#highlights .box h2 {
    color: #009ee3;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

#highlights .grid .unit:last-child {
    padding-right: 0;
}

#highlights .box .title {
    color: #009ee3;
    font-size: 28px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 10px;
}

#highlights .box .subtitle {
    color: #36444B;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 20px;
}

#highlights .box {
    background-color: #ffffff;
    padding: 25px 50px;
    margin-bottom: 90px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
}

#highlights .small {
    padding-top: 12px;
}

#highlights .small p, #highlights .small a {
    color: #2E3B42;
    font-size: 10px;
    line-height: 15px!important;
}

#highlights .small a {
    font-weight: bold;
    color: #5E5D5D;
}

.widget-cartogram-detail .to-login {
    position: absolute;
    top: 0;
    text-align: center;
    background-color: white;
    width: 40%;
    height: 25%;
    margin-left: 30%;
    margin-top: 12%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -khtml-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    padding: 120px 20px;
}

@media only screen and (max-width: 500px) {
    .widget-cartogram-detail .to-login {
        height: 60%;
        margin-top: 3%;
        padding: 45px 20px;
    }
}

@media only screen and (max-width: 383px) {
    .widget-cartogram-detail .to-login {
        height: 80%;
        margin-top: 3%;
        padding: 45px 20px;
    }
}

@media only screen and (max-width: 350px) {
    .widget-cartogram-detail .to-login {
        height: 90%;
        margin-top: 3%;
        padding: 30px 20px 45px 20px;
    }
}

.widget-cartogram-detail .to-login p {
    text-align: center;
    font-size: 15px;
    color: #6b6b6b;
}

.widget-cartogram-detail .to-login-img {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

@media only screen and (max-width: 350px) {
    .widget-cartogram-detail .to-login-img {
        height: 280px;
    }
}

#MenuBloc a.disabled {
   pointer-events: none;
   cursor: default;
}

a.anchor {
    display: block;
    position: relative;
    top: -58px;
    visibility: hidden;
}

.select_country {
    background-color: #fff;
    border: none;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    font-size: 15px;
    font-family: "Gotham A","Gotham B",Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #124191;
    padding: 0px 15px 0px 5px;
    height: 27px;
    background-image: url('../img/arrow-solid-down-blue.png');
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -khtml-appearance: none;
    cursor: pointer;
}

.MenuNotFixed .select_country {
}

@media only screen and  (max-width: 800px) {
    .topGrid .right p.lienTop {
       display: none;
    }
}

.choose-country {
    margin: 0px 10px;
}

@media only screen and  (max-width: 720px) {
    .choose-country {
        display: block;
        margin: 10px 10px;
    }
}