html { overflow-y:scroll; }
#wrapper {
  background:#e4e5e7 url(https://www.velo-territoires.org/wp-content/themes/drc/extra/assets/img/pattern.png) left top repeat;
  padding-left:40px;
  position:relative;
}
#wrapper:after {
  background:#92ba52 url(https://www.velo-territoires.org/wp-content/themes/drc/extra/assets/img/pattern.png) left top repeat;
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:100%;
}
.main-wrapper {
  background:#ffffff;
  overflow:hidden;
  position:relative;
}
.main-wrapper > .inner {
  display:flex;
  margin:auto;
  max-width:1200px;
  width:100%;
}
@media only screen and (max-width: 1160px) {
  .main-wrapper > .inner { display:block; }
}
.main-wrapper:before {
  background:#e4e5e7;
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
}
.main-wrapper.without-menu > .inner { max-width:1560px !important; }
.main-wrapper.without-menu > .inner .tableauPlaceholder, .main-wrapper.without-menu > .inner iframe { width:100% !important; }
.main-wrapper.without-menu #content .inner { padding:80px 60px 0 !important; }
@media only screen and (max-width: 1240px) {
  #wrapper { padding-left:0; }
  #wrapper:after { display:none; }
  .main-wrapper .inner { display:block; }
}
#post-header {
  margin:auto;
  width:1560px;
  max-width:100%;
}
#post-header .post-image { margin-top:-80px; }
@media only screen and (max-width: 1240px) {
  #post-header .post-image { margin:0; }
}
#arianne {
  background:#ffffff;
  color:#173c86;
  font-size:14px;
  font-weight:700;
  min-height:60px;
}
@media only screen and (max-width: 1240px) {
  #arianne { display:none; }
}
#arianne .inner {
  align-items:center;
  display:flex;
  margin:auto;
  max-width:1200px;
  padding:4px 20px 0;
  height:60px;
  min-height:60px;
}
#arianne .current {
  color:#333333;
  font-weight:100;
}
#arianne .separator {
  display:inline-block;
  margin:0 15px;
  width:12px;
  height:9px;
}
#arianne .separator .icon {
  display:block;
  width:100%;
  height:100%;
}
.content .post-update-date {
  color:#8bb043;
  font-size:14px;
  font-weight:300;
  margin-top:-6px;
  margin-bottom:14px;
}
#submenu {
  background:#e4e5e7;
  flex:0 0 auto;
  padding:97px 60px 60px 0;
  position:relative;
  z-index:20;
  width:400px;
}
#submenu:after {
  background:#e4e5e7;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:-50vw;
  z-index:-1;
}
#submenu .menu-title {
  color:#2b4043;
  border-bottom:2px solid #c3cad9;
  display:block;
  font-size:22px;
  font-weight:900;
  line-height:30px;
  padding:0 0 21px 20px;
}
#submenu .menu {
  font-size:18px;
  font-weight:300;
  list-style:none;
  overflow:hidden;
  padding-top:9px;
}
#submenu .page-item a {
  color:#333333;
  display:block;
  border-bottom:1px solid #c3cad9;
  padding:12px 0 12px 20px;
  position:relative;
  z-index:1;
}
#submenu .current-page-item > a {
  color:#173c86;
  cursor:default;
  font-weight:900;
}
#submenu .page-item:not(.current-page-item) > a:after {
  background:#8bb043;
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:2px;
  transform:scaleX(0);
  transform-origin:0 0;
  transition:transform 600ms ease-in-out;
}
#submenu .page-item:not(.current-page-item) > a:hover { color:#8bb043; }
#submenu .page-item:not(.current-page-item) > a:hover:after { transform:scaleX(1); }
#submenu .menu-has-children { position:relative; }
#submenu .menu-has-children > a { padding-left:30px; }
#submenu .menu-has-children .menu-has-children-toggle {
  display:inline-block;
  position:absolute;
  top:-4px;
  left:5px;
  width:20px;
  height:55px;
  z-index:20;
}
#submenu .menu-has-children .menu-has-children-toggle .inner {
  display:block;
  width:100%;
  height:100%;
}
#submenu .menu-has-children .menu-has-children-toggle .inner:before, #submenu .menu-has-children .menu-has-children-toggle .inner:after {
  background-color:#173c86;
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform-origin:center;
  width:10px;
  height:2px;
  transition:transform 200ms ease-in-out;
}
#submenu .menu-has-children .menu-has-children-toggle .inner:before { transform:translateX(-50%) translateY(-50%); }
#submenu .menu-has-children .menu-has-children-toggle .inner:after { transform:translateX(-50%) translateY(-50%) rotate(-90deg); }
#submenu .menu-has-children .menu-has-children-toggle.open .inner:after { transform:translateX(-50%) translateY(-50%) rotate(0); }
#submenu .parent-page-item > a { font-weight:900; }
#submenu .menu .menu { padding-left:20px; }
@media only screen and (max-width: 1240px) {
  #submenu { display:none; }
}
#content {
  margin:0;
  width:100%;
}
#content .inner { padding:80px 20px 0 60px; }
@media only screen and (max-width: 1240px) {
  #content {
    margin:0 auto;
    max-width:760px;
  }
  #content .inner { padding:20px; }
}
.header {
  display:flex;
  flex-wrap:wrap;
  line-height:40px;
  padding:0 19px;
  position:relative;
  z-index:30;
}
.header .title {
  color:#173c86;
  flex:1 1 auto;
  font-size:40px;
  font-weight:900;
  line-height:40px;
  margin-bottom:10px;
  padding-right:20px;
}
.header .navigation {
  align-content:center;
  align-items:center;
  background:#ffffff;
  display:flex;
  flex:0 1 auto;
  height:50px;
  white-space:nowrap;
}
.header .navigation .link {
  background:#ffffff;
  color:#173c86;
  outline:1px solid #d1d8e7;
  outline-offset:-1px;
  font-size:20px;
  font-weight:900;
  display:block;
  margin-right:-1px;
  padding:6px 15px 4px;
  position:relative;
  z-index:1;
}
.header .navigation .link:after {
  background:#173c86;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  transform:scaleX(0);
  transform-origin:0 0;
  transition:transform 600ms ease-in-out;
}
.header .navigation .link:hover { color:#ffffff; }
.header .navigation .link:hover:after { transform:scaleX(1); }
.share {
  align-items:center;
  border-top:1px solid #e4e5e7;
  clear:both;
  display:flex;
  margin:60px 0 10px 0;
  padding:0 0 0 60px;
  position:relative;
  height:60px;
}
@media only screen and (max-width: 600px) {
  .share { padding-left:30px; }
}
.share .button-share {
  background:transparent;
  color:#8bb043;
  flex:0 0 auto;
  font-weight:700;
  padding:3px 0 0 35px;
  position:relative;
  transition:color 300ms ease-in-out;
}
.share .button-share .icon {
  fill:#8bb043;
  position:absolute;
  top:6px;
  left:0;
  width:19px;
  height:20px;
  transition:fill 300ms ease-in-out;
}
.share .button-share:hover, .share .button-share.active { color:#173c86; }
.share .button-share:hover .icon, .share .button-share.active .icon { fill:#173c86; }
.share .extra-social-wrapper {
  align-items:center;
  display:flex;
  flex:1 1 auto;
  margin-left:30px;
  overflow:hidden;
  height:100%;
}
@media only screen and (max-width: 330px) {
  .share .extra-social-wrapper { margin-left:10px; }
}
.share .extra-social-button {
  background-color:#173c86;
  border-radius:100%;
  display:inline-block;
  margin:5px 0 0 10px;
  position:relative;
  transition:background-color 300ms ease-in-out;
  vertical-align:top;
  width:30px;
  height:30px;
}
.share .extra-social-button:active, .share .extra-social-button:hover { background-color:#8bb043; }
.share .extra-social-button .icon {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-8px;
  margin-left:-8px;
  height:16px;
  width:16px;
}
.share .extra-social-button .icon { fill:#ffffff; }
.share h3 {
  font-size:30px;
  line-height:40px;
  padding:30px 0;
}
#loginform, .wpcf7, .extra-form, #wppb-recover-password {
  position:relative;
  padding-bottom:60px;
}
#loginform p, .wpcf7 p, .extra-form p, #wppb-recover-password p {
  margin:0 0 10px 0;
  position:relative;
}
#loginform label, .wpcf7 label, .extra-form label, #wppb-recover-password label {
  display:block;
  font-size:16px;
  font-weight:300;
  line-height:20px;
  padding:0 0 5px 0;
}
#loginform .wpcf7-form-control-wrap, .wpcf7 .wpcf7-form-control-wrap, .extra-form .wpcf7-form-control-wrap, #wppb-recover-password .wpcf7-form-control-wrap {
  display:block;
  width:100%;
}
#loginform .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha), #loginform input[type="password"], #loginform input[type="search"], #loginform input[type="email"], #loginform input[type="text"], .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha), .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="email"], .wpcf7 input[type="text"], .extra-form .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha), .extra-form input[type="password"], .extra-form input[type="search"], .extra-form input[type="email"], .extra-form input[type="text"], #wppb-recover-password .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha), #wppb-recover-password input[type="password"], #wppb-recover-password input[type="search"], #wppb-recover-password input[type="email"], #wppb-recover-password input[type="text"] {
  background-color:#ffffff;
  border:1px solid #d1d8e7;
  color:#173c86;
  font-weight:900;
  display:block;
  line-height:20px;
  padding:10px;
  width:100%;
  height:40px;
  max-width:320px;
}
#loginform .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha).wpcf7-form-control.wpcf7-textarea, #loginform input[type="password"].wpcf7-form-control.wpcf7-textarea, #loginform input[type="search"].wpcf7-form-control.wpcf7-textarea, #loginform input[type="email"].wpcf7-form-control.wpcf7-textarea, #loginform input[type="text"].wpcf7-form-control.wpcf7-textarea, .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha).wpcf7-form-control.wpcf7-textarea, .wpcf7 input[type="password"].wpcf7-form-control.wpcf7-textarea, .wpcf7 input[type="search"].wpcf7-form-control.wpcf7-textarea, .wpcf7 input[type="email"].wpcf7-form-control.wpcf7-textarea, .wpcf7 input[type="text"].wpcf7-form-control.wpcf7-textarea, .extra-form .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha).wpcf7-form-control.wpcf7-textarea, .extra-form input[type="password"].wpcf7-form-control.wpcf7-textarea, .extra-form input[type="search"].wpcf7-form-control.wpcf7-textarea, .extra-form input[type="email"].wpcf7-form-control.wpcf7-textarea, .extra-form input[type="text"].wpcf7-form-control.wpcf7-textarea, #wppb-recover-password .wpcf7-form-control:not(.wpcf7-submit):not(.g-recaptcha).wpcf7-form-control.wpcf7-textarea, #wppb-recover-password input[type="password"].wpcf7-form-control.wpcf7-textarea, #wppb-recover-password input[type="search"].wpcf7-form-control.wpcf7-textarea, #wppb-recover-password input[type="email"].wpcf7-form-control.wpcf7-textarea, #wppb-recover-password input[type="text"].wpcf7-form-control.wpcf7-textarea {
  height:260px;
  max-width:520px;
}
#loginform .wpcf7-submit, .wpcf7 .wpcf7-submit, .extra-form .wpcf7-submit, #wppb-recover-password .wpcf7-submit {
  border:0;
  width:auto;
}
#loginform .wpcf7-not-valid-tip, .wpcf7 .wpcf7-not-valid-tip, .extra-form .wpcf7-not-valid-tip, #wppb-recover-password .wpcf7-not-valid-tip {
  color:#b24d4d;
  position:absolute;
  top:9px;
  left:0;
  font-size:12px;
  line-height:20px;
  text-align:right;
  width:100%;
  max-width:320px;
}
#loginform .screen-reader-response, .wpcf7 .screen-reader-response, .extra-form .screen-reader-response, #wppb-recover-password .screen-reader-response {
  margin-bottom:30px;
  max-width:320px;
}
#loginform .screen-reader-response ul, .wpcf7 .screen-reader-response ul, .extra-form .screen-reader-response ul, #wppb-recover-password .screen-reader-response ul { display:none; }
#loginform .wpcf7-response-output, .wpcf7 .wpcf7-response-output, .extra-form .wpcf7-response-output, #wppb-recover-password .wpcf7-response-output {
  color:#b24d4d;
  margin:20px 0;
  padding:10px;
  position:relative;
  top:100%;
  left:0;
}
#loginform .image, .wpcf7 .image, .extra-form .image, #wppb-recover-password .image {
  display:inline-block;
  vertical-align:top;
  width:110px;
}
#loginform .wpcf7-form-control.wpcf7-captchac, .wpcf7 .wpcf7-form-control.wpcf7-captchac, .extra-form .wpcf7-form-control.wpcf7-captchac, #wppb-recover-password .wpcf7-form-control.wpcf7-captchac { width:auto; }
#loginform .wpcf7-form-control-wrap.captcha-share, .wpcf7 .wpcf7-form-control-wrap.captcha-share, .extra-form .wpcf7-form-control-wrap.captcha-share, #wppb-recover-password .wpcf7-form-control-wrap.captcha-share {
  display:inline-block;
  vertical-align:top;
  width:calc(100% - 110px);
}
#loginform .ajax-loader, .wpcf7 .ajax-loader, .extra-form .ajax-loader, #wppb-recover-password .ajax-loader {
  background:#ffffff;
  border:1px solid #bfbfbf;
  border-radius:100%;
  margin:-25px 0 0 -25px;
  position:fixed;
  top:50%;
  left:50%;
  z-index:30;
  padding:20px;
  display:none;
  animation-delay:-1s;
}
#loginform .ajax-loader::after, #loginform .ajax-loader::before, .wpcf7 .ajax-loader::after, .wpcf7 .ajax-loader::before, .extra-form .ajax-loader::after, .extra-form .ajax-loader::before, #wppb-recover-password .ajax-loader::after, #wppb-recover-password .ajax-loader::before {
  content:'';
  width:100%;
  height:100%;
  border-radius:50%;
  background-color:#333;
  opacity:0.6;
  position:absolute;
  top:0;
  left:0;
  -webkit-animation:sk-doubleBounce 2s infinite ease-in-out;
  animation:sk-doubleBounce 2s infinite ease-in-out;
}
#loginform .ajax-loader, #loginform .ajax-loader::after, .wpcf7 .ajax-loader, .wpcf7 .ajax-loader::after, .extra-form .ajax-loader, .extra-form .ajax-loader::after, #wppb-recover-password .ajax-loader, #wppb-recover-password .ajax-loader::after { -webkit-animation-delay:-1s; }
#loginform .ajax-loader.is-active, .wpcf7 .ajax-loader.is-active, .extra-form .ajax-loader.is-active, #wppb-recover-password .ajax-loader.is-active { display:block; }
#loginform .g-recaptcha, .wpcf7 .g-recaptcha, .extra-form .g-recaptcha, #wppb-recover-password .g-recaptcha {
  border:0;
  padding:0;
  height:auto;
  margin-bottom:20px;
}
#loginform .wpcf7-form-control-wrap.rgpd, .wpcf7 .wpcf7-form-control-wrap.rgpd, .extra-form .wpcf7-form-control-wrap.rgpd, #wppb-recover-password .wpcf7-form-control-wrap.rgpd { margin-bottom:10px; }
#loginform .wpcf7-form-control-wrap.rgpd + span, .wpcf7 .wpcf7-form-control-wrap.rgpd + span, .extra-form .wpcf7-form-control-wrap.rgpd + span, #wppb-recover-password .wpcf7-form-control-wrap.rgpd + span { font-size:12px; }
#loginform .wpcf7-form-control-wrap.rgpd .wpcf7-form-control, .wpcf7 .wpcf7-form-control-wrap.rgpd .wpcf7-form-control, .extra-form .wpcf7-form-control-wrap.rgpd .wpcf7-form-control, #wppb-recover-password .wpcf7-form-control-wrap.rgpd .wpcf7-form-control {
  display:block;
  position:relative;
  max-width:100%;
  height:auto;
}
#loginform .wpcf7-form-control-wrap.rgpd .wpcf7-form-control input, .wpcf7 .wpcf7-form-control-wrap.rgpd .wpcf7-form-control input, .extra-form .wpcf7-form-control-wrap.rgpd .wpcf7-form-control input, #wppb-recover-password .wpcf7-form-control-wrap.rgpd .wpcf7-form-control input {
  position:absolute;
  top:3px;
  left:0;
}
#loginform .wpcf7-form-control-wrap.rgpd .wpcf7-form-control .wpcf7-list-item, .wpcf7 .wpcf7-form-control-wrap.rgpd .wpcf7-form-control .wpcf7-list-item, .extra-form .wpcf7-form-control-wrap.rgpd .wpcf7-form-control .wpcf7-list-item, #wppb-recover-password .wpcf7-form-control-wrap.rgpd .wpcf7-form-control .wpcf7-list-item {
  display:block;
  position:relative;
  padding-left:25px;
  font-weight:600;
  font-size:12px;
}
#loginform #rgpd, .wpcf7 #rgpd, .extra-form #rgpd, #wppb-recover-password #rgpd {
  max-width:520px;
  border:none;
  height:80px;
}
#loginform #rgpd span span, .wpcf7 #rgpd span span, .extra-form #rgpd span span, #wppb-recover-password #rgpd span span { padding:10px; }
@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform:scale(0);
    transform:scale(0);
  }
  50% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform:scale(0);
    transform:scale(0);
  }
  50% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}