/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 /* Large screen */
@media (min-width: 1220px) {
  .tm-block-footer-bg {
    margin-top: 70px;
  }
  .tm-footer {
    margin-top: 70px;
  }
}
/* Xlarge screen */
@media (min-width: 1360px) {
  .tm-navbar {
    margin-bottom: 70px;
  }
}
.tm-block-footer-bg + .tm-footer {
  margin-top: 0;
}

/* Links
 ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/*
 * Improve readability of focused elements when they are also in an active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/*
 * Style
 */
a,
.uk-link {
  color: #3D5B96;
  text-decoration: none;
  cursor: pointer;
  font-family: Helvetica, Arial, verdana;
}
a:focus,
.uk-link:focus {
  text-decoration: none;
}
a:hover,
.uk-link:hover {
  color: #5c5c5c;
  text-decoration: none;
}

/*
 * Emphasize GBACIVIS : balise em en blue
 */
em {
  color: #2196f3;
}


/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  font-weight: 100;
  color: #334c7c;
  text-transform: none;
  font-weight: bold;
  font-family: Helvetica, Arial, verdana;
}
/*
 * Margins
 */
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 20px;
}
/*
 * Sizes
 */
h1,
.uk-h1 {
  font-size: 32px;
  line-height: 34px;
}
@media (max-width: 768px) {
  h1,
  .uk-h1 {
    font-size: 32px;
    line-height: 34px;
  }
}
h2,
.uk-h2 {
  font-size: 28px;
  line-height: 30px;
}
@media (max-width: 768px) {
  h2,
  .uk-h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
h3,
.uk-h3 {
  font-size: 24px;
  line-height: 34px;
}
h4,
.uk-h4 {
  font-size: 22px;
  line-height: 26px;
}
h5,
.uk-h5 {
  font-size: 18px;
  line-height: 24px;
}
h6,
.uk-h6 {
  font-size: 16px;
  line-height: 20px;
}

/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items test 2020_10_21 modification GBA pour les menus de droite top-B secondary header "bleu"!
 */
.uk-nav-side > li > a {
  color: #000000;
}


/* Titres aux couleurs du thème CIVIS ====================================== */
.titv20 {
  font-size: 1.250em;
  line-height: 1.375em;
  font-weight: bold;
  color: #008000;
  margin-top: 0px;
}

.titb20 {
  font-size: 1.250em;
  line-height: 1.375em;
  font-weight: bold;
  color: #334c7c;
  margin-top: 0px;
}

.titv18 {
  font-size: 1.125em;
  line-height: 1.250em;
  font-weight: bold;
  color: #008000;
  margin-top: 0px;
}
.titv16 {
  font-size: 1.000em;
  line-height: 1.125em;
  font-weight: bold;
  color: #008000;
  margin-top: 0px;
}
.titv14 {
  font-size: 0.875em;
  line-height: 1.0em;
  font-weight: bold;
  color: #008000;
  margin-top: 0px;
}

.titf20 {
  font-size: 1.250em;
  line-height: 1.375em;
  font-weight: bold;
  color: #e6007e;
  margin-top: 0px;
}
.titf18 {
  font-size: 1.125em;
  line-height: 1.250em;
  font-weight: bold;
  color: #e6007e;
  margin-top: 0px;
}
.titf16 {
  font-size: 1.000em;
  line-height: 1.125em;
  font-weight: bold;
  color: #e6007e;
  margin-top: 0px;
}
.titf14 {
  font-size: 0.875em;
  line-height: 1.0em;
  font-weight: bold;
  color: #e6007e;
  margin-top: 0px;
}

.titj20 {
  font-size: 1.250em;
  line-height: 1.375em;
  font-weight: bold;
  color: #eccf00;
  margin-top: 0px;
}
.titj18 {
  font-size: 1.125em;
  line-height: 1.250em;
  font-weight: bold;
  color: #eccf00;
  margin-top: 0px;
}
.titj16 {
  font-size: 1.000em;
  line-height: 1.125em;
  font-weight: bold;
  color: #eccf00;
  margin-top: 0px;
}
.titj14 {
  font-size: 0.875em;
  line-height: 1.0em;
  font-weight: bold;
  color: #eccf00;
  margin-top: 0px;
}
/* Titres aux couleurs du thème CIVIS ================================[FIN]====== */


/* Titres des menus des Directions : modules en top-b============================ */
.uk-panel-box.uk-panel-header .uk-panel-title {
  background-color: #334c7c;
  border-radius: 0 0 0 0;
  padding: 15px 30px;
  margin-top: -30px;
  margin-bottom: 30px;
  margin-right: -30px;
  margin-left: -30px;
  font-weight: bold;
  color: #f0d91a;
}
/* Titres des menus des Directions : modules en top-b============================ */




/* ========================================================================
   Component: Accordion
 ========================================================================== */
/* Sub-object: `uk-accordion-title`
 ========================================================================== */
.uk-accordion-title {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 5 5 5 5;
  background: rgba(0, 0, 0, 0);
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  border-bottom: 1px solid #0047b6;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0px;
}

/* Style modifications
 ========================================================================== */
/*
 * Block
 */
/* Contrast */
.tm-tabs-monday .tm-overlay-content {
  background-color: rgba(255, 255, 255, 0.8);
}
/* Backgrounds */

/* Desktop */
@media (min-width: 960px) {
  .tm-tabs-monday .tm-overlay-content {
    padding: 50px;
  }
}
/* Tablet and desktop */
@media (min-width: 768px) {
  .tm-tabs-monday .uk-tab {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .tm-tabs-monday .uk-tab > li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
  }
  .tm-tabs-monday .uk-tab li a {
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
	background-color: ;
  }
}
.tm-tabs-monday .uk-tab li {
  cursor: pointer;
  background: #ffffff;
}
.tm-tabs-monday .uk-tab li.uk-tab-responsive {
  float: none;
}
.tm-tabs-monday .uk-tab-responsive li a {
  padding: 10px 30px;
}
.tm-tabs-monday .uk-tab li a {
  border: none;
}
.tm-tabs-monday .uk-tab li h3 {
  margin: 0px;
}
.tm-tabs-monday .uk-tab li.uk-active {
  background: #C7CFDF;
}

/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge {
  display: inline-block;
  padding: 0 0;
  background: rgba(0, 0, 0, 0);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  color: #4b70b6;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  margin-bottom: 10px;
  letter-spacing: 1px;
  text-align: left;
  text-shadow: 0 2px 2px #a1a1a1;
}

/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-breadcrumb {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.uk-breadcrumb a {
  color: #adadae;
}
.uk-breadcrumb a:hover {
  color: #e9cc00;
}
.uk-breadcrumb .uk-active > span {
  color: #e9cc00;
}
/* Items
 ========================================================================== */
/*
 * Reset whitespace hack
 */
.uk-breadcrumb > li {
  font-size: 8px;
  vertical-align: top;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
  display: inline-block;
}
.uk-breadcrumb > li:nth-child(n+2):before {
  content: '/';
  display: inline-block;
  margin: 0 5px;
  color: #adadae;
}
/*
 * Disabled
 */
.uk-breadcrumb > li:not(.uk-active) > span {
  color: #d3d3d4;
}
.tm-article-box .uk-breadcrumb a,
.uk-panel-box .uk-breadcrumb a {
  color: #adadae;
}
.tm-article-box .uk-breadcrumb a:hover,
.uk-panel-box .uk-breadcrumb a:hover {
  color: #5c5c5c;
}
.tm-article-box .uk-breadcrumb .uk-active > span,
.uk-panel-box .uk-breadcrumb .uk-active > span {
  color: #5c5c5c;
}

/* Sub-object: `uk-panel-title` --------------------------- Titres widgets GRID Pratique [GBA]
 ========================================================================== */
.uk-panel-title {
  margin-top: 10;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  text-transform: none;
  color: #5c5c5c;
}


/* ========================================================================
   Component: Article
 ========================================================================== */
/*
 * Micro clearfix to make articles more robust
 */
.uk-article:before,
.uk-article:after {
  content: "";
  display: table;
}
.uk-article:after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.uk-article > :last-child {
  margin-bottom: 0;
}
/*
 * Vertical gutter for articles
 */
.uk-article + .uk-article {
  margin-top: 5px;
}
/* Sub-object `uk-article-title`
 ========================================================================== */
.uk-article-title {
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  text-transform: none;
  font-family: Helvetica, Arial, verdana;
}
.uk-article-title a {
  color: inherit;
  text-decoration: none;
}
/* Sub-object `uk-article-meta`
 ========================================================================== */
.uk-article-meta {
  font-size: 10px;
  line-height: 10px;
  color: #adadae;
  font-weight: normal;
  text-transform: none;
  letter-spacing: none;
  /* Tablet and smaller */
}
@media (max-width: 960px) {
  .uk-article-meta {
    font-size: 11px;
  }
}
/* Sub-object `uk-article-lead`
 ========================================================================== */
.uk-article-lead {
  color: #5c5c5c;
  font-size: 18px;
  line-height: 18px;
  font-weight: 100;
}
/* Sub-object `uk-article-divider`
 ========================================================================== */
.uk-article-divider {
  margin-bottom: 20px;
  border-color: #dddddd;
}
* + .uk-article-divider {
  margin-top: 5px;
}



/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-navbar > li > a {
  color: #eccf00;
  padding-left: 30px;
  padding-right: 10px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: rgba(0, 0, 0, 0);
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-navbar .uk-nav-header {
  color: #ffffff;
  padding-left: 30px;
  padding-right: 5px;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-navbar .uk-nav-divider {
  border-top: 1px solid rgba(221, 221, 221, 0.2);
}
/*
 * Nested items
 */
.uk-nav-navbar ul a {
  color: #eccf00;
}
.uk-nav-navbar ul a:hover {
  color: #ffffff;
}

.uk-nav-navbar li.uk-active > a {
  color: #ffffff;
}  
/* =============================TEST GBA sur .uk-nav-navbar li.uk-active > a =========================================== */  

/* ========================================================================
   Component: Nav
 ========================================================================== */
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Items
 */
.uk-nav li > a {
  display: block;
  text-decoration: none;
}
.uk-nav > li > a {
  padding: 8px 10;
}
/*
 * Nested items
 */
.uk-nav ul {
  padding-left: 15px;
}
.uk-nav ul a {
  padding: 2px 0 0 15px;
}
/*
 * Item subtitle
 */
.uk-nav li > a > div {
  font-size: 11px;
  line-height: 11px;
}
/* Sub-object: `uk-nav-header`
 ========================================================================== */
.uk-nav-header {
  padding: 8px 0;
  text-transform: lowercase;
  font-size: 11px;
  font-weight: none;
  letter-spacing: 1px;
}
.uk-nav-header:not(:first-child) {
  margin-top: 5px;
}




/* Xlarge screen // espace sous le menu principal : margin-bottom: 5px; */
@media (min-width: 1360px) {
  .tm-navbar {
    margin-bottom: 10px;
  }
}
.tm-block-footer-bg + .tm-footer {
  margin-top: 0;
}
/* Block Padding Large */
/* Tablet and desktop */
@media (min-width: 768px) {
  .tm-block-padding-large {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}



/* ========================================================================
   Component: Dropdown // GBA : "ajustements menu déroulant principal"
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set width
 */
.uk-dropdown,
.uk-dropdown-blank {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  /* 3 */
  box-sizing: border-box;
  /* 4 */
  width: 250px;
}
/*
 * Dropdown style
 * 1. Reset button group whitespace hack
 */
.uk-dropdown {
  padding: 10px;
  background: #4f5157;
  color: #adadae;
  /* 1 */
  font-size: 14px;
  vertical-align: top;
}
.uk-dropdown a:hover {
  color: #ffffff;
}
/* Focus */
.uk-dropdown:focus {
  outline: none;
}
/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */
.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
  /* 1 */
  display: block;
  /* 2 */
  -webkit-animation: uk-fade 0.2s ease-in-out;
  animation: uk-fade 0.2s ease-in-out;
  /* 3 */
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */
.uk-dropdown-navbar {
  margin-top: 4px;
  background: #4b70b6;
  color: #fee324;
}


/* Blog
 ========================================================================== */
.tm-noblog .tm-content,
.tm-isblog .tm-article.tm-article-box,
.yoo-zoo .uk-article {
  border-radius: 0;
  padding: 25px;
  box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);
  background: #ffffff;
}
.tm-article.tm-article-box .tm-article-image {
  margin-top: -50px;
  margin-left: -50px;
  margin-right: -50px;
}
/* Tablet and smaller */
@media (max-width: 960px) {
  .tm-leading-article .tm-article .tm-article-image {
    margin-bottom: 50px;
  }
  .tm-article-image {
    border-radius: 0 0 0 0;
  }
}
/* Desktop */
@media (min-width: 960px) {
  .uk-flex-order-last-large .tm-article-image {
    border-radius: 0 0 0 0;
  }
  .tm-article-image {
    border-radius: 0 0 0 0;
  }
  .tm-article.tm-article-box .uk-row-first .tm-article-image {
    margin-right: 50px;
    margin-bottom: -50px;
  }
  .tm-article.tm-article-box [class*="uk-flex-order-last"] .tm-article-image {
    margin-left: 50px;
    margin-right: -50px;
    margin-bottom: -50px;
  }
}
.tm-article .uk-article-meta span:not(:first-child):before {
  content: "//";
  margin: 0 10px;
}

/* Badge overrides (description de categories cf. nbre articles)
 ========================================================================== */
.label,
.badge {
  /* Reset */
  text-shadow: none;
  /* Overrides */
  padding: 0 0;
  background: rgba(0, 0, 0, 0);
  font-size: 12px;
  line-height: 18px;
  color: #213866;
  text-align: center;
  font-weight: 400;
  vertical-align: middle;
  margin-bottom: 10px;
  letter-spacing: 2px;
  text-align: left;
}
.badge {
  /* Overrides */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 19px;
  border-radius: 500px;
  font-size: 13px;
  line-height: 19px;
}
.label-important,
.badge-important {
  background-color: rgba(0, 0, 0, 0);
  color: #d72a68;
}
.label-warning,
.badge-warning {
  background-color: rgba(0, 0, 0, 0);
  color: #eec62b;
}
.label-success,
.badge-success {
  background-color: rgba(0, 0, 0, 0);
  color: #3d5b94;
  text-align: left;
}



/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.uk-pagination {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */
  text-align: center;
  /* 3 */
  font-size: 0.001px;
}
/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.uk-pagination:before,
.uk-pagination:after {
  content: "";
  display: table;
}
.uk-pagination:after {
  clear: both;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.uk-pagination > li {
  display: inline-block;
  /* 1 */
  font-size: 14px;
  /* 2 */
  vertical-align: top;
}
.uk-pagination > li:nth-child(n+2) {
  margin-left: 5px;
}
/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.uk-pagination > li > a,
.uk-pagination > li > span {
  display: inline-block;
  min-width: 8px;
  padding: 3px 10px;
  line-height: 16px;
  text-decoration: none;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/*
 * Links
 */
.uk-pagination > li > a {
  background: rgba(0, 0, 0, 0);
  color: #adadae;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #5c5c5c;
  /* 2 */
  outline: none;
}
/* OnClick */
.uk-pagination > li > a:active {
  background-color: rgba(0, 0, 0, 0);
  color: #5c5c5c;
}
/*
 * Active
 */
.uk-pagination > .uk-active > span {
  background: rgba(0, 0, 0, 0);
  color: #5c5c5c;
  font-size: 18px;
}
/*
 * Disabled
 */
.uk-pagination > .uk-disabled > span {
  background-color: rgba(0, 0, 0, 0);
  color: #adadae;
}
/* Previous and next navigation
 ========================================================================== */
.uk-pagination-previous {
  float: left;
}
.uk-pagination-next {
  float: right;
}
/* Alignment modifiers
 ========================================================================== */
.uk-pagination-left {
  text-align: left;
}
.uk-pagination-right {
  text-align: right;
}
.uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-pagination > li > a {
  color: #adadae;
}
.uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-pagination > li > a:hover,
.uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-pagination > li > a:focus {
  color: #5c5c5c;
}
.uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-pagination > .uk-active > span {
  color: #5c5c5c;
}

/* CIVIS - infobulle de DPCALENDAR
 ========================================================================== */
.tooltipster-content {
     background-color: rgba(253, 223, 40, 1);
	 color: black;
}

.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: black;
	}
	
.fc-event-title {
	padding: 0 1px;
		color: black;
	}

/* ========================================================================
   Component: Tooltip : GBA modifes
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Set dimensions
 * 4. Set style
 */
.uk-tooltip {
  max-width: 250px;
  padding: 10px 10px;
  word-break: normal;
}
	
/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * 1. Required for `a` elements
 * 2. Dimension
 * 3. Style
 */
.uk-slidenav {
  /* 1 */
  display: inline-block;
  /* 2 */
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  /* 3 */
  line-height: 50px;
  color: #f0d91a;
  font-size: 15px;
  text-align: center;
  background: rgb(51 76 124 / .8);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 * 4. Style
 */
.uk-slidenav:hover,
.uk-slidenav:focus {
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  /* 4 */
  color: #a9a9a9;
  cursor: pointer;
}
/* Active */
.uk-slidenav:active {
  color: #a9a9a9;
}
/*
 * Icons
 */
.uk-slidenav-previous:before {
  content: '◄';
  font-size: 36px;
  font-family: FontAwesome;
}
.uk-slidenav-next:before {
  content: '►';
  font-size: 36px;
  font-family: FontAwesome;
}
/* Sub-object: `uk-slidenav-position`
 ========================================================================== */
/*
 * Create position context
 */
.uk-slidenav-position {
  position: relative;
}
/*
 * Center vertically
 */
.uk-slidenav-position .uk-slidenav {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -25px;
}
.uk-slidenav-position:hover .uk-slidenav {
  display: block;
}
.uk-slidenav-position .uk-slidenav-previous {
  left: 10px;
}
.uk-slidenav-position .uk-slidenav-next {
  right: 10px;
}
/* Modifier: `uk-slidenav-contrast`
 ========================================================================== */
.uk-slidenav-contrast {
  color: #fee324;
  background: #213866c2;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
  color: rgba(254, 227, 36, 0.4);
}
/* Active */
.uk-slidenav-contrast:active {
  color: #fee324;
}
.uk-slidenav-next {
  margin-left: -4px;
}
.uk-slidenav-previous:before,
.uk-slidenav-next:before {
  font-family: 'Monday';
}
html[dir="rtl"] body .uk-slidenav-previous::before {
  content: '\e901';
}
html[dir="rtl"] body .uk-slidenav-next::before {
  content: '\e902';
}

/* ========================================================================
   Component: Progress
 ========================================================================== */
/*
 * 1. Clearing
 * 2. Vertical alignment if text is used
 */
.uk-progress {
  box-sizing: border-box;
  height: 20px;
  margin-bottom: 15px;
  background: rgba(75, 112, 182, 0.52);
  /* 1 */
  overflow: hidden;
  /* 2 */
  line-height: 20px;
}
/*
 * Add margin if adjacent element
 */
* + .uk-progress {
  margin-top: 15px;
}
	
	
/*
 * GBA : filet de séparation de tableau vertical
 */
.GBAtabs-VL {
	border-right: thin dotted #A9A9A9;
}	


/* -----------------------------------------------------------------------
 CSS TABCIV by MisterGBA
   -------------------------------------------------------------------------   */

#background-image tbody tr:hover td
{
	color: #99333F;
	background: none;
}


#tabciv-style
{
	font-family: "Wendy One", "Arial", "Helvetica", Sans-Serif;
	font-size: 14px;
	margin: 0px;
	width: ;
	text-align: left;
	border-collapse: collapse;
}
#tabciv-style th
{
	font-size: 16px;
	font-weight: normal;
	padding: 10px;
	background: #4A5EA2;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #DEE2EC;
}
#tabciv-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: linear-gradient(hsla(226,38%,80%,1.00), hsla(226,100%,95%,1.00));
}

#tabciv-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#tabciv-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 14px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 20px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #2FD042;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

/* DIV Responsive =============================================== zone responsive GMAP / Youtube */
/* GBACIVIS : vidéos responsives à revoir ! */

.g-maps {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
    scrollwheel: false;
}

.g-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.videoresp {
	position: relative;
	padding-bottom: ;
	padding-top: ;
	height: auto;
	overflow: hidden;
}

.videoresp iframe,  
.videoresp object,  
.videoresp embed {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* GBACIVIS : EMBED PDF responsives============================================================== */
/* CSS for responsive iframe */
/* ========================= */
/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Master-CC-and-Rs {
  max-width: 100%;
  max-height: 100%; 
  overflow: hidden;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
  position: relative;
  height: 0;    /* gets height from padding-bottom */
  
  /* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
    -webkit-overflow-scrolling: touch; overflow: auto; */
  
}
 
.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  margin: 0;
  padding: 0;
  border: none;
}

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-572x612 {
  padding-bottom: 107%;
}

/* general styles */
/* ============== */
.set-border {
  border: 1px inset #4f4f4f;
}
.set-box-shadow { 
  -webkit-box-shadow: 4px 4px 14px #4f4f4f;
  box-shadow: 4px 4px 14px #4f4f4f;
}
.set-padding {
  padding: 10px;
}
.set-margin {
  margin: 10px;
}
.center-block-horiz {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* GBACIVIS : EMBED PDF responsives====================================FIN */

 
 /* CIVIS images : cadres ombrés taille auto================================= */
.civishadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px 10px 20px 10px;
    background: white;
}

/* image fit the box */
.civishadow img {
    width: 100%;
    border: 1px solid #8a4419;
    border-style: inset;
}
 /* CIVIS images : cadres ombrés taille auto====================================FIN */


/*
 * Grid Monday - GBA bouton "LIRE" espace au-dessus
 */
.tm-grid-monday .tm-tag-border {
  margin: -25px -30px 30px -30px;
}

/* Color modifiers==================================[GBA changements de couleur des boutons uk]======================================== */
 /*
 * Modifier: `uk-button-civis1`
 */
.uk-button-civis0 {
  background-color: #f60000;
  color: black;
  box-shadow: #cccccc;
}

/* Hover */
.uk-button-civis0:hover,
.uk-button-civis0:focus {
  background-color: #e65252;
  color: black;
  box-shadow: black;
}

 /*
 * Modifier: `uk-button-civis1`
 */
.uk-button-civis1 {
  background-color: #fee324;
  color: black;
  box-shadow: #cccccc;
}

/* Hover */
.uk-button-civis1:hover,
.uk-button-civis1:focus {
  background-color: #fff4a5;
  color: black;
  box-shadow: black;
}

 /*
 * Modifier: `uk-button-civis2`
 */
.uk-button-civis2 {
  background-color: #57BF6A;
  color: black;
  box-shadow: black;
}

/* Hover */
.uk-button-civis2:hover,
.uk-button-civis2:focus {
  background-color: #87D795;
  color: black;
  box-shadow: black;
}


 /*
 * Modifier: `uk-button-civis3`
 */
.uk-button-civis3 {
  background-color: #e6007e;
  color: black;
  box-shadow: #cccccc;
}

/* Hover */
.uk-button-civis3:hover,
.uk-button-civis3:focus {
  background-color: #FF35A4;
  color: black;
  box-shadow: black;
}


/* #2e4570 // #3d5b94 // #a9a9a9 // #555454
 * Modifier: `uk-button-filtre` ==============================================================[GBA]
 */
.uk-button-filtre {
  background-color: #4b70b6;
  color: #000000;
  box-shadow: white;
}
/* Hover */
.uk-button-filtre:hover,
.uk-button-filtre:focus {
  background-color: #334c7c;
  color: #000000;
  box-shadow: black;
}
/* Active */
.uk-button-filtre:active,
.uk-button-filtre.uk-active {
  background-color: #cccccc;
  color: #000000;
  box-shadow: black;
}



 
 /*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary {
  background-color: #3d5b94;
  color: #fee324;
  box-shadow: none;
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #2e4570;
  color: #fee324;
  box-shadow: none;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #2a3e65;
  color: #fee324;
  box-shadow: none;
}
/*
 * Modifier: `uk-button-success`
 */
.uk-button-success {
  background-color: #3d5b94;
  color: #fee324;
  box-shadow: none;
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
  background-color: #2e4570;
  color: #fee324;
  box-shadow: none;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
  background-color: #2a3e65;
  color: #fee324;
  box-shadow: none;
}
/*
 * Modifier: `uk-button-danger`
 */
.uk-button-danger {
  background-color: #d72a68;
  color: #fee324;
  box-shadow: none;
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #ad2153;
  color: #fee324;
  box-shadow: none;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #a11e4d;
  color: #fee324;
  box-shadow: none;
}
  
  
/* Schéma Directeur Vélo
 ==================================[GBA CSS pour les fiches intinéraires vélo]======================================== */

.sdv-tit {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	line-height: 30.8px;
	color: #d81c47;
	padding-left: 6px;
}
.sdv-stit {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	color: #d81c47;
	padding-left: 6px;
}
.sdv-txt {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 17.1429px;
	color: #d81c47;
}

.sdv-16w {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 28px;
	color: white;
	border-left: #F8A900 dotted;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 6px;
}

.sdv-tablo12w {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 16px;
	color: white;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 16px;
}

.sdv-tablo12b {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 14px;
	color: black;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 16px;
}

.sdv-16or {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 28px;
	color: #F8A900;
	border-left: #F8A900 dotted;
	padding-left: 6px;
	margin-top: 16px;
	margin-left: 32px;
}
.sdv-24r {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 20px;
	color: #d81c47;
	padding-left: 6px;
}
.sdv-14b {
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	color: black;
	padding-left: 6px;
}

.ppdiv {
	width: 100%;
	height: 274px;
	background-image: url(/images/DD-MI/bon_plan_velo/itineraires/logo_sdv_piedepage.png);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: -10px;
	margin-bottom: -146px;
	
}

.ppdiv2 {
	width: 100%;
	height: 250px;
	background-image: url(/images/DD-MI/bon_plan_velo/itineraires/logo_sdv_piedepage.png);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: -10px;
	margin-bottom: -146px;
	background-color: #EE2B53
	
}


.btnLito {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #f3f198;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnLk2 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #a9d043;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL1 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #ee312c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL2 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #1b73ba;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL3 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #a95b26;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL4 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #fff200;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL6 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #c8de79;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL7 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #ab4b9c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL8 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #ee4d9c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL9 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #f79431;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL10 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #21ade3;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL11 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #fbb98d;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL13 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #ee4d9c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL13a {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #b93c97;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL21 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #f5a0c5;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL22 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #82cbdd;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL24 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #229246;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL25 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #9ecd5b;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL26 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #b5d49c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL30 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #82addc;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL32 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #d6202c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL41 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #a6dae8;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL42 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #f6b1b3;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}
.btnL43 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #8b87bf;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL44 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #f7ef34;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL45 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #7b174d;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL51 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #916f56;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL52 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #9c9fa4;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL53 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #24b665;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL54 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #ed6daa;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL55 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #f2e34a;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL57 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: black;
  font-size: 14px;
  background: #ee1a26;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL58 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #ce3894;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL60 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #7d489c;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL61 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #ee3f35;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL62 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #00aeef;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL63 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #159654;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL85 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #f78f1e;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}

.btnL86 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #bf2030;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
  white-space: nowrap;
}



.btnL88 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #1176bc;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}


.btnL89 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #000000;
  -moz-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  color: white;
  font-size: 14px;
  background: #2bb675;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  font-weight: bolder;
  margin-right: 6px;
}
	
/* Schéma Directeur Vélo
 ==================================[GBA CSS pour les fiches intinéraires vélo]======================================== */

/*
 * Button Arrow : JMT \e600 remplacé par \25b4
 */
.tm-button-arrow:before {
  font-family: 'Monday';
  content: "\27A4";
  font-size: 35px;
  line-height: 35px;
  font-weight: bold;
  text-shadow: 1px 1px #9E9E9E;  
}
.tm-button-arrow {
  color: #FFC107;
}
.tm-button-arrow:hover {
  color: #FF9800;
}
/* Text uppercase */
.tm-text-uppercase {
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* ===================================================[ Pied de page ACTUS (2024 modèle) ]===================================== */
  .pdpvekto1 {
  width: 99%;
  margin: ;
}
  .pdpvekto1--ph {
	width: ;
	height: ;
	position: ;
}
.pdpsvg {
  position: ;
  top: ;
  left: ;
}
/* ===================================================[ Pied de page ACTUS (2024 modèle) ]===================================== */


/* ===================================================[ Pied de page ACTUS (ancien modèle) ]=====================================
  .pdpvekto1 {
  width: 100%;
  margin: 0 auto;
}
  .pdpvekto1--ph {
	width: auto; (remettre en commentaire : 1200px )
	height: 0;
	padding-top: 9.5%;
	padding-bottom: 0;
	margin-left: -2.3%;
	margin-right: -2.3%;
	position: relative;
}
.pdpsvg {
  position: absolute;
  top: 0;
  left: 0;
}
===================================================[ Pied de page ACTUS (ancien modèle) ]===================================== */

/* DDV : VLS
 ============================================================================================================================================================= */
 .pdpdiv2 {
	width: auto; /* 1200px */
	height: 344px;
	background-image: url(https://www.civis.re/images/ddv/2021_08_12-lancement_VLS/pdp-vls.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: -77px;
	
}


/*
 * ============================================================[ To-top scroller
 */
.tm-footer > .uk-container {
  position: relative;
}
.tm-totop-scroller {
  display: block;
  position: absolute;
  top: 0%;
  right: 30px;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
}
.tm-totop-scroller:before {
  content: url('/images/stories/yellow_arrow-up.svg.png');
  display: block;
  height: 15px;
  font-family: 'Monday';
  font-size: 7px;
  line-height: 15px;
  color: #a9a9a9;
}
.tm-totop-scroller:focus {
  text-decoration: none;
}



/* FOND cadres bord arrondi by GBA =============================================================================================================== */
.ico75 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	margin: 10 10 10 10;
}
.ico75:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}

/* CodePen : Aspect ratio logo grid by Michelle Barke https://codepen.io/michellebarker/pen/vYWgvZK */
/* ########################################[Logos aspect Ratio by .:GBA:.]######################################################### */
.logos-ratio {
	box-sizing: border-box;
}

.logos-sizes {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.logos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, 150px);
	gap: 1.5rem;
	justify-content: center;
	flex: 0 0 100%;
}

.logos-aspect-box {
	aspect-ratio: 3 / 2;
	padding: 1.5rem;
	border-radius: 1.5rem;
	box-shadow: 0.1rem 0.1rem 0.5rem rgb(0 0 0 / 0.05), 0.15rem 0.15rem 0.75rem rgb(0 0 0 / 0.1);
}

/* ########################################[Logos aspect Ratio by .:GBA:.]######################################################### */

/* ########################################[Modal Dialog - CSS Only (JS optional) on CodePen by Alvaro.]######################################################### */
.modal-container {
  margin: 0;
  padding-top: 0px;
  position: relative;
  width: 160px;
}
.modal-container .modal-btn {
  display: block;
  margin: 0 auto;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  background: #57BF6A;
  font-size: 14px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 5px 5px -5px #333;
  transition: background 0.3s ease-in;
}
.modal-container .modal-btn:hover {
  background: #365690;
}
.modal-container .modal-content,
.modal-container .modal-backdrop {
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.2s ease-in;
}
.modal-container .modal-close {
  color: #aaa;
  position: absolute;
  right: 5px;
  top: 5px;
  padding-top: 3px;
  background: #fff;
  font-size: 10px;
  width: 25px;
  height: 25px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.modal-container .modal-close:hover {
  color: #333;
}
.modal-container .modal-content-btn {
  position: absolute;
  text-align: center;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  background: #446CB3;
  color: #fff;
  width: 50px;
  border-radius: 2px;
  font-size: 14px;
  height: 32px;
  padding-top: 9px;
  font-weight: normal;
}
.modal-container .modal-content-btn:hover {
  color: #fff;
  background: #365690;
}
.modal-container #modal-toggle {
  display: none;
}
.modal-container #modal-toggle.active ~ .modal-backdrop, .modal-container #modal-toggle:checked ~ .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  position: ;
  left: 0;
  top: 0;
  z-index: 9;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
.modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
  opacity: 1;
  background-color: #fff;
  max-width: 600px;
  width: 600px;
  height: 380px;
  padding: 10px 30px;
  position: fixed;
  left: calc(25% - 200px);
  top: 12%;
  border-radius: 4px;
  z-index: 999;
  pointer-events: auto;
  cursor: auto;
  visibility: visible;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
}
@media (max-width: 600px) {
  .modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
    left: 0;
  }
}
/* ########################################[Modal Dialog - CSS Only (JS optional) on CodePen by Alvaro.]######################################################### */

/* ########################################[apps.buttons : GBA boutons App.Store & Google Play]######################################################### */
.market-btn {
    display: inline-block;
    padding: 0.3125rem 0.875rem;
    padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid #e7e7e7;
    background-position: center left 0.75rem;
    background-color: #fff;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
}
.market-btn .market-button-title {
    display: block;
    color: #222;
    font-size: 1.125rem;
}
.market-btn .market-button-subtitle {
    display: block;
    margin-bottom: -0.25rem;
    color: #888;
    font-size: 0.75rem;
}
.market-btn:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}
.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.google-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.market-btn-light {
    border-color: rgba(255, 255, 255, 0.14);
    background-color: rgba(0, 0, 0, 0);
}
.market-btn-light .market-button-title {
    color: #fff;
}
.market-btn-light .market-button-subtitle {
    color: rgba(255, 255, 255, 0.6);
}
.market-btn-light:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

/* ########################################[apps.buttons : GBA boutons App.Store & Google Play]######################################################### */