.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
    content: '';
    display: table}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
    clear: both}
.site-branding {
    width: 100%;
    display: block}
.site-header {
    width: 100%;
    display: block}
.site-title-left {
    float: left;
    margin-bottom: 1em;
    width: 100%}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-title-left {
    margin-bottom: 0}
}
@media (max-width: 40em) {
    .site-title-left {
    margin-bottom: 0}
}
.site-title-left a {
    display: block}
.site-title-right {
    float: right}
.site-title-right a {
    display: block}
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    min-height: 220px}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation {
    min-height: 0;
    text-align: center}
}
@media (max-width: 40em) {
    .main-navigation {
    min-height: 0;
    text-align: center}
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0}
.main-navigation .menu>li {
    float: left;
    display: block;
    width: 19.2%;
    margin-right: 1%;
    text-align: center;
    position: relative;
    -webkit-transition: .2s all ease-in;
    transition: .2s all ease-in}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation .menu>li {
    width: 100%;
    margin: 0.25em 0;
    float: none}
}
@media (max-width: 40em) {
    .main-navigation .menu>li {
    width: 100%;
    margin: 0.25em 0;
    float: none}
}
.main-navigation .menu>li:hover>a: :after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #e3e3e3}
@media only screen and (min-width: 40em) and (max-width: 60em) {
}
@media (max-width: 40em) {
    .main-navigation .menu-item-46 }
.main-navigation .menu-item-47 ul {
}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation .menu-item-47 ul {
}
}
@media (max-width: 40em) {
    .main-navigation .menu-item-47 ul {
}
}
.main-navigation .menu-item-48 {
}
.main-navigation .menu-item-48:hover {
}
.main-navigation .menu-item-48 ul {
}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation .menu-item-48 ul {
}
}
@media (max-width: 40em) {
    .main-navigation .menu-item-48 ul {
}
}
.main-navigation .menu-item-49 {
}
.main-navigation .menu-item-49:hover {
}
.main-navigation .menu-item-49 ul {
    background: #a8356c}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation .menu-item-49 ul {
    background: #ab4776}
}
@media (max-width: 40em) {
    .main-navigation .menu-item-49 ul {
    background: #ab4776}
}
.main-navigation .menu .menu-item-54 {
    background: #6779ba;
    margin: 0}
.main-navigation .menu .menu-item-54:hover {
    background: #7c88c2}
.main-navigation .menu .menu-item-54 ul {
    background: #6779ba}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation .menu .menu-item-54 ul {
    background: #7c88c2}
}
@media (max-width: 40em) {
    .main-navigation .menu .menu-item-54 ul {
    background: #7c88c2}
}
.main-navigation .menu .menu-item-54:hover>a: :after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent}
.main-navigation .menu>li>a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 2em 0;
    position: relative;
    text-decoration: none;
    color: #fff}
.main-navigation ul ul {
    width: 100%;
    display: none;
    float: left;
    left: 0;
    border-top: 0.5em solid #e3e3e3;
    z-index: 99999}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation ul ul {
    position: static;
    float: none;
    border-top: 0.25em solid #e3e3e3}
}
@media (max-width: 40em) {
    .main-navigation ul ul {
    position: static;
    float: none;
    border-top: 0.25em solid #e3e3e3}
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0}
.main-navigation ul ul a {
    display: block;
    padding: 0.5em;
    width: 100%;
    font-size: 0.8em;
    text-decoration: none;
    color: #fff}
.main-navigation ul ul a:hover {
    text-decoration: underline}
.main-navigation ul ul li {
    float: none;
    margin: 0;
    width: 100%;
    text-align: left}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .main-navigation ul ul li {
    text-align: center}
}
@media (max-width: 40em) {
    .main-navigation ul ul li {
    text-align: center}
}
.main-navigation ul ul li:first-child a {
    position: relative}
.main-navigation ul ul li:first-child a: :after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-top: 15px solid #e3e3e3}
.main-navigation ul li:hover>ul {
    display: block}
.main-navigation .current-menu-ancestor ul {
    display: block}
.main-navigation .current-menu-item>a {
    text-decoration: underline}
.main-navigation .menu>.current-menu-parent>a: :after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #e3e3e3}
.main-navigation .menu>.menu-item-54 a: :after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent}
.menu-toggle {
    cursor: pointer;
    display: none}
@media screen and (max-width: 60em) {
    .menu-toggle,.main-navigation.toggled .nav-menu {
    display: block}
.menu-toggle {
    display: inline-block;
    text-align: center;
    color: #4a5484;
    font-size: 1.5em;
    background: url("../images/icon-menu.svg") no-repeat 0 center;
    margin: 0.5em auto;
    padding-left: 1.5em}
.no-svg .menu-toggle {
    background: url("../images/data-fallback/icon-menu.png") no-repeat 0 center}
.main-navigation ul {
    display: none}
}
.site-footer {
    width: 100%;
    padding: 2.5em 1em;
    margin-top: 1em;
    background: #4a5484}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-footer {
    padding: 1.5em}
}
@media (max-width: 40em) {
    .site-footer {
    padding: 1.5em}
}
.site-footer .bloc-footer-issy {
    float: left;
    width: 50%}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-footer .bloc-footer-issy {
    width: 100%;
    text-align: center;
    margin-top: 1em}
}
@media (max-width: 40em) {
    .site-footer .bloc-footer-issy {
    width: 100%;
    text-align: center;
    margin-top: 1em}
}
.site-footer .bloc-footer-issy img {
    float: left}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-footer .bloc-footer-issy img {
    float: none}
}
@media (max-width: 40em) {
    .site-footer .bloc-footer-issy img {
    float: none}
}
.site-footer .bloc-footer-links {
    width: 285px;
    float: left;
    margin: 2.5em 0 0 2em}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-footer .bloc-footer-links {
    width: 100%;
    margin: 1em 0 0}
}
@media (max-width: 40em) {
    .site-footer .bloc-footer-links {
    width: 100%;
    margin: 1em 0 0}
}
.site-footer .bloc-footer-links .bloc-footer-links-ville {
    text-transform: uppercase;
    margin-bottom: 0.5em;
    display: block;
    line-height: 1.2em}
.site-footer .bloc-footer-links .bloc-footer-links-data {
    float: right}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-footer .bloc-footer-links .bloc-footer-links-data {
    float: none;
    display: block}
}
@media (max-width: 40em) {
    .site-footer .bloc-footer-links .bloc-footer-links-data {
    float: none;
    display: block}
}
.site-footer .bloc-footer-links a {
    color: #fff;
    text-decoration: none}
.site-footer .bloc-footer-links a:hover {
    text-decoration: underline}
.site-footer .bloc-footer-social {
    float: right;
    width: 50%;
    text-align: right}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .site-footer .bloc-footer-social {
    float: left;
    width: 100%;
    text-align: center}
}
@media (max-width: 40em) {
    .site-footer .bloc-footer-social {
    float: left;
    width: 100%;
    text-align: center}
}
.site-footer .icon-social {
    display: inline-block;
    width: 38px;
    height: 38px;
    transition: 0.2s all ease-in}
}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .entry-content {
    margin: 1em 0}
}
@media (max-width: 40em) {
    .entry-content {
    margin: 1em 0}
}
.entry-content .bloc-statistique-wrapper {
   
    float: left;
    width: 60%}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .entry-content .bloc-statistique-wrapper {
    width: 100%}
}
@media (max-width: 40em) {
    .entry-content .bloc-statistique-wrapper {
    width: 100%}
}
.entry-content .bloc-statistique {
    margin-right: 5px;
    border: 5px solid #47a3d6;
    text-align: center;
    padding-bottom: 50px;
}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .entry-content .bloc-statistique {
    margin-right: 0;
    height: auto}
}
@media (max-width: 40em) {
    .entry-content .bloc-statistique {
    margin-right: 0;
    height: auto}
}
.entry-content .bloc-statistique h1 {
    text-align: center;
    margin: 1em 4em 0;
    color: #47a3d6}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .entry-content .bloc-statistique h1 {
    margin: 1em 0.5em 0}
}
@media (max-width: 40em) {
    .entry-content .bloc-statistique h1 {
    margin: 1em 0.5em 0;
    font-size: 1em}
}
.entry-content .chart {
    width: 100%;
    height: 400px;
    margin-top: 1em}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .entry-content .bloc-content {
    padding: 2em 1em 1em}
}
@media (max-width: 40em) {
    .entry-content .bloc-content {
    padding: 2em 1em 1em}
}
.entry-content .nav-bouton-stat {
    position: relative;
    z-index: 1000;
    text-align: center;
}
.entry-content .nav-legend-stat {
    margin-top: 2em;
    margin-left: 1em;
    color: #000;
    font-size: 0.7em;
    position: relative;
    bottom: 1em;
    z-index: 1000}
.entry-content .active {
    background: #80b6e0}
.entry-content .display-graph {
    z-index: 0;
}
.entry-content .hide {
    display: none}
.entry-content .bloc-table table {
    border-collapse: collapse;
    width: 80%;
    height: 320px;
    margin: 5% auto}
.entry-content .bloc-table td {
    color: #fff;
    background: #47a3d6;
    vertical-align: middle;
    border: 5px solid #a2c7e8;
    text-align: center}
.entry-content .bloc-maps {
    width: 100%}
.page-id-52 .entry-content .bloc-content {
    background: #6779ba;
    margin: 0 0 1em}
.parent-pageid-17 .entry-content .bloc-statistique {
    border: 5px solid #cc7605}
.parent-pageid-17 .entry-content .bloc-statistique h1 {
    color: #cc7605}
.parent-pageid-17 .parent-pageid-17 @media only screen and (min-width: 40em) and (max-width: 60em) {
    .parent-pageid-17}
@media (max-width: 40em) {
    .parent-pageid-17}
.parent-pageid-17 .entry-content .bloc-content {
    background: #cc7605}
.parent-pageid-17 .parent-pageid-17 .parent-pageid-17 .entry-content .active {
    background: #e59429}
.parent-pageid-19 .entry-content .bloc-statistique {
    border: 5px solid #647F23}
.parent-pageid-19 .entry-content .bloc-statistique h1 {
    color: #647F23}
.parent-pageid-19}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .parent-pageid-19}
@media (max-width: 40em) {
    .parent-pageid-19}
.parent-pageid-19 .entry-content .bloc-content {
    background: #647F23}
.parent-pageid-19 .parent-pageid-19 .parent-pageid-19 .entry-content .active {
    background: #859d42}
.parent-pageid-25 .entry-content .bloc-statistique {
    border: 5px solid #a8356c}
.parent-pageid-25 .entry-content .bloc-statistique h1 {
    color: #a8356c}
.parent-pageid-25 @media only screen and (min-width: 40em) and (max-width: 60em) {
    .parent-pageid-25 }
@media (max-width: 40em) {
    .parent-pageid-25 }
.parent-pageid-25 .entry-content .bloc-content {
    background: #a8356c}
.parent-pageid-25 .parent-pageid-25 .parent-pageid-25 .entry-content .active {
    background: #b66388}
.wrapper-grid {
    color: #fff;
    text-align: center;
    margin: 0 0 2em}
.wrapper-grid h2 {
    font-size: 4em;
    margin: 0}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .wrapper-grid h2 {
    font-size: 3em}
}
@media only screen and (min-width: 40em) and (max-width: 60em) {
    .wrapper-grid p {
    font-size: 0.9em}
}
.wrapper-grid a {
    text-decoration: none}
.bloc-left {
    float: left;
    width: 32.5%;
    margin-right: 1%;
    background: #47a3d6;
    margin-bottom: 1em;
    border-radius: 10px}
@media (max-width: 40em) {
    .bloc-left {
    width: 100%;
    margin: 0.2em 0}
}
.bloc-center {
    float: left;
    width: 32.5%;
    margin-right: 1%;
    background: #47a3d6;
    margin-bottom: 1em;
    border-radius: 10px}
@media (max-width: 40em) {
    .bloc-center {
    width: 100%;
    margin: 0.2em 0}
}
.bloc-right {
    float: left;
    width: 33%;
    background: #47a3d6;
    margin-bottom: 1em;
    border-radius: 10px}
@media (max-width: 40em) {
    .bloc-right {
    width: 100%;
    margin: 0.2em 0}
}
.bloc-chiffre {
    height: 240px;
    padding: 40px 25px 0;
    width: 100%;
    text-transform: uppercase}
@media (max-width: 40em) {
    .bloc-chiffre {
    height: auto}
}
.fond-couleur-blue-1 {
    background: #47a3d6;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease}
.fond-couleur-blue-1:hover {
}
.fond-couleur-blue-1 a:hover {
    color: #47a3d6}
.fond-couleur-jeune-1 {
    background: #cc7605;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease}
.fond-couleur-jeune-1:hover {
}
.fond-couleur-jeune-1 a:hover {
    color: #cc7605}
.fond-couleur-verte-1 {
    background: #647F23;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease}
.fond-couleur-verte-1:hover {
}
.fond-couleur-verte-1 a:hover {
    color: #647F23}
.fond-couleur-rouge-1 {
    background: #a8356c;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease}
.fond-couleur-rouge-1:hover {
}
.fond-couleur-rouge-1 a:hover {
    color: #a8356c}
.fond-couleur-violet-1 {
    background: #6779ba;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease}
.fond-couleur-violet-1:hover {
}
.fond-couleur-violet-1 a:hover {
    color: #6779ba}
body {
    font-family: 'allerregular', arial;
    font-weight: normal}
b,strong {
    font-family: 'allerbold', arial;
    font-weight: normal}
em {
    font-family: 'alleritalic', arial}
h1 {
    font-size: 1.3em;
    line-height: 1em;
    font-weight: normal;
    font-family: 'blair_itc_stdbold', arial}
h2 {
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 1em;
    font-family: 'blair_itc_stdlight', arial;
    font-weight: normal}
a {
    color: #fff;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease}
*,*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box}
.clearfix:before,.clearfix:after {
    content: " ";
    display: table}
.clearfix:after {
    clear: both}
.clearfix {
    *zoom: 1}

/* .entry-content .bloc-statistique{border:5px solid #cc7605}.parent-pageid-17 .entry-content .bloc-statistique h1{color:#cc7605}.parent-pageid-17 .entry-content .bloc-legend{background:#cc7605}.parent-pageid-17 .entry-content .bloc-legend h1::after{background:url("../images/triangle-jeune.svg") no-repeat}@media only screen and (min-width: 40em) and (max-width: 60em){.parent-pageid-17 .entry-content .bloc-legend h1::after{background:transparent}}@media (max-width: 40em){.parent-pageid-17 .entry-content .bloc-legend h1::after{background:transparent}}.parent-pageid-17 .entry-content .bloc-content{background:#cc7605}.parent-pageid-17 .entry-content button{background:#cc7605}.parent-pageid-17 .entry-content button:hover{background:#e59429}.parent-pageid-17 .entry-content .active{background:#e59429}.parent-pageid-19 .entry-content .bloc-statistique{border:5px solid #647F23}.parent-pageid-19 .entry-content .bloc-statistique h1{color:#647F23}.parent-pageid-19 .entry-content .bloc-legend{background:#647F23}.parent-pageid-19 .entry-content .bloc-legend h1::after{background:url("../images/triangle-verte.svg") no-repeat}@media only screen and (min-width: 40em) and (max-width: 60em){.parent-pageid-19 .entry-content .bloc-legend h1::after{background:transparent}}@media (max-width: 40em){.parent-pageid-19 .entry-content .bloc-legend h1::after{background:transparent}}.parent-pageid-19 .entry-content .bloc-content{background:#647F23}.parent-pageid-19 .entry-content button{background:#647F23}.parent-pageid-19 .entry-content button:hover{background:#859d42}.parent-pageid-19 .entry-content .active{background:#859d42}.parent-pageid-25 .entry-content .bloc-statistique{border:5px solid #a8356c}.parent-pageid-25 .entry-content .bloc-statistique h1{color:#a8356c}.parent-pageid-25 .entry-content .bloc-legend{background:#a8356c}.parent-pageid-25 .entry-content .bloc-legend h1::after{background:url("../images/triangle-rouge.svg") no-repeat}@media only screen and (min-width: 40em) and (max-width: 60em){.parent-pageid-25 .entry-content .bloc-legend h1::after{background:transparent}}@media (max-width: 40em){.parent-pageid-25 .entry-content .bloc-legend h1::after{background:transparent}}.parent-pageid-25 .entry-content .bloc-content{background:#a8356c}.parent-pageid-25 .entry-content button{background:#a8356c}.parent-pageid-25 .entry-content button:hover{background:#b66388}.parent-pageid-25 .entry-content .active{background:#b66388}.wrapper-grid{color:#fff;text-align:center;margin:0 0 2em}.wrapper-grid h2{font-size:4em;margin:0}@media only screen and (min-width: 40em) and (max-width: 60em){.wrapper-grid h2{font-size:3em}}@media only screen and (min-width: 40em) and (max-width: 60em){.wrapper-grid p{font-size:0.9em}}.wrapper-grid a{text-decoration:none}.bloc-left{float:left;width:32.5%;margin-right:1%;background:#47a3d6;margin-bottom:1em;border-radius:10px}@media (max-width: 40em){.bloc-left{width:100%;margin:0.2em 0}}.bloc-center{float:left;width:32.5%;margin-right:1%;background:#47a3d6;margin-bottom:1em;border-radius:10px}@media (max-width: 40em){.bloc-center{width:100%;margin:0.2em 0}}.bloc-right{float:left;width:33%;background:#47a3d6;margin-bottom:1em;border-radius:10px}@media (max-width: 40em){.bloc-right{width:100%;margin:0.2em 0}}.bloc-chiffre{height:240px;padding:40px 25px 0;width:100%;text-transform:uppercase}@media (max-width: 40em){.bloc-chiffre{height:auto}}.fond-couleur-blue-1{background:#47a3d6;-webkit-transition:0.2s all ease;transition:0.2s all ease}.fond-couleur-blue-1:hover{background:#e3e3e3}.fond-couleur-blue-1 a:hover{color:#47a3d6}.fond-couleur-jeune-1{background:#cc7605;-webkit-transition:0.2s all ease;transition:0.2s all ease}.fond-couleur-jeune-1:hover{background:#e3e3e3}.fond-couleur-jeune-1 a:hover{color:#cc7605}.fond-couleur-verte-1{background:#647F23;-webkit-transition:0.2s all ease;transition:0.2s all ease}.fond-couleur-verte-1:hover{background:#e3e3e3}.fond-couleur-verte-1 a:hover{color:#647F23}.fond-couleur-rouge-1{background:#a8356c;-webkit-transition:0.2s all ease;transition:0.2s all ease}.fond-couleur-rouge-1:hover{background:#e3e3e3}.fond-couleur-rouge-1 a:hover{color:#a8356c}.fond-couleur-violet-1{background:#6779ba;-webkit-transition:0.2s all ease;transition:0.2s all ease}.fond-couleur-violet-1:hover{background:#e3e3e3}.fond-couleur-violet-1 a:hover{color:#6779ba}body{background:#e3e3e3;font-family:'allerregular', arial;font-weight:normal}b,strong{font-family:'allerbold', arial;font-weight:normal}em{font-family:'alleritalic', arial}h1{font-size:1.3em;line-height:1em;font-weight:normal;font-family:'blair_itc_stdbold', arial}h2{font-size:1.5em;line-height:1em;margin-bottom:1em;font-family:'blair_itc_stdlight', arial;font-weight:normal}a{color:#fff;-webkit-transition:0.2s all ease;transition:0.2s all ease}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.site{width:70%;margin:0 auto;max-width:1200px}@media only screen and (min-width: 60em) and (max-width: 75em){.site{width:95%;margin:0 2.5%}}@media only screen and (min-width: 40em) and (max-width: 60em){.site{width:90%;margin:0 5%}}@media (max-width: 40em){.site{width:98%;margin:0 1%}}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1} */
.entry-content .bloc-content{margin:1em 0;padding:2em 4em 1em;width:100%;}
.hide-graph{position:absolute;z-index:-100;top:0;left:0;right:0;bottom:0}
.display-graph{z-index:0; height: 600px; background: #fff;}


@font-face {font-family:"blairitcstd-webfont";src:url("fonts/blairitcstd-webfont.eot?") format("eot"),url("fonts/blairitcstd-webfont.woff") format("woff"),url("fonts/blairitcstd-webfont.ttf") format("truetype"),url("fonts/blairitcstd-webfont.svg#blairitcstd-webfont") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"blairitcstd-light-webfont";src:url("fonts/blairitcstd-light-webfont.eot?") format("eot"),url("fonts/blairitcstd-light-webfont.woff") format("woff"),url("fonts/blairitcstd-light-webfont.ttf") format("truetype"),url("fonts/blairitcstd-light-webfont.svg#blairitcstd-webfont") format("svg");font-weight:normal;font-style:normal;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {width: 100%; margin: 0 auto;}
a {text-decoration: none !important; color: #ffffff;}
a:hover {color: #ffffff;}
.header {padding-top: 44px; width: 100%; height: 190px; background-color: #ffffff; z-index: 2;position: absolute;}
footer {height: 508px; width: 100%; background-color: #4a5484 !important; position: fixed;z-index: -1;bottom: 0;}
#content {position: absolute; z-index: 1; width: 100%; margin-top: 140px;background-color: #fff;}
#primary { background-color: #fff;}
.home #primary { margin-bottom: 508px; }
.row {margin: 0 !important;}
.logo {margin-left: 44px;}
.menu-container {z-index: 2; position: fixed; right: 0;top: 40px;}
.menu-off { position: relative; height: 95px; width: 145px; background-color: #4c5585; z-index: 2; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: -15px 12px 2px #a54571; cursor: pointer;float: right;margin-left: 35px;margin-right: -15px;}
.menu-off p {text-transform: uppercase; font-size: 23px; color: #ffffff; font-family: "blairitcstd-light-webfont"; margin-top: 5px; margin-left: 18px;}
.menu-off .triple-trait {background: url(../images/triple-trait.png) no-repeat; width: 58px; height: 37px; display: block; margin-left: 40px; margin-top: 5px;}

.popup-menu {position: relative; z-index: 2; font-family: "blairitcstd-light-webfont"; float: right; margin-left: 35px;margin-right: -15px;}
.menu-hover {height: 95px; background-color: #4c5585;border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: -15px 12px 2px #a54571; padding-top: 1px; margin-bottom: 11px;}
.menu-hover p {text-transform: uppercase; font-size: 23px; color: #ffffff; margin-top: 5px; margin-left: 28px;}
.menu-hover .triple-trait {background: url(../images/triple-trait.png) no-repeat; width: 58px; height: 37px; display: block; margin-left: 50px; margin-top: 5px;}
.menu-hover .close-menu {background: url(../images/btn-close-menu.png) no-repeat; width: 45px; height: 45px; display: block; float: right; position: absolute; right: 32px; top: 20px; cursor: pointer;}
.menu li {width: 100%; height: 75px; right: 0; display: block; color: #ffffff; font-size: 40px; padding-top: 10px;text-align: center; margin-left: -15px;}
.menu li a {color: #ffffff;}
.menu li:nth-child(1) {background-color: #6779ba !important;}
.menu li:nth-child(2) {background-color: #47a3d6 !important;}
.menu li:nth-child(3) {background-color: #cc7605 !important;}
.menu li:nth-child(4) {background-color: #647F23 !important;}
.menu li:nth-child(5) {background-color: #a8356c !important;}
.menu li:nth-child(6) {background-color: #6779ba !important;}


.blue {background-color: #47a3d6 !important;}
.yellow {background-color: #cc7605 !important;}
.pink {background-color: #a8356c !important;}
.green {background-color: #647F23 !important;}
.violet {background-color: #6779ba !important;}
.soft-blue {background-color: #72accc !important;}
.soft-yellow {background-color: #de9536 !important;}
.soft-pink {background-color: #c33c7d !important;}
.soft-green {background-color: #74922a !important;}
.soft-violet {background-color: #7b8ed0 !important;}

.bloc-list, .entry-content {margin-top: 50px;}
.bloc {text-align: center; padding: 0; padding-top: 0px; margin-bottom: 15px;/* padding-left: 15px; padding-right: 15px; */ border-radius: 10px; /* width: 23%;  margin: 1%;*/}
.bloc * {color: #ffffff;}
.bloc-chiffre h2 {font-size: 128px; font-family: "blairitcstd-webfont";}
.bloc-chiffre span, .bloc-chiffre p, .bloc-bottom-hover a {text-transform: uppercase; font-size: 17px; font-family: "blairitcstd-light-webfont";}
.bloc-bottom-hover a {font-size: 14px; }

.bloc-bottom-bar {position: relative; width: 100%; height: 31px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: 31px;padding-top: 7px;}
.double-trait {background: url(../images/double-trait.png) no-repeat; width: 46px; height: 17px; display: block;}

.bloc-bottom-hover {position: relative; width: 100%; height: 78px; box-shadow: 0px -1px 4px rgba(87, 87, 87, 0.4); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;margin-top: -16px;display: none;}
.bloc-bottom-hover a {width: 100%; float: left; padding: 15px;}
.bloc-bottom-hover a:hover {color: #ffffff;}

.icon-social {margin-right: 10px; width: 63px; height: 63px;  margin-top: 234px;position: relative; display: inline-block;}
.icon-facebook {background: url(../images/facebook.png) no-repeat;}
.icon-facebook:hover {background: url(../images/facebook-hover.png) no-repeat;}
.icon-twitter {background: url(../images/twitter.png) no-repeat;}
.icon-twitter:hover {background: url(../images/twitter-hover.png) no-repeat;}
.icon-linkedin {background: url(../images/linkedin.png) no-repeat;}
.icon-linkedin:hover {background: url(../images/linkedin-hover.png) no-repeat;}
.icon-google-plus {background: url(../images/google-plus.png) no-repeat;}
.icon-google-plus:hover {background: url(../images/google-plus-hover.png) no-repeat;}
.bloc-logo a {font-family: "blairitcstd-light-webfont"; font-size: 20px;}
.footer-logo {margin-top: 88px;display: block;}
.narrow {width: 7px; height: 14px; background: url(../images/narrow.png) no-repeat; margin-top: 7px; float: left;}
.bloc-archive * {font-family: "blairitcstd-light-webfont"; color: #ffffff;}
.bloc-archive p {margin-top: 210px; margin-bottom: 40px;  font-size: 25px; }
.bloc-archive a {font-size: 20px; display: block; width: 330px;}
.bloc-archive a:hover {color: #ffffff;}

.bloc-statistique {font-family: Arial;}
.entry-content .bloc-statistique h1, .entry-content .bloc-legend h1 {color: #ffffff; font-size: 25px; font-family: "blairitcstd-webfont"; width: 100%; height: 52px; margin: 0;text-align: center;padding-top: 12px; float: left;}


#post-15 .entry-content .bloc-legend h1,
#post-17 .entry-content .bloc-legend h1,
#post-19 .entry-content .bloc-legend h1,
#post-25 .entry-content .bloc-legend h1,
#post-52 .entry-content .bloc-legend h1 {background: #ffffff !important;}



#post-15 .entry-content .bloc-statistique h1 {background: #47a3d6;}
#post-17 .entry-content .bloc-statistique h1 {background: #cc7605;}
#post-19 .entry-content .bloc-statistique h1 {background: #647F23;}
#post-25 .entry-content .bloc-statistique h1 {background: #a8356c;}
#post-52 .entry-content .bloc-statistique h1 {background: #6779ba;}

#post-15 .entry-content .bloc-legend h1 {color: #47a3d6;}
#post-17 .entry-content .bloc-legend h1 {color: #cc7605;}
#post-19 .entry-content .bloc-legend h1 {color: #647F23;}
#post-25 .entry-content .bloc-legend h1 {color: #a8356c;}
#post-52 .entry-content .bloc-legend h1 {color: #6779ba;}


.entry-content .bloc-statistique, .entry-content .bloc-statistique-wrapper {width: 100%;border: 0;position: relative;float: left;}
.entry-content .bloc-legend h1 {background: #ffffff; color: #47a3d6; margin-top: 17px;}
.entry-content button {height: 44px; color: #ffffff; border: 0;font-family: "arial"; font-weight: bold; font-size: 16px; margin-top: 1%;padding:0 10px;}

#post-15 .entry-content button{background-color: #47a3d6;}
#post-17 .entry-content button{background-color: #cc7605;}
#post-19 .entry-content button{background-color: #647F23;}
#post-25 .entry-content button{background-color: #a8356c;}
#post-52 .entry-content button{background-color: #6779ba;}

#post-15 .entry-content button.active, #post-15 .entry-content button:hover {background-color: #75c0ea !important;}
#post-17 .entry-content button.active, #post-17 .entry-content button:hover {background-color: #de9536  !important;}
#post-19 .entry-content button.active, #post-19 .entry-content button:hover {background-color: #74922a !important;}
#post-25 .entry-content button.active, #post-25 .entry-content button:hover {background-color: #c33c7d !important;}
#post-52 .entry-content button.active, #post-52 .entry-content button:hover {background-color: #75c0ea !important;}

#post-15 .entry-content .bloc-legend h1 {color: #47a3d6;}
#post-17 .entry-content .bloc-legend h1 {color: #cc7605;}
#post-19 .entry-content .bloc-legend h1 {color: #647F23;}
#post-25 .entry-content .bloc-legend h1 {color: #a8356c;}
#post-52 .entry-content .bloc-legend h1 {color: #6779ba;}

.content-text { font-size: 18px; font-family: Arial; padding: 30px 15px; margin-top: 40px; text-align: left; color: #ffffff !important;}

#post-15 .content-text {background-color: #47a3d6; }
#post-17 .content-text {background-color: #cc7605; }
#post-19 .content-text {background-color: #647F23; }
#post-25 .content-text {background-color: #a8356c; }
#post-52 .content-text {background-color: #6779ba; }


.nav-legend-stat {font-size: 14px !important; font-family: arial !important; color: #47a3d6 !important;}
.narrow-blue-top {background: url(../images/narrow-blue.png) no-repeat; width: 70px; height: 16px; margin-top: -46px; display: block; left: 43%; position: absolute;}
.narrow-blue-bottom {background: url(../images/narrow-blue.png) no-repeat; width: 70px; height: 16px; display: block;margin-top: 10px; left: 48%; position: absolute;-webkit-transform: rotate(180deg); transform:rotate(180deg);}
/*.fleche-stat-3 {margin-top: 15px;top:37px;}*/

#post-17 .entry-content .bloc-statistique i.narrow-blue-bottom {background: url(../images/narrow-yellow.png) no-repeat !important;}
#post-17 .content-text i.narrow-blue-top {background: url(../images/narrow-yellow.png) no-repeat !important;}
#post-19 .entry-content .bloc-statistique i.narrow-blue-bottom {background: url(../images/narrow-green.png) no-repeat !important;}
#post-19 .content-text i.narrow-blue-top {background: url(../images/narrow-green.png) no-repeat !important;}
#post-25 .entry-content .bloc-statistique i.narrow-blue-bottom {background: url(../images/narrow-pink.png) no-repeat !important;}
#post-25 .content-text i.narrow-blue-top {background: url(../images/narrow-pink.png) no-repeat !important;}
#post-52 .entry-content .bloc-statistique i.narrow-blue-bottom {background: url(../images/narrow-violet.png) no-repeat !important;}
#post-52 .content-text i.narrow-blue-top {background: url(../images/narrow-violet.png) no-repeat !important;}



/* .download-pdf {position: fixed; right: -15px; height: 126px; width: 168px; background-color: #4c5585; z-index: 1; top: 444px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: -3px 2px 5px #4c5585;} */
.download-pdf {position: relative; height: 105px; width: 120px; background-color: #4c5585; z-index: 2; border-radius: 10px; box-shadow: 0px 2px 15px #4c5585; float: left;}
.icon-down-pdf {background: url(../images/down-pdf.png) no-repeat; width: 100px; height: 95px; display: block; margin-left: 12px; margin-top: 5px;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1{height: auto;  padding-bottom: 10px;}



@media (min-width: 2000px) {
    
    .logo {width: 1221px; height: 124px;}
    .content-text { width: 40%; margin-left: 5%;}
    .popup-menu {width: 700px;}
}
@media (min-width: 1200px) and (max-width: 1999px) {

    .logo {width: 950px; }
    .bloc-chiffre h2 {font-size: 65px; margin-bottom: 20px;}
    .bloc-chiffre span, .bloc-chiffre p, .bloc-bottom-hover a {font-size: 12px;}
    .bloc-bottom-hover a {font-size: 10px;}
    .content-text { width: 45%; margin-left: 2%; font-size: 16px;}
    .popup-menu {width: 430px;}
    .menu li {font-size: 27px; padding-top: 20px;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1 {font-size: 22px;}
    .bloc-statistique .iframe_1, .bloc-statistique .iframe_2, .bloc-statistique .iframe_3, .bloc-statistique .iframe_4 {margin-top: 0 !important;}
    /* .content-text {background: pink !important;} */
}



@media (min-width: 992px) and (max-width: 1199px) {

    .logo {width: 750px; height: 100px;}
    .bloc-chiffre h2 {font-size: 55px; margin-bottom: 20px;}
    .bloc-chiffre span, .bloc-chiffre p, .bloc-bottom-hover a {font-size: 12px;}
    .bloc-bottom-hover a {font-size: 10px;}
    .content-text { width: 48%; margin-left: 2%; font-size: 15px;}
    .popup-menu {width: 450px;}
    .menu li {font-size: 27px; padding-top: 20px;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1 {font-size: 20px;}
    .bloc-statistique .iframe_1, .bloc-statistique .iframe_2, .bloc-statistique .iframe_3, .bloc-statistique .iframe_4 {margin-top: 0 !important;}
    .icon-social {margin-right: 7px;}
}




@media (min-width: 768px) and (max-width: 991px) {

    .logo {width: 500px; height: 80px;}
    .bloc-chiffre h2 {font-size: 55px; margin-bottom: 20px;}
    .bloc-chiffre span, .bloc-chiffre p, .bloc-bottom-hover a {font-size: 12px;}
    .bloc-bottom-hover a {font-size: 10px;}
    .bloc-archive p {margin-top: 20px; font-size: 20px; margin-bottom: 10px;}
    .bloc-archive a { font-size: 16px; display: block; width: 270px;}
    .bloc-logo a img {width: 100px;height: 150px;}
    .icon-social {margin-top: 50px; margin-left: -2px; }
    .popup-menu {width: 400px;}
    .menu li {font-size: 25px; padding-top: 20px;}
    
    #post-19 .iframe_1_1 iframe {width: 50%; height: 420px !important;}
    #post-17 .iframe_1_1 iframe {width: 100%; height: 400px !important;}
    #post-17 .iframe_3_1 iframe {width: 100%; height: 420px !important;}
    #post-17 .iframe_4_1 iframe {width: 100%; height: 380px !important;}
    #post-25 .iframe_2_1 {margin-top: 50px !important;}
    #post-25 .iframe_2_1 iframe {height: 350px !important;}
    
    #post-15 .iframe_1_1 iframe, #post-15 .iframe_2_1 iframe, #post-15 .iframe_3_1 iframe {height: 450px !important;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1 {font-size: 19px;}
    .bloc-statistique .iframe_1, .bloc-statistique .iframe_2, .bloc-statistique .iframe_3, .bloc-statistique .iframe_4 {margin-top: 0px !important;}
    #post-15 #bloc-statistique-2 { height: 580px !important; overflow: hidden;}
    .content-text { width: 48%; margin-left: 2%; font-size: 15px;}
}



@media (min-width: 350px) and (max-width: 767px) {

    .logo {width: 400px;margin-left: 5px;}
    .bloc-chiffre h2 {font-size: 55px; margin-bottom: 20px;}
    .bloc-chiffre span, .bloc-chiffre p {font-size: 12px;}
    .bloc-bottom-hover a {font-size: 10px;}
    .bloc-archive p {margin-top: 20px; font-size: 20px; margin-bottom: 10px;}
    .bloc-archive a { font-size: 16px; display: block; width: 270px;}
    .bloc-logo a img {width: 100px;height: 150px;}
    .icon-social {margin-top: 30px; margin-left: -2px; }
    .footer-logo{margin-top: 50px}
    .popup-menu {width: 100%;}
    .menu li {width: 100%; font-size: 24px; padding-top: 20px;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1 { font-size: 17px; padding-top: 20px;}
    /*.narrow-blue-bottom {left: 42%; top: 54px;}*/
    #post-19 .iframe_1_1 iframe {width: 100%;}
    .menu-off, .download-pdf {width: 150px;}
    .download-pdf {display: none;}
    #bloc-statistique-1, #bloc-statistique-2, #bloc-statistique-3, #bloc-statistique-4 {height: auto !important;}
    .menu-container {top: 80px;position: relative;}
    .header{  padding-top: 10px;height: 50px;}
    footer{height: 490px;}
    .content-text {font-size: 14px; margin-top: 25px;}
    .spacer {height: 0 !important;}
    #post-52 .iframe_2_1 iframe, #post-52 .iframe_3_1 iframe {height: 600px !important;}
    #post-52 .iframe_1_1 iframe {width: 100% !important; height: 300px !important;}
    /*#post-15 .iframe_1_1 iframe{height: 250px !important;}
    #post-15 .iframe_1_1 {margin-top: 0 !important;}
    
    #post-17 .iframe_1_1 iframe, #post-17 .iframe_1_2 iframe {height: 250px !important;}
    #post-17 .iframe_2_1 iframe, #post-17 .iframe_2_2 iframe, #post-17 .iframe_3_1 iframe {height: 300px !important;}
    #post-17 .iframe_1_1, #post-17 .iframe_2_1, #post-17 .iframe_2_2 {margin-top: 0 !important;} */
}

@media (max-width: 349px) {

    .logo {width: 300px;margin-left: 5px;}
    .header{  padding-top: 10px;height: 50px;}
    .bloc-chiffre h2 {font-size: 45px; margin-bottom: 20px;}
    .bloc-chiffre span, .bloc-chiffre p, .bloc-bottom-hover a {font-size: 12px;}
    .bloc-bottom-hover a {font-size: 12px;}

    .bloc-archive p {  margin-top: 10px;  font-size: 14px;  margin-bottom: 10px;}    
    .bloc-archive a { font-size: 14px; display: block; width: 270px;  margin: 5px;}
    .bloc-logo a img {width: 50px;}
    .icon-social {margin-top: 10px; margin-left: -10px; }
    /*.menu-container{top:50px};}*/
    .menu-off {width: 90px;  height: 60px;box-shadow: -10px 10px 2px #a54571;}
    .menu-hover { height: 60px;box-shadow: -10px 10px 2px #a54571;}
    .menu-hover .close-menu{top:10px;}
    .menu-hover p {  font-size: 14px;  margin-top: 5px;margin-left: 15px;}
    .menu-off p {  font-size: 14px;  margin-top: 5px;margin-left: 15px;}
    .menu-hover .triple-trait {  width: 35px;  height: 30px;  margin-left: 25px;  margin-top: 5px;background-size: 30px 20px}
    .menu-off .triple-trait {  width: 35px;  height: 30px;  margin-left: 25px;  margin-top: 5px;background-size: 30px 20px}
    .popup-menu {width: 100%; position: fixed; right: 0;}
    .menu li {width: 100%; font-size: 19px; padding-top: 10px; height: 50px;}
    .download-pdf {position: fixed !important; left: 0; z-index: 1;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1 { font-size: 17px; padding-top: 20px; height: 69px;}
    /*.narrow-blue-bottom {left: 42%; top: 54px;}*/
    #post-19 .iframe_1_1 iframe {width: 100%;}
    .download-pdf{display: none;}
    .entry-content .bloc-statistique h1, .entry-content .bloc-legend h1{height: auto;}

    .menu-container {top: 50px;position: relative;}
    #content {margin-top: 80px;}
    footer{height: auto;}
    .footer-logo {margin-top: 10px;}
    .bloc-logo a{font-size: 14px}
    .icon-linkedin,.icon-twitter,.icon-facebook,.icon-google-plus{background-size: 40px 40px;}

    .bloc-bottom-bar{display: none;}
    .container-fluid{padding: 0}
    .bloc-chiffre{padding: 20px;}
    #bloc-statistique-1, #bloc-statistique-2, #bloc-statistique-3, #bloc-statistique-4 {height: auto !important;}
    .spacer {height: 0 !important;}
}


#bloc-statistique-1, #bloc-statistique-2, #bloc-statistique-3, #bloc-statistique-4 {background-color: #ffffff;z-index: 0;}

.bloc-statistique .iframe_1,
.bloc-statistique .iframe_2,
.bloc-statistique .iframe_3,
.bloc-statistique .iframe_4
{
    margin-top: 50px;
}

.tooltip {position: relative; display: inline-block; font-family: Arial; font-size: 16px; visibility: visible; filter: alpha(opacity=1); opacity: 1;cursor: pointer;}
.latched { position: fixed !important; top: 0; left: 0px; right: 0px; width: auto;}
#post-17 .spacer {width: 0; height: 750px; float: left; clear: both;}
#post-15 .spacer {width: 0; height: 600px; float: left; clear: both;}
#post-19 .spacer {width: 0; height: 750px; float: left; clear: both;}
#post-25 .spacer {width: 0; height: 700px; float: left; clear: both;}
#post-52 .spacer {width: 0; height: 800px; float: left; clear: both;}

#post-52 .bloc-statistique .iframe {margin-top: 0}

#post-17 #bloc-statistique-1 {height: 760px} 
#post-17 #bloc-statistique-2 {height: 750px}
#post-17 #bloc-statistique-3 {height: 770px} 
#post-17 #bloc-statistique-4 {height: 700px}

#post-15 #bloc-statistique-1 {height: 560px} 
#post-15 #bloc-statistique-2 {height: 550px}
#post-15 #bloc-statistique-3 {height: 570px} 

#post-19 #bloc-statistique-1 {height: 710px} 
#post-19 #bloc-statistique-2 {height: 700px}
#post-19 #bloc-statistique-3 {height: 680px} 

#post-25 #bloc-statistique-1 {height: 690px} 
#post-25 #bloc-statistique-2 {height: 680px}


#post-52 #bloc-statistique-1 {height: 730px} 
#post-52 #bloc-statistique-2 {height: 800px}
#post-52 #bloc-statistique-3 {height: 900px}