body {
  margin: 0;
  padding: 0;
  background: #FFF;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
a, button {
  outline: none!important;
}
#page-loading-blocs-notifaction {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100000;
  background: #FFFFFF url("img/pageload-spinner.gif") no-repeat center center;
}
.bloc {
  width: 100%;
  clear: both;
  background: 50% 50% no-repeat;
  padding: 0 50px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
.bloc .container {
  padding-left: 0;
  padding-right: 0;
}
.bloc-lg {
  padding: 100px 50px;
}
.bloc-md {
  padding: 50px;
}
.bloc-sm {
  padding: 20px 50px;
}
.d-bloc {
  color: rgba(255,255,255,.7);
}
.d-bloc button:hover {
  color: rgba(255,255,255,.9);
}
.d-bloc .icon-round, .d-bloc .icon-square, .d-bloc .icon-rounded, .d-bloc .icon-semi-rounded-a, .d-bloc .icon-semi-rounded-b {
  border-color: rgba(255,255,255,.9);
}
.d-bloc .divider-h span {
  border-color: rgba(255,255,255,.2);
}
.d-bloc .a-btn, .d-bloc .navbar a, .d-bloc .navbar-brand, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a {
  color: rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover, .d-bloc .navbar a:hover, .d-bloc .navbar-brand:hover, .d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover {
  color: rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar {
  background: rgba(255,255,255,1);
}
.d-bloc .btn-wire, .d-bloc .btn-wire:hover {
  color: rgba(255,255,255,1);
  border-color: rgba(255,255,255,1);
}
.d-bloc .panel {
  color: rgba(0,0,0,.5);
}
.d-bloc .panel button:hover {
  color: rgba(0,0,0,.7);
}
.d-bloc .panel icon {
  border-color: rgba(0,0,0,.7);
}
.d-bloc .panel .divider-h span {
  border-color: rgba(0,0,0,.1);
}
.d-bloc .panel .a-btn {
  color: rgba(0,0,0,.6);
}
.d-bloc .panel .a-btn:hover {
  color: rgba(0,0,0,1);
}
.d-bloc .panel .btn-wire, .d-bloc .panel .btn-wire:hover {
  color: rgba(0,0,0,.7);
  border-color: rgba(0,0,0,.3);
}
.d-bloc .panel, .l-bloc {
  color: rgba(0,0,0,.5);
}
.d-bloc .panel button:hover, .l-bloc button:hover {
  color: rgba(0,0,0,.7);
}
.l-bloc .icon-round, .l-bloc .icon-square, .l-bloc .icon-rounded, .l-bloc .icon-semi-rounded-a, .l-bloc .icon-semi-rounded-b {
  border-color: rgba(0,0,0,.7);
}
.d-bloc .panel .divider-h span, .l-bloc .divider-h span {
  border-color: rgba(0,0,0,.1);
}
.d-bloc .panel .a-btn, .l-bloc .a-btn, .l-bloc .navbar a, .l-bloc .navbar-brand, .l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a {
  color: rgba(0,0,0,.6);
}
.d-bloc .panel .a-btn:hover, .l-bloc .a-btn:hover, .l-bloc .navbar a:hover, .l-bloc .navbar-brand:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover {
  color: rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar {
  color: rgba(0,0,0,.6);
}
.d-bloc .panel .btn-wire, .d-bloc .panel .btn-wire:hover, .l-bloc .btn-wire, .l-bloc .btn-wire:hover {
  color: rgba(0,0,0,.7);
  border-color: rgba(0,0,0,.3);
}
.voffset {
  margin-top: 30px;
}
.b-divider-dashed {
  border-top: 1px dashed rgba(0,0,0,.1);
  border-bottom: 1px dashed rgba(0,0,0,.1);
}
#presentation p {
  line-height: 28px;
  font-size: 16px;
}
#une p {
  font-size: 17px;
  line-height: 26px;
}
#abonnez h3 {
  font-size: 30px;
}
#abonnez p {
  font-size: 16px;
  line-height: 22px;
}
#abonnement h4 {
  font-size: 22px;
}
#contact p {
  font-size: 24px;
  line-height: 32px;
}
#emmanuel-ratier p {
  font-size: 18px;
}
#bloc-10 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-11 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-12 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-13 p {
  font-size: 16px;
  line-height: 28px;
}
#bloc-14 p {
  font-size: 16px;
  line-height: 22px;
}
#visage p {
  font-size: 16px;
  line-height: 22px;
}
#encyclopedie p {
  font-size: 16px;
  line-height: 22px;
}
#chretiens p {
  font-size: 16px;
  line-height: 22px;
}
#front p {
  font-size: 16px;
  line-height: 22px;
}
#ephemerides p {
  font-size: 16px;
  line-height: 22px;
}
#esoterique p {
  font-size: 16px;
  line-height: 22px;
}
#mysteres p {
  font-size: 16px;
  line-height: 22px;
}
#guerriers p {
  font-size: 16px;
  line-height: 22px;
}
#chirac p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-26 p {
  font-size: 16px;
  line-height: 22px;
}
#archives p {
  font-size: 16px;
}
#bloc-51 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-53 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-55 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-57 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-59 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-61 p {
  font-size: 16px;
  line-height: 22px;
}
#bloc-63 p {
  font-size: 16px;
  line-height: 22px;
}
#legal p {
  font-size: 12px;
  line-height: 18px;
}
.navbar {
  margin-bottom: 0;
  z-index: 1;
}
.navbar-brand {
  height: auto;
  padding: 3px 15px;
  font-size: 25px;
  font-weight: normal;
  font-weight: 600;
  line-height: 44px;
}
.navbar-brand img {
  max-height: 200px;
  margin: 0 5px 0 0;
  display: inline;
}
.navbar .nav {
  padding-top: 2px;
  margin-right: -16px;
  float: right;
  z-index: 1;
}
.nav > li {
  float: left;
  margin-top: 4px;
  font-size: 14px;
  /* suspendu arrainage noel font-size: 16px; */
}
.navbar-nav .open .dropdown-menu > li > a {
  text-align: inherit;
}
.nav > li a:hover, .nav > li a:focus {
  background: transparent;
}
.navbar-toggle {
  margin: 10px 10px 0 0;
  border: 0px;
}
.navbar-toggle:hover {
  background: transparent!important;
}
.navbar-toggle .icon-bar {
  background-color: rgba(0,0,0,.5);
  width: 26px;
}
.nav-invert .navbar .nav {
  float: left;
}
.nav-invert .navbar-header, .nav-invert .navbar-brand {
  float: right;
}

.nav > li > .dropdown a {
  background: none!important;
  display: block;
  padding: 14px 15px;
}
nav .caret {
  margin: 0 5px;
}
.dropdown-menu .dropdown-menu {
  top: -8px;
  left: 100%;
}
.dropdown-menu .dropmenu-flow-right {
  top: 100%;
  left: 0;
  margin-left: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-menu .dropdown span {
  border: 4px solid black;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  margin: 6px -5px 0 0!important;
  float: right;
}
.navbar-toggle.menu-icon-thin-bars .icon-bar {
  height: 1px;
  margin: 6px 0;
}
.navbar-toggle.menu-icon-thin-bars, .navbar-toggle.menu-icon-thick-bars {
margin-top:12px!important;
}
.mg-clear {
  margin: 0;
}
.mg-sm {
  margin-top: 10px;
  margin-bottom: 5px;
}
.mg-md {
  margin-top: 10px;
  margin-bottom: 20px;
}
.mg-lg {
  margin-top: 10px;
  margin-bottom: 40px;
}
img.mg-sm, img.mg-md, img.mg-lg {
  margin-top: 0;
}
img.mg-sm {
  margin-bottom: 10px;
}
img.mg-md {
  margin-bottom: 30px;
}
img.mg-lg {
  margin-bottom: 50px;
}
.btn {
  margin: 0 5px 5px 0;
}
.btn.pull-right {
  margin: 0 0 5px 5px;
}
.btn-d, .btn-d:hover, .btn-d:focus {
  color: #FFF;
  background: rgba(0,0,0,.3);
}
button {
  outline: none!important;
}
.icon-spacer {
  margin-right: 5px;
}
.btn .caret {
  margin: 0 0 0 5px
}
.dropdown a .caret {
  margin: 0 0 0 5px
}
.btn-dropdown .dropdown-menu .dropdown {
  padding: 3px 20px;
}
.icon-md {
  font-size: 30px!important;
}
.img-frame, .img-frame-md, .img-frame-lg, .img-frame-rd, .img-frame-rd-md, .img-frame-rd-lg {
  background: #FFF;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  padding: 4px;
}
.img-frame {
  border-radius: 3px;
}
.img-frame-md, .img-frame-lg {
  border-radius: 6px;
}
.img-frame-md, .img-frame-rd-md {
  padding: 8px;
}
.img-frame-lg, .img-frame-rd-lg {
  padding: 14px;
}
.sm-shadow {
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.text-w-md {
  max-width: 460px;
}
.text-center.text-w-sm, .text-center.text-w-md, .text-center.text-w-lg, .text-center.text-w-90, .text-center.text-w-80, .text-center.text-w-70, .text-center.text-w-60, .text-center.text-w-50 {
  margin-left: auto;
  margin-right: auto;
}
.list-sp-md li {
  padding-bottom: 10px;
}
.list-sp-md li:last-child, .list-sp-lg li:last-child, .list-sp-xl li:last-child {
  padding-bottom: 0;
}
.panel {
  border: 0;
  box-shadow: 0 0 2px rgba(0,0,0,.4);
}
.panel-heading, .panel-footer {
  background-color: inherit;
  border-color: rgba(0,0,0,.1)!important;
}
.panel-sq, .panel-sq .panel-heading, .panel-sq .panel-footer {
  border-radius: 0;
}
.panel-rd {
  border-radius: 30px;
}
.panel-rd .panel-heading {
  border-radius: 29px 29px 0 0;
}
.panel-rd .panel-footer {
  border-radius: 0 0 29px 29px;
}
iframe {
  border: 0;
}
.carousel {
  display: inline-block;
  vertical-align: bottom;
}
.full-width-bloc .carousel {
  width: 100%;
}
.carousel .item img {
  margin-right: auto;
  margin-left: auto;
}
.carousel-control span {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control {
  color: #FFF!important;
  text-shadow: none;
}
.carousel-indicators li {
  margin: 0 4px;
}
.carousel-indicators .active {
  margin: 0 4px -1px;
}
.carousel-control.left span {
  margin-left: -15px;
}
.hide-indicators {
  display: none;
}
.scrollToTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  z-index: 500;
  transition: all .3s ease-in-out;
}
.scrollToTop span {
  margin-top: 6px;
}
.showScrollTop {
  font-size: 14px;
  opacity: 1;
}
h1, h2, h3, h4, h5, h6, p, label, .btn, a {
  font-family: "Helvetica";
}
.container {
  max-width: 970px;
}
.bold {
  font-weight: bold;
}
.statement-bloc-text {
  line-height: 38px;
  font-style: italic;
  font-size: 28px;
  text-align: center;
  font-weight: lighter;
}
.container {
  max-width: 90%;
}
.bgc-white {
  background-color: #ffffff;
}
.bgc-medium-teal-blue {
  background-color: #0057A5;
}
.bgc-cadmium-orange {
  background-color: #F87D27;
}
.bgc-cadmium-red {
  background-color: #bf2222;
}
.bgc-olive-drab-7 {
  background-color: #333333;
}
.bgc-white-smoke {
  background-color: #F6F6F6;
}
.bgc-light-gray {
  background-color: #D3D3D3;
}
.tc-white {
  color: #ffffff!important;
}
.tc-olive-drab-7 {
  color: #333333!important;
}
.tc-medium-teal-blue {
  color: #0057A5!important;
}
.btn-cadmium-orange {
  background: #F87D27;
  color: #FFFFFF!important;
}
.btn-cadmium-red {
  background-color: #bf2222;
  color: #FFFFFF!important;
}
.btn-cadmium-red:hover {
  background: #941a1a;
  color: #FFFFFF!important;
}
.btn-cadmium-orange:hover {
  background: #c6641f;
  color: #FFFFFF!important;
}
.btn-medium-teal-blue {
  background: #0057A5;
  color: #FFFFFF!important;
}
.btn-medium-teal-blue:hover {
  background: #004684;
  color: #FFFFFF!important;
}
.btn-olive-drab-7 {
  background: #333333;
  color: #FFFFFF!important;
}
.btn-olive-drab-7:hover {
  background: #292929;
  color: #FFFFFF!important;
}
.btn-white-smoke {
  background: #F6F6F6;
  color: rgba(0,0,0,.5)!important;
}
.btn-white-smoke:hover {
  background: #c5c5c5;
  color: rgba(0,0,0,.5)!important;
}
.ltc-olive-drab-7 {
  color: #333333!important;
}
.ltc-olive-drab-7:hover {
  color: #292929!important;
}
.ltc-white {
  color: #ffffff!important;
}
.ltc-white:hover {
  color: #ffffff!important;
}
.icon-white {
  color: #ffffff!important;
  border-color: #ffffff!important;
}

.bloc-page-don {
  width: 660px;
  margin: 0 auto;
} 

.bloc-page-don .row-page-don {
  overflow: hidden;
} 
.bloc-page-don .row-page-don > div {
  float: left;
  transition: all 0.2s ease;
  text-align:center;
  margin-bottom: 13px;
} 
.bloc-page-don .bt-type {
  width: 273px;
  height: 63px;
  color:rgb(248, 125, 39);
  border:rgb(248, 125, 39) 1px solid;
  cursor:pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  line-height: 63px;
  margin-right: 5px;
  border-radius: 6px;
} 
.bloc-page-don .bt-type.on,
.bloc-page-don .bt-type:hover {
  color:#ffffff;
  background-color:rgb(248, 125, 39);
} 
.bloc-page-don .bt-mont {
  width: 63px;
  height: 63px;
  line-height: 63px;
  font-weight: 900;
  color: rgb(248, 125, 39);
  font-size: 2rem;
  border:rgb(248, 125, 39) 1px solid;
  cursor:pointer;
  margin-right: 5px;
  border-radius: 6px;
} 
.bloc-page-don .bt-mont.on,
.bloc-page-don .bt-mont:hover,
.bloc-page-don .bt-mont.autre.on,
.bloc-page-don .bt-mont.autre:hover {
  border:rgb(248, 125, 39) 1px solid;
  color:#ffffff;
  background-color:rgb(248, 125, 39);
} 
.bloc-page-don .bt-mont.autre {
  font-size: 1.7rem;
  color:#ffffff;
  text-transform: uppercase;  
  background-color:rgb(248, 125, 39);
  line-height: 63px;
} 

.bloc-page-don .pictopaie {
  margin: 2px 18px 0 0;
  float:left;
  display:block;
}
.bloc-page-don .bt-subm {
  height: 37px;
  width: 345px;
  text-align:center;
  color:rgb(0, 87, 165);
  font-size:2rem;
  cursor: pointer;
  line-height: 37px;
  text-transform:uppercase;
  border:rgb(0, 87, 165) 1px solid;
  font-weight:bold;
  border-radius: 6px;
}
.bloc-page-don .bt-subm span {
  font-size: 25px;
  line-height: 0;
}
.bloc-page-don .bt-subm:hover {
 color: #ffffff;
 background-color:rgb(0, 87, 165);
}
.text-small {
  font-size: 10px;
  color:#aaaaaa;
}
.text-red {
  color: #bf2222;
}
.text-valid-form {
  color:  #bf2222;
}
.logoerfm {
  background-image:url("../img/erfm.png");
  background-size: 88px auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.nav-center .site-navigation > li > a{
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
.site-navigation {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  -webkit-transform: translateY(-50%);
}
.nav > li .dropdown-menu a, .nav > li .dropdown-menu a:hover {
  color: #484848;
}
.nav-invert .site-navigation {
  left: 0;
  right: 0;
}
.nav-center {
  text-align: center;
}
.nav-center .navbar-header {
  width: 100%;
}
.nav-center .navbar-header, .nav-center .navbar-brand, .nav-center .nav > li {
  float: none;
  display: inline-block;
}
.nav-center .site-navigation {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
}

@media (max-width: 1024px) {
.bloc {
  padding-left: 20px;
  padding-right: 20px;
}
.bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container {
  padding-left: 0;
  padding-right: 0;
}
}

@media (max-width: 992px) and (min-width: 768px) {
.navbar .nav {
  max-width: 80%
}
.nav-center.navbar .nav {
  max-width: 100%
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.b-parallax {
  background-attachment: scroll;
}
}


@media (max-width: 768px) {
.container {
  width: 100%;
}
.b-parallax {
  background-attachment: scroll;
}
.page-container, #hero-bloc {
  overflow-x: hidden;
  position: relative;
}
}

@media (max-width: 767px) {
.page-container {
  overflow-x: hidden;
  position: relative;
}
h1, h2, h3, h4, h5, h6, p, #disqus_thread {
  padding-left: 10px!important;
  padding-right: 10px!important;
}
#hero-bloc h1 {
  font-size: 40px;
}
#hero-bloc h2 {
  font-size: 34px;
}
#hero-bloc h3 {
  font-size: 25px;
}
.bloc {
  padding-left: 0;
  padding-right: 0;
  -webkit-background-size: auto 200%;
  -moz-background-size: auto 200%;
  -o-background-size: auto 200%;
  background-size: auto 200%;
}
.b-parallax {
  background-attachment: scroll;
}
.navbar .nav {
  padding-top: 0;
  border-top: 1px solid rgba(0,0,0,.2);
  float: none!important;
}
.navbar.row {
  margin-left: 0;
  margin-right: 0;
}
.site-navigation {
  position: inherit;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.nav > li {
  margin-top: 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  background: rgba(0,0,0,.05);
  text-align: left;
  padding-left: 15px;
  width: 100%;
}
.nav > li:hover {
  background: rgba(0,0,0,.08);
}
.dropdown .dropdown a .caret {
  float: none;
  margin: 5px 0 0 10px!important;
  border: 4px solid black;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
#hero-bloc .navbar .nav {
  background: rgba(0,0,0,.8);
}
#hero-bloc .navbar .nav a {
  color: rgba(255,255,255,.6);
}
.hero {
  padding: 50px 0;
}
.hero-nav {
  left: -1px;
  right: -1px;
}
.navbar-collapse {
  padding: 0;
  overflow-x: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-brand img {
  max-height: 40px;
  width: auto;
}
.nav-invert .navbar-header {
  float: none;
  width: 100%;
}
.nav-invert .navbar-toggle {
  float: left;
}
.bloc-group .bloc {
  display: block;
  width: 100%;
}
.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container {
  padding-left: 10px;
  padding-right: 10px;
}
.bloc-xxl, .bloc-xl, .bloc-lg {
  padding: 40px 0;
}
.bloc-sm, .bloc-md {
  padding-left: 0;
  padding-right: 0;
}
.a-block {
  padding: 0 10px;
}
.btn-dwn {
  display: none;
}
.voffset {
  margin-top: 5px;
}
.voffset-md {
  margin-top: 20px;
}
.voffset-lg {
  margin-top: 30px;
}
form {
  padding: 5px;
}
.close-lightbox {
  display: inline-block;
}
.video-bg-container {
  display: none;
}
.blocsapp-device-iphone5 {
  background-size: 216px 425px;
  padding-top: 60px;
  width: 216px;
  height: 425px;
}
.blocsapp-device-iphone5 img {
  width: 180px;
  height: 320px;
}
}

@media (max-width: 768px) {
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-collapse.collapse.in {
  display: block!important;
}
.site-navigation {
  transform: none!important;
}
.nav-invert .navbar-header {
  float: none;
  width: 100%;
}
.nav-invert .navbar-toggle {
  float: left;
}
div[class^="col-"], div[class*=" col-"] {
  margin-top: 30px;
  margin-bottom: 30px;
}
.full-width-bloc div[class^="col-"], .full-width-bloc div[class*=" col-"] {
  margin-top: 0;
  margin-bottom: 0;
}
.voffset-sm {
  margin-top: 30px;
}
.mg-md-sm {
  margin-top: 10px;
  margin-bottom: 20px;
}
}

@media (min-width: 767px) and (max-width: 768px) {
.mini-nav .special-dropdown-nav .site-navigation {
  display: block;
  position: absolute;
  top: 80%;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.mini-nav .special-dropdown-nav .site-navigation li {
  width: 100%;
}
.special-dropdown-nav.collapsing {
  transition: height 0.001s;
}
.mini-nav .special-dropdown-nav .site-navigation li a {
  color: rgba(0,0,0,.6);
}
}


@media screen and (max-width: 690px) {
.bloc-page-don {
  max-width:280px;
  width:280px;
  margin:0 auto;
}

.bloc-page-don .pictopaie {
  margin: 0 auto 18px;
  float:none;
}

.bloc-page-don .bt-subm {
  width: 275px;
}
}

@media (max-width: 420px) {
.mg-sm-xs {
  margin-top: 10px;
  margin-bottom: 5px;
}
.mg-lg-xs {
  margin-top: 10px;
  margin-bottom: 40px;
}
.mg-clear-xs {
  margin: 0;
}
}





/*13-5-2019 new page style*/
.numeros-top-title h2{font-size: 22px;font-weight: 700;color: #242424; margin-bottom:15px; margin-top:0;}
.numeros-top-title p{font-size: 15px;color: #898989;margin-bottom: 10px;}
.numeros-top-title p a{color: #4286c0;}

.faits-documents .bloc-sm{padding:50px 0 0;}
.search-filter-part{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;}
.search-filter-part .filter-btn{margin-left:30px;}
.filter-btn a{width: 59px;height: 59px;box-shadow: 0 4px 10px rgba(240, 240, 240, 0.5);border-radius: 2px;background-color: #ffffff; text-align:center; line-height:69px; display:block;}
.search-filter-part form{ padding-left:55px; display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center; width:100%;box-shadow: 0 4px 10px rgba(240, 240, 240, 0.5);border-radius: 2px;background-color: #ffffff;height: 59px;}
.filter-btn.active a svg path,.filter-btn a:hover svg path{fill:#242424;}
.search-filter-part form label{font-size: 15px;color: #242424; margin:0 10px 0 0;font-weight: normal;}
.search-filter-part form label.active{display:none;}
.search-filter-part form input{border:0; height:30px;width: calc(100% - 350px);color: #242424;font-size: 15px;}
.search-filter-part form input:focus{outline:none; box-shadow:none;}
.search-filter-part form button{ position: absolute;background: transparent;border: 0;left: 30px;color: #d8d8d8;font-size: 18px;}
.filter-year-list{margin:30px 0 0px; display:none;}
.filter-year-list.open{display:block;}
.year-title{margin:40px 0 20px;}
.year-title h5{font-size: 13px;font-weight: 700;letter-spacing: 0.6px;text-transform: uppercase;opacity: 0.3;color: #242424;}
#collec-wrap .year-title h5{color: #ffffff;}
.year-box-block{box-shadow: 0 4px 10px rgba(240, 240, 240, 0.5);border-radius: 2px;background-color: #ffffff; padding:15px; }
#collec-wrap .year-box-block{box-shadow: none;}
.year-box-block h4{margin-bottom:18px;font-size: 13px;font-weight: 700;color: #242424;}
.year-box-block h4 span{float:right;font-size: 12px;font-weight: 700;color: #bdbdbd;}
.year-content-box{min-height: 64px;}
.year-content-box h5{font-size: 12px;color: #bdbdbd;}

.year-content-box ul { padding-left: 0; list-style: none;}
.year-content-box li:before {
  content:"·";
  font-size:20px;
  vertical-align:middle;
  line-height:20px;
  margin-right: 5px;
}
.year-box-block a{border-radius: 2px;background-color: #f6f6f6; width:100%; display:block; width:100%; text-align:center; padding:16px;font-size: 11px;font-weight: 700;text-transform: uppercase;color: #a5a5a5; }
.year-img-box{position:relative;box-shadow: 0 4px 10px #f0f0f0;background-color: #ffffff; width:100%;padding-top:60%;margin-bottom:22px;background-image:url("../img//numeros/img-defaut.jpg");background-repeat: no-repeat;background-size: contain;}
.year-first{background-image:none;}
.year-img-box h2{ position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0 , -50%); -webkit-transform: translate(0 , -50%);-moz-transform: translate(0 , -50%); text-align: center;margin: 0;font-size: 41px;font-weight: 700;letter-spacing: 1px;color: #bdbdbd;}
.year-img-box img{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.year-box-block:hover h2{color: #004ea4;}
.year-box-block:hover a{background:#004ea4; color:#fff;}
.year-slider-part{margin-bottom:40px;}
.filter-year-list ul{padding:0; margin:0 -9px;}
.filter-year-list ul li{list-style-type:none; display:inline-block;    margin: 0 8.7px 10px;}
.filter-year-list ul li a{height: 36px;border-radius: 2px;background-color: #dadada;opacity:0.3; padding:10px 27.8px; font-size: 13px;font-weight: 700;letter-spacing: 0.6px;color: #242424; display:block;}

.container-full.nobottom{padding-bottom:20px;}
.container-full{padding-bottom:100px;overflow:hidden;opacity:0}
.filter-year-list ul li a.active,.filter-year-list ul li a:hover{background-color:#ffffff;opacity:1;}
.filter-year-list ul li a:focus{outline:none;text-decoration: none;}
.filter-year-list ul li.hide{display:none;}
.filter-year-service{display:none !important;}
.filter-year-service.open{display:block !important;}
.first-year-box{position:absolute;z-index:99;width:25%;}
.filter-year-wrap .year-slider-part{width:100%;overflow:inherit;}
.first-year-box .year-box-block h4{color: #bdbdbd;}
.first-year-box .year-box-block:hover h4{color: #242424;}
#filter-year-service-wrap{max-width:1170px;}
#collec-wrap{max-width:1170px;}
#collec-wrap .swiper-container{overflow: visible;}
.year-box-block { max-width: 275px;}

#modalBoutonCommander {border-radius: 2px;background-color: #f6f6f6; width:100%; display:block; width:100%; text-align:center; padding:16px;font-size: 11px;font-weight: 700;text-transform: uppercase;color: #a5a5a5; }
#modalBoutonCommander:hover {background:#004ea4; color:#fff;}
.page-anciens-numeros .modal img{
  max-width: 100%;
}
.page-anciens-numeros .modal h4{
  border: rgba(0, 78, 164,0.2) 1px solid;
}

.page-anciens-numeros .modal ul { padding-left: 0; list-style: none;}
.page-anciens-numeros .modal li {
  margin-left: 10px;
}
.page-anciens-numeros .modal li:before {
  content:"·";
  font-size:20px;
  vertical-align:middle;
  line-height:20px;
  margin-right: 5px;
}
.box-details{
  border: rgba(0, 78, 164,0.2) 1px solid;
  padding: 10px 10px 0 10px;
  margin-bottom: 5px;
  overflow: hidden;
}
.box-details button{
  float: right;
}

.desktop-hide{display:none;}

.autocomplete-suggestions {
  background-color: white;
  border: 1px solid #eee;
  overflow-y: auto;
}
.autocomplete-suggestion {
  cursor: pointer;
  padding: 5px 10px;
}
.autocomplete-suggestion:hover,
.autocomplete-suggestion.autocomplete-selected {
  background-color: #eee;
}
.autocomplete-suggestion mark {
  padding: 0;
  font-weight: bold;
  color: inherit;
  background-color: transparent;
}
.swiper-slide mark {
  padding: 0;
  color: white;
  background-color: #004ea4;
}

@media (min-width: 1161px) and (max-width: 1366px) {
	.nav>li>a{padding: 10px 5px;}
}
@media (min-width: 1025px) and (max-width: 1160px) {
  .nav>li>a{padding: 10px 3px;font-size: 14px;}
}
@media (max-width: 1024px) {
	.navbar-brand img {max-height: 40px;width: auto;}
	.navbar-toggle {    display: block;}
	.navbar-collapse.collapse {  display: none!important;}
	.numeros-top-title{padding-top:30px;}
	.nav-center .navbar-brand{float:left;}
	.navbar-collapse.collapse.in{display: block !important;}
	.navbar .nav {
    padding-top: 0;
    border-top: 1px solid rgba(0,0,0,.2);
    float: none!important;position: inherit;
    top: inherit;
    right: inherit;margin: 0;
  }
  .navbar.row {
    margin-left: 0;
    margin-right: 0;
  }
  .site-navigation {
    position: inherit;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
  .nav > li {
    margin-top: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: rgba(0,0,0,.05);
    text-align: left;
    padding-left: 15px;
    width: 100%;
  }
  .nav > li:hover {
    background: rgba(0,0,0,.08);
  }
  .dropdown .dropdown a .caret {
    float: none;
    margin: 5px 0 0 10px!important;
    border: 4px solid black;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
  }
  #hero-bloc .navbar .nav {
    background: rgba(0,0,0,.8);
  }
  #hero-bloc .navbar .nav a {
    color: rgba(255,255,255,.6);
  }
  .hero {
    padding: 50px 0;
  }
  .hero-nav {
    left: -1px;
    right: -1px;
  }
  .navbar-collapse {
    padding: 0;
    overflow-x: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-brand img {
    max-height: 40px;
    width: auto;
  }
  .nav-invert .navbar-header {
    float: none;
    width: 100%;
  }
  .nav-invert .navbar-toggle {
    float: left;
  }
}
@media (max-width: 991px) {
  .container-full{padding-bottom:50px;}
}
@media (max-width: 767px) {
	.search-filter-part .filter-btn {margin-left: 10px;}
	.search-filter-part form{padding-left: 30px; height: 49px;}
	.search-filter-part form button{left:15px;}
	.search-filter-part form label{font-size:13px;}
	.search-filter-part form input{font-size: 13px;width: calc(100% - 112px);}
	.filter-btn a{ width: 49px;line-height: 59px; height: 49px;}
	.filter-year-list ul li{margin: 0 3px 10px;}
	.filter-year-list ul{    margin: 0 -3px;}
	.filter-year-list ul li a{    padding: 10px 16px;}
  .numeros-top-title{padding-top:0;}
  .faits-documents .bloc-sm{padding:0;}
  .year-title{margin-top:0;}
  .year-title h5{margin-top:0;}
  .filter-year-service.open{margin-bottom:30px;}
  .container-full{padding-bottom:20px;}
  .container-full.nobottom{padding-top: 20px;}
}
@media (max-width: 530px) {
  .search-filter-part form label{display:none;}
  .search-filter-part form input{width:100%;}
  .desktop-hide{display:block;}
  .mobile-hide{display:none;}
}
.nav-active {
  border-bottom: 2px rgb(0, 87, 165) solid;
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

 /* Style the tab */
 .tab {
  overflow: hidden;
  text-align: right;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  position: relative;
  font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: rgb(0, 87, 165);
}

/* Create an active/current tablink class */
.tab button.active {
  color: rgb(0, 87, 165);
}

/* Style the tab content */
.tabcontent {
  display: none;
}
.flag{
  margin-left: 20px;
}
.flag:before {  
  position:absolute;
  width: 30px;
  height: 20px;
  content:"";
  display:block;
  left: -20px;
  background-size: 100%;
}
.flag-fr:before {
  background-image: url(../img/flag-fr.png);
  
}
.flag-uk:before {
  background-image: url(../img/flag-uk.png);
  
}
#article p,
#article h3,
#article h4,
#article div{
  color: #000000;
}

#article p {
  text-align: justify;
}

#article h3,
#article h4 {
  text-align: center;
}
#article blockquote {
  border-left: 5px solid rgb(0, 87, 165);
  margin-bottom: 45px;
}
#article .chapo {
  color: #666666;
}
#article hr {
  border-top: 2px solid rgb(0, 87, 165);
}

#article a {
  color: rgb(0, 87, 165);
  font-weight: bold;
}
.documents_center {
  text-align: center;
  margin: 30px auto;
  display: block;
}

.documents_center img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 70%;
  border: rgba(0, 87, 165, 1) 2px solid;
  border-radius: 5px;
  margin: 10px 0;
}

.documents_center .documents_caption {
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
}

.zoomImg, .containModal {
  cursor: pointer
}

.containModal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 4;  
  padding-top: 100px;  
  left: 0;  
  top: 0;  
  width: 100%;  
  height: 100%;  
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}
.modalContent {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 1920px;
}
.containModal img {
  width: 100%;
}
.containModal .caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  height: 150px;
}
/*Gab Font*/
@font-face {
  font-family: 'gab-font';
  src:  url('../fonts/gab-font.eot?88f047');
  src:  url('../fonts/gab-font.eot?88f047#iefix') format('embedded-opentype'),
    url('../fonts/gab-font.ttf?88f047') format('truetype'),
    url('../fonts/gab-font.woff?88f047') format('woff'),
    url('../fonts/gab-font.svg?88f047#gab-font') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconx-"], [class*=" iconx-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gab-font' !important;
  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;
}

.iconx-gab:before {
  content: "\e900";
}

.iconx-odysee:before {
  content: url(img/logo-odysee.svg);
  height: 30px;
  width: 30px;
  display: inline-block;
  opacity:0.6;
}
.iconx-odysee:hover:before {
  opacity:1;
}