/* normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

em {
  color: grey;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*
couleur PDF
$color-blue: #64b0e5;
$color-violet: #9961a0;
$color-yellow: #dba634;
$color-green: #9ec54d;
$color-pink: #be5199;
$color-emerald: #33a457;
$color-red: #d04849;/*

/*
couleur Maquette
$color-blue: #07b2e6;
$color-red: #f04647;;
$color-yellow: #eda721;
$color-violet: #ac61a4;
$color-green: #8cc540;
$color-pink: #da519d;
$color-emerald: #00a652;*/
/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.wrapper--center {
  text-align: center; }
  .wrapper--center:after {
    clear: both;
    content: "";
    display: table; }

.no--padding-v {
  padding-top: 0;
  padding-bottom: 0; }

.no--padding-h {
  padding-left: 0;
  padding-right: 0; }

.is-mobile .no--mobile {
  display: none; }

@font-face {
  font-family: "Aleo Serif";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/aleo-serif/Aleo-Regular.eot);
  src: url("../fonts/aleo-serif/Aleo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-serif/Aleo-Regular.woff") format("woff"), url("../fonts/aleo-serif/Aleo-Regular.ttf") format("truetype"), url("../fonts/aleo-serif/Aleo-Regular.svg#Aleo Serif") format("svg"); }
@font-face {
  font-family: "Aleo Serif";
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/aleo-serif/Aleo-Bold.eot);
  src: url("../fonts/aleo-serif/Aleo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-serif/Aleo-Bold.woff") format("woff"), url("../fonts/aleo-serif/Aleo-Bold.ttf") format("truetype"), url("../fonts/aleo-serif/Aleo-Bold.svg#Aleo Serif") format("svg"); }
@font-face {
  font-family: "source-serif-pro";
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/source-sans-pro/SourceSerifPro-Regular.eot);
  src: url("/fonts/source-sans-pro/SourceSerifPro-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/source-sans-pro/SourceSerifPro-Regular.woff") format("woff"), url("/fonts/source-sans-pro/SourceSerifPro-Regular.ttf") format("truetype"), url("/fonts/source-sans-pro/SourceSerifPro-Regular.svg#source-serif-pro") format("svg"); }
@font-face {
  font-family: "source-serif-pro";
  font-style: normal;
  font-weight: bold;
  src: url(/fonts/source-sans-pro/SourceSerifPro-Bold.eot);
  src: url("/fonts/source-sans-pro/SourceSerifPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/source-sans-pro/SourceSerifPro-Bold.woff") format("woff"), url("/fonts/source-sans-pro/SourceSerifPro-Bold.ttf") format("truetype"), url("/fonts/source-sans-pro/SourceSerifPro-Bold.svg#source-serif-pro") format("svg"); }
@font-face {
  font-family: "source-serif-pro";
  font-style: normal;
  font-weight: light;
  src: url(/fonts/source-sans-pro/SourceSerifPro-Light.eot);
  src: url("/fonts/source-sans-pro/SourceSerifPro-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/source-sans-pro/SourceSerifPro-Light.woff") format("woff"), url("/fonts/source-sans-pro/SourceSerifPro-Light.ttf") format("truetype"), url("/fonts/source-sans-pro/SourceSerifPro-Light.svg#source-serif-pro") format("svg"); }
@font-face {
  font-family: 'Aleo Serif';
  src: url("../fonts/aleo-serif/Aleo-Regular.eot");
  src: url("../fonts/aleo-serif/Aleo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-serif/Aleo-Regular.woff") format("woff"), url("../fonts/aleo-serif/Aleo-Regular.ttf") format("truetype"), url("../fonts/aleo-serif/Aleo-Regular.svg#AleoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Aleo Serif Light';
  src: url("../fonts/aleo-serif/Aleo-Light.eot");
  src: url("../fonts/aleo-serif/Aleo-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-serif/Aleo-Light.woff") format("woff"), url("../fonts/aleo-serif/Aleo-Light.ttf") format("truetype"), url("../fonts/aleo-serif/Aleo-Light.svg#AleoLight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "cd63";
  src: url("../fonts/icons/fonts/cd63.eot");
  src: url("../fonts/icons/fonts/cd63.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/fonts/cd63.woff") format("woff"), url("../fonts/icons/fonts/cd63.ttf") format("truetype"), url("../fonts/icons/fonts/cd63.svg#cd63") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "cd63" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .tx-solr [data-icon]:before {
    display: none; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cd63" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--facebook:before {
  content: "\e000"; }

.icon--twitter:before {
  content: "\e001"; }

.icon--google:before {
  content: "\e002"; }

.icon--contact:before {
  content: "\e003"; }

.icon--marker:before {
  content: "\e004"; }

.icon--phone:before {
  content: "\e005"; }

.icon--more:before {
  content: "\e006"; }

.icon--loupe:before {
  content: "\e007"; }

.icon--resize-full:before {
  content: "\e008"; }

.icon--print:before {
  content: "\e009"; }

.icon--quote:before {
  content: "\e00a"; }

.icon--framed:before {
  content: "\e00b"; }

.icon--warning:before {
  content: "\e00c"; }

.icon--copyright:before {
  content: "\e00d"; }

.icon--loupe-plus:before {
  content: "\e00e"; }

.icon--loupe-moins:before {
  content: "\e00f"; }

.icon--mobile:before {
  content: "\e010"; }

.icon--rss2:before {
  content: "\e011"; }

.icon--alerte:before {
  content: "\e012"; }

.icon--enter:before {
  content: "\e013"; }

.icon--avatar:before {
  content: "\e014"; }

.icon--marker-bold:before {
  content: "\e015"; }

.icon--parametre:before {
  content: "\e016"; }

.icon--stars-bold:before {
  content: "\e017"; }

.icon--stars:before {
  content: "\e018"; }

.icon--arrow-bold:before {
  content: "\e019"; }

.icon--resize-bold:before {
  content: "\e008"; }

.icon--cross:before {
  content: "\e01b"; }

.icon--left:before {
  content: "\e01c"; }

.icon--left-mini:before {
  content: "\e01d"; }

.icon--right:before {
  content: "\e01e"; }

.icon--right-mini:before {
  content: "\e01f"; }

.icon--down:before {
  content: "\e020"; }

.icon--down-mini:before {
  content: "\e021"; }

.icon--up:before {
  content: "\e022"; }

.icon--up-mini:before {
  content: "\e023"; }

.icon--play:before {
  content: "\e024"; }

.icon--pause-audio:before {
  content: "\e025"; }

.icon--cycle:before {
  content: "\e026"; }

.icon--controller-stop:before {
  content: "\e027"; }

.icon--volume-off:before {
  content: "\e028"; }

.icon--volume-up:before {
  content: "\e029"; }

.icon--random:before {
  content: "\e02a"; }

.icon--file:before {
  content: "\e02b"; }

.icon--txt:before {
  content: "\e02c"; }

.icon--pdf:before {
  content: "\e02d"; }

.icon--powerpoint:before,
.icon--ppt:before,
.icon--pptx:before {
  content: "\e02e"; }

.icon--file-word:before,
.icon--doc:before,
.icon--docx:before {
  content: "\e02f"; }

.icon--excel:before,
.icon--xls:before,
.ixon--xlsx:before {
  content: "\e030"; }

.icon--file-image:before,
.icon--jpg:before,
.icon--png:before,
.icon--gif:before {
  content: "\e031"; }

.icon--file-video:before,
.icon--mov:before,
.icon--mp4:before,
.icon--avi:before {
  content: "\e032"; }

.icon--file-audio:before,
.icon--mp3:before {
  content: "\e033"; }

.icon--file-archive:before,
.icon--zip:before,
.icon--tar:before,
.icon--rar:before,
.icon--gz:before,
.icon--7z:before {
  content: "\e034"; }

.icon--floppy:before {
  content: "\e035"; }

.icon--save:before {
  content: "\e036"; }

.icon--ios-pause-outline:before {
  content: "\e037"; }

.icon--ios-pause:before {
  content: "\e038"; }

.icon--ios-play-outline:before {
  content: "\e039"; }

.icon--ios-play:before {
  content: "\e03a"; }

.icon--pause-01:before {
  content: "\e03b"; }

.icon--chevron-down:before {
  content: "\e03c"; }

.icon--500px:before {
  content: "\e03d"; }

.icon--500px-circle:before {
  content: "\e03e"; }

.icon--add-list:before {
  content: "\e03f"; }

.icon--add-user:before {
  content: "\e040"; }

.icon--users:before {
  content: "\e041"; }

.icon--v-card:before {
  content: "\e042"; }

.icon--address:before {
  content: "\e043"; }

.icon--adjust:before {
  content: "\e044"; }

.icon--air:before {
  content: "\e045"; }

.icon--aircraft:before {
  content: "\e046"; }

.icon--aircraft-landing:before {
  content: "\e047"; }

.icon--aircraft-take:before {
  content: "\e048"; }

.icon--align-bottom:before {
  content: "\e049"; }

.icon--align-hor-middle:before {
  content: "\e04a"; }

.icon--align-left:before {
  content: "\e04b"; }

.icon--align-right:before {
  content: "\e04c"; }

.icon--align-top:before {
  content: "\e04d"; }

.icon--align-vert-middle:before {
  content: "\e04e"; }

.icon--appel:before {
  content: "\e04f"; }

.icon--archive:before {
  content: "\e050"; }

.icon--area-graph:before {
  content: "\e051"; }

.icon--arrow-bold-down:before {
  content: "\e052"; }

.icon--arrow-bold-left:before {
  content: "\e053"; }

.icon--arrow-bold-right:before {
  content: "\e054"; }

.icon--arrow-bold-up:before {
  content: "\e055"; }

.icon--arrow-down:before {
  content: "\e056"; }

.icon--arrow-left:before {
  content: "\e057"; }

.icon--arrow-long-down:before {
  content: "\e058"; }

.icon--arrow-long-left:before {
  content: "\e059"; }

.icon--arrow-long-right:before {
  content: "\e05a"; }

.icon--arrow-long-up:before {
  content: "\e05b"; }

.icon--arrow-up:before {
  content: "\e05c"; }

.icon--arrow-circle-down:before {
  content: "\e05d"; }

.icon--arrow-circle-left:before {
  content: "\e05e"; }

.icon--arrow-circle-right:before {
  content: "\e05f"; }

.icon--arrow-circle-up:before {
  content: "\e060"; }

.icon--attachment:before {
  content: "\e061"; }

.icon--ribbon:before {
  content: "\e062"; }

.icon--back:before {
  content: "\e063"; }

.icon--back-in-time:before {
  content: "\e064"; }

.icon--baidu:before {
  content: "\e065"; }

.icon--bar-graph:before {
  content: "\e066"; }

.icon--basecamp:before {
  content: "\e067"; }

.icon--battery:before {
  content: "\e068"; }

.icon--beamed-note:before {
  content: "\e069"; }

.icon--behance:before {
  content: "\e06a"; }

.icon--blackboard:before {
  content: "\e06b"; }

.icon--block:before {
  content: "\e06c"; }

.icon--book:before {
  content: "\e06d"; }

.icon--bookmark:before {
  content: "\e06e"; }

.icon--bookmarks:before {
  content: "\e06f"; }

.icon--bowl:before {
  content: "\e070"; }

.icon--box:before {
  content: "\e071"; }

.icon--briefcase:before {
  content: "\e072"; }

.icon--browser:before {
  content: "\e073"; }

.icon--brush:before {
  content: "\e074"; }

.icon--bucket:before {
  content: "\e075"; }

.icon--bug:before {
  content: "\e076"; }

.icon--cake:before {
  content: "\e077"; }

.icon--calculator:before {
  content: "\e078"; }

.icon--calendar:before {
  content: "\e079"; }

.icon--camera:before {
  content: "\e07a"; }

.icon--ccw:before {
  content: "\e07b"; }

.icon--chat:before {
  content: "\e07c"; }

.icon--check:before {
  content: "\e07d"; }

.icon--chevron-left:before {
  content: "\e07e"; }

.icon--chevron-right:before {
  content: "\e07f"; }

.icon--chevron-up:before {
  content: "\e080"; }

.icon--chevron-with-circle-down:before {
  content: "\e081"; }

.icon--chevron-with-circle-left:before {
  content: "\e082"; }

.icon--chevron-with-circle-right:before {
  content: "\e083"; }

.icon--chevron-with-circle-up:before {
  content: "\e084"; }

.icon--circle:before {
  content: "\e085"; }

.icon--circle-with-cross:before {
  content: "\e086"; }

.icon--circle-with-minus:before {
  content: "\e087"; }

.icon--circle-with-plus:before {
  content: "\e088"; }

.icon--circular-graph:before {
  content: "\e089"; }

.icon--clapperboard:before {
  content: "\e08a"; }

.icon--classic-computer:before {
  content: "\e08b"; }

.icon--clipboard:before {
  content: "\e08c"; }

.icon--clock:before {
  content: "\e08d"; }

.icon--cloud:before {
  content: "\e08e"; }

.icon--code:before {
  content: "\e08f"; }

.icon--colours:before {
  content: "\e090"; }

.icon--compass:before {
  content: "\e091"; }

.icon--controller-fast-backward:before {
  content: "\e092"; }

.icon--controller-fast-forward:before {
  content: "\e093"; }

.icon--controller-jump-to-start:before {
  content: "\e094"; }

.icon--controller-next:before {
  content: "\e095"; }

.icon--controller-record:before {
  content: "\e096"; }

.icon--controller-volume:before {
  content: "\e097"; }

.icon--copy:before {
  content: "\e098"; }

.icon--cr-cloud:before {
  content: "\e099"; }

.icon--cr-commons:before {
  content: "\e09a"; }

.icon--cr-attribution:before {
  content: "\e09b"; }

.icon--noderivs:before {
  content: "\e09c"; }

.icon--cr-no-eu:before {
  content: "\e09d"; }

.icon--cr-no-us:before {
  content: "\e09e"; }

.icon--public-domain:before {
  content: "\e09f"; }

.icon--cr-remix:before {
  content: "\e0a0"; }

.icon--cr-share:before {
  content: "\e0a1"; }

.icon--cr-sharealike:before {
  content: "\e0a2"; }

.icon--credit:before {
  content: "\e0a3"; }

.icon--credit-card:before {
  content: "\e0a4"; }

.icon--crop:before {
  content: "\e0a5"; }

.icon--cross-1:before {
  content: "\e0a6"; }

.icon--cup:before {
  content: "\e0a7"; }

.icon--cw:before {
  content: "\e0a8"; }

.icon--database:before {
  content: "\e0a9"; }

.icon--dial-pad:before {
  content: "\e0aa"; }

.icon--direction:before {
  content: "\e0ab"; }

.icon--document:before {
  content: "\e0ac"; }

.icon--doclandscape:before {
  content: "\e0ad"; }

.icon--documents:before {
  content: "\e0ae"; }

.icon--dot-single:before {
  content: "\e0af"; }

.icon--dots-three-horizontal:before {
  content: "\e0b0"; }

.icon--dots-three-vertical:before {
  content: "\e0b1"; }

.icon--dots-two-horizontal:before {
  content: "\e0b2"; }

.icon--dots-two-vertical:before {
  content: "\e0b3"; }

.icon--download:before {
  content: "\e0b4"; }

.icon--dribbble:before {
  content: "\e0b5"; }

.icon--dribbble-with-circle:before {
  content: "\e0b6"; }

.icon--drink:before {
  content: "\e0b7"; }

.icon--drive:before {
  content: "\e0b8"; }

.icon--drop:before {
  content: "\e0b9"; }

.icon--dropbox:before {
  content: "\e0ba"; }

.icon--edit:before {
  content: "\e0bb"; }

.icon--email:before {
  content: "\e0bc"; }

.icon--emoji-flirt:before {
  content: "\e0bd"; }

.icon--emoji-happy:before {
  content: "\e0be"; }

.icon--emoji-neutral:before {
  content: "\e0bf"; }

.icon--emoji-sad:before {
  content: "\e0c0"; }

.icon--erase:before {
  content: "\e0c1"; }

.icon--eraser:before {
  content: "\e0c2"; }

.icon--evernote:before {
  content: "\e0c3"; }

.icon--export:before {
  content: "\e0c4"; }

.icon--eye:before {
  content: "\e0c5"; }

.icon--eye-with-line:before {
  content: "\e0c6"; }

.icon--facebook-1:before {
  content: "\e0c7"; }

.icon--facebook-with-circle:before {
  content: "\e0c8"; }

.icon--feather:before {
  content: "\e0c9"; }

.icon--fingerprint:before {
  content: "\e0ca"; }

.icon--flag:before {
  content: "\e0cb"; }

.icon--flash:before {
  content: "\e0cc"; }

.icon--flashlight:before {
  content: "\e0cd"; }

.icon--flat-brush:before {
  content: "\e0ce"; }

.icon--flattr:before {
  content: "\e0cf"; }

.icon--flickr:before {
  content: "\e0d0"; }

.icon--flickr-with-circle:before {
  content: "\e0d1"; }

.icon--flow-branch:before {
  content: "\e0d2"; }

.icon--flow-cascade:before {
  content: "\e0d3"; }

.icon--flow-line:before {
  content: "\e0d4"; }

.icon--flow-parallel:before {
  content: "\e0d5"; }

.icon--flow-tree:before {
  content: "\e0d6"; }

.icon--flower:before {
  content: "\e0d7"; }

.icon--folder:before {
  content: "\e0d8"; }

.icon--folder-images:before {
  content: "\e0d9"; }

.icon--folder-music:before {
  content: "\e0da"; }

.icon--folder-video:before {
  content: "\e0db"; }

.icon--forward:before {
  content: "\e0dc"; }

.icon--foursquare:before {
  content: "\e0dd"; }

.icon--funnel:before {
  content: "\e0de"; }

.icon--game-controller:before {
  content: "\e0df"; }

.icon--gauge:before {
  content: "\e0e0"; }

.icon--github:before {
  content: "\e0e1"; }

.icon--globe:before {
  content: "\e0e2"; }

.icon--github-with-circle:before {
  content: "\e0e3"; }

.icon--google-1:before {
  content: "\e0e4"; }

.icon--google-drive:before {
  content: "\e0e5"; }

.icon--google-hangouts:before {
  content: "\e0e6"; }

.icon--google-play:before {
  content: "\e0e7"; }

.icon--google-with-circle:before {
  content: "\e0e8"; }

.icon--graduation-cap:before {
  content: "\e0e9"; }

.icon--grid:before {
  content: "\e0ea"; }

.icon--grooveshark:before {
  content: "\e0eb"; }

.icon--hair-cross:before {
  content: "\e0ec"; }

.icon--hand:before {
  content: "\e0ed"; }

.icon--heart:before {
  content: "\e0ee"; }

.icon--heart-outlined:before {
  content: "\e0ef"; }

.icon--help:before {
  content: "\e0f0"; }

.icon--help-with-circle:before {
  content: "\e0f1"; }

.icon--home:before {
  content: "\e0f2"; }

.icon--hour-glass:before {
  content: "\e0f3"; }

.icon--houzz:before {
  content: "\e0f4"; }

.icon--icloud:before {
  content: "\e0f5"; }

.icon--image:before {
  content: "\e0f6"; }

.icon--image-inverted:before {
  content: "\e0f7"; }

.icon--images:before {
  content: "\e0f8"; }

.icon--inbox:before {
  content: "\e0f9"; }

.icon--infinity:before {
  content: "\e0fa"; }

.icon--info:before {
  content: "\e0fb"; }

.icon--info-with-circle:before {
  content: "\e0fc"; }

.icon--instagram:before {
  content: "\e0fd"; }

.icon--instagram-with-circle:before {
  content: "\e0fe"; }

.icon--install:before {
  content: "\e0ff"; }

.icon--key:before {
  content: "\e100"; }

.icon--keyboard:before {
  content: "\e101"; }

.icon--lab-flask:before {
  content: "\e102"; }

.icon--landline:before {
  content: "\e103"; }

.icon--language:before {
  content: "\e104"; }

.icon--laptop:before {
  content: "\e105"; }

.icon--lastfm:before {
  content: "\e106"; }

.icon--lastfm-with-circle:before {
  content: "\e107"; }

.icon--layers:before {
  content: "\e108"; }

.icon--leaf:before {
  content: "\e109"; }

.icon--level-down:before {
  content: "\e10a"; }

.icon--level-up:before {
  content: "\e10b"; }

.icon--lifebuoy:before {
  content: "\e10c"; }

.icon--light-down:before {
  content: "\e10d"; }

.icon--light-up:before {
  content: "\e10e"; }

.icon--line-graph:before {
  content: "\e10f"; }

.icon--link:before {
  content: "\e110"; }

.icon--linkedin:before {
  content: "\e111"; }

.icon--linkedin-with-circle:before {
  content: "\e112"; }

.icon--list:before {
  content: "\e113"; }

.icon--lock:before {
  content: "\e114"; }

.icon--lock-open:before {
  content: "\e115"; }

.icon--log-out:before {
  content: "\e116"; }

.icon--login:before {
  content: "\e117"; }

.icon--loop:before {
  content: "\e118"; }

.icon--magnet:before {
  content: "\e119"; }

.icon--mail-with-circle:before {
  content: "\e11a"; }

.icon--man:before {
  content: "\e11b"; }

.icon--map:before {
  content: "\e11c"; }

.icon--mask:before {
  content: "\e11d"; }

.icon--medal:before {
  content: "\e11e"; }

.icon--medium:before {
  content: "\e11f"; }

.icon--medium-with-circle:before {
  content: "\e120"; }

.icon--megaphone:before {
  content: "\e121"; }

.icon--menu:before {
  content: "\e122"; }

.icon--merge:before {
  content: "\e123"; }

.icon--message:before {
  content: "\e124"; }

.icon--mic:before {
  content: "\e125"; }

.icon--minus:before {
  content: "\e126"; }

.icon--mixi:before {
  content: "\e127"; }

.icon--modern-mic:before {
  content: "\e128"; }

.icon--moon:before {
  content: "\e129"; }

.icon--mouse:before {
  content: "\e12a"; }

.icon--mouse-pointer:before {
  content: "\e12b"; }

.icon--music:before {
  content: "\e12c"; }

.icon--network:before {
  content: "\e12d"; }

.icon--new:before {
  content: "\e12e"; }

.icon--new-message:before {
  content: "\e12f"; }

.icon--news:before {
  content: "\e130"; }

.icon--newsletter:before {
  content: "\e131"; }

.icon--note:before {
  content: "\e132"; }

.icon--notifications-off:before {
  content: "\e133"; }

.icon--old-mobile:before {
  content: "\e134"; }

.icon--old-phone:before {
  content: "\e135"; }

.icon--onedrive:before {
  content: "\e136"; }

.icon--open-book:before {
  content: "\e137"; }

.icon--palette:before {
  content: "\e138"; }

.icon--paper-plane:before {
  content: "\e139"; }

.icon--paypal:before {
  content: "\e13a"; }

.icon--pencil:before {
  content: "\e13b"; }

.icon--picasa:before {
  content: "\e13c"; }

.icon--pie-chart:before {
  content: "\e13d"; }

.icon--pin:before {
  content: "\e13e"; }

.icon--pinterest:before {
  content: "\e13f"; }

.icon--pinterest-with-circle:before {
  content: "\e140"; }

.icon--popup:before {
  content: "\e141"; }

.icon--power-plug:before {
  content: "\e142"; }

.icon--price-ribbon:before {
  content: "\e143"; }

.icon--price-tag:before {
  content: "\e144"; }

.icon--progress-empty:before {
  content: "\e145"; }

.icon--progress-full:before {
  content: "\e146"; }

.icon--progress-one:before {
  content: "\e147"; }

.icon--progress-two:before {
  content: "\e148"; }

.icon--publish:before {
  content: "\e149"; }

.icon--qq:before {
  content: "\e14a"; }

.icon--qq-with-circle:before {
  content: "\e14b"; }

.icon--radio:before {
  content: "\e14c"; }

.icon--raft:before {
  content: "\e14d"; }

.icon--raft-with-circle:before {
  content: "\e14e"; }

.icon--rainbow:before {
  content: "\e14f"; }

.icon--rdio:before {
  content: "\e150"; }

.icon--rdio-with-circle:before {
  content: "\e151"; }

.icon--remove-user:before {
  content: "\e152"; }

.icon--renren:before {
  content: "\e153"; }

.icon--reply:before {
  content: "\e154"; }

.icon--reply-all:before {
  content: "\e155"; }

.icon--retweet:before {
  content: "\e156"; }

.icon--rocket:before {
  content: "\e157"; }

.icon--round-brush:before {
  content: "\e158"; }

.icon--ruler:before {
  content: "\e159"; }

.icon--scissors:before {
  content: "\e15a"; }

.icon--scribd:before {
  content: "\e15b"; }

.icon--select-arrows:before {
  content: "\e15c"; }

.icon--share:before {
  content: "\e15d"; }

.icon--share-alternative:before {
  content: "\e15e"; }

.icon--shareable:before {
  content: "\e15f"; }

.icon--shield:before {
  content: "\e160"; }

.icon--shop:before {
  content: "\e161"; }

.icon--shopping-bag:before {
  content: "\e162"; }

.icon--shopping-basket:before {
  content: "\e163"; }

.icon--shopping-cart:before {
  content: "\e164"; }

.icon--shuffle:before {
  content: "\e165"; }

.icon--signal:before {
  content: "\e166"; }

.icon--sina-weibo:before {
  content: "\e167"; }

.icon--skype:before {
  content: "\e168"; }

.icon--skype-with-circle:before {
  content: "\e169"; }

.icon--slideshare:before {
  content: "\e16a"; }

.icon--smashing:before {
  content: "\e16b"; }

.icon--sound-mix:before {
  content: "\e16c"; }

.icon--soundcloud:before {
  content: "\e16d"; }

.icon--sports-club:before {
  content: "\e16e"; }

.icon--spotify:before {
  content: "\e16f"; }

.icon--spotify-with-circle:before {
  content: "\e170"; }

.icon--spreadsheet:before {
  content: "\e171"; }

.icon--squared-cross:before {
  content: "\e172"; }

.icon--squared-minus:before {
  content: "\e173"; }

.icon--squared-plus:before {
  content: "\e174"; }

.icon--stopwatch:before {
  content: "\e175"; }

.icon--stumbleupon:before {
  content: "\e176"; }

.icon--stumbleupon-with-circle:before {
  content: "\e177"; }

.icon--suitcase:before {
  content: "\e178"; }

.icon--swap:before {
  content: "\e179"; }

.icon--swarm:before {
  content: "\e17a"; }

.icon--sweden:before {
  content: "\e17b"; }

.icon--switch:before {
  content: "\e17c"; }

.icon--tablet:before {
  content: "\e17d"; }

.icon--tablet-mobile-combo:before {
  content: "\e17e"; }

.icon--tag:before {
  content: "\e17f"; }

.icon--text:before {
  content: "\e180"; }

.icon--text-document:before {
  content: "\e181"; }

.icon--text-document-inverted:before {
  content: "\e182"; }

.icon--thermometer:before {
  content: "\e183"; }

.icon--thumbs-down:before {
  content: "\e184"; }

.icon--thumbs-up:before {
  content: "\e185"; }

.icon--thunder-cloud:before {
  content: "\e186"; }

.icon--ticket:before {
  content: "\e187"; }

.icon--time-slot:before {
  content: "\e188"; }

.icon--tools:before {
  content: "\e189"; }

.icon--traffic-cone:before {
  content: "\e18a"; }

.icon--trash:before {
  content: "\e18b"; }

.icon--tree:before {
  content: "\e18c"; }

.icon--triangle-left:before {
  content: "\e18d"; }

.icon--triangle-right:before {
  content: "\e18e"; }

.icon--triangle-up:before {
  content: "\e18f"; }

.icon--tripadvisor:before {
  content: "\e190"; }

.icon--trophy:before {
  content: "\e191"; }

.icon--tumblr:before {
  content: "\e192"; }

.icon--tumblr-with-circle:before {
  content: "\e193"; }

.icon--tv:before {
  content: "\e194"; }

.icon--twitter-with-circle:before {
  content: "\e195"; }

.icon--typing:before {
  content: "\e196"; }

.icon--uninstall:before {
  content: "\e197"; }

.icon--unread:before {
  content: "\e198"; }

.icon--untag:before {
  content: "\e199"; }

.icon--upload:before {
  content: "\e19a"; }

.icon--upload-to-cloud:before {
  content: "\e19b"; }

.icon--video:before {
  content: "\e19c"; }

.icon--video-camera:before {
  content: "\e19d"; }

.icon--vimeo:before {
  content: "\e19e"; }

.icon--vimeo-with-circle:before {
  content: "\e19f"; }

.icon--vine:before {
  content: "\e1a0"; }

.icon--vine-with-circle:before {
  content: "\e1a1"; }

.icon--vinyl:before {
  content: "\e1a2"; }

.icon--vk:before {
  content: "\e1a3"; }

.icon--vk-alternitive:before {
  content: "\e1a4"; }

.icon--vk-with-circle:before {
  content: "\e1a5"; }

.icon--voicemail:before {
  content: "\e1a6"; }

.icon--wallet:before {
  content: "\e1a7"; }

.icon--water:before {
  content: "\e1a8"; }

.icon--windows-store:before {
  content: "\e1a9"; }

.icon--xing:before {
  content: "\e1aa"; }

.icon--xing-with-circle:before {
  content: "\e1ab"; }

.icon--yelp:before {
  content: "\e1ac"; }

.icon--youko:before {
  content: "\e1ad"; }

.icon--youko-with-circle:before {
  content: "\e1ae"; }

.icon--youtube:before {
  content: "\e1af"; }

.icon--youtube-with-circle:before {
  content: "\e1b0"; }

.icon--notification:before {
  content: "\e1b1"; }

.icon--rss:before {
  content: "\e1b2"; }

.icon--plus {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .icon--plus:before, .icon--plus:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 24px;
    height: 16px;
    width: 2px;
    background-color: #64b0e5;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .social .icon--plus:before, .social .icon--plus:after {
      background-color: #9961a0; }
    .routes .icon--plus:before, .routes .icon--plus:after {
      background-color: #dba634; }
    .transports .icon--plus:before, .transports .icon--plus:after {
      background-color: #9ec54d; }
    .colleges .icon--plus:before, .colleges .icon--plus:after {
      background-color: #da519d; }
    .territoires .icon--plus:before, .territoires .icon--plus:after {
      background-color: #33a457; }
    .culture-sports .icon--plus:before, .culture-sports .icon--plus:after {
      background-color: #f04647; }
    .tourdefrance .icon--plus:before, .tourdefrance .icon--plus:after {
      background-color: #fdc009; }
  .icon--plus:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

.custom-loader--wrapper {
  z-index: 4;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  background: #64b0e5;
  background: rgba(100, 176, 229, 0.9);
  -webkit-border-radius: 45px;
  -khtml-border-radius: 45px;
  -moz-border-radius: 45px;
  -ms-border-radius: 45px;
  -o-border-radius: 45px;
  border-radius: 45px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.3s linear, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s linear, visibility 0s 0.3s;
  transition: opacity 0.3s linear, visibility 0s 0.3s; }
  body > .custom-loader--wrapper {
    position: fixed; }
  .custom-loader--wrapper.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s linear, visibility 0s 0s;
    -moz-transition: opacity 0.3s linear, visibility 0s 0s;
    transition: opacity 0.3s linear, visibility 0s 0s; }

.custom-loader {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  pointer-events: none;
  background: url("../images/assets/loader.gif") center center no-repeat transparent; }
  html.cssanimations .custom-loader {
    background: none; }
    html.cssanimations .custom-loader.type--spinner {
      border-radius: 50%;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #fff;
      -webkit-animation: spin 0.7s linear infinite;
      -moz-animation: spin 0.7s linear infinite;
      animation: spin 0.7s linear infinite; }
    html.cssanimations .custom-loader.type--circles {
      border-radius: 50%;
      border: 2px solid transparent;
      border-top-color: #fff;
      -webkit-animation: spin 1s linear infinite;
      -moz-animation: spin 1s linear infinite;
      animation: spin 1s linear infinite; }
      html.cssanimations .custom-loader.type--circles:before, html.cssanimations .custom-loader.type--circles:after {
        content: '';
        position: absolute;
        border-radius: 50%;
        border: 2px solid transparent; }
      html.cssanimations .custom-loader.type--circles:before {
        top: getEven(5px);
        left: getEven(5px);
        bottom: getEven(5px);
        right: getEven(5px);
        border-right-color: #fff;
        opacity: .8;
        -webkit-animation: spin 10s linear infinite;
        -moz-animation: spin 10s linear infinite;
        animation: spin 10s linear infinite; }
      html.cssanimations .custom-loader.type--circles:after {
        top: getEven(12.5px);
        left: getEven(12.5px);
        bottom: getEven(12.5px);
        right: getEven(12.5px);
        border-bottom-color: #fff;
        opacity: .5;
        -webkit-animation: spin 5s linear infinite;
        -moz-animation: spin 5s linear infinite;
        animation: spin 5s linear infinite; }
    html.cssanimations .custom-loader.type--quart {
      border-radius: 50px;
      border: 4px solid rgba(255, 255, 255, 0.4); }
      html.cssanimations .custom-loader.type--quart:after {
        content: '';
        position: absolute;
        top: -4px;
        left: -4px;
        bottom: -4px;
        right: -4px;
        border-radius: 50px;
        border: 4px solid transparent;
        border-top-color: #fff;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite; }
    html.cssanimations .custom-loader.type--bars {
      width: 40px;
      height: 30px;
      margin-left: -20px;
      margin-top: -15px; }
      html.cssanimations .custom-loader.type--bars:before, html.cssanimations .custom-loader.type--bars:after,
      html.cssanimations .custom-loader.type--bars span {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: 0;
        width: 10px;
        height: 30px;
        background-color: #fff;
        -webkit-animation: grow 1s linear infinite;
        -moz-animation: grow 1s linear infinite;
        animation: grow 1s linear infinite; }
      html.cssanimations .custom-loader.type--bars:after {
        left: 15px;
        -webkit-animation-delay: -0.66s;
        -moz-animation-delay: -0.66s;
        animation-delay: -0.66s; }
      html.cssanimations .custom-loader.type--bars span {
        left: 30px;
        -webkit-animation-delay: -0.33s;
        -moz-animation-delay: -0.33s;
        animation-delay: -0.33s; }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

html,
body {
  height: 100%;
  width: 100%;
  color: #000;
  background: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.layout--maxwidth {
  width: 100%;
  padding: 0 5%;
  position: relative; }
  @media only screen and (min-width: 960px) {
    .layout--maxwidth {
      padding: 0 2%; } }
  @media only screen and (min-width: 1240px) {
    .layout--maxwidth {
      width: 1080px;
      margin: 0 auto;
      padding: 0; } }
  #container .layout--maxwidth {
    padding: 0 5%; }
    @media only screen and (min-width: 960px) {
      #container .layout--maxwidth {
        padding: 0 2%; } }
    @media only screen and (min-width: 1240px) {
      #container .layout--maxwidth {
        padding: 0; } }

.scrollable--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden !important; }

.scrollable {
  overflow-x: hidden;
  overflow-y: auto; }
  .scrollable.scrollable-xy {
    overflow: auto; }
  html.is-ios .scrollable {
    -webkit-overflow-scrolling: touch; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*audio,
canvas,
iframe,
img,
svg,
video,
picture {
    max-width: 100%;
}*/
img,
picture {
  width: 100%;
  margin: 0;
  height: auto;
  /*html.is-ie8 & {
      width : auto;
  }*/ }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

hr {
  display: block;
  height: 1px;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 0; }

.bg-white {
  background: #fff; }

a {
  color: #64b0e5; }
  .social a {
    color: #9961a0; }
  .routes a {
    color: #dba634; }
  .transports a {
    color: #9ec54d; }
  .colleges a {
    color: #da519d; }
  .territoires a {
    color: #33a457; }
  .culture-sports a {
    color: #f04647; }
  .tourdefrance a {
    color: #fdc009; }

html.no-touch a:hover {
  color: #222; }

.border-bottom {
  border-bottom: 1px solid #cdcdcd; }

.border-top {
  border-top: 1px solid #cdcdcd; }

.border-left {
  border-left: 1px solid #cdcdcd; }

.border-right {
  border-right: 1px solid #cdcdcd; }

.block--border-bottom {
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 40px;
  margin-bottom: 40px; }

.block--border-top {
  border-top: 1px solid #cdcdcd;
  padding-top: 40px;
  margin-top: 40px; }

.is-desktop .no--desktop {
  display: none; }

.no--mobile {
  display: none; }
  @media only screen and (min-width: 720px) {
    .no--mobile {
      display: block; } }
  .is-mobile .no--mobile {
    display: none !important; }

@media only screen and (min-width: 720px) {
  .no--tablet {
    display: none; } }
@media only screen and (min-width: 960px) {
  .no--tablet {
    display: block; } }

#google_translate_element {
  margin: 0 0 20px; }
  #google_translate_element img {
    width: auto; }

html.no-touch a:hover, html.no-touch a:active {
  color: #000; }

::-ms-clear {
  display: none; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.no--uppercase {
  text-transform: lowercase; }

.csc-textpic-imagewrap {
  width: 30%; }
  .csc-textpic-imagewrap[data-csc-cols="1"] {
    width: 100%; }
  .csc-textpic-imagewrap[data-csc-cols="2"] {
    width: 50%; }
    @media only screen and (min-width: 720px) {
      .csc-textpic-imagewrap[data-csc-cols="2"].block--4of12 {
        width: 30%; } }

.container--copyright {
  position: relative; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.2;
  margin: 0 0 0.75em; }

h1 {
  color: #333;
  font-size: 23px;
  font-size: 1.5333333333rem; }
  @media only screen and (min-width: 720px) {
    h1 {
      font-size: 26px;
      font-size: 1.7333333333rem; } }
  @media only screen and (min-width: 960px) {
    h1 {
      font-size: 30px;
      font-size: 2rem; } }
  @media only screen and (min-width: 1240px) {
    h1 {
      font-size: 41px;
      font-size: 2.7333333333rem; } }

h2 {
  font-weight: 600;
  font-size: 25px;
  font-size: 1.6666666667rem; }
  @media only screen and (min-width: 1021px) {
    h2 {
      font-size: 25px;
      font-size: 1.6666666667rem; } }
  @media only screen and (min-width: 1240px) {
    h2 {
      font-size: 25px;
      font-size: 1.6666666667rem; } }
  h2.subtitle {
    clear: both;
    margin: 0 0 5px;
    color: #64b0e5;
    font-size: 19px;
    font-size: 1.2666666667rem; }
    @media only screen and (min-width: 960px) {
      h2.subtitle {
        font-size: 21px;
        font-size: 1.4rem; } }
    .social h2.subtitle {
      color: #9961a0; }
    .routes h2.subtitle {
      color: #dba634; }
    .transports h2.subtitle {
      color: #9ec54d; }
    .colleges h2.subtitle {
      color: #da519d; }
    .territoires h2.subtitle {
      color: #33a457; }
    .culture-sports h2.subtitle {
      color: #f04647; }
    .tourdefrance h2.subtitle {
      color: #fdc009; }
    .institution h2.subtitle {
      margin: 0 0 8px;
      text-align: center; }

h3 {
  font-weight: 600;
  color: #333;
  margin: 30px 0 10px;
  font-size: 20px;
  font-size: 1.3333333333rem; }
  @media only screen and (min-width: 1021px) {
    h3 {
      font-size: 19px;
      font-size: 1.2666666667rem; } }

h4 {
  font-size: 16px;
  font-size: 1.0666666667rem; }

h5 {
  font-size: 13px;
  font-size: 0.8666666667rem; }

h6 {
  font-size: 11px;
  font-size: 0.7333333333rem; }

h1.no-popin,
h2 {
  margin: 30px 0 10px; }

p {
  font-size: 15px;
  font-size: 1rem;
  margin: 0 0 20px;
  line-height: 1.5; }
  @media only screen and (min-width: 960px) {
    p {
      line-height: 1.7; } }
  @media only screen and (min-width: 1021px) {
    p {
      font-size: 16px;
      font-size: 1.0666666667rem; } }

b,
strong,
.bold {
  font-weight: bold; }

a {
  color: #64b0e5;
  -webkit-transition: color 0.35s ease;
  -moz-transition: color 0.35s ease;
  transition: color 0.35s ease; }
  html.no-touch a:hover, html.touch a:active {
    color: #248ed8; }

.block--btn-close {
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 31px;
  height: 31px; }
  @media only screen and (min-width: 720px) {
    .block--btn-close.no--tablet {
      display: none; } }
  .block--btn-close:before, .block--btn-close:after {
    content: "";
    position: absolute;
    top: 14px;
    width: 19px;
    height: 2px;
    background: #64b0e5; }
  .block--btn-close:before {
    left: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .block--btn-close:after {
    right: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .block--btn-close span {
    display: none; }

.button--submit {
  display: inline-block; }
  .button--submit a {
    display: block;
    font-weight: 600;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    text-transform: uppercase;
    background: #64b0e5;
    font-size: 12.5px;
    font-size: 0.8333333333rem;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .social .button--submit a {
      background: #9961a0; }
    .routes .button--submit a {
      background: #dba634; }
    .transports .button--submit a {
      background: #9ec54d; }
    .colleges .button--submit a {
      background: #da519d; }
    .territoires .button--submit a {
      background: #33a457; }
    .culture-sports .button--submit a {
      background: #f04647; }
    .tourdefrance .button--submit a {
      background: #fdc009; }
    html.no-touch .button--submit a:hover {
      color: #fff;
      background: #333; }

.btn--send {
  display: inline-block;
  border: none;
  font-weight: 600;
  color: #fff;
  padding: 8px 15px;
  text-decoration: none;
  text-transform: uppercase;
  background: #64b0e5;
  font-size: 12.5px;
  font-size: 0.8333333333rem;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .social .btn--send {
    background: #9961a0; }
  .routes .btn--send {
    background: #dba634; }
  .transports .btn--send {
    background: #9ec54d; }
  .colleges .btn--send {
    background: #da519d; }
  .territoires .btn--send {
    background: #33a457; }
  .culture-sports .btn--send {
    background: #f04647; }
  .tourdefrance .btn--send {
    background: #fdc009; }
  html.no-touch .btn--send:hover {
    color: #fff;
    background: #333; }

.btn--icon {
  display: inline-block; }
  .btn--icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    display: block;
    color: #fff;
    text-align: center;
    background: #64b0e5;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .btn--icon a:hover {
      color: #fff !important;
      background: #222; }
    .btn--icon a .icon {
      font-size: 1.5em;
      display: inline-block;
      line-height: 0.5;
      margin: 7px 0 0; }

.form-tooltip {
  padding: 10px; }

fieldset {
  background-color: #fff;
  border: none;
  margin: 0 0 30px;
  padding: 0 0 30px; }

input, label, select {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-size: 1rem; }
  @media only screen and (min-width: 720px) {
    input, label, select {
      display: inline-block; }
      .form-tooltip input,
      .form-tooltip label,
      .form-tooltip select {
        display: block; } }

legend {
  display: block;
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 20px;
  font-weight: 300;
  color: #64b0e5;
  border-bottom: 2px solid #64b0e5;
  font-size: 20px;
  font-size: 1.3333333333rem; }
  .social legend {
    color: #9961a0;
    border-color: #9961a0; }
  .routes legend {
    color: #dba634;
    border-color: #dba634; }
  .transports legend {
    color: #9ec54d;
    border-color: #9ec54d; }
  .colleges legend {
    color: #da519d;
    border-color: #da519d; }
  .territoires legend {
    color: #33a457;
    border-color: #33a457; }
  .culture-sports legend {
    color: #f04647;
    border-color: #f04647; }
  .tourdefrance legend {
    color: #fdc009;
    border-color: #fdc009; }

label {
  color: #999;
  margin-bottom: 0.375em; }
  @media only screen and (min-width: 720px) {
    label {
      padding: 0 10px 0 0;
      display: inline-block;
      width: 30%;
      text-align: right; }
      .arc_sondage label {
        text-align: left; } }
  label.required::after {
    content: "*"; }
  label abbr {
    display: none; }
  .powermail_check_outer label {
    width: auto;
    text-align: left; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select[multiple], textarea, input {
  color: #666;
  background-color: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-size: 1rem;
  margin-bottom: 0;
  padding: 0.5em;
  -webkit-transition: border-color, 0.2s ease;
  -moz-transition: border-color, 0.2s ease;
  transition: border-color, 0.2s ease;
  width: 100%;
  height: 45px; }
  .is-firefoxOld input[type="color"], .is-firefoxOld input[type="date"], .is-firefoxOld input[type="datetime"], .is-firefoxOld input[type="datetime-local"], .is-firefoxOld input[type="email"], .is-firefoxOld input[type="month"], .is-firefoxOld input[type="number"], .is-firefoxOld input[type="password"], .is-firefoxOld input[type="search"], .is-firefoxOld input[type="tel"], .is-firefoxOld input[type="text"], .is-firefoxOld input[type="time"], .is-firefoxOld input[type="url"], .is-firefoxOld input[type="week"], .is-firefoxOld textarea,
  .is-firefoxOld select[multiple],
  .is-firefoxOld textarea,
  .is-firefoxOld input {
    padding: 2px 2%;
    width: 96%; }
  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select[multiple]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
    font-style: italic;
    color: #999; }
  input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, textarea:-moz-placeholder, select[multiple]:-moz-placeholder, textarea:-moz-placeholder, input:-moz-placeholder {
    /* Firefox 18- */
    font-style: italic;
    color: #999; }
  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, textarea::-moz-placeholder, select[multiple]::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic;
    color: #999; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select[multiple]:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
    font-style: italic;
    color: #999; }
  html.no-touch input[type="color"]:hover, html.touch input[type="color"]:active, html.no-touch input[type="date"]:hover, html.touch input[type="date"]:active, html.no-touch input[type="datetime"]:hover, html.touch input[type="datetime"]:active, html.no-touch input[type="datetime-local"]:hover, html.touch input[type="datetime-local"]:active, html.no-touch input[type="email"]:hover, html.touch input[type="email"]:active, html.no-touch input[type="month"]:hover, html.touch input[type="month"]:active, html.no-touch input[type="number"]:hover, html.touch input[type="number"]:active, html.no-touch input[type="password"]:hover, html.touch input[type="password"]:active, html.no-touch input[type="search"]:hover, html.touch input[type="search"]:active, html.no-touch input[type="tel"]:hover, html.touch input[type="tel"]:active, html.no-touch input[type="text"]:hover, html.touch input[type="text"]:active, html.no-touch input[type="time"]:hover, html.touch input[type="time"]:active, html.no-touch input[type="url"]:hover, html.touch input[type="url"]:active, html.no-touch input[type="week"]:hover, html.touch input[type="week"]:active, html.no-touch textarea:hover, html.touch textarea:active, html.no-touch select[multiple]:hover, html.touch select[multiple]:active, html.no-touch textarea:hover, html.touch textarea:active, html.no-touch input:hover, html.touch input:active {
    border-color: gray; }
  @media only screen and (min-width: 720px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select[multiple], textarea, input {
      width: 50%; }
      .form-tooltip input[type="color"], .form-tooltip input[type="date"], .form-tooltip input[type="datetime"], .form-tooltip input[type="datetime-local"], .form-tooltip input[type="email"], .form-tooltip input[type="month"], .form-tooltip input[type="number"], .form-tooltip input[type="password"], .form-tooltip input[type="search"], .form-tooltip input[type="tel"], .form-tooltip input[type="text"], .form-tooltip input[type="time"], .form-tooltip input[type="url"], .form-tooltip input[type="week"], .form-tooltip textarea, .form-tooltip select[multiple], .form-tooltip textarea, .form-tooltip input {
        width: 100%;
        border-color: #f2f2f2; }
      .tx-solr-facet input[type="color"], .tx-solr-facet input[type="date"], .tx-solr-facet input[type="datetime"], .tx-solr-facet input[type="datetime-local"], .tx-solr-facet input[type="email"], .tx-solr-facet input[type="month"], .tx-solr-facet input[type="number"], .tx-solr-facet input[type="password"], .tx-solr-facet input[type="search"], .tx-solr-facet input[type="tel"], .tx-solr-facet input[type="text"], .tx-solr-facet input[type="time"], .tx-solr-facet input[type="url"], .tx-solr-facet input[type="week"], .tx-solr-facet textarea, .tx-solr-facet select[multiple], .tx-solr-facet textarea, .tx-solr-facet input {
        width: 100%; }
      .is-firefoxOld .tx-solr-facet input[type="color"], .is-firefoxOld .tx-solr-facet input[type="date"], .is-firefoxOld .tx-solr-facet input[type="datetime"], .is-firefoxOld .tx-solr-facet input[type="datetime-local"], .is-firefoxOld .tx-solr-facet input[type="email"], .is-firefoxOld .tx-solr-facet input[type="month"], .is-firefoxOld .tx-solr-facet input[type="number"], .is-firefoxOld .tx-solr-facet input[type="password"], .is-firefoxOld .tx-solr-facet input[type="search"], .is-firefoxOld .tx-solr-facet input[type="tel"], .is-firefoxOld .tx-solr-facet input[type="text"], .is-firefoxOld .tx-solr-facet input[type="time"], .is-firefoxOld .tx-solr-facet input[type="url"], .is-firefoxOld .tx-solr-facet input[type="week"], .is-firefoxOld .tx-solr-facet textarea, .is-firefoxOld .tx-solr-facet select[multiple], .is-firefoxOld .tx-solr-facet textarea, .is-firefoxOld .tx-solr-facet input {
        width: 96%; }
      .form--connexion input[type="color"], .form--connexion input[type="date"], .form--connexion input[type="datetime"], .form--connexion input[type="datetime-local"], .form--connexion input[type="email"], .form--connexion input[type="month"], .form--connexion input[type="number"], .form--connexion input[type="password"], .form--connexion input[type="search"], .form--connexion input[type="tel"], .form--connexion input[type="text"], .form--connexion input[type="time"], .form--connexion input[type="url"], .form--connexion input[type="week"], .form--connexion textarea, .form--connexion select[multiple], .form--connexion textarea, .form--connexion input {
        width: 48%;
        margin: 0 0 10px; } }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, select[multiple]:focus, textarea:focus, input:focus {
    border-color: #64b0e5;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(78, 165, 225, 0.7);
    outline: none; }

.form--connexion {
  margin: 30px 0;
  padding: 0 0 30px;
  border-bottom: 1px solid #cdcdcd; }
  .form--connexion .field {
    width: 75%;
    float: left; }
    .form--connexion .field input[type="text"],
    .form--connexion .field input[type="password"] {
      float: left;
      margin: 0; }
    .form--connexion .field input[type="text"] {
      margin: 0 2% 0 0; }

.box-info-user .text {
  padding: 5px 30px;
  background: #f2f2f2; }
.box-info-user .float-left {
  margin: 0 10px 0 0; }

.form--connexion .field--submit {
  width: 25%;
  float: right;
  text-align: right; }

.powermail_message_error {
  padding: 0; }
  .powermail_message_error li {
    color: #f04647;
    font-style: italic;
    list-style: none;
    position: relative;
    padding: 0 0 0 20px; }
    .powermail_message_error li:before {
      position: absolute;
      left: -5px;
      top: 2px;
      color: #f04647;
      display: inline-block;
      vertical-align: top;
      content: "\e025";
      font-size: 1.5em;
      font-family: "cd63" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 0.8;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

textarea {
  resize: vertical;
  min-height: 150px; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

input[type="submit"] {
  width: auto;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  background: #64b0e5;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .form-tooltip input[type="submit"] {
    padding: 5px 10px;
    font-size: 13px;
    font-size: 0.8666666667rem; }
  .social input[type="submit"] {
    background: #9961a0; }
  .routes input[type="submit"] {
    background: #dba634; }
  .transports input[type="submit"] {
    background: #9ec54d; }
  .colleges input[type="submit"] {
    background: #da519d; }
  .territoires input[type="submit"] {
    background: #33a457; }
  .culture-sports input[type="submit"] {
    background: #f04647; }
  .tourdefrance input[type="submit"] {
    background: #fdc009; }
  html.no-touch input[type="submit"]:hover {
    background: #222; }

.powermail_fieldwrap_submit {
  padding: 20px 0;
  border-top: 3px solid #f2f2f2; }
  .form-tooltip .powermail_fieldwrap_submit {
    padding: 0;
    border: none; }
  .powermail_fieldwrap_submit .powermail_field {
    float: right; }

.powermail_fieldwrap_textarea textarea {
  vertical-align: top; }

.powermail_captcha_outer {
  width: 68%;
  display: inline-block;
  vertical-align: middle; }
  .powermail_captcha_outer input {
    width: 140px; }
  .powermail_captcha_outer img {
    display: inline-block;
    width: auto; }

html.is-android input,
html.is-android textarea,
html.is-android select,
html.is-android a {
  outline: none; }
  html.is-android input:focus,
  html.is-android textarea:focus,
  html.is-android select:focus,
  html.is-android a:focus {
    outline: none; }

.powermail_fieldwrap {
  margin: 0 0 20px; }

.button--info {
  width: 26px;
  height: 26px;
  cursor: help;
  font-weight: 600;
  margin: 0 0 0 5px;
  padding: 3px 0 0;
  text-align: center;
  border: 2px solid #64b0e5;
  color: #64b0e5;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-family: serif;
  -webkit-border-radius: 26px;
  -khtml-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px; }
  .social .button--info {
    color: #9961a0;
    border-color: #9961a0; }
  .routes .button--info {
    color: #dba634;
    border-color: #dba634; }
  .transports .button--info {
    color: #9ec54d;
    border-color: #9ec54d; }
  .colleges .button--info {
    color: #da519d;
    border-color: #da519d; }
  .territoires .button--info {
    color: #33a457;
    border-color: #33a457; }
  .culture-sports .button--info {
    color: #f04647;
    border-color: #f04647; }
  .tourdefrance .button--info {
    color: #fdc009;
    border-color: #fdc009; }

.powermail_tabmenu {
  padding: 0;
  overflow: hidden;
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .powermail_tabmenu:after {
    content: "";
    display: block;
    clear: both; }
  .powermail_tabmenu li {
    position: relative;
    text-align: center;
    list-style: none;
    float: left;
    width: 15%;
    padding: 15px 10px;
    border-right: 2px solid #fff; }
    .powermail_tabmenu li + li {
      padding-left: 40px; }
    .powermail_tabmenu li:after {
      content: "";
      display: inline-block;
      position: absolute;
      right: -18px;
      top: 7px;
      width: 36px;
      height: 36px;
      border-right: 1px solid #fff;
      border-top: 1px solid #fff;
      background: #f2f2f2;
      z-index: 1;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .powermail_tabmenu li.act {
      border: none;
      font-weight: 600;
      color: #fff;
      background: #64b0e5; }
      .powermail_tabmenu li.act:after {
        border: none;
        background: #64b0e5; }
      .social .powermail_tabmenu li.act {
        background: #9961a0; }
        .social .powermail_tabmenu li.act:after {
          background: #9961a0; }
      .routes .powermail_tabmenu li.act {
        background: #dba634; }
        .routes .powermail_tabmenu li.act:after {
          background: #dba634; }
      .transports .powermail_tabmenu li.act {
        background: #9ec54d; }
        .transports .powermail_tabmenu li.act:after {
          background: #9ec54d; }
      .colleges .powermail_tabmenu li.act {
        background: #da519d; }
        .colleges .powermail_tabmenu li.act:after {
          background: #da519d; }
      .territoires .powermail_tabmenu li.act {
        background: #33a457; }
        .territoires .powermail_tabmenu li.act:after {
          background: #33a457; }
      .culture-sports .powermail_tabmenu li.act {
        background: #f04647; }
        .culture-sports .powermail_tabmenu li.act:after {
          background: #f04647; }
      .tourdefrance .powermail_tabmenu li.act {
        background: #fdc009; }
        .tourdefrance .powermail_tabmenu li.act:after {
          background: #fdc009; }

.powermail_check_outer {
  padding: 0 0 0 31%; }

.powermail_tab_navigation:after {
  content: "";
  display: block;
  clear: both; }

.powermail_tab_navigation_next, .powermail_tab_navigation_previous {
  float: left;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #666;
  color: #666;
  padding: 8px 15px;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  html.no-touch .powermail_tab_navigation_next:hover,
  html.no-touch .powermail_tab_navigation_previous:hover {
    color: #fff;
    background: #666; }
  .social .powermail_tab_navigation_next, .routes .powermail_tab_navigation_next, .transports .powermail_tab_navigation_next, .colleges .powermail_tab_navigation_next, .territoires .powermail_tab_navigation_next, .culture-sports .powermail_tab_navigation_next, .tourdefrance .powermail_tab_navigation_next, .social .powermail_tab_navigation_previous, .routes .powermail_tab_navigation_previous, .transports .powermail_tab_navigation_previous, .colleges .powermail_tab_navigation_previous, .territoires .powermail_tab_navigation_previous, .culture-sports .powermail_tab_navigation_previous, .tourdefrance .powermail_tab_navigation_previous {
    color: #666;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .social .powermail_tab_navigation_next:hover, .routes .powermail_tab_navigation_next:hover, .transports .powermail_tab_navigation_next:hover, .colleges .powermail_tab_navigation_next:hover, .territoires .powermail_tab_navigation_next:hover, .culture-sports .powermail_tab_navigation_next:hover, .tourdefrance .powermail_tab_navigation_next:hover, .social .powermail_tab_navigation_previous:hover, .routes .powermail_tab_navigation_previous:hover, .transports .powermail_tab_navigation_previous:hover, .colleges .powermail_tab_navigation_previous:hover, .territoires .powermail_tab_navigation_previous:hover, .culture-sports .powermail_tab_navigation_previous:hover, .tourdefrance .powermail_tab_navigation_previous:hover {
      color: #fff !important; }

.powermail_tab_navigation_next {
  float: right; }

.layout1 {
  padding: 20px;
  background: #f2f2f2; }
  .layout1 fieldset {
    padding: 0;
    margin: 0 0 20px;
    background: none; }
    .layout1 fieldset:last-child {
      margin: 0; }
  .layout1 h3,
  .layout1 legend,
  .layout1 label {
    display: none; }
  .layout1 figure {
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .layout1 input[type="text"],
  .layout1 textarea,
  .layout1 select {
    color: #999;
    border: none;
    width: 100%; }
  .layout1 .last {
    margin-right: 0; }
  .layout1 .powermail_fieldwrap_submit {
    padding: 0;
    margin: 0; }
    .layout1 .powermail_fieldwrap_submit:after {
      display: block;
      content: "";
      clear: both; }

.solr--nb-content {
  padding: 0 1%; }

.tx-solr-component-input-autocomplete {
  position: relative; }
  .tx-solr-component-input-autocomplete input {
    z-index: 1; }
  .tx-solr-component-input-autocomplete ul.tx-solr-facet-component {
    width: 100%;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    border-left: 2px solid #e5e5e5;
    background: #fff;
    z-index: 5; }
    .tx-solr-component-input-autocomplete ul.tx-solr-facet-component li {
      list-style: none;
      padding: 10px 20px; }
      .tx-solr-component-input-autocomplete ul.tx-solr-facet-component li:first-child {
        padding-top: 20px; }
      .tx-solr-component-input-autocomplete ul.tx-solr-facet-component li:last-child {
        padding-bottom: 20px; }
    .tx-solr-component-input-autocomplete ul.tx-solr-facet-component a {
      text-decoration: none; }

.parsley-errors-list {
  margin: 0;
  padding: 0; }

.parsley-required {
  list-style: none;
  color: #f04647;
  font-style: italic; }

.error--form {
  color: red; }
  .error--form ul {
    margin: 0; }

.arc_sondage {
  margin: 0 0 30px; }
  .arc_sondage .question {
    font-weight: bold;
    color: #999;
    margin: 20px 0 0;
    font-size: 16px;
    font-size: 1.0666666667rem; }
    .arc_sondage .question:first-child {
      margin-top: 0; }
  .arc_sondage .choix {
    margin: 0;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .arc_sondage .btn--send {
    margin: 30px 0 0; }

ul,
ol {
  clear: both;
  margin: 30px 0; }

dl:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden; }
@media only screen and (min-width: 720px) {
  dl > dt,
  dl > dd {
    float: left; } }
dl dt {
  padding: 0 20px 0 0;
  font-weight: bold;
  color: #64b0e5; }
  @media only screen and (min-width: 720px) {
    dl dt {
      width: 27%; } }
  .social dl dt {
    color: #9961a0; }
  .routes dl dt {
    color: #dba634; }
  .transports dl dt {
    color: #9ec54d; }
  .colleges dl dt {
    color: #da519d; }
  .territoires dl dt {
    color: #33a457; }
  .culture-sports dl dt {
    color: #f04647; }
  .tourdefrance dl dt {
    color: #fdc009; }
dl dd {
  margin: 0; }
  @media only screen and (min-width: 720px) {
    dl dd {
      width: 72%; } }

.list--download ul {
  padding: 0;
  margin: 0 0 30px;
  list-style: none; }
.list--download a {
  text-decoration: none; }
.list--download .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em; }
.list--download .doc--maj {
  position: relative;
  color: #999;
  font-style: italic;
  padding: 0;
  font-size: 13px;
  font-size: 0.8666666667rem; }

.tx-pagebrowse {
  text-align: center;
  padding: 0;
  margin: 30px 0; }
  .tx-pagebrowse li {
    margin-left: -1px;
    list-style: none;
    display: inline-block; }
  .tx-pagebrowse a, .tx-pagebrowse span {
    line-height: 1;
    padding: 7px 10px;
    color: #64b0e5;
    text-decoration: none;
    display: block;
    border: 1px solid #cdcdcd;
    background: #fff;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
    .social .tx-pagebrowse a,
    .social .tx-pagebrowse span {
      color: #9961a0; }
    .routes .tx-pagebrowse a, .routes .tx-pagebrowse span {
      color: #dba634; }
    .transports .tx-pagebrowse a, .transports .tx-pagebrowse span {
      color: #9ec54d; }
    .colleges .tx-pagebrowse a, .colleges .tx-pagebrowse span {
      color: #da519d; }
    .territoires .tx-pagebrowse a, .territoires .tx-pagebrowse span {
      color: #33a457; }
    .culture-sports .tx-pagebrowse a, .culture-sports .tx-pagebrowse span {
      color: #f04647; }
    .tourdefrance .tx-pagebrowse a, .tourdefrance .tx-pagebrowse span {
      color: #fdc009; }
    .tx-pagebrowse a:hover, .tx-pagebrowse span:hover {
      color: #fff !important;
      background: #64b0e5; }
      .social .tx-pagebrowse a:hover, .social .tx-pagebrowse span:hover {
        background: #9961a0; }
      .routes .tx-pagebrowse a:hover, .routes .tx-pagebrowse span:hover {
        background: #dba634; }
      .transports .tx-pagebrowse a:hover, .transports .tx-pagebrowse span:hover {
        background: #9ec54d; }
      .colleges .tx-pagebrowse a:hover, .colleges .tx-pagebrowse span:hover {
        background: #da519d; }
      .territoires .tx-pagebrowse a:hover, .territoires .tx-pagebrowse span:hover {
        background: #33a457; }
      .culture-sports .tx-pagebrowse a:hover, .culture-sports .tx-pagebrowse span:hover {
        background: #f04647; }
      .tourdefrance .tx-pagebrowse a:hover, .tourdefrance .tx-pagebrowse span:hover {
        background: #fdc009; }
  .tx-pagebrowse .tx-pagebrowse-current span {
    color: #fff;
    background: #64b0e5; }
    .social .tx-pagebrowse .tx-pagebrowse-current span {
      background: #9961a0; }
    .routes .tx-pagebrowse .tx-pagebrowse-current span {
      background: #dba634; }
    .transports .tx-pagebrowse .tx-pagebrowse-current span {
      background: #9ec54d; }
    .colleges .tx-pagebrowse .tx-pagebrowse-current span {
      background: #da519d; }
    .territoires .tx-pagebrowse .tx-pagebrowse-current span {
      background: #33a457; }
    .culture-sports .tx-pagebrowse .tx-pagebrowse-current span {
      background: #f04647; }
    .tourdefrance .tx-pagebrowse .tx-pagebrowse-current span {
      background: #fdc009; }
  .tx-pagebrowse .tx-pagebrowse-first span,
  .tx-pagebrowse .tx-pagebrowse-last span,
  .tx-pagebrowse .tx-pagebrowse-next span,
  .tx-pagebrowse .tx-pagebrowse-prev span {
    opacity: 0.3; }
  .tx-pagebrowse .tx-pagebrowse-prev {
    margin-right: 5px; }
  .tx-pagebrowse .tx-pagebrowse-next {
    margin-left: 5px; }

table {
  border-collapse: collapse;
  margin: 20px 0 40px;
  width: 100%; }

tr:nth-child(2n+2) td {
  background: rgba(242, 242, 242, 0.5); }

th {
  color: #fff;
  text-align: center;
  font-weight: 600;
  padding: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: #64b0e5; }
  .social th {
    background: #9961a0; }
  .routes th {
    background: #dba634; }
  .transports th {
    background: #9ec54d; }
  .colleges th {
    background: #da519d; }
  .territoires th {
    background: #33a457; }
  .culture-sports th {
    background: #f04647; }
  .tourdefrance th {
    background: #fdc009; }

td {
  border-right: 1px solid #fff;
  text-align: center;
  padding: 15px;
  word-break: break-word;
  background: #f2f2f2; }

tr,
td,
th {
  vertical-align: middle; }

caption {
  color: #999;
  text-align: right;
  padding: 10px 0;
  font-style: italic;
  font-size: 14px;
  font-size: 0.9333333333rem; }

.empty {
  background: #fff; }

.skin--full {
  padding: 20px 0; }
  @media only screen and (min-width: 960px) {
    .skin--full {
      padding: 20px 50px; } }
  .skin--full h2 {
    color: #666;
    margin: 0 0 20px; }
    @media only screen and (min-width: 720px) {
      .skin--full h2 {
        margin: 30px 0; } }
    @media only screen and (min-width: 1021px) {
      .skin--full h2 {
        margin: 50px 0; } }
    .skin--full h2:before, .skin--full h2:after {
      content: "";
      display: table-cell;
      width: 50%;
      height: 1px;
      background: url("../images/title-double-line-@2x.jpg") repeat-x center center;
      background-size: 1px 1px; }
    .skin--full h2 span {
      display: table-cell;
      padding: 0 30px; }
      @media only screen and (min-width: 960px) {
        .skin--full h2 span {
          white-space: nowrap; } }

.bg--gray {
  background: #f2f2f2; }

.bg--white {
  background: #fff; }

.block--grid,
.box--img {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .block--grid:after,
  .box--img:after {
    clear: both;
    content: "";
    display: table; }
  .block--grid div:last-child,
  .box--img div:last-child {
    margin-right: 0; }

.block--12of12 {
  width: 100%; }

.block--grid div.left + div {
  float: none;
  width: 100%; }
.block--grid div.right + div {
  float: none;
  width: 100%; }
.block--grid div.right {
  float: right;
  margin-right: 0;
  margin: 20px 0; }
  @media only screen and (min-width: 960px) {
    .block--grid div.right {
      margin: 5px 0 8px 20px; } }
.block--grid figure {
  margin-top: 5px;
  margin-right: 20px; }

@media only screen and (min-width: 960px) {
  .block--1of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 6.1721527019%; }
    .block--1of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--11of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 91.4701957002%; }
    .block--11of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 720px) {
  .block--2of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .block--2of12:last-child {
      margin-right: 0; }
    .block--2of12.col--left {
      width: 100%;
      margin-right: 0; } }
@media only screen and (min-width: 960px) {
  .block--2of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%; }
    .block--2of12:last-child {
      margin-right: 0; }
    .block--2of12.col--left {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 14.7019570017%; }
      .block--2of12.col--left:last-child {
        margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--10of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%; }
    .block--10of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--6of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .block--6of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--4of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .block--4of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--8of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .block--8of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--3of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%; }
    .block--3of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--9of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%; }
    .block--9of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--5of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%; }
    .block--5of12:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 960px) {
  .block--7of12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 57.3509785009%; }
    .block--7of12:last-child {
      margin-right: 0; } }

.block--last {
  margin-right: 0; }

.right {
  float: right; }

.list--competences {
  color: #fff; }
  .list--competences h3,
  .list--competences p
  a,
  .list--competences li, .list--competences figcaption {
    color: #fff; }
  .list--competences ul {
    margin: 0;
    padding: 0; }
  .list--competences .ul-rte li {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-size: 1rem; }
    .list--competences .ul-rte li:before {
      display: none; }
  .list--competences h3 {
    margin: 30px 0 20px;
    font-size: 25px;
    font-size: 1.6666666667rem; }
    @media only screen and (min-width: 1240px) {
      .list--competences h3 {
        margin: 70px 0 20px; } }
  .list--competences > ul > li {
    margin: 0 0 20px 0;
    float: left;
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .list--competences > ul > li {
        margin: 0 1.6% 20px 0;
        width: 49.2%; }
        .list--competences > ul > li:nth-child(even) {
          margin-right: 0; }
        .aiguillage .list--competences > ul > li {
          margin-right: 0;
          width: 49%; }
          .aiguillage .list--competences > ul > li.grid-sizer {
            width: 49%; }
          .aiguillage .list--competences > ul > li.gutter-sizer {
            width: 2%; } }
    @media only screen and (min-width: 960px) {
      .list--competences > ul > li {
        margin: 0 2% 20px 0;
        width: 32%; }
        .list--competences > ul > li:nth-child(even) {
          margin-right: 2%; }
        .list--competences > ul > li:nth-child(3n) {
          margin-right: 0; }
        .aiguillage .list--competences > ul > li {
          width: 32%;
          margin-right: 0; }
          .aiguillage .list--competences > ul > li.grid-sizer {
            width: 32%; }
          .aiguillage .list--competences > ul > li.gutter-sizer {
            width: 2%; } }
  .list--competences li {
    list-style: none; }
  .list--competences figure {
    margin: 0; }
  .list--competences figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 10% 30px 20px;
    top: 0;
    background: none;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
    @media only screen and (min-width: 720px) {
      .list--competences figcaption {
        padding: 20% 30px 30px; } }
    @media only screen and (min-width: 960px) {
      .list--competences figcaption {
        padding: 10% 30px 30px; } }
    .aiguillage .list--competences figcaption {
      padding: 15px 60px 15px 15px;
      position: relative;
      top: inherit;
      background: #fff; }
  .list--competences a {
    text-decoration: none;
    display: block; }
  .list--competences .btn--plus {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    border: 2px solid #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
    .list--competences .btn--plus:before, .list--competences .btn--plus:after {
      content: '';
      display: block;
      width: 24px;
      height: 2px;
      position: absolute;
      top: 21px;
      left: 11px;
      background: #fff; }
    .list--competences .btn--plus:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }

html.no-touch .list--competences li:hover figcaption {
  background: #64b0e5; }
html.no-touch .list--competences li:hover.social figcaption {
  background: #9961a0; }
html.no-touch .list--competences li:hover.routes figcaption {
  background: #dba634; }
html.no-touch .list--competences li:hover.transports figcaption {
  background: #9ec54d; }
html.no-touch .list--competences li:hover.colleges figcaption {
  background: #da519d; }
html.no-touch .list--competences li:hover.territoires figcaption {
  background: #33a457; }
html.no-touch .list--competences li:hover.culture-sports figcaption {
  background: #f04647; }
html.no-touch .list--competences li:hover.tourdefrance figcaption {
  background: #fdc009; }
html.no-touch .list--competences li:hover .btn--plus {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.aiguillage .list--competences figure {
  border-radius: 0; }
html.no-touch .aiguillage .list--competences li:hover h3 {
  color: #fff; }
.aiguillage .list--competences li.grid-item {
  border: 1px solid #cdcdcd;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.aiguillage .list--competences h3 {
  margin: 0;
  color: #64b0e5;
  font-size: 20px;
  font-size: 1.3333333333rem; }
  .social .aiguillage .list--competences h3 {
    color: #9961a0; }
  .routes .aiguillage .list--competences h3 {
    color: #dba634; }
  .sport .aiguillage .list--competences h3 {
    color: #ff5757; }
  .colleges .aiguillage .list--competences h3 {
    color: #da519d; }
  .territoires .aiguillage .list--competences h3 {
    color: #33a457; }
  .culture-sports .aiguillage .list--competences h3 {
    color: #9ec54d; }
  .tourdefrance .aiguillage .list--competences h3 {
    color: #fdc009; }
.aiguillage .list--competences .icon {
  position: absolute;
  top: 21%;
  right: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #64b0e5;
  font-size: 2em;
  background: #fff;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .aiguillage .list--competences .icon:before {
    display: block; }
  .social .aiguillage .list--competences .icon {
    color: #9961a0; }
  .routes .aiguillage .list--competences .icon {
    color: #dba634; }
  .sport .aiguillage .list--competences .icon {
    color: #ff5757; }
  .transports .aiguillage .list--competences .icon {
    color: #9ec54d; }
  .colleges .aiguillage .list--competences .icon {
    color: #da519d; }
  .territoires .aiguillage .list--competences .icon {
    color: #33a457; }
  .culture-sports .aiguillage .list--competences .icon {
    color: #9ec54d; }
  .tourdefrance .aiguillage .list--competences .icon {
    color: #fdc009; }

html.no-touch .social .aiguillage .list--competences li:hover figcaption {
  background: #9961a0; }
html.no-touch .routes .aiguillage .list--competences li:hover figcaption {
  background: #dba634; }
html.no-touch .sport .aiguillage .list--competences li:hover figcaption {
  background: #ff5757; }
html.no-touch .transports .aiguillage .list--competences li:hover figcaption {
  background: #9ec54d; }
html.no-touch .colleges .aiguillage .list--competences li:hover figcaption {
  background: #da519d; }
html.no-touch .territoires .aiguillage .list--competences li:hover figcaption {
  background: #33a457; }
html.no-touch .culture-sports .aiguillage .list--competences li:hover figcaption {
  background: #9ec54d; }
html.no-touch .tourdefrance .aiguillage .list--competences li:hover figcaption {
  background: #fdc009; }

.block--pub {
  text-align: center;
  padding: 10px 0;
  margin: -10px 0 5px;
  position: relative;
  color: #fff;
  background: #333; }
  .col--main .block--pub {
    margin: 0 0 20px -40px; }
  .block--pub a {
    color: #fff; }
  .block--pub p {
    margin: 0;
    line-height: inherit;
    font-size: 13px;
    font-size: 0.8666666667rem; }

.btn--close-pub {
  position: absolute;
  right: 20px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  font-size: 1.3333333333rem; }

.col--main .pub--text {
  padding: 0 50px 0 30px; }

.block--loader {
  padding: 30px 0;
  text-align: center; }

.block--loader-text {
  margin: 0 0 50px; }
  .block--loader-text p {
    margin: 0 0 5px; }

.block--loader-gif img {
  width: auto; }

.block--loader-img {
  width: 100%;
  height: 400px;
  position: relative;
  background: url("../images/banner-home.jpg") no-repeat center center;
  background-size: cover; }
  .block--loader-img img {
    position: absolute;
    width: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

#header {
  z-index: 20;
  position: relative;
  background: #64b0e5; }
  .home #header {
    padding: 60px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 607px !important;
  }
    @media only screen and (min-width: 720px) {
      .home #header {
        padding: 0;
        background-position: center 0; } }
  @media only screen and (min-width: 960px) {
    #header.fixed {
      width: 100%;
      position: fixed; } }
  #header.fixed .preheader,
  #header.fixed .block--search-content {
    display: none; }

.preheader {
  position: relative;
  padding: 0; }
  @media only screen and (min-width: 1021px) {
    .preheader {
      padding: 7px 0;
      border: none; } }
  @media only screen and (max-width: 959px) {
    .home .preheader .layout--maxwidth {
      padding: 0 20px; } }

.header--logo-home {
  text-align: center;
  margin: 0;
  padding: 10% 0 0; }
  @media only screen and (min-width: 720px) {
    .header--logo-home {
      padding-top: 30%; } }
  @media only screen and (min-width: 960px) {
    .header--logo-home {
      padding-top: 15%; } }
  @media only screen and (min-width: 1021px) {
    .header--logo-home {
      margin: 30px 0 20px;
      padding: 0; } }
  @media only screen and (min-width: 1500px) {
    .header--logo-home {
      margin: 70px 0 40px; } }
  .header--logo-home img {
    width: 45%; }
    @media only screen and (min-width: 720px) {
      .header--logo-home img {
        width: 20%; } }
    @media only screen and (min-width: 960px) {
      .header--logo-home img {
        width: 15%; } }

.btn--close-fullscreen {
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .btn--close-fullscreen .icon {
    font-size: 20px;
    font-size: 1.3333333333rem; }

nav ul {
  margin: 0;
  padding: 0; }
nav li {
  list-style: none; }
nav a {
  text-decoration: none; }

#header--main-nav {
  position: relative;
  display: none;
  z-index: 6;
  width: 100%;
  box-shadow: inset 0 -3px rgba(16, 16, 16, 0.11);
  z-index: 1; }
  @media only screen and (min-width: 1021px) {
    #header--main-nav {
      position: relative;
      display: block !important;
      padding: 0; } }
  .institution #header--main-nav {
    box-shadow: inset 0 -3px rgba(16, 16, 16, 0.11); }
  .home #header--main-nav {
    position: absolute;
    bottom: 0; }
    @media only screen and (min-width: 720px) {
      .home #header--main-nav {
        display: block; } }
    .home #header--main-nav ul {
      box-shadow: inset 0 -4px #d3d3d3; }
  #header--main-nav .menu--home a {
    color: #ccc; }
    #header--main-nav .menu--home a:before {
      font-size: 1.5em;
      content: "\e0f2";
      color: #ccc;
      display: block;
      font-family: "cd63" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  #header--main-nav .menu--home span {
    display: none; }
  #header--main-nav .layout--maxwidth {
    position: initial; }
    @media only screen and (max-width: 959px) {
      .home #header--main-nav .layout--maxwidth {
        padding: 0; } }
  #header--main-nav a {
    text-decoration: none; }
    .home #header--main-nav a {
      box-shadow: inset 0 -4px #cdcdcd; }
  #header--main-nav .menu {
    text-align: center; }
    #header--main-nav .menu > li {
      display: inline-block;
      -webkit-transition: background 0.35s ease;
      -moz-transition: background 0.35s ease;
      transition: background 0.35s ease; }
      #header--main-nav .menu > li > a {
        color: #fff;
        display: block;
        font-weight: 600;
        line-height: 1;
        padding: 25px 20px 30px;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
        font-size: 15px;
        font-size: 1rem; }
        @media only screen and (min-width: 1021px) {
          #header--main-nav .menu > li > a {
            padding: 12px 20px 15px;
            font-size: 15px;
            font-size: 1rem; } }
        .home #header--main-nav .menu > li > a {
          padding: 25px; }
          @media only screen and (min-width: 720px) {
            .home #header--main-nav .menu > li > a {
              padding: 25px 15px;
              font-size: 16px;
              font-size: 1.0666666667rem; } }
          @media only screen and (min-width: 960px) {
            .home #header--main-nav .menu > li > a {
              padding: 25px;
              font-size: 19px;
              font-size: 1.2666666667rem; } }
  #header--main-nav li.active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #64b0e5; }
  #header--main-nav li.active.item--01:after {
    background: #9961a0; }
  #header--main-nav li.active.item--02:after {
    background: #dba634; }
  #header--main-nav li.active.item--03:after {
    background: #da519d; }
  #header--main-nav li.active.item--04:after {
    background: #33a457; }
  #header--main-nav li.active.item--05:after {
    background: #9ec54d; }
  #header--main-nav li.active.item--06:after {
    background: #ff5757; }
  #header--main-nav li.active.item--07:after {
    background: #fdc009; }
  #header--main-nav li.active .submenu--content {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 3px 3px 4px rgba(5, 5, 7, 0.1); }
    @media only screen and (min-width: 960px) {
      #header--main-nav li.active .submenu--content {
        top: 42px; } }
  #header--main-nav li.active .submenu {
    width: 100%;
    top: 0;
    position: relative;
    height: auto;
    display: block;
    visibility: visible; }
    @media only screen and (min-width: 960px) {
      #header--main-nav li.active .submenu {
        margin: 0;
        padding: 0;
        width: 100%; } }
    @media only screen and (min-width: 1240px) {
      #header--main-nav li.active .submenu {
        width: 1080px;
        margin: 0 auto;
        padding: 0 0 0 20px; }
        #header--main-nav li.active .submenu li:first-child a {
          padding-left: 0; } }
  #header--main-nav li.active > a {
    color: #fff;
    background: #64b0e5; }
  #header--main-nav li.item--01.active > a {
    background: #9961a0; }
  html.no-touch #header--main-nav li.item--01 > a:hover {
    background: #9961a0; }
  #header--main-nav li.item--01 .submenu li.active a {
    color: #9961a0; }
  html.no-touch #header--main-nav li.item--01 .submenu li a:hover {
    color: #9961a0; }
  #header--main-nav li.item--02.active > a {
    background: #dba634; }
  html.no-touch #header--main-nav li.item--02 > a:hover {
    background: #dba634; }
  #header--main-nav li.item--02 .submenu li.active a {
    color: #dba634; }
  html.no-touch #header--main-nav li.item--02 .submenu li a:hover {
    color: #dba634; }
  #header--main-nav li.item--03.active > a {
    background: #da519d; }
  html.no-touch #header--main-nav li.item--03 > a:hover {
    background: #da519d; }
  #header--main-nav li.item--03 .submenu li.active a {
    color: #da519d; }
  html.no-touch #header--main-nav li.item--03 .submenu li a:hover {
    color: #da519d; }
  #header--main-nav li.item--04.active > a {
    background: #33a457; }
  html.no-touch #header--main-nav li.item--04 > a:hover {
    background: #33a457; }
  #header--main-nav li.item--04 .submenu li.active a {
    color: #33a457; }
  html.no-touch #header--main-nav li.item--04 .submenu li a:hover {
    color: #33a457; }
  #header--main-nav li.item--05.active > a {
    background: #9ec54d; }
  html.no-touch #header--main-nav li.item--05 > a:hover {
    background: #9ec54d; }
  #header--main-nav li.item--05 .submenu li.active a {
    color: #9ec54d; }
  html.no-touch #header--main-nav li.item--05 .submenu li a:hover {
    color: #9ec54d; }
  #header--main-nav li.item--06.active > a {
    background: #ff5757; }
  html.no-touch #header--main-nav li.item--06 > a:hover {
    background: #ff5757; }
  #header--main-nav li.item--06 .submenu li.active a {
    color: #ff5757; }
  html.no-touch #header--main-nav li.item--06 .submenu li a:hover {
    color: #ff5757; }
  #header--main-nav li.item--07.active > a {
    background: #fdc009; }
  html.no-touch #header--main-nav li.item--07 > a:hover {
    background: #fdc009; }
  #header--main-nav li.item--07 .submenu li.active a {
    color: #fdc009; }
  html.no-touch #header--main-nav li.item--07 .submenu li a:hover {
    color: #fdc009; }
  #header--main-nav .submenu {
    padding: 15px 5%;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 44px;
    height: 0;
    visibility: hidden;
    background: #fff;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
    @media only screen and (min-width: 1021px) {
      #header--main-nav .submenu {
        padding: 10px;
        text-align: left; } }
    #header--main-nav .submenu li {
      display: inline-block;
      vertical-align: middle;
      padding: 0;
      margin: 12px 0;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
      @media only screen and (min-width: 1021px) {
        #header--main-nav .submenu li {
          display: inline-block; } }
      .fixed #header--main-nav .submenu li {
        margin: 8px 0; }
      #header--main-nav .submenu li.active a {
        font-weight: 700;
        color: #64b0e5;
        line-height: 0.9;
        background: none; }
      #header--main-nav .submenu li.active:after {
        display: none; }
      #header--main-nav .submenu li:last-child a {
        border: none; }
      #header--main-nav .submenu li.menu--home a {
        padding-right: 0;
        padding-left: 20px;
        border: none; }
      #header--main-nav .submenu li.menu--home .icon {
        font-size: 1.5em;
        color: #ccc; }
    #header--main-nav .submenu a {
      color: #999;
      display: block;
      line-height: 1;
      padding: 0 10px;
      background: none;
      border-right: 1px solid #999;
      -webkit-transition: all ease 0.35s;
      -moz-transition: all ease 0.35s;
      transition: all ease 0.35s; }
      @media only screen and (min-width: 1021px) {
        #header--main-nav .submenu a {
          font-size: 14px;
          font-size: 0.9333333333rem; } }
      html.no-touch #header--main-nav .submenu a:hover {
        color: #64b0e5;
        background: #fff; }
  #header--main-nav .menu.level-1 {
    margin: 0;
    padding: 10px 0;
    text-align: center; }
    #header--main-nav .menu.level-1 > li {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none; }
      @media only screen and (min-width: 960px) {
        #header--main-nav .menu.level-1 > li {
          display: inline-block;
          vertical-align: middle; } }
      @media only screen and (min-width: 1021px) {
        #header--main-nav .menu.level-1 > li {
          margin: 0 5px; } }
      #header--main-nav .menu.level-1 > li > a {
        position: relative;
        display: block;
        padding: 12px 4px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px; }
        @media only screen and (min-width: 960px) {
          #header--main-nav .menu.level-1 > li > a {
            font-size: 10px; } }
        @media only screen and (min-width: 1021px) {
          #header--main-nav .menu.level-1 > li > a {
            font-size: 12px; } }
        #header--main-nav .menu.level-1 > li > a:before, #header--main-nav .menu.level-1 > li > a:after {
          content: "";
          position: absolute;
          bottom: 0;
          width: 0;
          height: 4px;
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out; }
        #header--main-nav .menu.level-1 > li > a:before {
          left: 50%; }
        #header--main-nav .menu.level-1 > li > a:after {
          right: 50%; }
      html.is-desktop #header--main-nav .menu.level-1 > li:hover > a:before, html.is-desktop #header--main-nav .menu.level-1 > li:hover > a:after, html.is-desktop #header--main-nav .menu.level-1 > li:focus > a:before, html.is-desktop #header--main-nav .menu.level-1 > li:focus > a:after, #header--main-nav .menu.level-1 > li.active > a:before, #header--main-nav .menu.level-1 > li.active > a:after {
        width: 50%;
        background: #64b0e5; }
      html.is-desktop #header--main-nav .menu.level-1 > li:hover .menu.level-2, html.is-desktop #header--main-nav .menu.level-1 > li:focus .menu.level-2, html.is-mobile #header--main-nav .menu.level-1 > li.active .menu.level-2 {
        opacity: 1;
        visibility: visible;
        height: auto;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s, visibility 0s 0s;
        -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s, visibility 0s 0s;
        transition: transform 0.2s ease-out, opacity 0.2s, visibility 0s 0s; }
        html.is-desktop #header--main-nav .menu.level-1 > li:hover .menu.level-2 > li, html.is-desktop #header--main-nav .menu.level-1 > li:focus .menu.level-2 > li, html.is-mobile #header--main-nav .menu.level-1 > li.active .menu.level-2 > li {
          opacity: 1; }
  #header--main-nav .menu.level-2 {
    z-index: 1;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    background: #64b0e5;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s ease-out, opacity 0.3s, visibility 0s 0.3s; }
    @media only screen and (max-width: 719px) {
      #header--main-nav .menu.level-2 {
        height: 0; } }
    @media only screen and (min-width: 960px) {
      #header--main-nav .menu.level-2 {
        position: absolute;
        background: #fff; } }
    #header--main-nav .menu.level-2 li {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out; }
      #header--main-nav .menu.level-2 li a {
        display: block;
        padding: 12px 16px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        html.no-touch #header--main-nav .menu.level-2 li a:hover, html.touch #header--main-nav .menu.level-2 li a:active {
          color: #fff; }
        @media only screen and (min-width: 960px) {
          #header--main-nav .menu.level-2 li a {
            padding: 10px 12px;
            white-space: nowrap;
            color: #999;
            text-align: left;
            font-size: 10px; } }
        @media only screen and (min-width: 1021px) {
          #header--main-nav .menu.level-2 li a {
            font-size: 11px; } }
    #header--main-nav .menu.level-2 > li.expanded > a {
      padding-right: 26px; }
      @media only screen and (min-width: 720px) {
        #header--main-nav .menu.level-2 > li.expanded > a {
          padding-left: 26px; } }
      #header--main-nav .menu.level-2 > li.expanded > a:after {
        content: '\e804';
        font-family: 'icons';
        position: absolute;
        top: 13px;
        right: 10px;
        line-height: 1;
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        -webkit-transition: color 0.35s ease-out;
        -moz-transition: color 0.35s ease-out;
        transition: color 0.35s ease-out; }
        @media only screen and (min-width: 960px) {
          #header--main-nav .menu.level-2 > li.expanded > a:after {
            content: '\e802';
            top: 50%;
            margin-top: -8px; } }
    html.is-desktop #header--main-nav .menu.level-2 > li.expanded:hover > a:after, html.is-desktop #header--main-nav .menu.level-2 > li.expanded:focus > a:after, html.is-mobile #header--main-nav .menu.level-2 > li.expanded.active > a:after {
      color: #fff; }
    html.is-desktop #header--main-nav .menu.level-2 > li.expanded:hover .menu.level-3, html.is-desktop #header--main-nav .menu.level-2 > li.expanded:focus .menu.level-3, html.is-mobile #header--main-nav .menu.level-2 > li.expanded.active .menu.level-3 {
      visibility: visible;
      height: auto; }
      html.is-desktop #header--main-nav .menu.level-2 > li.expanded:hover .menu.level-3 > li, html.is-desktop #header--main-nav .menu.level-2 > li.expanded:focus .menu.level-3 > li, html.is-mobile #header--main-nav .menu.level-2 > li.expanded.active .menu.level-3 > li {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
  #header--main-nav .menu.level-3 {
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden; }
    @media only screen and (min-width: 960px) {
      #header--main-nav .menu.level-3 {
        position: absolute;
        top: 0;
        left: 100%; }
        #header--main-nav .menu.level-3.position--left {
          left: auto;
          right: 100%; } }
    #header--main-nav .menu.level-3 > li {
      position: relative;
      margin: 0;
      opacity: 0;
      list-style: none; }
      @media only screen and (min-width: 960px) {
        #header--main-nav .menu.level-3 > li {
          background: #fff; } }

html.no-touch .home #header--main-nav li.item--01 > a:hover {
  box-shadow: inset 0 -4px #9961a0;
  background: none; }
html.no-touch .home #header--main-nav li.item--02 > a:hover {
  box-shadow: inset 0 -4px #dba634;
  background: none; }
html.no-touch .home #header--main-nav li.item--03 > a:hover {
  box-shadow: inset 0 -4px #da519d;
  background: none; }
html.no-touch .home #header--main-nav li.item--04 > a:hover {
  box-shadow: inset 0 -4px #33a457;
  background: none; }
html.no-touch .home #header--main-nav li.item--05 > a:hover {
  box-shadow: inset 0 -4px #9ec54d;
  background: none; }
html.no-touch .home #header--main-nav li.item--06 > a:hover {
  box-shadow: inset 0 -4px #f04647;
  background: none; }
html.no-touch .home #header--main-nav li.item--07 > a:hover {
  box-shadow: inset 0 -4px #f04647;
  background: none; }

#logo--color {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  background: #64b0e5; }
  @media only screen and (min-width: 960px) {
    #logo--color {
      display: inline-block;
      text-align: left;
      position: inherit;
      top: inherit;
      width: 18%;
      padding: 5px 0;
      margin: 2px 20px 0 20px;
      background: #fff; } }
  .full--screen #logo--color {
    margin: 5px 0;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  @media only screen and (min-width: 720px) {
    .home #logo--color {
      display: inline-block;
      position: inherit;
      top: inherit;
      width: 25%;
      margin-top: 5px;
      height: auto;
      padding: 5px 0;
      margin: 2px 20px 0 20px;
      background: #fff; } }
  #logo--color a {
    display: block;
    height: 100%; }
    @media only screen and (max-width: 719px) {
      #logo--color a {
        display: inline-block;
        padding: 6px 0;
        width: 160px;
        height: 60px;
        background: url("../images/logo-white-@2x.png") no-repeat center center;
        background-size: 100%; }
        #logo--color a img {
          display: none; } }
    #logo--color a span {
      display: none; }
  #logo--color img {
    width: 100%;
    height: auto; }

#mobile--header {
  width: 100%;
  height: 60px;
  position: relative;
  color: #fff;
  border-bottom: 2px solid #fff;
  background: #64b0e5; }
  @media only screen and (min-width: 1021px) {
    #mobile--header {
      display: none; } }
  .home #mobile--header {
    border: none;
    position: absolute;
    top: 0;
    background: none; }

#mobile--logo {
  height: 100%;
  position: relative;
  text-align: center; }
  #mobile--logo img {
    position: absolute;
    display: inline-block;
    width: 160px;
    height: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .home #mobile--logo {
    display: none; }

@media only screen and (min-width: 1021px) {
  #mobile-nav {
    display: none; } }
#mobile-nav ul {
  background: #64b0e5; }
#mobile-nav li {
  border-left: 4px solid rgba(255, 255, 255, 0.5);
  position: relative; }
  #mobile-nav li li {
    padding: 0;
    border-left: none; }
#mobile-nav .menu-icon-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px; }
#mobile-nav .menu-icon {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-right: 2px solid #fff;
  z-index: 30;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .home #mobile-nav .menu-icon {
    border: none; }
    @media only screen and (min-width: 720px) {
      .home #mobile-nav .menu-icon {
        display: none; } }
  #mobile-nav .menu-icon.active .menu-icon-content {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  #mobile-nav .menu-icon span {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
    margin-top: 1px;
    margin-left: 15px;
    background: #fff;
    font-size: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    @media only screen and (min-width: 720px) {
      #mobile-nav .menu-icon span {
        background: #fff; } }
    #mobile-nav .menu-icon span:before, #mobile-nav .menu-icon span:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media only screen and (min-width: 720px) {
        #mobile-nav .menu-icon span:before, #mobile-nav .menu-icon span:after {
          background: #fff; } }
      html.no-csstransforms #mobile-nav .menu-icon span:before, html.no-csstransforms #mobile-nav .menu-icon span:after {
        content: none; }
    #mobile-nav .menu-icon span:before {
      -webkit-transform: translateY(-450%);
      -moz-transform: translateY(-450%);
      -ms-transform: translateY(-450%);
      -o-transform: translateY(-450%);
      transform: translateY(-450%); }
      @media only screen and (min-width: 480px) {
        #mobile-nav .menu-icon span:before {
          -webkit-transform: translateY(-500%);
          -moz-transform: translateY(-500%);
          -ms-transform: translateY(-500%);
          -o-transform: translateY(-500%);
          transform: translateY(-500%); } }
    #mobile-nav .menu-icon span:after {
      -webkit-transform: translateY(450%);
      -moz-transform: translateY(450%);
      -ms-transform: translateY(450%);
      -o-transform: translateY(450%);
      transform: translateY(450%); }
      @media only screen and (min-width: 480px) {
        #mobile-nav .menu-icon span:after {
          -webkit-transform: translateY(450%);
          -moz-transform: translateY(450%);
          -ms-transform: translateY(450%);
          -o-transform: translateY(450%);
          transform: translateY(450%); } }
#mobile-nav .item--01 {
  border-left: 4px solid #9961a0; }
#mobile-nav .item--02 {
  border-left: 4px solid #dba634; }
#mobile-nav .item--03 {
  border-left: 4px solid #da519d; }
#mobile-nav .item--04 {
  border-left: 4px solid #33a457; }
#mobile-nav .item--05 {
  border-left: 4px solid #9ec54d; }
#mobile-nav .item--06 {
  border-left: 4px solid #f04647; }
#mobile-nav .item--07 {
  border-left: 4px solid #fdc009; }
#mobile-nav .switch,
#mobile-nav .switch2,
#mobile-nav .switch3 {
  top: 5px;
  right: 20px; }
  #mobile-nav .switch:before, #mobile-nav .switch:after,
  #mobile-nav .switch2:before,
  #mobile-nav .switch2:after,
  #mobile-nav .switch3:before,
  #mobile-nav .switch3:after {
    background-color: #fff; }
#mobile-nav .switch {
  right: 10px; }
#mobile-nav a {
  font-weight: bold;
  color: #fff;
  -webkit-font-smoothing: antialiased; }
#mobile-nav .nav {
  visibility: hidden;
  width: 70%;
  padding: 0;
  position: absolute;
  top: 60px;
  bottom: 0;
  left: -320px;
  border-top: 2px solid #fff;
  background: #64b0e5;
  z-index: 30;
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); }
  @media only screen and (min-width: 720px) {
    #mobile-nav .nav {
      top: 58px;
      width: 50%; } }
  #mobile-nav .nav.active {
    visibility: visible; }
  .csstransforms3d #mobile-nav .nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
    .csstransforms3d #mobile-nav .nav.active {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
#mobile-nav .menu > li {
  display: block;
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
  #mobile-nav .menu > li > a {
    font-weight: bold;
    padding: 0; }
#mobile-nav .menu a {
  font-weight: normal;
  display: block;
  padding: 5px 0; }
#mobile-nav .submenu {
  margin: 10px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 10px 0 0; }
html.no-csstransforms #mobile-nav:before {
  content: '\e800';
  font-family: 'icons';
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 100%;
  background: none !important;
  line-height: 60px;
  font-size: 28px;
  color: #999;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  -webkit-transition: color 0.35s ease;
  -moz-transition: color 0.35s ease;
  transition: color 0.35s ease; }
html.no-csstransforms #mobile-nav span {
  display: none; }
#mobile-nav.active {
  background: #999; }
  #mobile-nav.active span {
    background: transparent !important; }
    #mobile-nav.active span:before, #mobile-nav.active span:after {
      background: #fff; }
    #mobile-nav.active span:before {
      -webkit-transform: translateY(0) rotate(45deg);
      -moz-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
      -o-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg); }
    #mobile-nav.active span:after {
      -webkit-transform: translateY(0) rotate(-45deg);
      -moz-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
      -o-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg); }
  html.no-csstransforms #mobile-nav.active:before {
    content: '\e803';
    top: 0;
    color: #fff; }

#mobile--search-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 65px;
  color: #fff;
  font-size: 2.2em;
  z-index: 11;
  border-left: 2px solid #fff; }
  .home #mobile--search-button {
    display: none; }

.displaynone {
  display: none; }

.menu-secondary li {
  display: inline-block; }
  .menu-secondary li a {
    color: #fff; }
    .menu-secondary li a:hover {
      color: #fff; }

.preheader--nav-main, .preheader--nav-secondary {
  line-height: 1;
  display: none; }
  @media only screen and (min-width: 1021px) {
    .preheader--nav-main, .preheader--nav-secondary {
      display: inline-block; } }
  @media only screen and (min-width: 720px) {
    .home .preheader--nav-main,
    .home .preheader--nav-secondary {
      display: inline-block; } }
  .preheader--nav-main .menu, .preheader--nav-secondary .menu {
    line-height: 1;
    display: inline-block; }
    .preheader--nav-main .menu li, .preheader--nav-secondary .menu li {
      position: relative; }
      .preheader--nav-main .menu li:after, .preheader--nav-secondary .menu li:after {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        right: 0;
        width: 1px;
        height: 10px;
        background: rgba(255, 255, 255, 0.4); }
      .preheader--nav-main .menu li:last-child:after, .preheader--nav-secondary .menu li:last-child:after {
        display: none; }
      .preheader--nav-main .menu li:last-child a, .preheader--nav-secondary .menu li:last-child a {
        padding: 0 0 0 15px; }
      .preheader--nav-main .menu li.active a, .preheader--nav-secondary .menu li.active a {
        font-weight: 700; }
    .preheader--nav-main .menu a, .preheader--nav-secondary .menu a {
      position: relative;
      display: inline-block;
      padding: 0 20px 0 15px;
      font-weight: 600;
      font-size: 11px;
      font-size: 0.7333333333rem; }
      html.no-touch .preheader--nav-main .menu a:hover, html.no-touch .preheader--nav-secondary .menu a:hover {
        color: #222; }

.preheader--nav-main .menu li:first-child a {
  padding-left: 0; }

.preheader--nav-secondary {
  float: right;
  margin: 3px 0 0; }
  .institution .preheader--nav-secondary {
    margin: 0; }

.header--nav-institution {
  padding: 15px 0 10px;
  text-align: center;
  background: #f2f2f2;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .fixed .header--nav-institution {
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 3px 3px 4px rgba(5, 5, 7, 0.1); }
  .header--nav-institution .layout--maxwidth {
    width: 90%;
    margin: 0 5%;
    padding: 0; }
    @media only screen and (min-width: 1021px) {
      .header--nav-institution .layout--maxwidth {
        width: 1080px;
        margin: 0 auto; } }
  .header--nav-institution .title {
    width: auto;
    margin: 0;
    line-height: 1;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 13.5px;
    font-size: 0.9rem; }
    .header--nav-institution .title span {
      line-height: 1;
      padding: 0;
      display: block; }
  .header--nav-institution .header--nav-institution-content {
    display: inline-block;
    width: auto; }
  .header--nav-institution ul {
    line-height: 1;
    margin: 0;
    float: right; }
  .header--nav-institution li {
    display: inline-block; }
    .header--nav-institution li.active a {
      font-weight: 600;
      color: #64b0e5; }
    .header--nav-institution li:first-child a {
      border: none; }
  .header--nav-institution a {
    line-height: 1;
    display: block;
    color: #666;
    padding: 0 8px;
    line-height: 1;
    border-left: 1px solid #cdcdcd;
    font-size: 13.5px;
    font-size: 0.9rem;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .header--nav-institution a:hover {
      color: #64b0e5; }

.header--buttons-home {
  text-align: center;
  margin: 30px 0; }
  .header--buttons-home li {
    display: block;
    margin: 5px 0; }
    @media only screen and (min-width: 720px) {
      .header--buttons-home li {
        margin: 0 8px;
        display: inline-block; } }
    @media only screen and (max-width: 719px) {
      .home .header--buttons-home li {
        width: 60%;
        display: inline-block; } }
    @media only screen and (max-width: 479px) {
      .home .header--buttons-home li {
        width: 100%; } }
  .header--buttons-home a {
    display: block;
    padding: 8px 20px;
    font-weight: 600;
    color: #fff;
    background: #64b0e5;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
    -khtml-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
    -moz-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
    -ms-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
    -o-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
    box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .header--buttons-home a:hover {
      color: #fff;
      background: #666; }

.col--main {
  width: 100%;
  position: relative;
  text-align: left;
  background: #fff; }
  .col--main.bg--gray {
    background: #f2f2f2; }
  .col--main:after {
    content: "";
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 1500px;
    background: #fff; }
    .home .col--main:after {
      display: none; }
    .institution .col--main:after {
      display: none; }
  @media only screen and (min-width: 720px) {
    .col--main {
      width: 100%; } }
  @media only screen and (min-width: 960px) {
    .col--main.block--10of12 {
      width: 80%; } }
  @media only screen and (min-width: 1240px) {
    .col--main {
      width: 860px; }
      .col--main.block--10of12 {
        width: 860px; }
      .col--main:after {
        display: block; }
      .home .col--main {
        width: auto; }
      .institution .col--main {
        width: 1080px;
        overflow: hidden;
        -webkit-border-radius: 5px 5px 0 0;
        -khtml-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0; } }

.main-content {
  padding-bottom: 50px; }
  .main-content:after {
    content: "";
    clear: both; }

.padding--main-content {
  padding: 20px 0; }
  .elu .padding--main-content {
    padding: 20px 3%; }
  .institution .padding--main-content {
    position: relative;
    text-align: left; }
  @media only screen and (min-width: 720px) {
    .padding--main-content {
      padding: 20px 3%; }
      .aide .padding--main-content, .contact .padding--main-content, .padding--less .padding--main-content, .elu .padding--main-content {
        padding: 20px 7%; } }
  @media only screen and (min-width: 960px) {
    .padding--main-content {
      padding: 70px 4% 20px; }
      .aide .padding--main-content, .contact .padding--main-content, .padding--less .padding--main-content, .agenda .padding--main-content {
        padding: 20px 7%; }
      .elu .padding--main-content {
        padding: 20px 0; }
      .institution .padding--main-content {
        padding: 20px 4%; } }
  @media only screen and (min-width: 1240px) {
    .padding--main-content {
      padding: 70px 0 30px 40px; }
      .contact .padding--main-content, .padding--less .padding--main-content {
        padding: 20px 7%; }
      .elu .padding--main-content {
        padding: 20px 0; }
      .moteur .padding--main-content {
        padding: 20px 50px 20px 10px; }
      .institution .padding--main-content {
        padding: 20px 30px 80px 30px; }
      .institution.pub--bg .padding--main-content {
        background: #fff; }
      .aiguillage .padding--main-content {
        padding-left: 20px; } }
  @media only screen and (min-width: 1021px) {
    .block--8of12 .padding--main-content {
      padding: 70px 9%; } }
  @media only screen and (min-width: 1021px) {
    .block--6of12 .padding--main-content {
      padding: 70px 9%; } }

.serif {
  font-family: "Aleo Serif", serif; }

h2 {
  color: #64b0e5; }
  .social h2 {
    color: #9961a0; }
  .routes h2 {
    color: #dba634; }
  .transports h2 {
    color: #9ec54d; }
  .colleges h2 {
    color: #da519d; }
  .territoires h2 {
    color: #33a457; }
  .culture-sports h2 {
    color: #f04647; }
  .tourdefrance h2 {
    color: #fdc009; }

.skin--homepage .title {
  text-align: center;
  color: #666; }

blockquote {
  padding: 10px;
  margin: 0 0 20px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd; }
  @media only screen and (min-width: 960px) {
    blockquote {
      padding: 20px 10px; } }
  blockquote .text {
    color: #64b0e5;
    padding: 0 0 20px;
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.3333333333rem; }
    @media only screen and (min-width: 960px) {
      blockquote .text {
        line-height: 1.3;
        font-size: 31px;
        font-size: 2.0666666667rem; } }
    .social blockquote .text {
      color: #9961a0; }
    .routes blockquote .text {
      color: #dba634; }
    .transports blockquote .text {
      color: #9ec54d; }
    .colleges blockquote .text {
      color: #da519d; }
    .territoires blockquote .text {
      color: #33a457; }
    .culture-sports blockquote .text {
      color: #f04647; }
    .tourdefrance blockquote .text {
      color: #fdc009; }
    blockquote .text:before, blockquote .text:after {
      line-height: 1; }
    blockquote .text:before {
      content: "\201C";
      padding-right: 7px; }
    blockquote .text:after {
      content: "\201D";
      padding-left: 7px; }
  blockquote span {
    color: #999;
    display: block; }
  blockquote cite {
    padding: 20px 0 0;
    font-style: normal;
    position: relative;
    font-size: 13px;
    font-size: 0.8666666667rem; }
  blockquote .author {
    font-weight: 700; }

.ul-rte,
.ol-rte {
  margin: 0 0 30px; }
  .ul-rte li,
  .ol-rte li {
    position: relative;
    margin: 0 0 5px;
    font-size: 16px;
    font-size: 1.0666666667rem; }

.ol-rte {
  padding: 0 0 0 35px; }

.ul-rte {
  padding: 0 0 0 15px; }
  .ul-rte li {
    list-style: none;
    padding: 0 0 0 20px;
    line-height: 1.7; }
    .ul-rte li:before {
      position: absolute;
      left: -5px;
      top: 2px;
      color: #64b0e5;
      display: inline-block;
      vertical-align: top;
      content: "\e01f";
      font-size: 1.5em;
      font-family: "cd63" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 0.8;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .institution .chapo .ul-rte li:before {
        position: relative; }
      .social .ul-rte li:before {
        color: #9961a0; }
      .routes .ul-rte li:before {
        color: #dba634; }
      .transports .ul-rte li:before {
        color: #9ec54d; }
      .colleges .ul-rte li:before {
        color: #da519d; }
      .territoires .ul-rte li:before {
        color: #33a457; }
      .culture-sports .ul-rte li:before {
        color: #f04647; }
      .tourdefrance .ul-rte li:before {
        color: #fdc009; }

div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  margin-right: 30px; }

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin-left: 30px; }

.full--width img {
  width: 100%; }

.serif {
  font-family: "Aleo Serif Light", serif; }

@media only screen and (min-width: 960px) {
  .full--width {
    margin-right: -30px !important;
    margin-left: -40px !important;
    display: block;
    border-radius: 0; } }

.block--12of12.col--one {
  width: 100%; }

.col--left {
  text-align: left;
  padding: 20px 5%; }
  @media only screen and (min-width: 960px) {
    .col--left {
      padding: 68px 2% 30px 0; }
      .aiguillage .col--left {
        padding: 20px 2% 30px 0; } }
  @media only screen and (min-width: 1240px) {
    .col--left {
      width: 220px;
      margin: 0; } }
  .institution .col--left {
    text-align: right;
    margin: 0; }
  .col--left.block--2of12 {
    padding: 20px 5%;
    margin: 0 -5%;
    background: #f2f2f2; }
    @media only screen and (min-width: 720px) {
      .col--left.block--2of12 {
        float: none;
        margin: 0;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 960px) {
      .col--left.block--2of12 {
        float: left;
        padding: 68px 0 30px 0; }
        .satellite .col--left.block--2of12 {
          padding-top: 20px; }
        .col--left.block--2of12 .block--anchors {
          padding-right: 10px; } }
    @media only screen and (min-width: 1021px) {
      .col--left.block--2of12 {
        width: 20%; } }
    @media only screen and (min-width: 1240px) {
      .col--left.block--2of12 {
        padding: 68px 0 30px 0;
        width: 220px;
        margin: 0; }
        .satellite .col--left.block--2of12 {
          padding-top: 20px; }
        .col--left.block--2of12 .block--anchors {
          padding-right: 24px; } }
  .col--left.block--3of12 {
    padding: 20px 5%; }
    @media only screen and (min-width: 960px) {
      .col--left.block--3of12 {
        padding: 40px 0 30px 5%; } }
    @media only screen and (min-width: 1240px) {
      .col--left.block--3of12 {
        padding: 68px 24px 30px 0;
        margin: 0;
        width: 220px; }
        .aide .col--left.block--3of12 {
          padding: 30px 20px 0 0; } }
  .col--left .title {
    color: #333;
    line-height: 1.3;
    padding: 0 0 20px 20px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.2666666667rem; }
    @media only screen and (min-width: 720px) {
      .col--left .title {
        font-size: 25px;
        font-size: 1.6666666667rem; } }
    @media only screen and (min-width: 960px) {
      .col--left .title {
        padding: 0 0 30px 20px;
        font-size: 19px;
        font-size: 1.2666666667rem; }
        .institution .col--left .title {
          width: 100%;
          padding-right: 20px;
          border-right: 1px solid #cdcdcd; } }
    @media only screen and (min-width: 1021px) {
      .institution .col--left .title {
        padding-right: 30px; } }
  .col--left .menu--left {
    margin: 0 0 0 5px; }
  .col--left a {
    display: block;
    color: #000;
    padding: 10px 15px; }
    @media only screen and (max-width: 959px) {
      .col--left a {
        border: 1px solid #cdcdcd;
        background: #fff;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; } }
    @media only screen and (max-width: 719px) {
      .col--left a {
        color: #666;
        background: none; }
        .social .col--left a, .routes .col--left a, .transports .col--left a, .colleges .col--left a, .territoires .col--left a, .culture-sports .col--left a, .tourdefrance .col--left a {
          background: none; } }
    html.no-touch .col--left a:hover {
      color: #64b0e5; }
  .col--left ul {
    padding: 0 0 0 20px; }
    @media only screen and (min-width: 720px) {
      .col--left ul {
        padding: 0; } }
    @media only screen and (min-width: 1021px) {
      .col--left ul {
        padding: 0; } }
    .col--left ul ul {
      margin: 15px 0 0;
      padding: 0 0 0 15px; }
      .aide .col--left ul ul {
        padding: 0;
        margin: 0; }
  .institution .col--left nav {
    padding: 10px 30px 10px 0;
    border-right: 1px solid #cdcdcd; }
    @media only screen and (min-width: 960px) {
      .institution .col--left nav {
        padding-right: 20px; } }
    @media only screen and (min-width: 1021px) {
      .institution .col--left nav {
        padding-right: 30px; } }
  .col--left nav > ul > li {
    line-height: 1.2;
    margin: 0 0 10px; }
    @media only screen and (min-width: 720px) {
      .col--left nav > ul > li {
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top; }
        .institution .col--left nav > ul > li {
          margin-right: 0; } }
    @media only screen and (min-width: 960px) {
      .col--left nav > ul > li {
        margin: 0 10px 0 0; } }
    @media only screen and (min-width: 1021px) {
      .col--left nav > ul > li {
        display: block;
        margin: 0; } }
    @media only screen and (min-width: 720px) {
      .col--left nav > ul > li > ul {
        display: none; } }
    @media only screen and (min-width: 1021px) {
      .col--left nav > ul > li > ul {
        display: block; } }
  .col--left li li {
    font-weight: 400;
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .col--left li.active {
    font-weight: 600; }
    .col--left li.active > a {
      padding: 12px 15px;
      color: #64b0e5;
      background: #fff;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .social .col--left li.active > a {
        color: #9961a0; }
      .routes .col--left li.active > a {
        color: #d19a25; }
      .transports .col--left li.active > a {
        color: #9ec54d; }
      .colleges .col--left li.active > a {
        color: #da519d; }
      .territoires .col--left li.active > a {
        color: #33a457; }
      .culture-sports .col--left li.active > a {
        color: #f04647; }
      .tourdefrance .col--left li.active > a {
        color: #fdc009; }

html.no-touch .col--left li > a:hover {
  color: #222; }

.fix-menu {
  position: fixed;
  top: 20px;
  background: #f2f2f2; }
  .fix-menu.pos-absolute {
    position: absolute;
    top: inherit !important;
    bottom: 10px; }
  .fix-menu nav.menu--left > ul > li.anchors--list-item {
    display: block; }
  .fix-menu nav.menu--left > ul > li.active {
    display: block;
    margin: 0; }

.col--right {
  text-align: left;
  padding: 0 5%; }
  @media only screen and (min-width: 720px) {
    .col--right {
      padding: 0 13%;
      margin-right: 0; } }
  @media only screen and (min-width: 960px) {
    .col--right {
      padding: 80px 0 30px 0;
      margin-right: 0; } }
  .col--right h2 {
    margin: 30px 0 10px;
    font-size: 20px;
    font-size: 1.3333333333rem; }
    .col--right h2:first-child {
      margin-top: 0; }
  .col--right p {
    font-size: 14px;
    font-size: 0.9333333333rem; }

.anchors--list-items {
  display: block;
  margin: 0 0 1px;
  padding: 0; }

.anchors--list-item {
  width: 100%;
  margin: 0;
  position: relative;
  background: #fff;
  list-style-type: none; }
  .aide .anchors--list-item {
    background: #f2f2f2; }

.anchors--list-link {
  text-decoration: none;
  display: block;
  line-height: 20px;
  color: #666;
  padding: 10px 15px;
  position: relative;
  z-index: 2; }
  .col--summary .anchors--list-link {
    color: #666; }

.anchors--list-progress {
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #e6e6e6;
  z-index: 1;
  -webkit-transition: width ease-in-out 0.1s;
  -moz-transition: width ease-in-out 0.1s;
  transition: width ease-in-out 0.1s; }

#breadcrumb {
  text-align: left;
  margin: 0 0 10px;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.6666666667rem; }
  .canton.detail #breadcrumb a, .elu.detail #breadcrumb a {
    color: #fff; }
    .canton.detail #breadcrumb a:hover, .elu.detail #breadcrumb a:hover {
      color: #fff;
      text-decoration: underline; }
  .aide #breadcrumb {
    margin: 0 0 0 10px; }
    .aide #breadcrumb ol {
      margin: 0; }
  .detail #breadcrumb {
    width: 70%;
    display: inline-block; }
  .institution #breadcrumb {
    margin: 0 0 20px; }
    @media only screen and (min-width: 1021px) {
      .institution #breadcrumb {
        width: 80%; } }
  #breadcrumb ol {
    padding: 0;
    list-style: none;
    margin: 0 0 10px; }
  #breadcrumb li {
    display: inline; }
    #breadcrumb li:after {
      content: "\e01f";
      font-size: 1.4em;
      color: #999;
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      font-family: "cd63" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .canton.detail #breadcrumb li:after, .elu.detail #breadcrumb li:after {
        color: #fff; }
    #breadcrumb li:last-child:after {
      display: none; }
    .canton.detail #breadcrumb li, .elu.detail #breadcrumb li {
      color: #fff; }
  #breadcrumb a {
    text-decoration: none;
    color: #999; }
    html.no-touch #breadcrumb a:hover {
      color: #666; }

.block--breadcrumb-tools {
  padding: 10px 0 0; }
  .aide .block--breadcrumb-tools {
    padding: 0; }
  .canton .block--breadcrumb-tools, .elu .block--breadcrumb-tools {
    position: relative;
    z-index: 4; }

.main-content {
  text-align: center; }
  .pub--bg .main-content {
    position: relative;
    z-index: 3; }

.col--one {
  float: none;
  display: inline-block; }

#container {
  overflow: hidden; }
  @media only screen and (min-width: 1021px) {
    #container {
      background: #f2f2f2; } }
  .full--screen #container {
    background: #fff; }
  .home #container, .moteur #container {
    background: #fff; }
  .header-fixed #container {
    margin-top: 89px; }
  @media only screen and (min-width: 720px) {
    #container.sub--home .col--main {
      background: #f2f2f2; } }
  #container.sub--home .col--main:after {
    background: #f2f2f2; }

@media only screen and (min-width: 1021px) {
  .padding--institution-content {
    padding: 0 100px; }
    .sitemap .padding--institution-content {
      padding: 0; } }

.pub--bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .pub--bg-container a {
    width: 100%;
    height: 100%;
    display: block; }

.block--number {
  text-align: left;
  padding: 20px 10px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd; }
  .aiguillage .block--number {
    margin: 0 0 20px; }
  .block--number .number {
    line-height: 1;
    font-weight: 700;
    color: #64b0e5;
    font-size: 41px;
    font-size: 2.7333333333rem; }
    .social .block--number .number {
      color: #9961a0; }
    .routes .block--number .number {
      color: #dba634; }
    .transports .block--number .number {
      color: #9ec54d; }
    .colleges .block--number .number {
      color: #da519d; }
    .territoires .block--number .number {
      color: #33a457; }
    .culture-sports .block--number .number {
      color: #f04647; }
    .tourdefrance .block--number .number {
      color: #fdc009; }
    .block--number .number span {
      display: inline-block;
      vertical-align: middle; }
    .block--number .number .purcent {
      font-weight: 400; }
  .block--number .title {
    font-size: 17px;
    font-size: 1.1333333333rem;
    /*&:after {
        content: "";
        display: block;
        width: 60%;
        height: 1px;
        margin: 20px auto;
        background: $color-border;
    }*/ }
  .block--number p {
    margin: 0; }
  .block--number .block--number-text {
    color: #999;
    font-size: 13px;
    font-size: 0.8666666667rem; }
  .block--number.block--number-color {
    padding: 40px 30px;
    color: #fff;
    background: #64b0e5;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    .block--number.block--number-color:after {
      clear: both;
      content: "";
      display: table; }
    .block--number.block--number-color div {
      display: inline-block;
      vertical-align: middle; }
      .block--number.block--number-color div:last-child {
        margin-right: 0; }
    .block--number.block--number-color .number {
      width: 100px;
      height: 100px;
      line-height: 100px;
      display: inline-block;
      margin: 0 0 15px;
      background: #fff;
      font-size: 22px;
      font-size: 1.4666666667rem;
      -webkit-border-radius: 130px;
      -khtml-border-radius: 130px;
      -moz-border-radius: 130px;
      -ms-border-radius: 130px;
      -o-border-radius: 130px;
      border-radius: 130px; }
      @media only screen and (min-width: 720px) {
        .block--number.block--number-color .number {
          width: 130px;
          height: 130px;
          line-height: 130px; } }
      @media only screen and (min-width: 960px) {
        .block--number.block--number-color .number {
          width: 100px;
          height: 100px;
          line-height: 100px; } }
      @media only screen and (min-width: 1500px) {
        .block--number.block--number-color .number {
          width: 110px;
          height: 110px;
          line-height: 110px; } }
      .block--number.block--number-color .number .text {
        text-align: center;
        font-size: 40px;
        font-size: 2.6666666667rem; }
        @media only screen and (min-width: 720px) {
          .block--number.block--number-color .number .text {
            font-size: 58px;
            font-size: 3.8666666667rem; } }
        @media only screen and (min-width: 960px) {
          .block--number.block--number-color .number .text {
            font-size: 40px;
            font-size: 2.6666666667rem; } }
        @media only screen and (min-width: 1500px) {
          .block--number.block--number-color .number .text {
            font-size: 50px;
            font-size: 3.3333333333rem; } }
      .block--number.block--number-color .number .purcent {
        font-size: 22px;
        font-size: 1.4666666667rem; }
    .block--number.block--number-color .title {
      font-size: 20px;
      font-size: 1.3333333333rem; }
      @media only screen and (min-width: 720px) {
        .block--number.block--number-color .title {
          font-size: 17px;
          font-size: 1.1333333333rem; } }
      @media only screen and (min-width: 960px) {
        .block--number.block--number-color .title {
          font-size: 17px;
          font-size: 1.1333333333rem; } }
      @media only screen and (min-width: 1500px) {
        .block--number.block--number-color .title {
          font-size: 20px;
          font-size: 1.3333333333rem; } }
      .block--number.block--number-color .title:after {
        background-color: rgba(255, 255, 255, 0.5); }
        @media only screen and (min-width: 720px) {
          .block--number.block--number-color .title:after {
            display: none; } }
    .block--number.block--number-color span {
      margin: -8px 0 0; }
    .block--number.block--number-color .block--number-content {
      text-align: center;
      display: inline-block;
      float: none; }
      @media only screen and (min-width: 720px) {
        .block--number.block--number-color .block--number-content {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%;
          display: inline-block;
          float: none;
          padding: 0 10px 0 0; }
          .block--number.block--number-color .block--number-content:last-child {
            margin-right: 0; } }
    .block--number.block--number-color .block--number-text {
      color: #fff;
      text-align: center;
      display: inline-block;
      float: none; }
      @media only screen and (min-width: 720px) {
        .block--number.block--number-color .block--number-text {
          text-align: left;
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%;
          display: inline-block;
          float: none;
          font-size: 19px;
          font-size: 1.2666666667rem; }
          .block--number.block--number-color .block--number-text:last-child {
            margin-right: 0; } }
      @media only screen and (min-width: 960px) {
        .block--number.block--number-color .block--number-text {
          font-size: 15px;
          font-size: 1rem; } }

.social .block--number.block--number-color {
  background: #9961a0; }

.routes .block--number.block--number-color {
  background: #dba634; }

.transports .block--number.block--number-color {
  background: #9ec54d; }

.colleges .block--number.block--number-color {
  background: #da519d; }

.territoires .block--number.block--number-color {
  background: #33a457; }

.culture-sports .block--number.block--number-color {
  background: #f04647; }

.tourdefrance .block--number.block--number-color {
  background: #fdc009; }

.tourdefrance .box {
  overflow: hidden;
  padding: 5px;
  margin-bottom: 25px;
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.box {
  overflow: hidden;
  padding: 30px;
  margin-bottom: 25px;
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .box--color .box, .box.box--white {
    background-color: #fff; }
  .box a {
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .box a:hover {
      color: #222; }
  .box .block--framed {
    margin: 0; }
  .box .title,
  .box > h2,
  .box > h3,
  .box h2,
  .box h3 {
    margin-top: 0; }
  .box .list--download {
    margin: 0 -30px !important;
    padding: 8px 110px 8px 26px;
    background-color: transparent; }
  .box .button--type .content {
    background: #fff; }

.box--color .title,
.box--color h2,
.box--color h3 {
  color: #fff; }
.box--color .box h2 {
  color: #64b0e5; }
  .social .box--color .box h2 {
    color: #9961a0; }
  .routes .box--color .box h2 {
    color: #dba634; }
  .transports .box--color .box h2 {
    color: #9ec54d; }
  .colleges .box--color .box h2 {
    color: #da519d; }
  .territoires .box--color .box h2 {
    color: #33a457; }
  .culture-sports .box--color .box h2 {
    color: #f04647; }
  .tourdefrance .box--color .box h2 {
    color: #fdc009; }
  .tourdefrance .box--color .title, .tourdefrance .box--color h2, .tourdefrance .box--color h3 {
    color: #0b0b0b;
  }
.box--color .box .title,
.box--color .box h3 {
  color: #222; }
.box--color .box p {
  color: #666; }

.box--img {
  padding: 0; }
  .box--img img {
    height: auto;
    width: 100%;
    max-width: inherit; }

.box--img-content {
  overflow: hidden;
  height: 100%;
  margin: 0;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%; }
  .box--img-content:last-child {
    margin-right: 0; }

.box--img-text {
  padding: 30px 4%; }

.box--border {
  border: 1px solid #cdcdcd;
  background: #fff; }

.box--download {
  padding: 30px; }
  .box--download .title {
    margin: 0 0 20px; }
  .box--download .block--number .title {
    margin: 0; }
  .box--download ul {
    padding: 0;
    list-style: none; }
  .box--download a {
    text-decoration: none; }
  .box--download .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em; }
  .box--download .doc--maj {
    position: relative;
    color: #999;
    font-style: italic;
    padding: 0;
    font-size: 13px;
    font-size: 0.8666666667rem; }

.box--color {
  color: #fff;
  background: #64b0e5; }
.tourdefrance .box--color {
  color: #0b0b0b;
}
  .social .box--color {
    background: #9961a0; }
  .routes .box--color {
    background: #dba634; }
  .transports .box--color {
    background: #9ec54d; }
  .colleges .box--color {
    background: #da519d; }
  .territoires .box--color {
    background: #33a457; }
  .culture-sports .box--color {
    background: #f04647; }
  .tourdefrance .box--color {
    background: #fdc009; }
  .social .box--color .title {
    color: #fff; }
    .social .box--color .title:after {
      background: #fff; }
  .routes .box--color .title {
    color: #fff; }
    .routes .box--color .title:after {
      background: #fff; }
  .transports .box--color .title {
    color: #fff; }
    .transports .box--color .title:after {
      background: #fff; }
  .colleges .box--color .title {
    color: #fff; }
    .colleges .box--color .title:after {
      background: #fff; }
  .territoires .box--color .title {
    color: #fff; }
    .territoires .box--color .title:after {
      background: #fff; }
  .culture-sports .box--color .title {
    color: #fff; }
    .culture-sports .box--color .title:after {
      background: #fff; }
  .box--color .title:after {
    background: #fff; }
  .social .box--color .block--framed .title, .routes .box--color .block--framed .title, .transports .box--color .block--framed .title, .colleges .box--color .block--framed .title, .territoires .box--color .block--framed .title, .culture-sports .box--color .block--framed .title, .tourdefrance .box--color .block--framed .title {
    color: #fff; }
  .social .box--color .box .block--framed .title, .routes .box--color .box .block--framed .title, .transports .box--color .box .block--framed .title, .colleges .box--color .box .block--framed .title, .territoires .box--color .box .block--framed .title, .culture-sports .box--color .box .block--framed .title, .tourdefrance .box--color .box .block--framed .title {
    color: #222; }
  .box--color .title,
  .box--color a,
  .box--color .doc--maj {
    color: #fff; }
  .box--color a {
    color: #222; }
    .box--color a span {
      color: #333; }
  .box--color .download,
  .box--color .download span {
    color: #fff;
    transition: all ease 0.5s; }
  html.no-touch .box--color .download:hover span {
    color: #222;
    transition: all ease 0.5s; }
  .routes .box--color .download,
  .routes .box--color .download span, .transports .box--color .download,
  .transports .box--color .download span {
    color: #222;
    transition: all ease 0.5s; }
  html.no-touch .routes .box--color .download:hover span, html.no-touch .transports .box--color .download:hover span {
    color: #fff;
    transition: all ease 0.5s; }
  .box--color .list--download {
    border-color: #333; }
    .box--color .list--download .doc--format {
      color: #333; }
    .box--color .list--download .icon--attachment {
      color: #333;
      border-color: #333; }
  .box--color .doc--maj {
    opacity: 0.7; }
    .box--color .doc--maj:before {
      background: #fff; }
  .box--color .block--framed p {
    color: #fff; }
  .box--color .block--framed .icon {
    border-color: rgba(255, 255, 255, 0.7); }
  .box--color .block--framed-icon .title {
    color: #fff; }
  .box--color .box .block--framed-icon .title {
    color: #222; }
  .box--color .box .block--framed p,
  .box--color .box .block--framed a {
    color: #666; }
  .box--color .box .block--framed .icon {
    color: #222;
    border-color: #cdcdcd; }
  .box--color .icon--title {
    border-color: #fff; }

.box--shadow {
  -webkit-box-shadow: 4px 4px 5px rgba(16, 16, 16, 0.13);
  -khtml-box-shadow: 4px 4px 5px rgba(16, 16, 16, 0.13);
  -moz-box-shadow: 4px 4px 5px rgba(16, 16, 16, 0.13);
  -ms-box-shadow: 4px 4px 5px rgba(16, 16, 16, 0.13);
  -o-box-shadow: 4px 4px 5px rgba(16, 16, 16, 0.13);
  box-shadow: 4px 4px 5px rgba(16, 16, 16, 0.13); }

.block--framed-icon .title {
  padding: 0; }
  .block--framed-icon .title:after {
    display: none; }

.box--title .icon--pdf {
  font-size: 2em; }
.box--title .icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  color: #64b0e5;
  text-align: center;
  border: 2px solid #64b0e5;
  float: left;
  margin: 0 15px 0 0;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px; }
  .box--color .box--title .icon {
    color: #fff;
    border-color: #fff; }
  .social .box--title .icon {
    color: #9961a0;
    border-color: #9961a0; }
  .routes .box--title .icon {
    color: #dba634;
    border-color: #dba634; }
  .transports .box--title .icon {
    color: #9ec54d;
    border-color: #9ec54d; }
  .colleges .box--title .icon {
    color: #da519d;
    border-color: #da519d; }
  .territoires .box--title .icon {
    color: #33a457;
    border-color: #33a457; }
  .culture-sports .box--title .icon {
    color: #f04647;
    border-color: #f04647; }
  .tourdefrance .box--title .icon {
    color: #fdc009;
    border-color: #fdc009; }
.box--title .title {
  padding: 15px 0;
  display: inline-block; }

.block--framed {
  margin: 30px 0; }
  @media only screen and (min-width: 960px) {
    .block--framed {
      margin: 40px 0; } }
  @media only screen and (min-width: 1500px) {
    .block--framed {
      margin: 50px 0; } }
  .block--framed .icon {
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0 0 20px;
    display: block;
    border-bottom: 1px solid #cdcdcd;
    font-size: 2em; }
    @media only screen and (min-width: 720px) {
      .block--framed .icon {
        text-align: left;
        padding: 0 20px 0 0;
        margin: 0;
        display: table-cell;
        border-bottom: none;
        border-right: 1px solid #cdcdcd;
        font-size: 2.5em; } }
    @media only screen and (max-width: 719px) {
      .block--grid .block--framed .icon {
        border: none;
        margin: 0; } }
  .block--framed .title {
    margin: 0 0 20px;
    color: #64b0e5;
    font-size: 20px;
    font-size: 1.3333333333rem; }
    @media only screen and (min-width: 1021px) {
      .block--framed .title {
        font-size: 19px;
        font-size: 1.2666666667rem; } }
    .social .block--framed .title {
      color: #9961a0; }
    .routes .block--framed .title {
      color: #dba634; }
    .transports .block--framed .title {
      color: #9ec54d; }
    .colleges .block--framed .title {
      color: #da519d; }
    .territoires .block--framed .title {
      color: #33a457; }
    .culture-sports .block--framed .title {
      color: #f04647; }
    .tourdefrance .block--framed .title {
      color: #fdc009; }
  .block--framed .text {
    text-align: center;
    color: #666; }
    @media only screen and (min-width: 720px) {
      .block--framed .text {
        text-align: left;
        vertical-align: top;
        margin: 0 0 20px;
        padding: 0 0 0 20px;
        display: table-cell; } }
  .block--framed .partContent {
    text-align: center;
    color: #666; }
    @media only screen and (min-width: 720px) {
      .block--framed .partContent {
        text-align: left;
        vertical-align: top;
        margin: 0 0 20px;
        padding: 0 0 0 20px;
        display: table-cell; } }
    .block--framed .partContent .text {
      display: block;
      padding: 0; }

.block--framed-icon .text .icon {
  display: inline-block;
  padding: 0;
  border: none;
  font-size: 1em; }

.container--links {
  position: relative;
  background: #f2f2f2;
  z-index: 1; }
  .institution .container--links {
    border: none;
    background: #f2f2f2; }
  .container--links:after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 1500px;
    background: #f2f2f2;
    z-index: 9; }
    .home .container--links:after {
      display: none; }
  .container--links .padding--main-content {
    padding: 30px 10px; }
  .container--links .title {
    margin-top: 0; }
  .container--links a {
    color: #666;
    text-decoration: none; }
    html.no-touch .container--links a:hover {
      color: #64b0e5; }
  .container--links ul {
    padding: 0;
    margin: 0; }
  .container--links .ul-rte li:before {
    color: #333; }
  .container--links li {
    display: block;
    margin-bottom: 10px; }
    @media only screen and (max-width: 719px) {
      .container--links li {
        width: 100%; } }
    .container--links li:nth-child(2n+2) {
      margin-right: 0; }
    .container--links li a {
      color: #64b0e5; }
      .social .container--links li a {
        color: #9961a0; }
      .routes .container--links li a {
        color: #dba634; }
      .transports .container--links li a {
        color: #9ec54d; }
      .colleges .container--links li a {
        color: #da519d; }
      .territoires .container--links li a {
        color: #33a457; }
      .culture-sports .container--links li a {
        color: #f04647; }
      .tourdefrance .container--links li a {
        color: #fdc009; }
      html.no-touch .container--links li a:hover {
        text-decoration: underline; }

html.no-touch a:hover {
  color: #222; }

.block--author {
  clear: both;
  margin: 30px 0 0; }
  .block--author .link {
    text-align: left; }
    .block--author .link a {
      border: none;
      text-decoration: none;
      padding: 0;
      text-transform: none;
      color: #64b0e5;
      font-size: 14px;
      font-size: 0.9333333333rem; }
      html.no-touch .block--author .link a:hover {
        color: #666;
        background: none; }
      .social .block--author .link a {
        color: #9961a0; }
      .routes .block--author .link a {
        color: #dba634; }
      .transports .block--author .link a {
        color: #9ec54d; }
      .colleges .block--author .link a {
        color: #da519d; }
      .territoires .block--author .link a {
        color: #33a457; }
      .culture-sports .block--author .link a {
        color: #f04647; }
      .tourdefrance .block--author .link a {
        color: #fdc009; }
    .block--author .link .icon,
    .block--author .link .text {
      display: inline-block;
      vertical-align: middle; }
    .block--author .link .icon {
      margin: 0 5px 0 0;
      font-size: 1.2em;
      line-height: 1; }
  .block--author .black {
    color: #000; }
  .block--author .author {
    margin: 20px 0 0;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.0666666667rem; }
  .block--author p {
    color: #000;
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .block--author .block--border-bottom {
    margin-bottom: 20px;
    padding-bottom: 20px; }
  @media only screen and (min-width: 720px) {
    .block--author .last {
      text-align: right; } }
  @media only screen and (min-width: 720px) {
    .block--author .last .link {
      text-align: right; } }
  @media only screen and (min-width: 720px) {
    .block--author .block--grid > div {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .block--author .block--grid > div:last-child {
        margin-right: 0; } }
  .block--author .block--grid {
    position: relative; }
  @media only screen and (min-width: 720px) {
    .block--author .block--5of12 {
      position: absolute;
      right: 0;
      bottom: 20px; } }
  .moteur .block--author .block--share {
    padding: 30px 0 0; }

.list--tag {
  padding: 0;
  list-style: none;
  margin: 20px 0; }
  .list--tag li {
    display: inline-block;
    margin: 0 10px 0 0; }
  .list--tag a {
    text-decoration: none;
    color: #999;
    font-size: 14px;
    font-size: 0.9333333333rem; }
    html.no-touch .list--tag a:hover {
      color: #222;
      text-decoration: underline; }

.block--author-date {
  float: right; }

#share {
  margin: 0;
  padding: 0;
  text-align: center; }
  @media only screen and (min-width: 720px) {
    #share {
      text-align: left; } }
  #share li {
    text-align: center;
    display: inline-block;
    list-style: none;
    margin: 0 10px 0 0;
    width: auto; }
  #share a {
    width: 42px;
    height: 42px;
    line-height: 30px;
    color: #64b0e5;
    border: 1px solid #64b0e5;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 42px;
    -khtml-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    -o-border-radius: 42px;
    border-radius: 42px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .social #share a {
      color: #9961a0;
      border-color: #9961a0; }
    .routes #share a {
      color: #dba634;
      border-color: #dba634; }
    .transports #share a {
      color: #9ec54d;
      border-color: #9ec54d; }
    .colleges #share a {
      color: #da519d;
      border-color: #da519d; }
    .territoires #share a {
      color: #33a457;
      border-color: #33a457; }
    .culture-sports #share a {
      color: #f04647;
      border-color: #f04647; }
    .tourdefrance #share a {
      color: #fdc009;
      border-color: #fdc009; }
    #share a.google .icon {
      font-size: 1.6em; }
    html.no-touch #share a:hover {
      color: #222;
      border-color: #222; }
  #share .icon,
  #share .text {
    display: inline-block;
    vertical-align: middle; }
  #share .icon {
    padding: 8px 0 0;
    font-size: 1.5em;
    line-height: 1; }
  #share .text {
    display: none;
    font-weight: 600;
    font-size: 14px;
    font-size: 0.9333333333rem; }

.button--type {
  display: inline-block;
  overflow: hidden;
  margin: 10px 0;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media only screen and (max-width: 959px) {
    .button--type {
      /*max-width: 200px;*/
      /* pose probleme mais aucun idee de l'interet de ce code' */ } }
  .button--type img {
    display: block;
    width: 100%;
    height: auto; }
    @media only screen and (min-width: 720px) {
      .button--type img {
        width: auto; } }
  .button--type .content {
    width: 100%;
    color: #64b0e5;
    background: #ededed;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    @media only screen and (min-width: 720px) {
      .button--type .content {
        display: block;
        width: auto; } }
    .box .button--type .content {
      background: #ededed; }
    .box--color .button--type .content {
      background: #fff; }
    .social .button--type .content {
      color: #9961a0; }
    .routes .button--type .content {
      color: #dba634; }
    .transports .button--type .content {
      color: #9ec54d; }
    .colleges .button--type .content {
      color: #da519d; }
    .territoires .button--type .content {
      color: #33a457; }
    .culture-sports .button--type .content {
      color: #f04647; }
    .tourdefrance .button--type .content {
      color: #fdc009; }
    .button--type .content > .icon {
      color: #fff;
      width: 39px;
      display: table-cell;
      padding: 8px 10px;
      font-size: 1.25em;
      line-height: 1;
      vertical-align: middle;
      background: #64b0e5;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
      .box--color .button--type .content > .icon {
        background-color: #222; }
      .social .button--type .content > .icon {
        background: #9961a0; }
      .routes .button--type .content > .icon {
        background: #dba634; }
      .transports .button--type .content > .icon {
        background: #9ec54d; }
      .colleges .button--type .content > .icon {
        background: #da519d; }
      .territoires .button--type .content > .icon {
        background: #33a457; }
      .culture-sports .button--type .content > .icon {
        background: #f04647; }
      .tourdefrance .button--type .content > .icon {
        background: #fdc009; }
  .button--type .text {
    line-height: 1;
    width: 100%;
    font-weight: 600;
    padding: 9px 15px;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.0666666667rem; }
    @media only screen and (min-width: 720px) {
      .button--type .text {
        width: auto; } }
    .button--type .text .icon {
      width: auto;
      font-size: 1em;
      display: inline-block;
      padding: 0 0 0 5px;
      background: none; }
  .button--type .format {
    font-weight: normal;
    color: #999;
    font-size: 12px;
    font-size: 0.8rem; }
  .button--type .button--text {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 15px;
    line-height: 1.3;
    background: #64b0e5; }
    .social .button--type .button--text {
      background: #9961a0; }
    .routes .button--type .button--text {
      background: #dba634; }
    .transports .button--type .button--text {
      background: #9ec54d; }
    .colleges .button--type .button--text {
      background: #da519d; }
    .territoires .button--type .button--text {
      background: #33a457; }
    .culture-sports .button--type .button--text {
      background: #f04647; }
    .tourdefrance .button--type .button--text {
      background: #fdc009; }
  .button--type .button--text + .text {
    width: 80%;
    display: table-cell; }
    @media only screen and (min-width: 720px) {
      .button--type .button--text + .text {
        width: auto;
        vertical-align: top;
        display: inline-block; } }
  .button--type .icon + .text {
    width: 80%;
    vertical-align: top;
    display: table-cell; }
    @media only screen and (min-width: 720px) {
      .button--type .icon + .text {
        width: auto; } }
  .button--type a {
    text-decoration: none; }
    html.no-touch .button--type a:hover .content {
      background: #222; }
    html.no-touch .button--type a:hover .format {
      color: #fff; }

.button--type-secondary .content {
  color: #64b0e5;
  background: #ededed; }
  .social .button--type-secondary .content, .routes .button--type-secondary .content, .transports .button--type-secondary .content, .colleges .button--type-secondary .content, .territoires .button--type-secondary .content, .culture-sports .button--type-secondary .content, .tourdefrance .button--type-secondary .content {
    background: #ededed; }
  .social .button--type-secondary .content {
    color: #9961a0; }
  .routes .button--type-secondary .content {
    color: #dba634; }
  .transports .button--type-secondary .content {
    color: #9ec54d; }
  .colleges .button--type-secondary .content {
    color: #da519d; }
  .territoires .button--type-secondary .content {
    color: #33a457; }
  .culture-sports .button--type-secondary .content {
    color: #f04647; }
  .tourdefrance .button--type-secondary .content {
    color: #fdc009; }
.button--type-secondary .button--text {
  color: #fff;
  background: #64b0e5;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .social .button--type-secondary .button--text, .routes .button--type-secondary .button--text, .transports .button--type-secondary .button--text, .colleges .button--type-secondary .button--text, .territoires .button--type-secondary .button--text, .culture-sports .button--type-secondary .button--text, .tourdefrance .button--type-secondary .button--text {
    color: #fff; }
  .social .button--type-secondary .button--text {
    background: #9961a0; }
  .routes .button--type-secondary .button--text {
    background: #dba634; }
  .transports .button--type-secondary .button--text {
    background: #9ec54d; }
  .colleges .button--type-secondary .button--text {
    background: #da519d; }
  .territoires .button--type-secondary .button--text {
    background: #33a457; }
  .culture-sports .button--type-secondary .button--text {
    background: #f04647; }
  .tourdefrance .button--type-secondary .button--text {
    background: #fdc009; }

html.no-touch .button--type a:hover .content {
  background: #64b0e5; }
html.no-touch .button--type a:hover .button--text,
html.no-touch .button--type a:hover .icon {
  background: #222; }
html.no-touch .button--type a:hover .text {
  color: #fff; }
  html.no-touch .button--type a:hover .text .icon {
    background: none; }
html.no-touch .box--color .button--type a:hover .content {
  background: #666; }
html.no-touch .box--color .button--type a:hover .button--text,
html.no-touch .box--color .button--type a:hover .icon {
  background: #222; }
html.no-touch .box--color .button--type a:hover .text {
  color: #fff; }
  html.no-touch .box--color .button--type a:hover .text .icon {
    background: none; }
html.no-touch .social .button--type a:hover .content {
  background: #9961a0; }
html.no-touch .routes .button--type a:hover .content {
  background: #dba634; }
html.no-touch .transports .button--type a:hover .content {
  background: #9ec54d; }
html.no-touch .colleges .button--type a:hover .content {
  background: #da519d; }
html.no-touch .territoires .button--type a:hover .content {
  background: #33a457; }
html.no-touch .culture-sports .button--type a:hover .content {
  background: #f04647; }
html.no-touch .tourdefrance .button--type a:hover .content {
  background: #fdc009; }
html.no-touch .button--type-secondary a:hover .content {
  color: #fff;
  background: #64b0e5; }
html.no-touch .button--type-secondary a:hover .button--text {
  background: #248ed8; }
html.no-touch .social .button--type-secondary a:hover .content {
  background: #9961a0; }
html.no-touch .routes .button--type-secondary a:hover .content {
  background: #dba634; }
html.no-touch .transports .button--type-secondary a:hover .content {
  background: #9ec54d; }
html.no-touch .colleges .button--type-secondary a:hover .content {
  background: #da519d; }
html.no-touch .territoires .button--type-secondary a:hover .content {
  background: #33a457; }
html.no-touch .culture-sports .button--type-secondary a:hover .content {
  background: #f04647; }
html.no-touch .tourdefrance .button--type-secondary a:hover .content {
  background: #fdc009; }
html.no-touch .social .button--type-secondary a:hover .button--text {
  background: #6c4471; }
html.no-touch .routes .button--type-secondary a:hover .button--text {
  background: #a57a1d; }
html.no-touch .transports .button--type-secondary a:hover .button--text {
  background: #749531; }
html.no-touch .colleges .button--type-secondary a:hover .button--text {
  background: #b72777; }
html.no-touch .territoires .button--type-secondary a:hover .button--text {
  background: #216a38; }
html.no-touch .culture-sports .button--type-secondary a:hover .button--text {
  background: #d81213; }
html.no-touch .tourdefrance .button--type-secondary a:hover .button--text {
  background: #fdc009; }

.home .title {
  color: #666;
  margin: 50px 0; }
  .home .title:before, .home .title:after {
    content: "";
    display: table-cell;
    width: 50%;
    height: 1px;
    background: url("../images/title-double-line-@2x.jpg") repeat-x center center;
    background-size: 1px 1px; }
  .home .title span {
    display: table-cell;
    padding: 0 30px; }
    @media only screen and (min-width: 960px) {
      .home .title span {
        white-space: nowrap; } }

.external-link,
.external-link-new-window,
.internal-link,
.internal-link-new-window,
.download,
.mail,
._blank {
  padding: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .external-link img, .external-link-new-window img, .internal-link img, .internal-link-new-window img, .download img, .mail img, ._blank img {
    width: 16px;
    margin: 0 4px;
    background: #64b0e5; }
    .social .external-link img,
    .social .external-link-new-window img,
    .social .internal-link img,
    .social .internal-link-new-window img,
    .social .download img,
    .social .mail img,
    .social ._blank img {
      border-color: #9961a0;
      background: #9961a0; }
    .routes .external-link img, .routes .external-link-new-window img, .routes .internal-link img, .routes .internal-link-new-window img, .routes .download img, .routes .mail img, .routes ._blank img {
      background: #dba634; }
    .transports .external-link img, .transports .external-link-new-window img, .transports .internal-link img, .transports .internal-link-new-window img, .transports .download img, .transports .mail img, .transports ._blank img {
      border-color: #9ec54d;
      background: #9ec54d; }
    .colleges .external-link img, .colleges .external-link-new-window img, .colleges .internal-link img, .colleges .internal-link-new-window img, .colleges .download img, .colleges .mail img, .colleges ._blank img {
      background: #da519d; }
    .territoires .external-link img, .territoires .external-link-new-window img, .territoires .internal-link img, .territoires .internal-link-new-window img, .territoires .download img, .territoires .mail img, .territoires ._blank img {
      background: #33a457; }
    .culture-sports .external-link img, .culture-sports .external-link-new-window img, .culture-sports .internal-link img, .culture-sports .internal-link-new-window img, .culture-sports .download img, .culture-sports .mail img, .culture-sports ._blank img {
      background: #f04647; }
    .tourdefrance .external-link img, .tourdefrance .external-link-new-window img, .tourdefrance .internal-link img, .tourdefrance .internal-link-new-window img, .tourdefrance .download img, .tourdefrance .mail img, .tourdefrance ._blank img {
      background: #fdc009; }

.detail .main-content {
  text-align: left; }

.detail--bar {
  margin: 0 0 30px;
  padding: 20px;
  background: #f2f2f2; }
  .detail--bar a {
    color: #666; }

.return {
  float: right;
  margin: 20px 0 0;
  display: inline-block;
  overflow: hidden;
  background: #f2f2f2;
  font-size: 15px;
  font-size: 1rem;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .return a {
    display: block;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .return a:hover {
      background: #64b0e5; }
      html.no-touch .return a:hover .icon {
        background: #0b2a3f; }
      html.no-touch .return a:hover .text {
        color: #fff; }
  .return .icon,
  .return .text {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: background ease 0.5s;
    -moz-transition: background ease 0.5s;
    transition: background ease 0.5s; }
  .return .icon {
    font-size: 1em;
    margin: 0 2px 0 0;
    padding: 5px;
    color: #fff;
    background: #64b0e5; }
  .return .text {
    font-weight: 600;
    padding: 7px 10px;
    color: #64b0e5;
    font-size: 14px;
    font-size: 0.9333333333rem; }
    .social .return .text {
      color: #9961a0; }
    .routes .return .text {
      color: #dba634; }
    .transports .return .text {
      color: #9ec54d; }
    .colleges .return .text {
      color: #da519d; }
    .territoires .return .text {
      color: #33a457; }
    .culture-sports .return .text {
      color: #f04647; }
    .tourdefrance .return .text {
      color: #fdc009; }

.aide--theme-domaine {
  margin: 0;
  font-weight: 600;
  float: right;
  display: inline-block;
  text-align: right; }
  .aide--theme-domaine li {
    margin: 0 0 0 10px; }

.detail--title {
  position: relative;
  border-bottom: 1px solid #cdcdcd; }
  .detail--title .nature {
    margin: 0 0 10px;
    display: block;
    color: #666; }
  .detail--title h1 {
    float: none;
    width: 100%;
    margin: 0 0 20px; }
    @media only screen and (min-width: 1021px) {
      .detail--title h1 {
        font-size: 37px;
        font-size: 2.4666666667rem; } }
    .detail--title h1:after {
      display: none; }
    .moteur .detail--title h1 {
      float: none;
      width: 80%;
      margin: 0 0 20px; }
  .detail--title .beneficiaire,
  .detail--title .beneficiary {
    padding: 0;
    overflow: hidden;
    display: inline-block;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .detail--title .beneficiaire a, .detail--title .beneficiary a {
      display: block;
      color: #fff;
      padding: 5px 10px;
      background: #64b0e5; }
      html.no-touch .detail--title .beneficiaire a:hover,
      html.no-touch .detail--title .beneficiary a:hover {
        color: #fff;
        background: #666; }
  .detail--title .date {
    display: block;
    margin: 15px 0 10px;
    text-align: right;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }

.detail--title .color--abd198 a {
  background-color: #abd198; }

.detail--title .color--a6d7d2 a {
  background-color: #a6d7d2; }

.detail--title .color--da9c74 a {
  background-color: #da9c74; }

.detail--title .color--fff164 a {
  color: #666;
  background-color: #fff164; }

.detail--title .color--9ec4da a {
  background-color: #9ec4da; }

.detail--title .color--f3a697 a {
  background-color: #f3a697; }

.detail--title .color--d0aacc a {
  background-color: #d0aacc; }

.detail--title .color--fbcb8c a {
  background-color: #fbcb8c; }

.detail--title .color--f099bd a {
  background-color: #f099bd; }

.detail--title .color--cccc99 a {
  background-color: #cccc99; }

.container--beneficiary {
  clear: both;
  display: block;
  vertical-align: middle; }

.moteur.detail #tools {
  margin-top: -10px; }

.list--download {
  position: relative;
  padding: 15px 50px 15px 20px;
  margin: 0 0 15px;
  border-left: 4px solid #999;
  background: #f5f5f5; }
  @media only screen and (min-width: 960px) {
    .list--download {
      padding: 15px 110px 15px 26px; } }
  .list--download .icon--attachment {
    display: block;
    font-size: 1.4em;
    text-align: center;
    color: #999;
    position: absolute;
    right: 10px;
    top: 35%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #999;
    background: #fff;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media only screen and (min-width: 960px) {
      .list--download .icon--attachment {
        right: 30px; } }
    .list--download .icon--attachment:before {
      display: block;
      line-height: 38px; }
  .list--download ul {
    margin: 0; }
  .list--download li {
    margin: 0 0 20px; }
    .list--download li:last-child {
      margin: 0; }
  .list--download .doc--format {
    color: #999;
    font-size: 13px;
    font-size: 0.8666666667rem; }
    .box--color .list--download .doc--format {
      color: #fff;
      opacity: 0.9; }
  .list--download p {
    margin: 0; }
  .list--download .text {
    font-size: 16px;
    font-size: 1.0666666667rem; }
    .box--color .list--download .text {
      color: #fff; }
  .list--download .format {
    color: #999;
    font-size: 12px;
    font-size: 0.8rem; }
    .box--color .list--download .format {
      color: #fff;
      opacity: 0.9; }
  html.no-touch .list--download a:hover {
    color: #222; }
  .list--download .title {
    margin: 0 0 20px;
    padding: 0; }

.contenttable td {
  padding: 10px 15px;
  text-align: left;
  border-right-width: 2px; }
.contenttable a {
  text-decoration: none; }
  html.no-touch .contenttable a:hover {
    color: #000; }
.contenttable .download span {
  color: #999;
  font-size: 12px;
  font-size: 0.8rem; }

.download {
  text-decoration: underline; }
  .download span,
  .download .format {
    color: #999;
    font-size: 12px;
    font-size: 0.8rem; }

figure {
  margin: 30px 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media only screen and (min-width: 1021px) {
    figure {
      margin: 20px 0; } }
  figure .copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 4px 10px;
    color: #fff !important;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.6);
    background: linear-gradient(to left, black, rgba(0, 0, 0, 0));
    z-index: 4;
    font-size: 10px;
    font-size: 0.6666666667rem; }
  figure a {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    figure a:before, figure a:after {
      content: "";
      top: 0;
      left: 0;
      position: absolute;
      display: block;
      z-index: 3;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      transition: opacity 0.5s; }
    figure a:before {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); }
      .webcam figure a:before {
        display: none; }
    figure a:after {
      color: #fff;
      font-size: 3.5em;
      content: "\e116";
      font-family: "cd63" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      left: 45%;
      top: 45%;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      .webcam figure a:after {
        display: none; }
    figure a.popin:after {
      content: "\e008"; }
    figure a:hover:after, figure a:hover:before {
      opacity: 1; }
    figure a:hover:after {
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
  figure.csc-textpic-image a:before {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  div.csc-textpic.csc-textpic-intext-left figure, div.csc-textpic.csc-textpic-intext-right figure, div.csc-textpic.csc-textpic-right figure, div.csc-textpic.csc-textpic-left figure {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    div.csc-textpic.csc-textpic-intext-left figure a, div.csc-textpic.csc-textpic-intext-right figure a, div.csc-textpic.csc-textpic-right figure a, div.csc-textpic.csc-textpic-left figure a {
      height: 100%; }
      div.csc-textpic.csc-textpic-intext-left figure a:before, div.csc-textpic.csc-textpic-intext-right figure a:before, div.csc-textpic.csc-textpic-right figure a:before, div.csc-textpic.csc-textpic-left figure a:before {
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    div.csc-textpic.csc-textpic-intext-left figure figcaption, div.csc-textpic.csc-textpic-intext-right figure figcaption, div.csc-textpic.csc-textpic-right figure figcaption, div.csc-textpic.csc-textpic-left figure figcaption {
      display: none;
      color: #fff;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      overflow: hidden;
      background: rgba(0, 0, 0, 0.5);
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
    div.csc-textpic.csc-textpic-intext-left figure .copyright, div.csc-textpic.csc-textpic-intext-right figure .copyright, div.csc-textpic.csc-textpic-right figure .copyright, div.csc-textpic.csc-textpic-left figure .copyright {
      width: 100%;
      bottom: 20px;
      text-align: center;
      background: none; }
    div.csc-textpic.csc-textpic-intext-left figure:hover figcaption, div.csc-textpic.csc-textpic-intext-right figure:hover figcaption, div.csc-textpic.csc-textpic-right figure:hover figcaption, div.csc-textpic.csc-textpic-left figure:hover figcaption {
      cursor: pointer;
      display: block; }
    div.csc-textpic.csc-textpic-intext-left figure .description, div.csc-textpic.csc-textpic-intext-right figure .description, div.csc-textpic.csc-textpic-right figure .description, div.csc-textpic.csc-textpic-left figure .description {
      width: 100%;
      position: absolute;
      top: 20%;
      left: 0;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    div.csc-textpic.csc-textpic-intext-left figure .title strong, div.csc-textpic.csc-textpic-intext-right figure .title strong, div.csc-textpic.csc-textpic-right figure .title strong, div.csc-textpic.csc-textpic-left figure .title strong {
      display: block; }
    div.csc-textpic.csc-textpic-intext-left figure .title:after, div.csc-textpic.csc-textpic-intext-right figure .title:after, div.csc-textpic.csc-textpic-right figure .title:after, div.csc-textpic.csc-textpic-left figure .title:after {
      display: inline-block;
      content: "";
      width: 74px;
      height: 1px;
      background: #fff;
      margin: 20px 0 10px; }
    div.csc-textpic.csc-textpic-intext-left figure img, div.csc-textpic.csc-textpic-intext-right figure img, div.csc-textpic.csc-textpic-right figure img, div.csc-textpic.csc-textpic-left figure img {
      width: auto;
      height: 100%; }

div.csc-textpic.csc-textpic-intext-left:after,
div.csc-textpic.csc-textpic-intext-right:after {
  content: "";
  clear: both;
  display: block; }

.csc-textpic-imagewrap {
  position: relative;
  margin-bottom: 10px; }
  .csc-textpic-imagewrap .ratio {
    position: relative;
    width: 100%;
    padding-top: 100%; }

figcaption {
  padding: 5px 10px;
  color: #999; }
  @media only screen and (min-width: 720px) {
    figcaption {
      width: 100%; } }
  figcaption p {
    line-height: 1.4;
    margin: 0;
    font-size: 12px;
    font-size: 0.8rem; }
  @media only screen and (min-width: 720px) {
    figcaption .description {
      width: 70%; } }
  figcaption .copyright {
    font-size: 9px;
    font-size: 0.6rem; }
    @media only screen and (min-width: 720px) {
      figcaption .copyright {
        position: absolute;
        right: 0;
        bottom: 10px;
        width: 50%;
        text-align: right; } }

.csc-textpic-center {
  text-align: center; }
  .csc-textpic-center .csc-textpic-imagewrap {
    display: inline-block;
    float: none; }
  .csc-textpic-center .csc-textpic-text {
    text-align: left; }

div.csc-textpic.csc-textpic-intext-left .container--copyright, div.csc-textpic.csc-textpic-intext-right .container--copyright, div.csc-textpic.csc-textpic-right .container--copyright, div.csc-textpic.csc-textpic-left .container--copyright {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0; }

.block--contact {
  position: relative;
  padding: 30px 40px 30px 40px;
  margin: 30px -15px 20px -20px;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media only screen and (min-width: 1240px) {
    .block--contact {
      padding: 30px 115px 30px 40px; } }
  .block--contact h2 {
    margin-top: 0; }
  .block--contact .icon {
    color: #999;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cdcdcd;
    font-size: 1.3em;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px; }
    @media only screen and (min-width: 960px) {
      .block--contact .icon {
        top: 30px;
        right: 30px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 2.3em;
        -webkit-border-radius: 80px;
        -khtml-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px; } }
  .block--contact .download .icon {
    color: inherit;
    position: inherit;
    width: auto;
    height: auto;
    top: inherit;
    right: inherit;
    line-height: inherit;
    border: none;
    font-size: inherit; }
  .block--contact p:last-child {
    margin: 0; }
  .block--contact a {
    text-decoration: none; }

.content-tab {
  position: relative;
  margin: 30px 0; }
  .content-tab table {
    margin: 0; }

.container-table {
  overflow-x: scroll; }

.mobile-table-arrow {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 40px;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2; }
  .mobile-table-arrow:before {
    content: "\e01f";
    color: #000;
    font-size: 2em;
    position: absolute;
    top: 45%;
    left: 10px;
    font-family: "cd63" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .scroll-arrow .mobile-table-arrow {
    display: block; }

.scroll-arrow caption {
  text-align: left; }

.error404 #container {
  background: #fff; }
.error404 .text--left {
  position: absolute;
  left: 10%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media only screen and (min-width: 960px) {
    .error404 .text--left {
      width: 40%; } }
  .error404 .text--left h2,
  .error404 .text--left a {
    color: #fff; }
  .error404 .text--left h2 {
    margin: 0 0 30px; }
    @media only screen and (min-width: 960px) {
      .error404 .text--left h2 {
        font-size: 30px;
        font-size: 2rem; } }
  @media only screen and (min-width: 960px) {
    .error404 .text--left ul {
      width: 50%; } }
  .error404 .text--left li {
    margin: 0 0 10px; }
  .error404 .text--left a {
    text-align: center;
    display: block;
    padding: 10px 20px;
    text-transform: uppercase;
    background: #64b0e5;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .error404 .text--left a:hover {
      color: #fff;
      background: #333; }

#footer {
  padding: 30px 0;
  z-index: 5;
  position: relative;
  background: #333; }
  #footer li {
    font-size: 13px;
    font-size: 0.8666666667rem;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch #footer li:hover {
      opacity: 0.8; }
  #footer .icon {
    display: inline-block;
    background: #64b0e5;
    -webkit-border-radius: 108px;
    -khtml-border-radius: 108px;
    -moz-border-radius: 108px;
    -ms-border-radius: 108px;
    -o-border-radius: 108px;
    border-radius: 108px; }
  #footer .cs-select {
    width: 100%;
    border-color: #fff;
    background-color: transparent; }
  #footer select {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }

footer a {
  color: #fff;
  text-decoration: none; }
  html.no-touch footer a:hover {
    color: #fff; }
    html.no-touch footer a:hover .icon {
      background: #545454; }

.prefooter {
  text-align: center;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 30px; }
  @media only screen and (min-width: 720px) {
    .prefooter {
      text-align: left; } }
  .prefooter .logo {
    width: 180px;
    margin: 0 0 20px;
    display: inline-block; }

.prefooter--tools {
  text-align: center;
  margin: 10px 0 20px; }
  @media only screen and (min-width: 720px) {
    .prefooter--tools {
      position: absolute;
      right: 0;
      bottom: 15px;
      margin: 0; } }
  .prefooter--tools li {
    text-align: center;
    margin: 0 4px;
    display: inline-block; }
    @media only screen and (min-width: 720px) {
      .prefooter--tools li {
        margin: 0 0 0 20px;
        width: 62px; } }
  .prefooter--tools h2 {
    color: #fff; }
  .prefooter--tools a {
    display: block;
    color: #fff; }
  .prefooter--tools .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.8em; }
  .prefooter--tools .text {
    display: block;
    margin: 10px 0 0;
    font-size: 15px;
    font-size: 1rem; }

@media only screen and (min-width: 720px) {
  #nav-footer {
    display: inline-block;
    float: left; } }
#nav-footer ul {
  margin: 0;
  padding: 0;
  text-align: center; }
  @media only screen and (min-width: 720px) {
    #nav-footer ul {
      text-align: left; } }
#nav-footer li {
  display: inline-block;
  padding: 0 10px;
  list-style: none; }
  @media only screen and (min-width: 720px) {
    #nav-footer li {
      padding: 0 20px; } }
  #nav-footer li:first-child {
    padding-left: 0; }
  #nav-footer li.no-mobile {
    display: none; }
    @media only screen and (min-width: 720px) {
      #nav-footer li.no-mobile {
        display: inline-block; } }
#nav-footer a {
  display: block;
  position: relative;
  padding: 5px 0;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  #nav-footer a:before, #nav-footer a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    transition: all 0.45s ease; }
  #nav-footer a:before {
    top: -7px; }
  #nav-footer a:after {
    bottom: -7px; }
  #nav-footer a:hover:before, #nav-footer a:hover:after {
    opacity: 1; }
  #nav-footer a:hover:before {
    top: 0; }
  #nav-footer a:hover:after {
    bottom: 0; }

.footer--social-links {
  display: block;
  text-align: center;
  margin: 20px 0; }
  @media only screen and (min-width: 720px) {
    .footer--social-links {
      float: right;
      margin: -5px 0 0; } }
  .footer--social-links li {
    display: inline-block;
    margin: 0 5px; }
  .footer--social-links a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #fff; }
    @media only screen and (min-width: 1500px) {
      .footer--social-links a {
        width: 45px;
        height: 45px;
        line-height: 45px; } }
  .footer--social-links .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 1.5em; }
    @media only screen and (min-width: 1500px) {
      .footer--social-links .icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 1.8em; } }
  .footer--social-links .text {
    display: none; }

.footer--sitemap-links {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0 20px;
  margin: 0 0 20px; }
  .footer--sitemap-links h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px;
    font-size: 15px;
    font-size: 1rem; }

.footer--sitemap > ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }
  @media only screen and (min-width: 960px) {
    .footer--sitemap > ul {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3; } }
  @media only screen and (min-width: 1240px) {
    .footer--sitemap > ul {
      -moz-column-count: 4;
      -webkit-column-count: 4;
      column-count: 4; } }
  .footer--sitemap > ul > li {
    display: inline-block;
    margin: 0 0 20px;
    padding: 0; }
    @media only screen and (min-width: 720px) {
      .footer--sitemap > ul > li {
        padding: 0 5% 0 0; } }
    @media only screen and (min-width: 1021px) {
      .footer--sitemap > ul > li {
        padding: 0 20% 0 0; } }
    @media only screen and (min-width: 1500px) {
      .footer--sitemap > ul > li {
        padding: 0 30% 0 0; } }
    .footer--sitemap > ul > li > a,
    .footer--sitemap > ul > li > .title {
      font-weight: 600; }
.footer--sitemap ul ul {
  margin: 15px 0 0; }
.footer--sitemap li li {
  display: none; }
  @media only screen and (min-width: 720px) {
    .footer--sitemap li li {
      display: block; } }
  .footer--sitemap li li a {
    color: #fff;
    opacity: 0.7;
    font-size: 12px;
    font-size: 0.8rem;
    -webkit-transition: color ease 0.5s;
    -moz-transition: color ease 0.5s;
    transition: color ease 0.5s; }
    html.no-touch .footer--sitemap li li a:hover {
      opacity: 1; }
.footer--sitemap a {
  color: #fff; }
.footer--sitemap .field--canton {
  border: 1px solid rgba(255, 255, 255, 0.5); }
.footer--sitemap input {
  margin: 0; }
  .footer--sitemap input[type="text"] {
    width: 80%;
    height: 28px;
    border: none;
    display: inline-block;
    background: none;
    border-radius: 0; }
  .footer--sitemap input[type="submit"] {
    opacity: 0.7;
    width: 20%;
    line-height: 37px;
    height: 37px;
    display: inline-block;
    color: #fff;
    padding: 0;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .footer--sitemap input[type="submit"]:hover {
      opacity: 1; }
.footer--sitemap .title {
  display: block;
  color: #fff;
  font-weight: 600;
  margin: 0 0 15px;
  font-size: 13px;
  font-size: 0.8666666667rem; }

.footer--links-acces {
  margin: 0 0 30px; }
  .footer--links-acces li {
    margin: 0 0 10px; }
    .footer--links-acces li:last-child {
      margin: 0; }
  .footer--links-acces a {
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: block;
    background: #64b0e5;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    html.no-touch .footer--links-acces a:hover {
      color: #fff;
      background: rgba(100, 176, 229, 0.7); }

.footer--links {
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }
  @media only screen and (min-width: 720px) {
    .footer--links {
      border: none;
      padding: 0;
      margin: 0; } }

.footer--links-other ul {
  padding: 0; }
.footer--links-other li {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 10px;
  list-style: none; }
.footer--links-other a {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  html.no-touch .footer--links-other a:hover {
    color: #fff;
    text-decoration: underline;
    opacity: 1; }

.banner--page {
  margin: 0 0 20px; }
  .institution .banner--page {
    margin: 0; }
  .banner--page figure {
    border-radius: 0; }
    @media only screen and (min-width: 720px) {
      .banner--page figure {
        display: block;
        margin: 0 -16px 0 -4%; }
        .canton-detail .banner--page figure, .elu--detail .banner--page figure {
          margin: 0; } }
    .canton-detail .banner--page figure, .elu--detail .banner--page figure {
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 0; }
    @media only screen and (min-width: 1240px) {
      .banner--page figure {
        margin: 0 -16px 0 -40px; } }

.parallax--wrapper {
  position: relative;
  height: 190px;
  overflow: hidden;
  -webkit-transition: height ease 0.4s;
  -moz-transition: height ease 0.4s;
  transition: height ease 0.4s; }
  @media only screen and (min-width: 720px) {
    .parallax--wrapper {
      height: 200px; } }
  @media only screen and (min-width: 1021px) {
    .parallax--wrapper {
      height: 260px; } }
  .parallax--wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #222;
    z-index: 1;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
  .parallax--wrapper .illustration {
    width: 100%;
    height: 100%;
    background: url("../images/building.jpg") no-repeat center center #64b0e5;
    background-size: cover; }

.illustration--wrapper {
  position: relative;
  width: 100%;
  height: 320px;
  margin: 0 auto;
  overflow: hidden;
  background: #999;
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  transition: height 0.4s ease; }
  @media only screen and (min-width: 960px) {
    .illustration--wrapper {
      height: 440px; } }
  @media only screen and (min-width: 1021px) {
    .illustration--wrapper {
      height: 520px; } }

.illustration--image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #999;
  background-image: url(/sites/all/themes/perial_front/front/images/fixtures/illustrations/seven/home.jpg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.illustration--title {
  position: absolute;
  bottom: 30px;
  left: 20px;
  right: 20px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 0 2px 1px rgba(153, 153, 153, 0.6);
  text-align: left;
  font-size: 25px;
  font-size: 1.6666666667rem;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  @media only screen and (min-width: 720px) {
    .illustration--title {
      font-size: 32px;
      font-size: 2.1333333333rem; } }
  @media only screen and (min-width: 960px) {
    .illustration--title {
      bottom: 50px;
      left: 44px;
      right: 40%;
      font-size: 40px;
      font-size: 2.6666666667rem; } }
  @media only screen and (min-width: 1021px) {
    .illustration--title {
      left: 220px;
      font-size: 50px;
      font-size: 3.3333333333rem; } }

.illustration--logo {
  z-index: 1;
  position: absolute;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  .illustration--logo a {
    display: block;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease; }
    html.no-touch .illustration--logo a:hover, html.touch .illustration--logo a:active {
      opacity: .85; }

.logo--seven {
  top: 20px;
  left: 20px; }
  @media only screen and (min-width: 960px) {
    .logo--seven {
      top: 30px;
      left: 44px; } }
  @media only screen and (min-width: 1021px) {
    .logo--seven {
      top: 90px;
      left: 220px; } }
  .logo--seven img {
    width: 60px;
    height: 72px; }
    @media only screen and (min-width: 960px) {
      .logo--seven img {
        width: 90px;
        height: 108px; } }
    @media only screen and (min-width: 1021px) {
      .logo--seven img {
        width: 120px;
        height: 145px; } }

.logo--hqe {
  top: 20px;
  right: 0; }
  @media only screen and (min-width: 960px) {
    .logo--hqe {
      top: auto;
      bottom: 40px; } }
  .logo--hqe img {
    width: 160px;
    height: 55px; }
    @media only screen and (min-width: 960px) {
      .logo--hqe img {
        width: 220px;
        height: 76px; } }

.logo--parc {
  top: 30px;
  left: 20px; }
  @media only screen and (min-width: 960px) {
    .logo--parc {
      left: 44px; } }
  @media only screen and (min-width: 1021px) {
    .logo--parc {
      left: 220px; } }
  .logo--parc img {
    width: 100px;
    height: 100px; }
    @media only screen and (min-width: 960px) {
      .logo--parc img {
        width: 140px;
        height: 140px; } }
    @media only screen and (min-width: 1021px) {
      .logo--parc img {
        width: 180px;
        height: 180px; } }

.link--base,
.link {
  text-align: center; }
  .link--base a, .link a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #999;
    color: #999;
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    html.no-touch .link--base a:hover,
    html.no-touch .link a:hover {
      color: #fff;
      background: #222; }

.link--base {
  margin: 0; }
  .link--base a {
    font-size: 12px;
    font-size: 0.8rem; }
    @media only screen and (min-width: 720px) {
      .link--base a {
        font-size: 13px;
        font-size: 0.8666666667rem; } }
    @media only screen and (min-width: 960px) {
      .link--base a {
        font-size: 14px;
        font-size: 0.9333333333rem; } }
    html.no-touch .link--base a:hover, html.touch .link--base a:active {
      color: #fff;
      background: #999;
      border-color: #999; }
  .link--base.color--white a {
    border-color: #fff;
    color: #fff; }

html.no-touch .link a:hover, html.touch .link a:active {
  color: #fff;
  background: #64b0e5;
  border-color: #64b0e5; }

.link_action {
  position: relative; }
  .link_action:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #64b0e5;
    -webkit-transition: width 0.35s ease-out;
    -moz-transition: width 0.35s ease-out;
    transition: width 0.35s ease-out; }
    .active .link_action:after {
      background: #999;
      width: 100%; }
    #fontsize .link_action:after, .tools .link_action:after {
      height: 1px;
      background: #999; }
  html.no-touch .link_action:hover:after, html.touch .link_action:active:after {
    width: 100%; }

.link--download {
  margin-bottom: 1em; }
  .link--download a {
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.8rem; }
    @media only screen and (min-width: 960px) {
      .link--download a {
        font-size: 13px;
        font-size: 0.8666666667rem; } }
    @media only screen and (min-width: 1021px) {
      .link--download a {
        font-size: 14px;
        font-size: 0.9333333333rem; } }
    .link--download a:before {
      content: '\e808';
      font-family: "icons";
      display: inline-block;
      margin-right: 10px;
      text-align: center;
      line-height: 1;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      text-decoration: inherit;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      speak: none; }
    html.no-touch .link--download a:hover, html.touch .link--download a:active {
      color: #999; }

.color--red {
  color: #f04647; }

/*.pager {
    $size: 20px;

    margin: 30px 0;
    text-align: center;

    li {
        display: inline-block;
        min-width: $size;
        height: $size;
        margin: 0 5px 8px;

        line-height: $size;

        @include font-size(11px);
        text-align: center;

        a {
            display: block;
            padding: 0 4px;

            background: $color-gray-verylight;

            color: $color-gray;
            text-transform: uppercase;

            @include transition(
            color $hover-transition-duration ease,
            background $hover-transition-duration ease
            );

            @include hover-universal {
                color: $color-white;
                background: $color-blue;
            };
        }

        &.pager-current {
            color: #fff;
            background: $color-blue;
        }

        &.pager-next,
        &.pager-previous,
        &.pager-last,
        &.pager-first {
            a {
                padding: 0 10px;
            }
        }
    }
}*/
.block-openclose-content {
  margin: 0 0 20px; }
  @media only screen and (min-width: 960px) {
    .block-openclose-content {
      margin: 0 0 40px; } }
  .intro--openclose .block-openclose-content {
    margin: 0; }

.block-openclose {
  background: #fff; }

.skin-openclose {
  padding: 0;
  position: relative;
  border-bottom: 1px solid #cdcdcd;
  background: #f9f9f9;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s; }
  .social .box--color .skin-openclose {
    background: #9961a0; }
  .routes .box--color .skin-openclose {
    background: #dba634; }
  .transports .box--color .skin-openclose {
    background: #9ec54d; }
  .colleges .box--color .skin-openclose {
    background: #da519d; }
  .territoires .box--color .skin-openclose {
    background: #33a457; }
  .culture-sports .box--color .skin-openclose {
    background: #f04647; }
  .tourdefrance .box--color .skin-openclose {
    background: #fdc009; }
  .social .box--color .skin-openclose, .routes .box--color .skin-openclose, .transports .box--color .skin-openclose, .colleges .box--color .skin-openclose, .territoires .box--color .skin-openclose, .culture-sports .box--color .skin-openclose, .tourdefrance .box--color .skin-openclose {
    border-bottom: 1px solid #fff; }
    .social .box--color .skin-openclose.first, .social .box--color .skin-openclose:first-child, .routes .box--color .skin-openclose.first, .routes .box--color .skin-openclose:first-child, .transports .box--color .skin-openclose.first, .transports .box--color .skin-openclose:first-child, .colleges .box--color .skin-openclose.first, .colleges .box--color .skin-openclose:first-child, .territoires .box--color .skin-openclose.first, .territoires .box--color .skin-openclose:first-child, .culture-sports .box--color .skin-openclose.first, .culture-sports .box--color .skin-openclose:first-child, .tourdefrance .box--color .skin-openclose.first, .tourdefrance .box--color .skin-openclose:first-child {
      border-top: 1px solid #fff; }
  .skin-openclose.first, .skin-openclose:first-child {
    border-top: 1px solid #cdcdcd; }
  .skin-openclose .skin-openclose {
    background: #fff; }
    .skin-openclose .skin-openclose h3 {
      border-color: #fff; }
  .intro--openclose .skin-openclose {
    border: none;
    background: none; }
  .skin-openclose .title {
    margin: 0;
    pointer: cursor; }
    .social .box--color .skin-openclose .title {
      background: #9961a0; }
    .routes .box--color .skin-openclose .title {
      background: #dba634; }
    .transports .box--color .skin-openclose .title {
      background: #9ec54d; }
    .colleges .box--color .skin-openclose .title {
      background: #da519d; }
    .territoires .box--color .skin-openclose .title {
      background: #33a457; }
    .culture-sports .box--color .skin-openclose .title {
      background: #f04647; }
    .tourdefrance .box--color .skin-openclose .title {
      background: #fdc009; }
  .skin-openclose.open {
    background: #fff; }
    .skin-openclose.open > h3 {
      color: #222;
      font-weight: 600;
      border-color: #64b0e5; }
      .social .skin-openclose.open > h3 {
        border-color: #9961a0; }
      .routes .skin-openclose.open > h3 {
        border-color: #dba634; }
      .transports .skin-openclose.open > h3 {
        border-color: #9ec54d; }
      .colleges .skin-openclose.open > h3 {
        border-color: #da519d; }
      .territoires .skin-openclose.open > h3 {
        border-color: #33a457; }
      .culture-sports .skin-openclose.open > h3 {
        border-color: #f04647; }
      .tourdefrance .skin-openclose.open > h3 {
        border-color: #fdc009; }
      .skin-openclose.open > h3 + .content {
        border-color: #64b0e5; }
        .social .skin-openclose.open > h3 + .content {
          border-color: #9961a0; }
        .routes .skin-openclose.open > h3 + .content {
          border-color: #dba634; }
        .transports .skin-openclose.open > h3 + .content {
          border-color: #9ec54d; }
        .colleges .skin-openclose.open > h3 + .content {
          border-color: #da519d; }
        .territoires .skin-openclose.open > h3 + .content {
          border-color: #33a457; }
        .culture-sports .skin-openclose.open > h3 + .content {
          border-color: #f04647; }
        .tourdefrance .skin-openclose.open > h3 + .content {
          border-color: #fdc009; }
    .skin-openclose.open > h2 .text {
      opacity: 1; }
    .social .box--color .skin-openclose.open {
      background: #9961a0; }
    .routes .box--color .skin-openclose.open {
      background: #dba634; }
    .transports .box--color .skin-openclose.open {
      background: #9ec54d; }
    .colleges .box--color .skin-openclose.open {
      background: #da519d; }
    .territoires .box--color .skin-openclose.open {
      background: #33a457; }
    .culture-sports .box--color .skin-openclose.open {
      background: #f04647; }
    .tourdefrance .box--color .skin-openclose.open {
      background: #fdc009; }
  .no-touch .skin-openclose:hover {
    background: rgba(100, 176, 229, 0.05); }
  .social .skin-openclose:hover {
    background: rgba(153, 97, 160, 0.05); }
  .routes .skin-openclose:hover {
    background: rgba(219, 166, 52, 0.05); }
  .transports .skin-openclose:hover {
    background: rgba(158, 197, 77, 0.05); }
  .colleges .skin-openclose:hover {
    background: rgba(218, 81, 157, 0.05); }
  .territoires .skin-openclose:hover {
    background: rgba(51, 164, 87, 0.05); }
  .culture-sports .skin-openclose:hover {
    background: rgba(240, 70, 71, 0.05); }
  .tourdefrance .skin-openclose:hover {
    background: rgba(240, 70, 71, 0.05); }
  .skin-openclose .title {
    position: relative;
    width: 100%; }
    .skin-openclose .title .text {
      display: block;
      padding: 12px 50px 12px 0; }
    .intro--openclose .skin-openclose .title {
      height: auto;
      padding: 20px 0; }
      .intro--openclose .skin-openclose .title .text {
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: inherit; }
  .skin-openclose > h2 {
    margin: 0; }
    .skin-openclose > h2 .text {
      display: block;
      padding: 12px 50px 12px 0;
      opacity: 0.7; }
      .institution .skin-openclose > h2 .text {
        opacity: 1;
        text-transform: uppercase;
        font-size: 25px;
        font-size: 1.6666666667rem; }
  .skin-openclose > h3 {
    color: #333;
    margin: 0;
    padding: 0 0 0 15px;
    cursor: pointer;
    line-height: inherit;
    border-left: 5px solid #f9f9f9; }
    @media only screen and (min-width: 1021px) {
      .skin-openclose > h3 {
        padding: 0 0 0 25px; } }
    .skin-openclose > h3:hover .button-openclose:before, .skin-openclose > h3:hover .button-openclose:after {
      color: #999; }
    .skin-openclose > h3 + .content {
      padding: 0 10px 0 15px;
      border-left: 5px solid #fff; }
      @media only screen and (min-width: 1021px) {
        .skin-openclose > h3 + .content {
          padding: 0 20px 0 25px; } }
  .skin-openclose .content {
    padding: 0 0 30px;
    display: none; }
    @media only screen and (min-width: 1021px) {
      .skin-openclose .content {
        padding: 0 60px 30px 0; }
        .skin-openclose .content .content-tab {
          margin-right: -60px; } }
    @media only screen and (min-width: 960px) {
      .institution .skin-openclose .content {
        width: 580px; } }
    .skin-openclose .content p {
      margin: 0;
      padding: 0 0 20px; }
      .skin-openclose .content p:last-child {
        padding: 0 0 10px; }
    .skin-openclose .content figure {
      margin: 0; }
    .skin-openclose .content figcaption p {
      margin: 0; }
    .skin-openclose .content .copyright {
      width: 100%;
      position: initial; }
      .institution .skin-openclose .content .copyright {
        width: auto;
        padding: 4px 10px;
        position: absolute;
        text-decoration: none; }
    .skin-openclose .content .description {
      width: 100%; }
    .skin-openclose .content h2,
    .skin-openclose .content h3 {
      margin-top: 0;
      padding-top: 30px; }
      .skin-openclose .content h2.title,
      .skin-openclose .content h3.title {
        padding-top: 0; }

.button-openclose {
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  margin: 2px;
  right: 10px;
  top: 435px;
  -moz-transition: all ease-out 0.2s;
  -webkit-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media only screen and (min-width: 960px) {
    .button-openclose {
      right: 15px; } }
  .button-openclose:before, .button-openclose:after {
    content: "";
    position: absolute;
    top: 15px;
    height: 2px;
    width: 13px;
    background-color: #64b0e5;
    -moz-transition: all ease-out 0.2s;
    -webkit-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    -ms-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s; }
    .social .button-openclose:before, .social .button-openclose:after {
      background: #9961a0; }
    .routes .button-openclose:before, .routes .button-openclose:after {
      background: #dba634; }
    .transports .button-openclose:before, .transports .button-openclose:after {
      background: #9ec54d; }
    .colleges .button-openclose:before, .colleges .button-openclose:after {
      background: #da519d; }
    .territoires .button-openclose:before, .territoires .button-openclose:after {
      background: #33a457; }
    .culture-sports .button-openclose:before, .culture-sports .button-openclose:after {
      background: #f04647; }
    .tourdefrance .button-openclose:before, .tourdefrance .button-openclose:after {
      background: #fdc009; }
    .open .button-openclose:before, .open .button-openclose:after {
      width: 21px;
      top: 14px; }
    .social .box--color .button-openclose:before, .routes .box--color .button-openclose:before, .transports .box--color .button-openclose:before, .colleges .box--color .button-openclose:before, .territoires .box--color .button-openclose:before, .culture-sports .box--color .button-openclose:before, .tourdefrance .box--color .button-openclose:before, .social .box--color .button-openclose:after, .routes .box--color .button-openclose:after, .transports .box--color .button-openclose:after, .colleges .box--color .button-openclose:after, .territoires .box--color .button-openclose:after, .culture-sports .box--color .button-openclose:after, .tourdefrance .box--color .button-openclose:after {
      background: #fff; }
  .button-openclose:before {
    left: 5px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .button-openclose:after {
    right: 5px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .intro--openclose .button-openclose {
    right: 0; }

.intro--openclose {
  margin: 10px auto;
  background: #fff; }
  @media only screen and (min-width: 1240px) {
    .intro--openclose {
      width: 1080px; } }
  .intro--openclose .padding--main-content {
    padding: 0 30px; }
    @media only screen and (min-width: 1240px) {
      .intro--openclose .padding--main-content {
        padding: 0 100px; } }
  .intro--openclose .skin-openclose:hover {
    background: none; }

#interactive-picture--content {
  position: relative;
  width: 850px;
  height: 516px;
  margin: 0 auto;
  overflow: hidden;
  background: url("/sites/all/themes/perial_front/front/images/image-interactive-large.jpg"); }

.legende {
  position: absolute;
  max-width: 30px; }
  .legende .bulle {
    cursor: default;
    z-index: 1;
    position: absolute;
    width: 200px;
    max-height: 250px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: #3d3d3d;
    background-color: #fff;
    text-align: left;
    -webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s linear, visibility 0s 0.35s;
    -moz-transition: -moz-transform 0.35s ease, opacity 0.35s linear, visibility 0s 0.35s;
    transition: transform 0.35s ease, opacity 0.35s linear, visibility 0s 0.35s;
        /*
        &:after {
            content: '';
            z-index: 1;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 20px;

            @include linear-gradient(to top, $bubble-background-color 0%, transparent 100%, $fallback: transparent);
        }
        */ }
    html.is-ios .legende .bulle {
      -webkit-overflow-scrolling: touch; }
    .legende .bulle.position--top {
      bottom: 46px;
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px); }
      html.csstransforms3d .legende .bulle.position--top {
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -o-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); }
    .legende .bulle.position--bottom {
      top: 46px;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px); }
      html.csstransforms3d .legende .bulle.position--bottom {
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0); }
    .legende .bulle.position--left {
      right: 0; }
    .legende .bulle.position--right {
      left: 0; }
    .legende .bulle h3,
    .legende .bulle h4,
    .legende .bulle p,
    .legende .bulle .avantage,
    .legende .bulle ul li {
      font-size: 11px;
      line-height: 15px; }
    .legende .bulle h3 {
      color: #00aeef;
      text-transform: uppercase; }
    .legende .bulle h4 {
      margin-bottom: .25em; }
    .legende .bulle .avantage {
      position: relative;
      display: block;
      padding-left: 33px;
      color: #427a11; }
    .legende .bulle .feuille {
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      width: 25px;
      height: 25px;
      vertical-align: top;
      text-indent: -99999px;
      text-align: left;
      background: transparent url("../images/feuille.jpg") no-repeat center center; }
    .legende .bulle ul {
      margin: 10px 0 0;
      padding: 0px; }
      .legende .bulle ul li {
        list-style: none;
        margin-bottom: 5px;
        padding: 4px 6px;
        background-color: #e4f5fb;
        color: #3d3d3d;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
        .legende .bulle ul li:last-of-type {
          margin-bottom: 0; }
  .legende .mark {
    cursor: pointer;
    position: relative;
    display: block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #00aeef;
    color: white;
    font-size: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    -webkit-transition: background 0.35s ease;
    -moz-transition: background 0.35s ease;
    transition: background 0.35s ease; }
    .legende .mark.active, .legende .mark:hover {
      background-color: #0486de; }
      .legende .mark.active + .bulle, .legende .mark:hover + .bulle {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s linear, visibility 0s 0s;
        -moz-transition: -moz-transform 0.35s ease, opacity 0.35s linear, visibility 0s 0s;
        transition: transform 0.35s ease, opacity 0.35s linear, visibility 0s 0s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
        html.csstransforms3d .legende .mark.active + .bulle, html.csstransforms3d .legende .mark:hover + .bulle {
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#legende1 {
  left: 46px;
  top: 56px; }

#legende2 {
  left: 6px;
  top: 194px; }

#legende3 {
  left: 6px;
  top: 294px; }

#legende4 {
  left: 6px;
  top: 388px; }

#legende5 {
  left: 42px;
  top: 408px; }

#legende6 {
  left: 77px;
  top: 375px; }

#legende7 {
  left: 673px;
  top: 254px; }

#legende8 {
  left: 215px;
  top: 432px; }

#legende9 {
  left: 288px;
  top: 411px; }

#legende10 {
  left: 359px;
  top: 420px; }

#legende11 {
  left: 443px;
  top: 468px; }

#legende12 {
  left: 744px;
  top: 162px; }

#legende13 {
  left: 665px;
  top: 73px; }

#legende14 {
  left: 552px;
  top: 17px; }

#legende15 {
  left: 505px;
  top: 60px; }

#legende16 {
  left: 505px;
  top: 136px; }

#legende17 {
  left: 393px;
  top: 136px; }

#legende18 {
  left: 356px;
  top: 49px; }

#legende19 {
  left: 250px;
  top: 35px; }

#legende20 {
  left: 227px;
  top: 89px; }

html.is-android #colorbox {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#cboxContent {
  background: #000; }

#cboxLoadingGraphic {
  background: url("../images/assets/loader.gif") center center no-repeat transparent; }

#skiplink {
  height: 0;
  background: #666; }
  #skiplink ul {
    margin: 0 auto;
    width: 100%;
    padding: 10px 5%; }
    .is-firefoxOld #skiplink ul {
      width: 90%; }
  #skiplink li {
    list-style: none;
    display: inline-block; }
  #skiplink a {
    text-decoration: none;
    padding: 0 10px 0 0;
    color: #fff;
    font-size: 12px;
    font-size: 0.8rem; }
    #skiplink a:hover {
      text-decoration: underline; }

@-webkit-keyframes hamburger-moves {
  30% {
    left: -5px; }
  60% {
    left: 3px; }
  100% {
    left: 0; } }
@keyframes hamburger-moves {
  30% {
    left: -5px; }
  60% {
    left: 3px; }
  100% {
    left: 0; } }
#cookies {
  color: #fff;
  padding: 10px 20px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(102, 102, 102, 0.8);
  z-index: 99; }
  @media only screen and (min-width: 960px) {
    #cookies {
      width: 30%;
      padding: 30px 50px 30px 30px;
      right: 0;
      top: 40%;
      bottom: inherit;
      background: #666; } }
  #cookies .underline {
    color: #fff;
    display: inline-block; }
  #cookies .button--cookies {
    margin: 15px 0 0;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    display: inline-block;
    background: #64b0e5;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    @media only screen and (min-width: 960px) {
      #cookies .button--cookies {
        float: right;
        margin: 30px 0 0; } }
  #cookies p {
    width: 80%;
    margin: 0;
    font-size: 12px;
    font-size: 0.8rem; }
    @media only screen and (min-width: 960px) {
      #cookies p {
        width: 100%;
        font-size: 15px;
        font-size: 1rem; } }

.close-cookies {
  cursor: pointer;
  text-align: center;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  border: 1px solid #fff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px; }
  .close-cookies:before, .close-cookies:after {
    top: 11px;
    left: 5px;
    cursor: pointer;
    border-radius: 1px;
    height: 1px;
    width: 12px;
    background: white;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; }
  .close-cookies:before {
    transform: rotate(45deg); }
  .close-cookies:after {
    transform: rotate(-45deg); }
  html.no-touch .close-cookies:hover {
    color: #64b0e5;
    border-color: #64b0e5; }
    html.no-touch .close-cookies:hover:before, html.no-touch .close-cookies:hover:after {
      background: #64b0e5; }
  .close-cookies span {
    display: none; }

.csc-sitemap {
  width: 100%; }
  .csc-sitemap ul {
    margin: 30px 0; }
    .csc-sitemap ul ul {
      margin: 15px 0; }
  .csc-sitemap a {
    color: #999; }
    html.no-touch .csc-sitemap a:hover {
      color: #64b0e5; }
  .csc-sitemap li {
    position: relative;
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #cdcdcd;
    font-weight: 600;
    background: #fff;
    font-size: 17px;
    font-size: 1.1333333333rem; }
    .csc-sitemap li:first-child {
      border-top: 1px solid #cdcdcd; }
    .csc-sitemap li li {
      font-weight: 400;
      background: #f2f2f2;
      font-size: 15px;
      font-size: 1rem; }
      .csc-sitemap li li li {
        text-transform: none;
        background: #fff;
        font-size: 14px;
        font-size: 0.9333333333rem; }
        .csc-sitemap li li li li {
          padding: 5px 0;
          border: none; }
          .csc-sitemap li li li li:first-child {
            padding-top: 20px; }
  .csc-sitemap a {
    text-decoration: none;
    transition: all ease 0.5s; }
    .csc-sitemap a:hover {
      color: #999; }

.switch,
.switch2,
.switch3 {
  position: absolute;
  top: 10px;
  right: 20px;
  display: block;
  width: 31px;
  height: 31px;
  cursor: pointer;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s; }
  .switch:before, .switch:after,
  .switch2:before,
  .switch2:after,
  .switch3:before,
  .switch3:after {
    content: "";
    position: absolute;
    top: 15px;
    height: 2px;
    width: 13px;
    background: #64b0e5;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s; }
  .switch:before,
  .switch2:before,
  .switch3:before {
    left: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .switch:after,
  .switch2:after,
  .switch3:after {
    right: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.open .switch:before, .open .switch:after {
  width: 21px;
  top: 14px; }
.open .open .switch2:before, .open .open .switch2:after {
  width: 21px;
  top: 14px; }
.open .open .open .switch3:before, .open .open .open .switch3:after {
  width: 21px;
  top: 14px; }

.sitemap--keyword {
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }
  @media only screen and (min-width: 720px) {
    .sitemap--keyword {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3; } }
  @media only screen and (min-width: 960px) {
    .sitemap--keyword {
      -moz-column-count: 4;
      -webkit-column-count: 4;
      column-count: 4; } }
  .sitemap--keyword ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .sitemap--keyword li {
    margin: 0 0 10px; }
    .sitemap--keyword li:last-child {
      margin: 0; }
  .sitemap--keyword > li {
    margin: 0 0 40px; }
  .sitemap--keyword a {
    text-decoration: none;
    color: #999; }

.sitemap--keyword-letter {
  text-transform: uppercase;
  color: #333;
  font-size: 30px;
  font-size: 2rem; }
  @media only screen and (min-width: 960px) {
    .sitemap--keyword-letter {
      font-size: 50px;
      font-size: 3.3333333333rem; } }

.gotop {
  display: none;
  cursor: pointer;
  text-align: center;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: #fff;
  background: #64b0e5;
  z-index: 10;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .gotop .icon {
    font-size: 1.4em;
    line-height: 45px; }
  html.no-touch .gotop:hover {
    background: #222; }

.tablesorter th.header {
  text-align: left;
  background-image: url("../images/tablesorter-arrow.png");
  background-repeat: no-repeat;
  background-position: center right; }
.tablesorter th.headerSortUp, .tablesorter th.headerSortDown {
  opacity: 0.8; }
.tablesorter th.headerSortUp {
  background-image: url(../images/tablesorter-up.png); }
.tablesorter th.headerSortDown {
  background-image: url(../images/tablesorter-down.png); }

.popin .popin-title,
.popin .region-content {
  padding: 0 20px; }
  @media only screen and (min-width: 720px) {
    .popin .popin-title,
    .popin .region-content {
      padding: 0 30px; } }
@media only screen and (max-width: 479px) {
  .popin .popin-title {
    font-size: 20px;
    font-size: 1.3333333333rem;
    word-break: break-word; } }
.popin.node-type-webform .region-content {
  padding: 0; }

.immeuble-popin .info {
  padding: 18px 8%; }
  .immeuble-popin .info p {
    margin: 0;
    font-size: 0.857em; }
  .immeuble-popin .info .titre {
    font-size: 1.429em;
    text-transform: uppercase; }
  .immeuble-popin .info .soustitre {
    font-size: 1.071em; }

.box-print {
  padding: 30px; }

input[type="button"] {
  display: inline-block;
  width: auto;
  border: none;
  line-height: 1;
  padding: 12px 22px;
  margin: 0 0 30px;
  font-weight: bold;
  color: #fff;
  background-color: #64b0e5;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .non-printable input[type="button"] {
    text-align: center; }

.bx-wrapper .bx-controls-direction a {
  z-index: 1;
  position: absolute;
  top: 48%;
  width: 30px;
  height: getEven(50px);
  outline: 0;
  text-indent: -9999px;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  font-size: 1em;
  margin-top: -41px;
  -webkit-transition: background 0.35s ease, color 0.35s ease;
  -moz-transition: background 0.35s ease, color 0.35s ease;
  transition: background 0.35s ease, color 0.35s ease; }
  @media only screen and (min-width: 960px) {
    .bx-wrapper .bx-controls-direction a {
      font-size: 1.7em;
      width: 50px;
      height: getEven(83.3333333333px); } }
  .bx-wrapper .bx-controls-direction a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: getEven(50px);
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    line-height: 82px;
    vertical-align: middle;
    font-family: 'cd63';
    text-indent: 0; }
  .bx-wrapper .bx-controls-direction a:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  html.csstransforms .bx-wrapper .bx-controls-direction a:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  html.no-touch.csstransforms .bx-wrapper .bx-controls-direction a:hover {
    color: #333; }
    html.no-touch.csstransforms .bx-wrapper .bx-controls-direction a:hover:after {
      background: rgba(255, 255, 255, 0.7);
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1); }
.bx-wrapper .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls-direction .bx-next {
  width: 50px;
  height: 82px;
  top: 28%;
  right: 0;
  background: none;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s; }
  @media only screen and (min-width: 720px) {
    .bx-wrapper .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls-direction .bx-next {
      top: 48%; } }
  .bx-wrapper .bx-controls-direction .bx-prev:before, .bx-wrapper .bx-controls-direction .bx-prev:after, .bx-wrapper .bx-controls-direction .bx-next:before, .bx-wrapper .bx-controls-direction .bx-next:after {
    margin: 0;
    font-family: "cd63" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    html.no-touch .bx-wrapper .bx-controls-direction .bx-prev:before:hover, html.no-touch .bx-wrapper .bx-controls-direction .bx-prev:after:hover,
    html.no-touch .bx-wrapper .bx-controls-direction .bx-next:before:hover,
    html.no-touch .bx-wrapper .bx-controls-direction .bx-next:after:hover {
      color: #666; }
    .bx-wrapper .bx-controls-direction .bx-prev:before:hover, .bx-wrapper .bx-controls-direction .bx-prev:after:hover, .bx-wrapper .bx-controls-direction .bx-next:before:hover, .bx-wrapper .bx-controls-direction .bx-next:after:hover {
      color: #666; }
  .bx-wrapper .bx-controls-direction .bx-prev:before,
  .bx-wrapper .bx-controls-direction .bx-next:before {
    margin: 28px 0 0; }
  .bx-wrapper .bx-controls-direction .bx-prev:hover,
  .bx-wrapper .bx-controls-direction .bx-next:hover {
    border-color: #666;
    background: #666; }
  html.no-touch .bx-wrapper .bx-controls-direction .bx-prev:hover,
  html.no-touch .bx-wrapper .bx-controls-direction .bx-next:hover {
    color: #fff; }
.bx-wrapper .bx-controls-direction .bx-prev {
  left: 0; }
  .bx-wrapper .bx-controls-direction .bx-prev:before {
    content: '\e01c';
    margin-left: -1px; }
  .bx-wrapper .bx-controls-direction .bx-prev:after {
    -webkit-transform-origin: 100% center;
    -moz-transform-origin: 100% center;
    -ms-transform-origin: 100% center;
    -o-transform-origin: 100% center;
    transform-origin: 100% center; }
.bx-wrapper .bx-controls-direction .bx-next:before {
  content: '\e01e';
  margin-left: 1px; }
.bx-wrapper .bx-controls-direction .bx-next:after {
  -webkit-transform-origin: 0 center;
  -moz-transform-origin: 0 center;
  -ms-transform-origin: 0 center;
  -o-transform-origin: 0 center;
  transform-origin: 0 center; }
.bx-wrapper .bx-controls-auto {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  right: 20px;
  bottom: 20px;
  text-align: right;
  z-index: 5; }
  .bx-wrapper .bx-controls-auto .bx-start,
  .bx-wrapper .bx-controls-auto .bx-stop {
    display: none;
    color: #fff;
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: none;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
    @media only screen and (min-width: 720px) {
      .bx-wrapper .bx-controls-auto .bx-start,
      .bx-wrapper .bx-controls-auto .bx-stop {
        display: block; } }
    .bx-wrapper .bx-controls-auto .bx-start:hover,
    .bx-wrapper .bx-controls-auto .bx-stop:hover {
      color: #999; }
    .bx-wrapper .bx-controls-auto .bx-start:before,
    .bx-wrapper .bx-controls-auto .bx-stop:before {
      display: block;
      margin: 6px 6px 0 0;
      font-family: "cd63" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transition: all ease 0s;
      -moz-transition: all ease 0s;
      transition: all ease 0s; }
  .bx-wrapper .bx-controls-auto .bx-start {
    margin: 0;
    font-size: 1.7em; }
    .bx-wrapper .bx-controls-auto .bx-start:before {
      content: '\e03a';
      margin: 0; }
  .bx-wrapper .bx-controls-auto .bx-stop {
    font-size: 1.5em;
    margin: -6px 0 0; }
    .bx-wrapper .bx-controls-auto .bx-stop:before {
      content: '\e038';
      padding: 0 0; }

.no-clickControl {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: getEven(50px);
  z-index: 2; }
  @media only screen and (min-width: 960px) {
    .no-clickControl {
      width: 50px;
      height: getEven(83.3333333333px); } }

.no-click-control-prev {
  left: 0; }

.no-click-control-next {
  right: 0; }

.bx-wrapper .bx-loading {
  z-index: 1;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  background: url("../images/assets/loader.gif") center center no-repeat transparent; }
  html.cssanimations .bx-wrapper .bx-loading {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #999;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; }
    html.cssanimations .bx-wrapper .bx-loading:before, html.cssanimations .bx-wrapper .bx-loading:after {
      content: '';
      position: absolute;
      border-radius: 50%;
      border: 2px solid transparent; }
    html.cssanimations .bx-wrapper .bx-loading:before {
      top: getEven(5px);
      left: getEven(5px);
      bottom: getEven(5px);
      right: getEven(5px);
      border-right-color: #999;
      opacity: .8;
      -webkit-animation: spin 10s linear infinite;
      -moz-animation: spin 10s linear infinite;
      animation: spin 10s linear infinite; }
    html.cssanimations .bx-wrapper .bx-loading:after {
      top: getEven(12.5px);
      left: getEven(12.5px);
      bottom: getEven(12.5px);
      right: getEven(12.5px);
      border-bottom-color: #999;
      opacity: .5;
      -webkit-animation: spin 5s linear infinite;
      -moz-animation: spin 5s linear infinite;
      animation: spin 5s linear infinite; }

.bx-wrapper .bx-pager {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 14px;
  font-size: 0.9333333333rem; }
  @media only screen and (min-width: 960px) {
    .bx-wrapper .bx-pager {
      bottom: 10px; } }
  .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
    .bx-wrapper .bx-pager .bx-pager-item + .bx-pager-item a {
      margin-left: 4px; }
  .bx-wrapper .bx-pager.bx-default-pager a {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.8);
    outline: 0;
    text-indent: -9999px;
    text-decoration: none;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    @media only screen and (min-width: 720px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        background: rgba(204, 204, 204, 0.8); } }
    .bx-wrapper .bx-pager.bx-default-pager a.active, html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
      opacity: 1;
      background: #333; }
      @media only screen and (min-width: 720px) {
        .bx-wrapper .bx-pager.bx-default-pager a.active, html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
          background: #64b0e5; }
          .social .bx-wrapper .bx-pager.bx-default-pager a.active, .social html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .social html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #9961a0; }
          .routes .bx-wrapper .bx-pager.bx-default-pager a.active, .routes html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .routes html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #dba634; }
          .transports .bx-wrapper .bx-pager.bx-default-pager a.active, .transports html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .transports html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #9ec54d; }
          .colleges .bx-wrapper .bx-pager.bx-default-pager a.active, .colleges html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .colleges html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #da519d; }
          .territoires .bx-wrapper .bx-pager.bx-default-pager a.active, .territoires html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .territoires html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #33a457; }
          .culture-sports .bx-wrapper .bx-pager.bx-default-pager a.active, .culture-sports html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .culture-sports html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #f04647; }
          .tourdefrance .bx-wrapper .bx-pager.bx-default-pager a.active, .tourdefrance html.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover, .tourdefrance html.touch .bx-wrapper .bx-pager.bx-default-pager a:active {
            background: #fdc009; } }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.slider--reset,
.slider--illustration {
  margin: 0 auto;
  padding: 0;
  list-style: none; }

html.js .slider--reset li,
html.js .slider--illustration li {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
html.js .bx-wrapper.init-complete .slider--reset li,
html.js .bx-wrapper.init-complete .slider--illustration li {
  opacity: 1; }

.bx-wrapper {
  border: none;
  position: relative;
  margin: 0 auto;
  padding: 0;
  box-shadow: none;
  *zoom: 1; }
  .bx-wrapper .bx-viewport {
    position: relative;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
  .bx-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .bx-wrapper img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }

.bx-wrapper.init-complete .bx-controls-direction .bx-prev,
.bx-wrapper.init-complete .bx-controls-direction .bx-next {
  top: 50%; }

.block--search {
  padding: 10px 0;
  z-index: 2; }
  @media only screen and (min-width: 480px) {
    .block--search {
      padding: 20px 0; } }
  @media only screen and (min-width: 1021px) {
    .block--search {
      padding: 5px 0 0; } }
  .block--search .tx-solr {
    margin: 0;
    float: right;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-left: 1px solid #cdcdcd; }
    @media only screen and (min-width: 1021px) {
      .block--search .tx-solr {
        width: 74%; } }
    @media only screen and (min-width: 1240px) {
      .block--search .tx-solr {
        width: 78%; } }
    @media only screen and (min-width: 720px) {
      .home .block--search .tx-solr {
        width: 67%; } }
  .block--search .search {
    height: 100%; }

.block--search-content {
  display: none;
  position: initial;
  z-index: 2; }
  @media only screen and (min-width: 1021px) {
    .block--search-content {
      display: block; } }
  @media only screen and (min-width: 1500px) {
    .block--search-content {
      position: relative; } }
  .home .block--search-content {
    display: block; }
  .block--search-content .layout--maxwidth {
    position: initial; }
    @media only screen and (max-width: 719px) {
      .home .block--search-content .layout--maxwidth {
        padding: 0 20%; } }
    @media only screen and (max-width: 479px) {
      .home .block--search-content .layout--maxwidth {
        padding: 0 10%; } }
  @media only screen and (min-width: 720px) {
    .home .block--search-content {
      text-align: center; } }
  .block--search-content.open {
    display: block; }

.block--search-field {
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
  -khtml-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
  -moz-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
  -ms-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
  -o-box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11);
  box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11); }
  @media only screen and (min-width: 1021px) {
    .block--search-field {
      width: 100%;
      height: 45px;
      -webkit-border-radius: 7px;
      -khtml-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; } }
  @media only screen and (min-width: 1021px) and (min-width: 1021px) {
    .home .block--search-field {
      height: 60px; } }

  @media only screen and (min-width: 720px) {
    .home .block--search-field {
      width: 77%;
      height: 45px;
      text-align: left;
      display: inline-block; } }
  @media only screen and (min-width: 960px) {
    .home .block--search-field {
      height: 52px; } }
  @media only screen and (min-width: 1500px) {
    .home .block--search-field {
      width: 940px; } }
  .block--search-field .active.fiel--search {
    background: #f2f2f2; }
    .block--search-field .active.fiel--search input[type="text"] {
      background: #f2f2f2; }
    .block--search-field .active.fiel--search .submit {
      background: #f2f2f2; }
  .block--search-field input[type="text"] {
    color: #999;
    border: none;
    width: 80%;
    height: 100%;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    font-size: 0.9333333333rem; }
    @media only screen and (min-width: 720px) {
      .block--search-field input[type="text"] {
        width: 88%;
        font-size: 14px;
        font-size: 0.9333333333rem; } }
    @media only screen and (min-width: 1021px) {
      .block--search-field input[type="text"] {
        width: 90.5%;
        font-size: 15px;
        font-size: 1rem; }
        .is-firefoxOld .block--search-field input[type="text"] {
          padding: 0 3% !important;
          width: 84.5%;
          height: 98%; } }
  .block--search-field input::-webkit-input-placeholder {
    font-style: italic; }
  .block--search-field input:-moz-placeholder {
    /* Firefox 18- */
    font-style: italic; }
  .block--search-field input::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic; }
  .block--search-field input:-ms-input-placeholder {
    font-style: italic; }
  .block--search-field .submit {
    padding-left: 0;
    padding-right: 0;
    width: 20%;
    height: 100%;
    float: right;
    border: none;
    display: inline-block;
    color: #fff;
    background: #fff; }
    @media only screen and (min-width: 720px) {
      .block--search-field .submit {
        width: 11%; } }
    @media only screen and (min-width: 1021px) {
      .block--search-field .submit {
        width: 7%; }
        .home .block--search-field .submit {
          width: 9%; } }
    html.no-touch .block--search-field .submit:hover .icon {
      color: #222; }
    .block--search-field .submit span {
      display: none; }
  .block--search-field .icon {
    color: #64b0e5;
    display: block;
    line-height: 40px;
    font-size: 1.5em;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    @media only screen and (min-width: 1021px) {
      .block--search-field .icon {
        font-size: 2.2em;
        line-height: 50px; } }
    @media only screen and (min-width: 1021px) {
      .home .block--search-field .icon {
        line-height: 60px; } }
    .block--search-field .icon:before {
      font-size: 1em; }

.calendar-button {
  width: 40px;
  height: 40px;
  margin: 0 0 0 20px;
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  border: 2px solid #fff;
  background: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  @media only screen and (min-width: 1021px) {
    .calendar-button {
      float: right;
      width: 50px;
      height: 50px;
      padding: 10px;
      margin: 0;
      -webkit-border-radius: 10px;
      -khtml-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; } }
  html.no-touch .calendar-button:hover {
    color: #64b0e5;
    background: #fff; }
  .calendar-button .icon {
    font-size: 1.2em; }
    @media only screen and (min-width: 1021px) {
      .calendar-button .icon {
        font-size: 1.5em; } }

.ui-autocomplete {
  z-index: 23;
  background: #fff; }
  .ui-autocomplete.ui-widget-content .ui-state-focus {
    border: none;
    background: #f2f2f2; }

.responsive--tabs {
  margin: 20px 0 30px; }

.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 959px) {
    .r-tabs .r-tabs-nav {
      display: none; } }
.r-tabs .tabPannel {
  display: none;
  margin: 0 0 1px; }
  @media only screen and (max-width: 959px) {
    .r-tabs .tabPannel {
      display: block; } }
  .r-tabs .tabPannel h3 {
    margin: 0; }
  .r-tabs .tabPannel a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    background: #64b0e5; }
    .social .r-tabs .tabPannel a {
      background: #9961a0; }
    .routes .r-tabs .tabPannel a {
      background: #dba634; }
    .transports .r-tabs .tabPannel a {
      background: #9ec54d; }
    .colleges .r-tabs .tabPannel a {
      background: #da519d; }
    .territoires .r-tabs .tabPannel a {
      background: #33a457; }
    .culture-sports .r-tabs .tabPannel a {
      background: #f04647; }
    .tourdefrance .r-tabs .tabPannel a {
      background: #fdc009; }
  .r-tabs .tabPannel.active a {
    color: #64b0e5;
    background: #f2f2f2; }
    .social .r-tabs .tabPannel.active a {
      color: #9961a0; }
    .routes .r-tabs .tabPannel.active a {
      color: #dba634; }
    .transports .r-tabs .tabPannel.active a {
      color: #9ec54d; }
    .colleges .r-tabs .tabPannel.active a {
      color: #da519d; }
    .territoires .r-tabs .tabPannel.active a {
      color: #33a457; }
    .culture-sports .r-tabs .tabPannel.active a {
      color: #f04647; }
    .tourdefrance .r-tabs .tabPannel.active a {
      color: #fdc009; }
.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none; }
  @media only screen and (min-width: 960px) {
    .r-tabs .r-tabs-tab {
      display: block; } }
  @media only screen and (min-width: 960px) {
    .r-tabs .r-tabs-tab.r-tabs-state-active a {
      margin: -9px -1px 0 -1px;
      padding-top: 20px;
      color: #666;
      font-weight: 600;
      border-bottom: none;
      border-top: 4px solid #64b0e5;
      border-right: 1px solid #cdcdcd;
      border-left: 1px solid #cdcdcd;
      background: #fff; }
      .social .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #9961a0; }
      .routes .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #dba634; }
      .transports .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #9ec54d; }
      .colleges .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #da519d; }
      .territoires .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #33a457; }
      .culture-sports .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #f04647; }
      .tourdefrance .r-tabs .r-tabs-tab.r-tabs-state-active a {
        border-top: 4px solid #fdc009; } }
  .r-tabs .r-tabs-tab.r-tabs-state-active a h3 {
    font-weight: 600; }
.r-tabs .r-tabs-panel {
  padding: 20px; }
  @media only screen and (max-width: 959px) {
    .r-tabs .r-tabs-panel {
      background: #f2f2f2;
      padding: 15px; } }
  .r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block; }

.tabs--style {
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .tabs--style {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      list-style: outside none none;
      margin: 0 auto;
      max-width: 1200px;
      padding: 0;
      position: relative;
      padding: 0 2em;
      max-width: none;
      border: 1px solid #cdcdcd;
      border-bottom: none; } }
  .tabs--style li {
    list-style: none; }
    @media only screen and (min-width: 960px) {
      .tabs--style li {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
    .tabs--style li:first-child a {
      border-left: none; }
  .tabs--style a {
    border-left: 1px solid #cdcdcd;
    color: #666;
    font-weight: 400;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.3333333333rem; }
    @media only screen and (min-width: 960px) {
      .tabs--style a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 15px 20px;
        border-bottom: 1px solid #cdcdcd;
        color: #999;
        line-height: 1;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        transition: all ease 0.5s;
        font-size: 19px;
        font-size: 1.2666666667rem; } }
    .no-touch .tabs--style a:hover {
      color: #64b0e5; }
    .social .tabs--style a:hover {
      color: #9961a0; }
    .routes .tabs--style a:hover {
      color: #dba634; }
    .transports .tabs--style a:hover {
      color: #9ec54d; }
    .colleges .tabs--style a:hover {
      color: #da519d; }
    .territoires .tabs--style a:hover {
      color: #33a457; }
    .culture-sports .tabs--style a:hover {
      color: #f04647; }
    .tourdefrance .tabs--style a:hover {
      color: #fdc009; }
  .tabs--style h3 {
    color: #666;
    font-weight: 400;
    margin: 0;
    font-size: 16px;
    font-size: 1.0666666667rem; }

.r-tabs-panel {
  border-bottom: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd; }
  .r-tabs-panel p:last-child {
    margin: 0; }

.arc_ytchannel {
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .arc_ytchannel ul {
    padding: 0;
    margin: 10px 0; }
  .arc_ytchannel li {
    width: 45%;
    display: inline-block;
    list-style: none;
    padding: 0 5px; }
    @media only screen and (min-width: 480px) {
      .arc_ytchannel li {
        display: table-cell;
        width: auto; } }
  .arc_ytchannel a {
    text-decoration: none; }
  .arc_ytchannel .list_block_video {
    margin: 0 -5px; }
    .arc_ytchannel .list_block_video li {
      width: 45%;
      display: inline-block;
      list-style: none;
      padding: 0 5px; }
      @media only screen and (min-width: 480px) {
        .arc_ytchannel .list_block_video li {
          display: table-cell;
          width: auto; } }
  .arc_ytchannel .link {
    margin: 0;
    text-align: right; }
    .arc_ytchannel .link a {
      text-transform: none;
      border: none;
      padding: 0 5px;
      font-size: 14px;
      font-size: 0.9333333333rem; }
  .arc_ytchannel img {
    width: 100%; }

.block-player-background {
  padding: 0;
  margin: 0 0 30px;
  background: #f2f2f2; }
  .block-player-background h2 {
    padding: 20px 20px 0; }
  .block-player-background .description {
    padding: 20px; }
  .block-player-background ul {
    margin: 0;
    padding: 0; }
  .block-player-background li {
    list-style: none;
    padding: 0; }
  .block-player-background .list_block_video {
    margin: 0 -5px; }
    .block-player-background .list_block_video ul {
      padding: 0;
      margin: 10px 0; }
    .block-player-background .list_block_video li {
      width: 45%;
      display: inline-block;
      list-style: none;
      padding: 0 5px; }
      @media only screen and (min-width: 480px) {
        .block-player-background .list_block_video li {
          display: table-cell;
          width: auto; } }

.vjs-default-skin .vjs-big-play-button {
  left: 44.2%;
  top: 42%;
  width: 2.5em;
  height: 1.7em;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s; }
  .vjs-default-skin .vjs-big-play-button:before {
    line-height: 1.7em;
    color: #fff;
    text-shadow: none; }
.vjs-default-skin:hover .vjs-big-play-button {
  box-shadow: none;
  background: #64b0e5; }

.slider--video video {
  width: 100%;
  height: auto;
  background: #313131; }
.slider--video h3 {
  margin: 0 0 5px;
  font-size: 16px;
  font-size: 1.0666666667rem; }

.video--description {
  padding: 20px 50px;
  position: relative; }
  @media only screen and (min-width: 1021px) {
    .video--description {
      margin: 0 170px 0 110px;
      padding: 20px 0; } }
  .video--description p {
    margin: 0 0 10px;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
    .video--description p:last-child {
      margin: 0; }
  .video--description .number {
    position: absolute;
    left: -30px;
    top: 20px; }

.slider--video .bx-wrapper .bx-controls-direction a {
  border: none;
  color: #64b0e5; }
  .slider--video .bx-wrapper .bx-controls-direction a:before {
    font-size: 1.7em; }
  .social .slider--video .bx-wrapper .bx-controls-direction a {
    color: #9961a0; }
  .routes .slider--video .bx-wrapper .bx-controls-direction a {
    color: #dba634; }
  .transports .slider--video .bx-wrapper .bx-controls-direction a {
    color: #9ec54d; }
  .colleges .slider--video .bx-wrapper .bx-controls-direction a {
    color: #da519d; }
  .territoires .slider--video .bx-wrapper .bx-controls-direction a {
    color: #33a457; }
  .culture-sports .slider--video .bx-wrapper .bx-controls-direction a {
    color: #f04647; }
  .tourdefrance .slider--video .bx-wrapper .bx-controls-direction a {
    color: #fdc009; }
  html.no-touch .slider--video .bx-wrapper .bx-controls-direction a:hover {
    color: #222; }
.slider--video .bx-wrapper .bx-controls-direction .bx-prev,
.slider--video .bx-wrapper .bx-controls-direction .bx-next {
  border: none;
  width: auto;
  height: auto; }
.slider--video .bx-wrapper .bx-controls-direction .bx-prev {
  left: 5px;
  right: inherit; }
  @media only screen and (min-width: 960px) {
    .slider--video .bx-wrapper .bx-controls-direction .bx-prev {
      left: 20px; } }
.slider--video .bx-wrapper .bx-controls-direction .bx-next {
  right: 30px;
  left: inherit; }
  @media only screen and (min-width: 960px) {
    .slider--video .bx-wrapper .bx-controls-direction .bx-next {
      right: 50px; } }

.arc-gallery {
  margin: 0 0 30px; }
  .arc-gallery.vertical .arc-gallery-pictures {
    width: 75%; }
    .arc-gallery.vertical .arc-gallery-pictures .figcaption {
      top: inherit;
      background: #f2f2f2; }
  .arc-gallery.vertical .arc-gallery-pager {
    width: 25%;
    padding: 0 0 0 2%;
    background: none; }
    .arc-gallery.vertical .arc-gallery-pager .bx-wrapper {
      padding: 40px 0; }
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev,
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next {
        color: #64b0e5;
        border: none;
        background: none; }
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev:hover,
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next:hover {
          color: #666; }
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev:before,
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next:before {
          margin: 0; }
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev:before {
        content: '\e022'; }
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next:before {
        content: '\e022';
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .arc-gallery .arc-gallery-pictures .figcaption {
    padding: 0;
    position: relative;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .arc-gallery .arc-gallery-pictures .figcaption .inner {
      position: relative;
      bottom: inherit;
      padding: 12px 50px 30px; }
      .arc-gallery .arc-gallery-pictures .figcaption .inner .title {
        color: #666;
        text-transform: none;
        font-weight: 600;
        margin: 0 0 5px;
        font-size: 14px;
        font-size: 0.9333333333rem; }
  .arc-gallery .arc-gallery-pictures span {
    font-size: 12px;
    font-size: 0.8rem; }
  .arc-gallery .arc-gallery-pictures .icon {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
  .arc-gallery .arc-gallery-pictures p {
    color: #666;
    margin: 0;
    line-height: 1;
    font-size: 12px;
    font-size: 0.8rem; }
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev,
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next {
    font-size: 2em;
    top: 48%;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.8;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }
    .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev:hover,
    .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next:hover {
      opacity: 1;
      background: rgba(0, 0, 0, 0.8); }
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev {
    left: 0;
    right: inherit; }
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next {
    right: 0; }

.gallery--photo .bx-wrapper {
  background: #f2f2f2; }
  .gallery--photo .bx-wrapper .bx-pager {
    bottom: 5px; }
    .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a {
      width: 10px;
      height: 10px;
      background: rgba(204, 204, 204, 0.8);
      opacity: 1;
      line-height: 1;
      color: #666;
      font-size: 12.5px;
      font-size: 0.8333333333rem;
      -webkit-border-radius: 10px;
      -khtml-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; }
      .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #64b0e5; }
        .social .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .social .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #9961a0; }
        .routes .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .routes .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #dba634; }
        .transports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .transports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #9ec54d; }
        .colleges .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .colleges .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #da519d; }
        .territoires .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .territoires .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #33a457; }
        .culture-sports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .culture-sports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #f04647; }
        .tourdefrance .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .tourdefrance .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #fdc009; }
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev,
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
    width: 35px;
    height: 40px;
    line-height: 45px;
    font-size: 1.5em;
    top: 95px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.8;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }
    @media only screen and (min-width: 480px) {
      .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev,
      .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
        top: 210px; } }
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev:hover,
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-next:hover {
      opacity: 1;
      background: rgba(0, 0, 0, 0.8); }
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev:before,
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-next:before {
      margin-top: 8px; }
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0;
    right: inherit; }
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
    right: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -khtml-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }
  .gallery--photo .bx-wrapper a {
    display: block;
    text-align: center;
    text-decoration: none; }
    .gallery--photo .bx-wrapper a img {
      height: auto;
      width: auto;
      max-width: 100%; }
    .gallery--photo .bx-wrapper a .block_image {
      overflow: hidden;
      max-width: 100%;
      position: relative;
      display: inline-block; }
    .gallery--photo .bx-wrapper a .copyright {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
      padding: 4px 10px 4px 50px;
      color: #fff !important;
      text-decoration: none;
      background: rgba(0, 0, 0, 0.6);
      background: linear-gradient(to left, black, transparent);
      z-index: 4;
      font-size: 10px;
      font-size: 0.6666666667rem; }
  .gallery--photo .bx-wrapper .figcaption {
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #666;
    padding: 0;
    background: #f2f2f2; }
    .gallery--photo .bx-wrapper .figcaption .title {
      font-weight: 600;
      margin: 0;
      padding: 10px 50px 30px;
      font-size: 16px;
      font-size: 1.0666666667rem; }
    .gallery--photo .bx-wrapper .figcaption p {
      padding: 20px 50px;
      font-size: 12.5px;
      font-size: 0.8333333333rem; }
    .gallery--photo .bx-wrapper .figcaption .copyright {
      position: absolute;
      top: -25px;
      right: 0;
      margin: 0;
      padding: 4px 10px;
      color: #fff !important;
      text-decoration: none;
      background: rgba(0, 0, 0, 0.6);
      background: linear-gradient(to left, black, transparent);
      z-index: 4;
      font-size: 10px;
      font-size: 0.66667rem; }
.gallery--photo .icon--resize-bold {
  display: none; }

.col--summary + .col--main-content .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev,
.col--summary + .col--main-content .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
  top: 58%; }

div.jp-interface ul.jp-controls li {
  margin: 0 2% 0 0; }
  div.jp-interface ul.jp-controls li:last-child {
    margin: 0; }
div.jp-interface ul.jp-controls a {
  text-indent: inherit; }
div.jp-audio {
  margin: 0 0 30px;
  border: none;
  background-color: #f2f2f2;
  font-family: "Open Sans", sans-serif; }
  div.jp-audio div.jp-type-single ul.jp-toggles {
    width: auto; }
    div.jp-audio div.jp-type-single ul.jp-toggles li {
      margin: 0; }
  div.jp-audio div.jp-type-single div.jp-interface {
    height: auto;
    background-color: #e3e3e3; }
  div.jp-audio a {
    text-align: center;
    text-decoration: none;
    color: #666; }
    div.jp-audio a .text {
      display: none; }
  div.jp-audio .repeat.off .icon.icon--refresh {
    opacity: 0.5; }
  div.jp-audio .icon {
    font-size: 1em; }
    div.jp-audio .icon.icon--play {
      font-size: 0.8em; }
    div.jp-audio .icon.icon--pause-audio {
      font-size: 0.8em; }
    div.jp-audio .icon.icon--stop {
      font-size: 0.7em; }
    div.jp-audio .icon.icon--refresh {
      font-size: 0.9em; }
  div.jp-audio ul.jp-controls {
    width: 100%;
    padding: 20px 5%; }
  div.jp-audio div.jp-progress {
    position: relative;
    top: inherit; }
  div.jp-audio div.jp-type-single div.jp-progress {
    left: inherit;
    width: 100%;
    height: 10px;
    border: 1px solid #666;
    background: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
  div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute {
    margin-left: 0; }
  div.jp-audio div.jp-volume-bar {
    position: relative;
    top: inherit;
    left: inherit;
    height: 10px;
    border: 1px solid #666;
    background: none;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px; }
  div.jp-audio a.jp-volume-max {
    margin: 0; }
div.jp-current-time, div.jp-duration {
  margin: 3px 0 0;
  font-weight: 600;
  color: #666;
  font-style: normal; }
div.jp-seek-bar {
  background: none; }
div.jp-play-bar {
  background: #64b0e5;
  -webkit-border-radius: 0 7px 7px 0;
  -khtml-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  -o-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0; }
  .social div.jp-play-bar {
    background: #9961a0; }
  .routes div.jp-play-bar {
    background: #dba634; }
  .transports div.jp-play-bar {
    background: #9ec54d; }
  .colleges div.jp-play-bar {
    background: #da519d; }
  .territoires div.jp-play-bar {
    background: #33a457; }
  .culture-sports div.jp-play-bar {
    background: #f04647; }
  .tourdefrance div.jp-play-bar {
    background: #fdc009; }
div.jp-volume-bar-value {
  height: 8px;
  background: #64b0e5;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; }
  .social div.jp-volume-bar-value {
    background: #9961a0; }
  .routes div.jp-volume-bar-value {
    background: #dba634; }
  .transports div.jp-volume-bar-value {
    background: #9ec54d; }
  .colleges div.jp-volume-bar-value {
    background: #da519d; }
  .territoires div.jp-volume-bar-value {
    background: #33a457; }
  .culture-sports div.jp-volume-bar-value {
    background: #f04647; }
  .tourdefrance div.jp-volume-bar-value {
    background: #fdc009; }

a.jp-play,
a.jp-stop,
a.jp-mute,
a.jp-unmute,
a.jp-volume-max,
a.jp-repeat,
a.jp-pause,
a.jp-repeat-off {
  line-height: 1;
  margin: 0;
  width: auto;
  height: auto;
  background-image: none; }
  a.jp-play:hover,
  a.jp-stop:hover,
  a.jp-mute:hover,
  a.jp-unmute:hover,
  a.jp-volume-max:hover,
  a.jp-repeat:hover,
  a.jp-pause:hover,
  a.jp-repeat-off:hover {
    background-image: none; }

a.jp-stop {
  padding: 0 5px 0 0;
  margin-left: 0; }

ul.jp-toggles li a {
  width: auto;
  height: auto;
  position: relative;
  top: inherit;
  left: inherit; }

.jp-progress-content {
  width: 80%;
  padding: 5px 0;
  margin-top: 5px !important; }
  @media only screen and (min-width: 480px) {
    .jp-progress-content {
      width: 50%; } }
  @media only screen and (min-width: 720px) {
    .jp-progress-content {
      width: 55%; }
      .block-6of12 .jp-progress-content {
        width: 37%; }
      .block--6of12 .jp-progress-content {
        width: 55%; } }

.jp-volume-bar-content {
  padding: 5px 0;
  margin-top: 5px !important;
  width: 13%; }
  .jp-volume-bar-content .jp-volume-bar {
    width: 100%; }

.arc-gallery {
  margin: 0 0 30px; }
  .arc-gallery.vertical .arc-gallery-pictures {
    width: 75%; }
    .arc-gallery.vertical .arc-gallery-pictures .figcaption {
      top: inherit;
      background: #f2f2f2; }
  .arc-gallery.vertical .arc-gallery-pager {
    width: 25%;
    padding: 0 0 0 2%;
    background: none; }
    .arc-gallery.vertical .arc-gallery-pager .bx-wrapper {
      padding: 40px 0; }
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev,
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next {
        color: #64b0e5;
        border: none;
        background: none; }
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev:hover,
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next:hover {
          color: #666; }
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev:before,
        .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next:before {
          margin: 0; }
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev:before {
        content: '\e022'; }
      .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next:before {
        content: '\e022';
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .arc-gallery .arc-gallery-pictures .figcaption {
    padding: 0;
    position: relative;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .arc-gallery .arc-gallery-pictures .figcaption .inner {
      position: relative;
      bottom: inherit;
      padding: 12px 50px 30px; }
      .arc-gallery .arc-gallery-pictures .figcaption .inner .title {
        color: #666;
        text-transform: none;
        font-weight: 600;
        margin: 0 0 5px;
        font-size: 14px;
        font-size: 0.9333333333rem; }
  .arc-gallery .arc-gallery-pictures span {
    font-size: 12px;
    font-size: 0.8rem; }
  .arc-gallery .arc-gallery-pictures .icon {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
  .arc-gallery .arc-gallery-pictures p {
    color: #666;
    margin: 0;
    line-height: 1;
    font-size: 12px;
    font-size: 0.8rem; }
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev,
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next {
    font-size: 2em;
    top: 48%;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.8;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }
    .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev:hover,
    .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next:hover {
      opacity: 1;
      background: rgba(0, 0, 0, 0.8); }
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev {
    left: 0;
    right: inherit; }
  .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next {
    right: 0; }

.gallery--photo .bx-wrapper {
  background: #f2f2f2; }
  .gallery--photo .bx-wrapper .bx-pager {
    bottom: 5px; }
    .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a {
      width: 10px;
      height: 10px;
      background: rgba(204, 204, 204, 0.8);
      opacity: 1;
      line-height: 1;
      color: #666;
      font-size: 12.5px;
      font-size: 0.8333333333rem;
      -webkit-border-radius: 10px;
      -khtml-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; }
      .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #64b0e5; }
        .social .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .social .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #9961a0; }
        .routes .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .routes .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #dba634; }
        .transports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .transports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #9ec54d; }
        .colleges .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .colleges .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #da519d; }
        .territoires .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .territoires .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #33a457; }
        .culture-sports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .culture-sports .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #f04647; }
        .tourdefrance .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a.active, .tourdefrance .gallery--photo .bx-wrapper .bx-pager.bx-default-pager a:hover {
          background: #fdc009; }
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev,
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
    width: 35px;
    height: 40px;
    line-height: 45px;
    font-size: 1.5em;
    top: 95px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.8;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }
    @media only screen and (min-width: 480px) {
      .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev,
      .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
        top: 210px; } }
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev:hover,
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-next:hover {
      opacity: 1;
      background: rgba(0, 0, 0, 0.8); }
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev:before,
    .gallery--photo .bx-wrapper .bx-controls-direction .bx-next:before {
      margin-top: 8px; }
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0;
    right: inherit; }
  .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
    right: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -khtml-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }
  .gallery--photo .bx-wrapper a {
    display: block;
    text-align: center;
    text-decoration: none; }
    .gallery--photo .bx-wrapper a img {
      height: auto;
      width: auto;
      max-width: 100%; }
    .gallery--photo .bx-wrapper a .block_image {
      overflow: hidden;
      max-width: 100%;
      position: relative;
      display: inline-block; }
    .gallery--photo .bx-wrapper a .copyright {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
      padding: 4px 10px 4px 50px;
      color: #fff !important;
      text-decoration: none;
      background: rgba(0, 0, 0, 0.6);
      background: linear-gradient(to left, black, transparent);
      z-index: 4;
      font-size: 10px;
      font-size: 0.6666666667rem; }
  .gallery--photo .bx-wrapper .figcaption {
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #666;
    padding: 0;
    background: #f2f2f2; }
    .gallery--photo .bx-wrapper .figcaption .title {
      font-weight: 600;
      margin: 0;
      padding: 10px 50px 30px;
      font-size: 16px;
      font-size: 1.0666666667rem; }
    .gallery--photo .bx-wrapper .figcaption p {
      padding: 20px 50px;
      font-size: 12.5px;
      font-size: 0.8333333333rem; }
    .gallery--photo .bx-wrapper .figcaption .copyright {
      position: absolute;
      top: -25px;
      right: 0;
      margin: 0;
      padding: 4px 10px;
      color: #fff !important;
      text-decoration: none;
      background: rgba(0, 0, 0, 0.6);
      background: linear-gradient(to left, black, transparent);
      z-index: 4;
      font-size: 10px;
      font-size: 0.66667rem; }
.gallery--photo .icon--resize-bold {
  display: none; }

.col--summary + .col--main-content .gallery--photo .bx-wrapper .bx-controls-direction .bx-prev,
.col--summary + .col--main-content .gallery--photo .bx-wrapper .bx-controls-direction .bx-next {
  top: 58%; }

#cboxPrevious,
#cboxNext {
  width: 20px;
  height: 20px;
  opacity: 0.5;
  background: none;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s; }
  #cboxPrevious:hover,
  #cboxNext:hover {
    opacity: 1; }
  #cboxPrevious:before, #cboxPrevious:after,
  #cboxNext:before,
  #cboxNext:after {
    content: "";
    position: absolute;
    left: 5px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s; }
  #cboxPrevious:before,
  #cboxNext:before {
    top: -1px; }
  #cboxPrevious:after,
  #cboxNext:after {
    bottom: 6px; }

#cboxPrevious:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
#cboxPrevious:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#cboxNext:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
#cboxNext:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#cboxLoadedContent {
  margin: 0; }

#cboxClose {
  padding: 20px;
  text-align: center;
  bottom: inherit;
  top: 0;
  opacity: 0.5;
  background: #000;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s; }
  #cboxClose:hover {
    opacity: 1; }
  #cboxClose:before, #cboxClose:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 7px;
    height: 2px;
    width: 25px;
    background-color: #fff;
    -moz-transition: all ease-out 0.2s;
    -webkit-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    -ms-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s; }
  #cboxClose:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #cboxClose:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

#cboxOverlay {
  opacity: 1 !important;
  background: #000; }
  #cboxOverlay.colorbox-popin-iframe {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.4); }

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
  background: none; }

.arc-gallery-colorbox #cboxContent {
  background: #000; }
.arc-gallery-colorbox #cboxLoadedContent {
  margin-bottom: 0; }
.arc-gallery-colorbox #cboxTitle {
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  height: auto !important;
  text-align: center;
  color: #fff;
  background-color: #000; }
.arc-gallery-colorbox #cboxPrevious,
.arc-gallery-colorbox #cboxNext {
  right: 20px;
  left: inherit; }
.arc-gallery-colorbox #cboxPrevious {
  top: 40%; }
.arc-gallery-colorbox #cboxNext {
  top: 56%; }
.arc-gallery-colorbox #cboxCurrent {
  padding: 10px;
  margin: 0 5px;
  text-align: right;
  right: 0;
  bottom: 48%;
  left: inherit;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

select {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  height: 35px;
  margin: 0;
  border: 2px solid #e5e5e5;
  -moz-user-element: none;
  background: #fff;
  z-index: 2; }
  html.no-touch select:hover {
    border-color: #999; }

.cs-select {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  height: 45px;
  margin: 0;
  color: #666;
  border: 1px solid #cdcdcd;
  -moz-user-element: none;
  background: #fff; }
  .tx-solr-facet .cs-select {
    width: 100%; }
  .solr--content-select .cs-select {
    width: 40%;
    margin: 0 0 0 20px; }
  html.no-touch .cs-select:hover {
    border-color: #999; }
  .cs-select:focus {
    outline: none; }
  .cs-select span {
    height: 40px;
    line-height: 40px;
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1em;
    padding-right: 28px;
    z-index: 1;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .cs-select span:after {
      content: "\e020";
      text-align: center;
      speak: none;
      position: absolute;
      right: 5px;
      top: 2px;
      width: 28px;
      height: 100%;
      color: #c8c7c7;
      font-size: 1.2em;
      font-family: "cd63" !important; }
  .cs-select select {
    display: none; }
  .cs-select ul {
    padding: 10px 0;
    margin: 0;
    list-style: none;
    width: 100%;
    border-top: 1px solid #cdcdcd; }
    .cs-select ul span {
      padding: 0 1em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .cs-select ul span:after {
        content: "";
        opacity: 0; }
    .cs-select ul li {
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
      html.no-touch .cs-select ul li:hover {
        background-color: #f2f2f2; }
  .cs-select li.tx-solr-component-select-box-level-1 {
    text-transform: uppercase;
    color: #666; }
  .cs-select li.tx-solr-component-select-box-level-2 span {
    /*&:before, &:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 2px;
        margin: 0 0 0 5px;
        background: #ccc;
    }
    &:before {
        margin: 0 5px 0 0;
    }*/ }
  .cs-select li span {
    height: auto;
    overflow: visible;
    white-space: inherit;
    padding: 10px 15px;
    line-height: 1.1; }
  .cs-select .cs-options {
    max-height: 200px;
    opacity: 0;
    width: 100%;
    border: 1px solid #cdcdcd;
    border-top: none;
    position: absolute;
    top: 44px;
    overflow: auto;
    visibility: hidden;
    background: #fff; }
  .cs-select.cs-active .cs-options {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s; }

input[type="checkbox"], input[type="radio"] {
  width: 17px;
  height: 17px;
  display: inline-block;
  border: 2px solid #e5e5e5;
  position: relative;
  -webkit-appearance: none;
  vertical-align: middle;
  background: #fff; }
input[type="checkbox"] {
  border-radius: 0; }
  input[type="checkbox"]:checked {
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    input[type="checkbox"]:checked:before {
      content: "\2714";
      position: absolute;
      top: 0;
      left: 2px;
      line-height: 1;
      color: #64b0e5; }
      .social input[type="checkbox"]:checked:before {
        color: #9961a0; }
      .routes input[type="checkbox"]:checked:before {
        color: #dba634; }
      .transports input[type="checkbox"]:checked:before {
        color: #9ec54d; }
      .colleges input[type="checkbox"]:checked:before {
        color: #da519d; }
      .territoires input[type="checkbox"]:checked:before {
        color: #33a457; }
      .culture-sports input[type="checkbox"]:checked:before {
        color: #f04647; }
      .tourdefrance input[type="checkbox"]:checked:before {
        color: #fdc009; }
input[type="radio"] {
  -webkit-border-radius: 17px;
  -khtml-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px; }
  input[type="radio"]:checked {
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    input[type="radio"]:checked:before {
      content: "\2022";
      font-size: 1.8em;
      width: 100%;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 0.55;
      color: #64b0e5; }
      .social input[type="radio"]:checked:before {
        color: #9961a0; }
      .routes input[type="radio"]:checked:before {
        color: #dba634; }
      .transports input[type="radio"]:checked:before {
        color: #9ec54d; }
      .colleges input[type="radio"]:checked:before {
        color: #da519d; }
      .territoires input[type="radio"]:checked:before {
        color: #33a457; }
      .culture-sports input[type="radio"]:checked:before {
        color: #f04647; }
      .tourdefrance input[type="radio"]:checked:before {
        color: #fdc009; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .inputfile + label {
    display: inline-block;
    color: #999;
    border: 1px solid #64b0e5;
    background-color: #fff;
    padding: 0; }
    .social .inputfile + label {
      border-color: #9961a0; }
    .routes .inputfile + label {
      border-color: #dba634; }
    .transports .inputfile + label {
      border-color: #9ec54d; }
    .colleges .inputfile + label {
      border-color: #da519d; }
    .territoires .inputfile + label {
      border-color: #33a457; }
    .culture-sports .inputfile + label {
      border-color: #f04647; }
    .tourdefrance .inputfile + label {
      border-color: #fdc009; }
    .inputfile + label strong {
      height: 100%;
      color: #fff;
      background-color: #64b0e5;
      display: inline-block;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
      .social .inputfile + label strong {
        background-color: #9961a0; }
      .routes .inputfile + label strong {
        background-color: #dba634; }
      .transports .inputfile + label strong {
        background-color: #9ec54d; }
      .colleges .inputfile + label strong {
        background-color: #da519d; }
      .territoires .inputfile + label strong {
        background-color: #33a457; }
      .culture-sports .inputfile + label strong {
        background-color: #f04647; }
      .tourdefrance .inputfile + label strong {
        background-color: #fdc009; }
    .inputfile + label:hover {
      border-color: #222; }
      .inputfile + label:hover strong {
        background-color: #222; }
    .inputfile + label span,
    .inputfile + label strong {
      padding: 0.625rem 1.25rem; }
    .inputfile + label span {
      width: 200px;
      min-height: 2em;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: top; }
  .inputfile:hover, .inputfile.has-hover {
    border-color: #222; }
  .inputfile:focus + label strong, .inputfile.has-focus + label strong {
    background-color: #222; }

html.not-touch .social .inputfile + label:hover strong,
html.not-touch .routes .inputfile + label:hover strong,
html.not-touch .transports .inputfile + label:hover strong,
html.not-touch .colleges .inputfile + label:hover strong,
html.not-touch .territoires .inputfile + label:hover strong,
html.not-touch .culture-sports .inputfile + label:hover strong,
html.not-touch .tourdefrance .inputfile + label:hover strong {
  background-color: #222; }

.tooltip {
  cursor: pointer; }

/* This is the default Tooltipster theme : */
.tooltipster-default {
  cursor: pointer;
  border-radius: 5px;
  border-bottom: 3px solid #64b0e5;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: #f2f2f2;
  color: #666; }
  .social .tooltipster-default {
    border-color: #9961a0; }
  .routes .tooltipster-default {
    border-color: #dba634; }
  .transports .tooltipster-default {
    border-color: #9ec54d; }
  .colleges .tooltipster-default {
    border-color: #da519d; }
  .territoires .tooltipster-default {
    border-color: #33a457; }
  .culture-sports .tooltipster-default {
    border-color: #f04647; }
  .tourdefrance .tooltipster-default {
    border-color: #fdc009; }
  .tooltipster-default .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden; }
  .tooltipster-default h3 {
    margin: 0 0 10px; }
  .tooltipster-default .powermail_fieldwrap_submit {
    text-align: right;
    margin: 10px 0 0; }
    .tooltipster-default .powermail_fieldwrap_submit .submit {
      line-height: 1;
      padding: 0 10px; }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }
  .tooltipster-base .tooltipster-content {
    overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.tooltipster-light {
  border-radius: 5px;
  border-bottom: 3px solid #64b0e5;
  background: #64b0e5;
  color: #fff; }
  .social .tooltipster-light {
    border-color: #9961a0;
    background: #9961a0; }
  .routes .tooltipster-light {
    border-color: #dba634;
    background: #dba634; }
  .transports .tooltipster-light {
    border-color: #9ec54d;
    background: #9ec54d; }
  .colleges .tooltipster-light {
    border-color: #da519d;
    background: #da519d; }
  .territoires .tooltipster-light {
    border-color: #33a457;
    background: #33a457; }
  .culture-sports .tooltipster-light {
    border-color: #f04647;
    background: #f04647; }
  .tourdefrance .tooltipster-light {
    border-color: #fdc009;
    background: #fdc009; }
  .tooltipster-light .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px; }

abbr, dfn, acronym, .skin--tooltip {
  cursor: help;
  color: #64b0e5;
  font-weight: 600;
  border-bottom: 1px solid #e0e0e0; }
.tourdefrance abbr, dfn, acronym, .skin--tooltip {
  cursor: help;
  color: #0b0b0b;
  font-weight: 600;
  border-bottom: 1px solid #0b0b0b; }
  .social abbr,
  .social dfn,
  .social acronym,
  .social .skin--tooltip {
    color: #9961a0; }
  .routes abbr, .routes dfn, .routes acronym, .routes .skin--tooltip {
    color: #dba634; }
  .transports abbr, .transports dfn, .transports acronym, .transports .skin--tooltip {
    color: #9ec54d; }
  .colleges abbr, .colleges dfn, .colleges acronym, .colleges .skin--tooltip {
    color: #da519d; }
  .territoires abbr, .territoires dfn, .territoires acronym, .territoires .skin--tooltip {
    color: #33a457; }
  .culture-sports abbr, .culture-sports dfn, .culture-sports acronym, .culture-sports .skin--tooltip {
    color: #f04647; }
  .tourdefrance abbr, .tourdefrance dfn, .tourdefrance acronym, .tourdefrance .skin--tooltip {
    color: #fdc009; }
  .social .box--color abbr, .routes .box--color abbr, .transports .box--color abbr, .colleges .box--color abbr, .territoires .box--color abbr, .culture-sports .box--color abbr, .social .box--color dfn, .routes .box--color dfn, .transports .box--color dfn, .colleges .box--color dfn, .territoires .box--color dfn, .culture-sports .box--color dfn, .social .box--color acronym, .routes .box--color acronym, .transports .box--color acronym, .colleges .box--color acronym, .territoires .box--color acronym, .culture-sports .box--color acronym, .social .box--color .skin--tooltip, .routes .box--color .skin--tooltip, .transports .box--color .skin--tooltip, .colleges .box--color .skin--tooltip, .territoires .box--color .skin--tooltip, .culture-sports .box--color .skin--tooltip {
    color: #fff; }
.tourdefrance .box--color abbr, .tourdefrance .box--color dfn, .tourdefrance .box--color acronym, .tourdefrance .box--color .skin--tooltip {
  color: #0b0b0b;
}

.tooltip--content-elu,
.tooltip--content-canton {
  width: 300px;
  position: relative; }
  .tooltip--content-elu .ratio,
  .tooltip--content-canton .ratio {
    display: none; }
  .tooltip--content-elu .elu--text,
  .tooltip--content-elu .elu--img,
  .tooltip--content-canton .elu--text,
  .tooltip--content-canton .elu--img {
    display: inline-block;
    width: 55%;
    vertical-align: middle; }
  .tooltip--content-elu .elu--img,
  .tooltip--content-canton .elu--img {
    width: 40%;
    margin: 0 2% 0 0;
    position: relative;
    padding: 0; }
    .tooltip--content-elu .elu--img a,
    .tooltip--content-canton .elu--img a {
      display: block;
      overflow: hidden; }
    .tooltip--content-elu .elu--img.color--srr a,
    .tooltip--content-canton .elu--img.color--srr a {
      border-bottom: 3px solid #7237a3; }
    .tooltip--content-elu .elu--img.color--ur a,
    .tooltip--content-canton .elu--img.color--ur a {
      border-bottom: 3px solid #0172c2; }
    .tooltip--content-elu .elu--img.color--fg a,
    .tooltip--content-canton .elu--img.color--fg a {
      border-bottom: 3px solid #c8161b; }
  .tooltip--content-elu .elu--text, .tooltip--content-canton .elu--text {
    padding: 0 20px 0 10px; }
    .is-firefoxOld .tooltip--content-elu .elu--text,
    .is-firefoxOld .tooltip--content-canton .elu--text {
      width: 50%;
      padding: 0 3% 0 2%; }
  .tooltip--content-elu h2,
  .tooltip--content-canton h2 {
    margin: 0 0 3px;
    font-size: 15px;
    font-size: 1rem; }
    .tooltip--content-elu h2 span,
    .tooltip--content-canton h2 span {
      text-transform: uppercase; }
  .tooltip--content-elu a,
  .tooltip--content-canton a {
    text-decoration: none; }
  .tooltip--content-elu p,
  .tooltip--content-canton p {
    line-height: 1.2;
    color: #666;
    margin-bottom: 5px;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
    .tooltip--content-elu p:last-child,
    .tooltip--content-canton p:last-child {
      margin: 0; }
  .tooltip--content-elu .statut,
  .tooltip--content-canton .statut {
    color: #999; }

.tooltip--content-canton {
  width: 250px;
  padding: 10px 0 2px 10px; }
  .tooltip--content-canton .icon {
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 35%;
    font-size: 1.7em;
    color: #999;
    border: 1px solid #999;
    background: #fff;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .tooltip--content-canton .canton--text {
    width: 175px; }
  .tooltip--content-canton p {
    color: #999; }

.slider--news {
  overflow: hidden;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .home .slider--news {
    margin: 0 0 20px; }
  .slider--news ul {
    padding: 0;
    margin: 0; }
  .slider--news li {
    list-style: none; }
  .slider--news .type {
    font-weight: 600;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }

.slider--news-container {
  overflow: hidden; }
  @media only screen and (min-width: 720px) {
    .slider--news-container {
      float: right;
      width: 75%;
      height: 370px;
      -webkit-border-radius: 0 5px 5px 0;
      -khtml-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
      -o-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
      .actualites .slider--news-container {
        height: 280px; } }
  @media only screen and (min-width: 1240px) {
    .slider--news-container {
      height: 470px; }
      .actualites .slider--news-container {
        height: 380px; } }
  .slider--news-container .bx-viewport {
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
  .slider--news-container.slider--full .bx-viewport {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .slider--news-container.slider--full .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 100%;
    bottom: 10px;
    text-align: center; }
    @media only screen and (min-width: 720px) {
      .slider--news-container.slider--full .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        bottom: 20px; } }
  .slider--news-container.slider--full img {
    width: auto;
    height: 210px;
    max-width: inherit; }
    @media only screen and (min-width: 720px) {
      .slider--news-container.slider--full img {
        width: auto;
        height: 100%;
        max-width: inherit; } }
    @media only screen and (min-width: 960px) {
      .slider--news-container.slider--full img {
        width: 100%;
        height: auto;
        max-width: inherit; } }
  .slider--news-container.slider--full {
    width: 100%;
    float: none; }
  .slider--news-container .slidelink {
    display: block;
    text-indent: -999999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media only screen and (min-width: 960px) {
    .slider--news-container img {
      max-width: inherit;
      width: 120%; } }
  @media only screen and (min-width: 1021px) {
    .slider--news-container img {
      width: 110%; } }
  @media only screen and (min-width: 1240px) {
    .slider--news-container img {
      width: 105%; } }
  @media only screen and (min-width: 1500px) {
    .slider--news-container img {
      max-width: 100%;
      height: auto;
      width: 100%; } }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  width: 100%;
  bottom: 20px;
  text-align: center; }

.slider--news-content li {
  position: relative; }
  @media only screen and (min-width: 720px) {
    .slider--news-content li {
      height: 370px; }
      .actualites .slider--news-content li {
        height: 280px; } }
  @media only screen and (min-width: 1240px) {
    .slider--news-content li {
      height: 470px; }
      .actualites .slider--news-content li {
        height: 380px; } }
.slider--news-content .description {
  text-align: left;
  color: #fff;
  padding: 20px;
  top: 55px;
  left: 55px;
  height: 200px;
  z-index: 5;
  background: #64b0e5; }
  @media only screen and (min-width: 720px) {
    .slider--news-content .description {
      height: auto;
      width: 340px;
      position: absolute;
      padding: 30px 30px 50px; } }
  @media only screen and (min-width: 720px) {
    .slider--news-content .description.top-left {
      top: 55px;
      left: 55px;
      bottom: inherit;
      right: inherit; } }
  @media only screen and (min-width: 720px) {
    .slider--news-content .description.top-right {
      right: 55px;
      top: 55px;
      left: inherit;
      bottom: inherit; } }
  @media only screen and (min-width: 720px) {
    .slider--news-content .description.bottom-left {
      bottom: 55px;
      left: 55px;
      right: inherit;
      top: inherit; } }
  @media only screen and (min-width: 720px) {
    .slider--news-content .description.bottom-right {
      bottom: 55px;
      right: 55px;
      left: inherit;
      top: inherit; } }
  .slider--news-content .description .more {
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: right;
    line-height: 0.5;
    font-size: 24px;
    font-size: 1.6rem; }
    .slider--news-content .description .more a {
      text-decoration: none;
      color: #fff; }
  .slider--news-content .description p {
    margin: 0; }
  .slider--news-content .description .popin-video {
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 21px;
    margin: 10px 0 0;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .slider--news-content .description.social h2, .slider--news-content .description.transports h2, .slider--news-content .description.routes h2, .slider--news-content .description.colleges h2, .slider--news-content .description.territoires h2, .slider--news-content .description.culture-sports h2, .slider--news-content .description.tourdefrance h2 {
    color: #fff; }
  .slider--news-content .description.social {
    background-color: #9961a0; }
  .slider--news-content .description.routes {
    background-color: #dba634; }
  .slider--news-content .description.transports {
    background-color: #9ec54d; }
  .slider--news-content .description.colleges {
    background-color: #da519d; }
  .slider--news-content .description.territoires {
    background-color: #33a457; }
  .slider--news-content .description.culture-sports {
    background-color: #f04647; }
  .slider--news-content .description.tourdefrance {
    background-color: #fdc009; }
.slider--news-content .text {
  font-size: 14px;
  font-size: 0.9333333333rem; }
.slider--news-content .type {
  margin: 0;
  text-transform: uppercase; }
.slider--news-content .title {
  margin: 0 0 10px;
  font-weight: 400; }
.slider--news-content .date {
  margin: 0 0 15px;
  font-style: italic;
  opacity: 0.7;
  font-size: 14px;
  font-size: 0.9333333333rem; }
.slider--news-content a {
  color: #fff;
  text-decoration: none; }
.slider--news-content .btn--popin {
  display: inline-block;
  margin-bottom: 0;
  z-index: 99; }
  .slider--news-content .btn--popin a {
    font-weight: 600;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
    html.no-touch .slider--news-content .btn--popin a:hover {
      border-color: #222;
      color: #fff;
      background: #222; }

.slider--news-pager {
  text-align: left;
  background: #f2f2f2; }
  @media only screen and (min-width: 720px) {
    .slider--news-pager {
      float: right;
      width: 25%; } }
  @media only screen and (min-width: 960px) {
    .slider--news-pager {
      height: 570px; } }
  .home .slider--news-pager {
    display: none;
    background: #fff; }
    @media only screen and (min-width: 960px) {
      .home .slider--news-pager {
        display: block; } }
    .home .slider--news-pager a.active {
      background: #ededed; }
  .slider--news-pager a {
    display: block;
    padding: 20px;
    color: #888;
    text-decoration: none;
    box-shadow: inset 0 -2px #fff; }
    @media only screen and (min-width: 720px) {
      .slider--news-pager a {
        height: 25%; } }
    .slider--news-pager a:last-child {
      box-shadow: none; }
    .home .slider--news-pager a {
      box-shadow: inset 0 -2px #ededed; }
      .home .slider--news-pager a:last-child {
        box-shadow: none; }
    html.no-touch .slider--news-pager a:hover {
      color: #666; }
      html.no-touch .slider--news-pager a:hover .title {
        color: #666; }
    .slider--news-pager a.active {
      color: #666;
      background: #fff; }
      .slider--news-pager a.active .title {
        color: #666; }
  .slider--news-pager .title {
    color: #888;
    margin: 0 0 10px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    font-size: 20px;
    font-size: 1.3333333333rem; }
  .slider--news-pager .type {
    margin-bottom: 0;
    font-size: 12px;
    font-size: 0.8rem; }

html.no-touch .home .news--list li:hover {
  box-shadow: 4px 4px 1px rgba(16, 16, 16, 0.11); }

.btn--plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 1px solid #666;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; }
  .btn--plus:before, .btn--plus:after {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 6px;
    background: #666; }
  .btn--plus:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

.actualites #container,
.actualites .col--main {
  background: #f2f2f2; }
.actualites h1 {
  text-align: center; }
.actualites .header--nav-institution {
  display: none; }
.actualites .overtitle {
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.actualites.institution .block--title:after {
  display: none; }
.actualites.institution .padding--institution-content {
  padding: 20px 0; }
  @media only screen and (min-width: 1021px) {
    .actualites.institution .padding--institution-content {
      width: 897px;
      margin: 0 auto; } }
@media only screen and (min-width: 1021px) {
  .actualites.institution .padding--main-content {
    padding: 20px 20px 80px 20px; } }
.actualites.institution #tools {
  right: 13px; }
  .actualites.institution #tools li {
    border-color: #cdcdcd; }
.actualites .img--container {
  min-height: 34px;
  position: relative;
  background: #f2f2f2;
  border-bottom: 1px solid #cdcdcd; }
  .actualites .img--container img {
    width: 100%;
    height: auto; }
.actualites .description {
  padding: 20px; }
  @media only screen and (min-width: 720px) {
    .actualites .description {
      padding: 10px; } }
  @media only screen and (min-width: 960px) {
    .actualites .description {
      padding: 20px; } }
.actualites .solr--nb-content {
  border: none; }
.actualites #block--results {
  padding: 0; }
.actualites #tx-solr-results-list li {
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .actualites #tx-solr-results-list li a {
    opacity: 1 !important;
    border: none;
    padding: 0;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
  .actualites #tx-solr-results-list li.grid-sizer, .actualites #tx-solr-results-list li.gutter-sizer {
    border: none; }
.actualites #tx-solr-results-list .text {
  display: none; }
  @media only screen and (min-width: 960px) {
    .actualites #tx-solr-results-list .text {
      display: block; } }
.actualites #tx-solr-results-list .more {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 29px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  color: #64b0e5;
  background: #fff;
  -webkit-border-radius: 29px;
  -khtml-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  -o-border-radius: 29px;
  border-radius: 29px;
  font-size: 24px;
  font-size: 1.6rem; }
  @media only screen and (min-width: 720px) {
    .actualites #tx-solr-results-list .more {
      bottom: 0;
      right: 0; } }
  @media only screen and (min-width: 960px) {
    .actualites #tx-solr-results-list .more {
      bottom: 20px;
      right: 20px; } }
.actualites #tx-solr-results-list .social .more {
  color: #9961a0; }
.actualites #tx-solr-results-list .routes .more {
  color: #dba634; }
.actualites #tx-solr-results-list .transports .more {
  color: #9ec54d; }
.actualites #tx-solr-results-list .colleges .more {
  color: #da519d; }
.actualites #tx-solr-results-list .territoires .more {
  color: #33a457; }
.actualites #tx-solr-results-list .culture-sports .more {
  color: #f04647; }
.actualites #tx-solr-results-list .tourdefrance .more {
  color: #fdc009; }
.actualites #tx-solr-results-list .view {
  margin-bottom: 15px; }
  .actualites #tx-solr-results-list .view .title {
    font-weight: 600;
    text-transform: none;
    border: none;
    padding: 0;
    font-size: 20px;
    font-size: 1.3333333333rem; }
    @media only screen and (min-width: 720px) {
      .actualites #tx-solr-results-list .view .title {
        font-size: 17px;
        font-size: 1.1333333333rem; } }
    @media only screen and (min-width: 1021px) {
      .actualites #tx-solr-results-list .view .title {
        font-size: 25px;
        font-size: 1.6666666667rem; } }
  .actualites #tx-solr-results-list .view a:hover:after {
    display: none; }
.actualites #tx-solr-results-list p:last-child {
  margin: 0; }
.actualites #tx-solr-results-list ul {
  margin: 0 0 20px;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .actualites #tx-solr-results-list ul {
      padding: 70px 0 0;
      margin: 0 0 40px; }
      .home .actualites #tx-solr-results-list ul {
        padding: 0;
        margin: 0 0 20px; } }
.actualites #tx-solr-results-list li {
  overflow: hidden;
  text-align: left;
  margin: 0;
  border: 1px solid #cdcdcd;
  list-style: none;
  background: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s; }
.actualites #tx-solr-results-list .chapo {
  text-align: left;
  font-weight: 600;
  margin: 0 0 20px;
  font-size: 18px;
  font-size: 1.2rem; }
.actualites #tx-solr-results-list a {
  text-decoration: none;
  color: #666; }
  html.no-touch .actualites #tx-solr-results-list a:hover {
    color: #666; }
  .actualites #tx-solr-results-list a.social .title {
    color: #9961a0; }
  .actualites #tx-solr-results-list a.routes .title {
    color: #dba634; }
  .actualites #tx-solr-results-list a.transports .title {
    color: #9ec54d; }
  .actualites #tx-solr-results-list a.colleges .title {
    color: #da519d; }
  .actualites #tx-solr-results-list a.territoires .title {
    color: #33a457; }
  .actualites #tx-solr-results-list a.culture-sports .title {
    color: #f04647; }
  .actualites #tx-solr-results-list a.tourdefrance .title {
    color: #fdc009; }
.actualites #tx-solr-results-list .title {
  color: #666;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 20px;
  font-size: 1.3333333333rem; }
  .home .actualites #tx-solr-results-list .title {
    border: none;
    padding: 0; }
.actualites #tx-solr-results-list .type span {
  display: block;
  padding: 5px 10px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #64b0e5;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.home .actualites #tx-solr-results-list .type {
  text-align: center; }
.actualites #tx-solr-results-list .social .type span {
  background-color: #9961a0; }
.actualites #tx-solr-results-list .routes .type span {
  background-color: #dba634; }
.actualites #tx-solr-results-list .transports .type span {
  background-color: #9ec54d; }
.actualites #tx-solr-results-list .colleges .type span {
  background-color: #da519d; }
.actualites #tx-solr-results-list .territoires .type span {
  background-color: #33a457; }
.actualites #tx-solr-results-list .culture-sports .type span {
  background-color: #f04647; }
.actualites #tx-solr-results-list .tourdefrance .type span {
  background-color: #fdc009; }
.actualites #tx-solr-results-list .date {
  margin: 0;
  color: #999;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
  .home .actualites #tx-solr-results-list .date {
    color: #999;
    margin: 0; }
.actualites #tx-solr-results-list figure {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .home .actualites #tx-solr-results-list figure {
    margin: 0 0 10px; }
.actualites #tx-solr-results-list .content--btn-plus {
  margin: 0;
  text-align: right;
  line-height: 1; }
.actualites #tx-solr-results-list .btn--plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 1px solid #666;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; }
  .actualites #tx-solr-results-list .btn--plus:before, .actualites #tx-solr-results-list .btn--plus:after {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 6px;
    background: #666; }
  .actualites #tx-solr-results-list .btn--plus:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.actualites #tx-solr-results-list .type {
  margin: 0;
  position: absolute;
  right: 5px;
  top: 5px; }

html.no-touch .actualites #tx-solr-results-list a:hover {
  color: #fff;
  background: #64b0e5; }
  html.no-touch .actualites #tx-solr-results-list a:hover .title {
    color: #fff; }
  html.no-touch .actualites #tx-solr-results-list a:hover .date {
    color: #fff; }
  html.no-touch .actualites #tx-solr-results-list a:hover.social h2, html.no-touch .actualites #tx-solr-results-list a:hover.routes h2, html.no-touch .actualites #tx-solr-results-list a:hover.transports h2, html.no-touch .actualites #tx-solr-results-list a:hover.colleges h2, html.no-touch .actualites #tx-solr-results-list a:hover.territoires h2, html.no-touch .actualites #tx-solr-results-list a:hover.culture-sports h2, html.no-touch .actualites #tx-solr-results-list a:hover.tourdefrance h2 {
    color: #fff; }
  html.no-touch .actualites #tx-solr-results-list a:hover.social {
    background: #9961a0; }
  html.no-touch .actualites #tx-solr-results-list a:hover.routes {
    background: #dba634; }
  html.no-touch .actualites #tx-solr-results-list a:hover.transports {
    background: #9ec54d; }
  html.no-touch .actualites #tx-solr-results-list a:hover.colleges {
    background: #da519d; }
  html.no-touch .actualites #tx-solr-results-list a:hover.territoires {
    background: #33a457; }
  html.no-touch .actualites #tx-solr-results-list a:hover.culture-sports {
    background: #f04647; }
  html.no-touch .actualites #tx-solr-results-list a:hover.tourdefrance {
    background: #fdc009; }

.news--links ul {
  text-align: right;
  margin: 30px 0 0;
  padding: 0; }
.news--links li {
  list-style: none;
  display: inline-block;
  margin: 0 0 0 30px; }
.news--links a {
  text-decoration: none;
  color: #999; }
.news--links .btn--plus {
  margin: 0 0 0 5px;
  border-color: #999;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
  .news--links .btn--plus:before, .news--links .btn--plus:after {
    background-color: #999;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
.news--links .icon {
  margin: 0 0 0 5px;
  font-size: 1.5em; }
.news--links span,
.news--links .icon {
  display: inline-block;
  vertical-align: middle; }

html.no-touch .news--links a:hover {
  color: #666; }
  html.no-touch .news--links a:hover .btn--plus {
    border-color: #666; }
    html.no-touch .news--links a:hover .btn--plus:before, html.no-touch .news--links a:hover .btn--plus:after {
      background-color: #666; }

.grid-gallery li {
  padding: 0;
  border: none;
  border-radius: 0; }
.grid-gallery .container--masonry-slide {
  border: 1px solid #cdcdcd;
  padding: 20px;
  margin: 5px;
  overflow: hidden;
  background: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.actualites .grid-sizer, .actualites .type-page-164 {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .actualites .grid-sizer, .actualites .type-page-164 {
      width: 49%; }
      .home .actualites .grid-sizer, .agenda .actualites .grid-sizer,
      .home .actualites .type-page-164, .agenda .actualites .type-page-164 {
        margin: 0 2% 0 0;
        width: 32%; } }
  @media only screen and (min-width: 1021px) {
    .actualites .grid-sizer, .actualites .type-page-164 {
      width: 32%; } }
.actualites .gutter-sizer {
  width: 2%; }
.actualites #tx-solr-results-list li {
  float: none; }
  @media only screen and (min-width: 720px) {
    .actualites #tx-solr-results-list li {
      float: left; }
      .home .actualites #tx-solr-results-list li, .agenda .actualites #tx-solr-results-list li {
        margin: 0 2% 20px 0; }
        .home .actualites #tx-solr-results-list li:last-child, .agenda .actualites #tx-solr-results-list li:last-child {
          margin: 0 0 20px; } }
.home .actualites #tx-solr-results-list .grid-sizer,
.home .actualites #tx-solr-results-list .gutter-sizer {
  margin: 0; }
.actualites .type-page-164 {
  float: left;
  margin-bottom: 20px; }
  @media only screen and (min-width: 720px) {
    .home .actualites .type-page-164 {
      margin: 0 2% 20px 0; }
      .home .actualites .type-page-164:last-child {
        margin: 0 0 20px; } }

.actualites #block--faceting {
  text-align: right;
  width: 100%;
  padding: 0 0 20px; }
.actualites #block--results {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .actualites #block--results {
      border-top: 1px solid #cdcdcd; } }
.actualites #block--liste {
  padding: 20px;
  background: #fff;
  text-align: right; }
  @media only screen and (min-width: 720px) {
    .actualites #block--liste {
      text-align: inherit;
      background: none;
      padding: 0; } }
.actualites #block--nb-result {
  text-align: right;
  padding-right: 0; }
.actualites .tx-solr-facet-filters {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8; }
  .actualites .tx-solr-facet-filters li {
    width: 100%;
    height: 100%;
    margin: 0; }
  .actualites .tx-solr-facet-filters a {
    padding: 13px 10px;
    border-radius: 0;
    font-size: 13px;
    font-size: 0.8666666667rem;
    -webkit-transition: all ease 0.45s;
    -moz-transition: all ease 0.45s;
    transition: all ease 0.45s; }
    html.no-touch .actualites .tx-solr-facet-filters a:hover {
      opacity: 1;
      background: #666; }
.actualites .solr--nb-content h2 {
  text-align: center;
  display: block; }
  @media only screen and (min-width: 720px) {
    .actualites .solr--nb-content h2 {
      text-align: right; } }
.actualites #tx-solr-facets-in-use {
  display: none;
  top: inherit;
  bottom: -20px;
  right: 0; }
.actualites #tx-solr-search-form {
  vertical-align: top;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 10px;
  text-align: left; }
  @media only screen and (min-width: 720px) {
    .actualites #tx-solr-search-form {
      margin: 0;
      display: inline-block;
      background: none; }
      .actualites #tx-solr-search-form .title {
        display: none; }
      .actualites #tx-solr-search-form .fiel--search {
        width: 230px; } }
.actualites .tx-solr-component-select-box {
  margin: 0; }
.actualites #tx-solr-faceting {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 720px) {
    .actualites #tx-solr-faceting {
      display: inline-block;
      margin: 0 0 0 10px;
      background-color: transparent; }
      .actualites #tx-solr-faceting .tx-solr-facet {
        width: 230px;
        position: relative; } }
  .actualites #tx-solr-faceting .title {
    display: none; }
  .actualites #tx-solr-faceting .cs-select {
    border-radius: 0; }
.actualites #tx-solr-search-tabs {
  display: none; }
@media only screen and (min-width: 720px) {
  .actualites .tx-solr-facet-facet_canton {
    float: left;
    width: 68%;
    margin-right: 2%; }
  .actualites .tx-solr-facet-facet_canton_adresses {
    float: left;
    width: 30%; } }

@media only screen and (min-width: 960px) {
  .agenda #block--faceting {
    position: absolute;
    top: 0; } }
.agenda.detail #block--faceting {
  position: relative; }
@media only screen and (min-width: 960px) {
  .agenda #block--results {
    float: right;
    min-height: 550px; } }
.agenda #tx-solr-search {
  margin: 0; }
.agenda #start_date_pickertx_dates_dateM {
  margin: 0 0 10px; }
.agenda .tx-solr-facet {
  margin: 0 0 10px; }
  .agenda .tx-solr-facet:last-child {
    margin: 0; }
.agenda .tx-solr-facet-component {
  margin: -4px 0 0; }
.agenda .hasDatepicker {
  background: url("../images/calendar-datepicker.png") no-repeat right center #fff; }
.agenda .ui-widget-header {
  background: #fff; }

.agenda .favoris {
  position: absolute;
  right: 0;
  top: -60px; }
  .agenda .favoris .icon {
    padding: 8px 9px; }
    .agenda .favoris .icon .text {
      padding: 9px 15px; }
.agenda .block--title:after {
  display: none; }
@media only screen and (min-width: 1021px) {
  .agenda .block--8of12 {
    margin: 0;
    float: right;
    padding: 0 0 0 15px; }
    .is-firefoxOld .agenda .block--8of12 {
      padding-left: 0; } }
@media only screen and (min-width: 1021px) {
  .agenda.detail .block--8of12 {
    margin: 0;
    padding: 40px 0 0 15px; }
    .is-firefoxOld .agenda.detail .block--8of12 {
      padding-left: 0; } }
@media only screen and (min-width: 1021px) {
  .agenda .tx-solr .block--8of12 {
    margin: 0; } }
@media only screen and (min-width: 960px) {
  .agenda .slider--news-container {
    height: 330px; } }
@media only screen and (min-width: 960px) {
  .agenda .slider--news-container li {
    height: 330px; } }
.agenda .border--departement {
  border-left: 4px solid #64b0e5;
  margin-left: -4px; }
.agenda .ui-widget-content .ui-state-default {
  font-weight: 400;
  border-color: #cdcdcd;
  color: #64b0e5;
  background: #fff; }
.agenda .ui-widget-content .ui-state-highlight,
.agenda .ui-widget-content .ui-state-hover {
  color: #666;
  background: #cdcdcd; }

#agenda-departement {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  #agenda-departement .view {
    position: relative;
    border: 1px solid #cdcdcd;
    margin: 0 0 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    @media only screen and (min-width: 720px) {
      #agenda-departement .view {
        float: left;
        margin: 0 2% 0 0;
        width: 32%; }
        .is-firefoxOld #agenda-departement .view {
          width: 30%; }
        #agenda-departement .view:last-child {
          margin: 0; } }
    html.no-touch #agenda-departement .view:hover .description {
      color: #fff;
      background: #64b0e5; }
      html.no-touch #agenda-departement .view:hover .description h2 {
        color: #fff; }
  #agenda-departement h2 {
    margin: 0 0 5px;
    color: #64b0e5;
    font-size: 16px;
    font-size: 1.0666666667rem; }
  #agenda-departement a {
    text-decoration: none;
    color: #666; }
  #agenda-departement .city,
  #agenda-departement .date {
    margin: 0;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  #agenda-departement .city {
    text-transform: uppercase; }
  #agenda-departement .type {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0; }
    #agenda-departement .type span {
      display: block;
      padding: 5px 10px;
      font-weight: 600;
      line-height: 1;
      color: #fff;
      background: #64b0e5;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      font-size: 12.5px;
      font-size: 0.8333333333rem; }
  #agenda-departement .description {
    padding: 20px; }
    @media only screen and (min-width: 720px) {
      #agenda-departement .description {
        padding: 10px; } }
    @media only screen and (min-width: 960px) {
      #agenda-departement .description {
        padding: 20px; } }
  #agenda-departement .img--container {
    min-height: 34px;
    position: relative;
    border-bottom: 1px solid #cdcdcd;
    background: #f2f2f2; }
  #agenda-departement .more {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #64b0e5;
    background: #fff;
    -webkit-border-radius: 29px;
    -khtml-border-radius: 29px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
    border-radius: 29px;
    font-size: 24px;
    font-size: 1.6rem; }
    @media only screen and (min-width: 720px) {
      #agenda-departement .more {
        display: none; } }
    @media only screen and (min-width: 960px) {
      #agenda-departement .more {
        display: block; } }

.add-event {
  display: block;
  margin: 20px 0;
  text-align: center; }
  .add-event a {
    overflow: hidden;
    display: inline-block;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .add-event a .text {
      padding: 12px 15px;
      font-size: 14px;
      font-size: 0.9333333333rem; }

.detail #breadcrumb {
  margin: 0 0 0 10px; }
.detail .block--breadcrumb-tools {
  padding: 0;
  margin: 0 0 30px; }
  .detail .block--breadcrumb-tools ol {
    margin: 0; }
.detail #tx-solr-search {
  margin: 0; }
.detail .detail--btn {
  position: absolute;
  right: 10px;
  bottom: 10px; }
  .detail .detail--btn a {
    color: #fff; }
  .detail .detail--btn .btn--icon {
    vertical-align: top;
    margin: 0 0 0 10px; }
.detail .btn--departement {
  display: inline-block;
  vertical-align: top; }
.detail.agenda .detail--container {
  width: 100%; }

@media only screen and (min-width: 720px) {
  .detail--col-main {
    float: left;
    width: 57.5%;
    margin: 0 2% 0 0;
    padding: 30px 0 0; } }
@media only screen and (min-width: 1240px) {
  .detail--col-main {
    width: 398px;
    margin: 0 20px 0 0; } }
@media only screen and (min-width: 720px) {
  .detail--col-main .description {
    padding: 0 20px 0 0; } }
@media only screen and (min-width: 1240px) {
  .detail--col-main .description {
    padding: 0 40px 0 0; } }

.detail--col-right {
  margin: 0 0 20px; }
  @media only screen and (min-width: 720px) {
    .detail--col-right {
      float: right;
      width: 40.5%;
      margin: 0; } }
  @media only screen and (min-width: 1240px) {
    .detail--col-right {
      width: 238px; } }
  .detail--col-right #share li {
    margin: 0 5px 5px 0; }
    .detail--col-right #share li:last-child {
      margin: 0 0 5px; }

.detail--infos {
  position: relative;
  padding: 25px 20px;
  border-top: 1px solid #cdcdcd;
  font-size: 14px;
  font-size: 0.9333333333rem; }
  .detail--infos:first-child {
    border: none; }
  .detail--infos p {
    line-height: 1.3;
    margin: 0 0 15px;
    font-size: 14px;
    font-size: 0.9333333333rem; }
    .detail--infos p:last-child {
      margin: 0; }
    .detail--infos p.hour {
      margin: 0 0 5px; }
    .detail--infos p.number-place {
      margin: 0 0 15px; }
    .detail--infos p.no-place {
      margin-bottom: 20px; }
  .detail--infos a {
    display: inline-block;
    padding: 2px 0;
    color: #64b0e5;
    text-decoration: none; }
    .agenda .detail--infos a {
      color: #64b0e5; }
  .detail--infos .date {
    margin: 0;
    font-size: 17px;
    font-size: 1.1333333333rem; }
    .detail--infos .date strong {
      font-weight: 600; }
  .detail--infos .disabled {
    color: #ccc; }
  .detail--infos .hour {
    margin: 0 0 5px; }
  .detail--infos .number-place {
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
    background: #33a457; }
  .detail--infos .no-place {
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    background: #f04647; }
  .detail--infos .detail--map {
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0; }
    .detail--infos .detail--map a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding: 0;
      display: block;
      color: #64b0e5;
      border: 1px solid #64b0e5;
      text-align: center;
      -webkit-border-radius: 40px;
      -khtml-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px; }
      html.no-touch .detail--infos .detail--map a:hover {
        color: #222;
        border-color: #222; }
    .detail--infos .detail--map .icon {
      font-size: 1.5em; }

.agenda #tx-solr-results-list .content--img {
  width: 30%;
  height: 130px;
  overflow: hidden;
  float: left;
  margin: 0 15px 0 0; }
  @media only screen and (min-width: 720px) {
    .agenda #tx-solr-results-list .content--img {
      width: 120px;
      height: 160px;
      margin: 0 20px 0 0; } }
  .agenda #tx-solr-results-list .content--img img {
    width: auto;
    height: 100%; }
@media only screen and (min-width: 720px) {
  .agenda #tx-solr-results-list .content--text {
    position: relative;
    padding-left: 140px; } }
.agenda #tx-solr-results-list .agenda-no-img .block--infos,
.agenda #tx-solr-results-list .agenda-no-img .content--text {
  left: 0; }
.agenda #tx-solr-results-list .agenda-no-img .content--text {
  padding-left: 0; }
.agenda #tx-solr-results-list .lieu,
.agenda #tx-solr-results-list .date {
  line-height: 1.2;
  margin: 0;
  font-size: 11px;
  font-size: 0.7333333333rem; }
  @media only screen and (min-width: 720px) {
    .agenda #tx-solr-results-list .lieu,
    .agenda #tx-solr-results-list .date {
      font-size: 14px;
      font-size: 0.9333333333rem; } }
.agenda #tx-solr-results-list .lieu {
  text-transform: uppercase; }
.agenda #tx-solr-results-list .date span {
  color: #999; }
.agenda .map--agenda-popin .content--img {
  width: 100%;
  float: none;
  margin: 0 0 10px; }
.agenda .map--agenda-popin .date,
.agenda .map--agenda-popin .lieu {
  color: #666; }
.agenda .map--agenda-popin .button--detail {
  color: #64b0e5;
  margin: 10px 0;
  text-align: right; }
  .agenda .map--agenda-popin .button--detail .text {
    display: inline-block;
    vertical-align: top;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
.agenda .content--img {
  width: 30%;
  float: left;
  margin: 0 10px 10px 0; }
  @media only screen and (min-width: 720px) {
    .agenda .content--img {
      width: 120px;
      margin: 0 20px 0 0; } }
.agenda .lieu {
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-size: 0.7333333333rem; }
  @media only screen and (min-width: 720px) {
    .agenda .lieu {
      font-size: 14px;
      font-size: 0.9333333333rem; } }
.agenda .date {
  margin: 0;
  font-size: 11px;
  font-size: 0.7333333333rem; }
  @media only screen and (min-width: 720px) {
    .agenda .date {
      font-size: 14px;
      font-size: 0.9333333333rem; } }
  .agenda .date span {
    color: #999; }
.agenda a {
  text-decoration: none; }
.agenda .content--text .title {
  color: #64b0e5; }
.agenda .nature span {
  color: #999;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 5px 5px 0;
  border: 1px solid #cdcdcd;
  font-size: 12px;
  font-size: 0.8rem; }
  .agenda .nature span:last-child {
    margin: 0; }
  .agenda .nature span.important {
    color: red;
    padding-left: 0;
    border-color: transparent; }

.reservation--container {
  padding: 10px;
  background: #f2f2f2; }
  @media only screen and (min-width: 720px) {
    .reservation--container {
      padding: 20px; } }
  @media only screen and (min-width: 1021px) {
    .reservation--container {
      padding: 30px; } }
  .reservation--container legend {
    color: #666;
    padding: 0;
    margin: 0 0 15px;
    border: none;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.2rem; }
  .reservation--container input[type="text"] {
    width: 100%;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    font-size: 0.8rem; }
  .reservation--container #ages div input[type="text"] {
    border-bottom: none; }
  .reservation--container #ages div:last-child {
    border-bottom: 1px solid #cdcdcd; }
  .reservation--container #ages .block--1of2 input[type="text"] {
    border-bottom: 1px solid #cdcdcd; }
  .reservation--container #ages .block--1of2:last-child {
    border-bottom: none; }
  .reservation--container .cs-select {
    width: 100%;
    font-size: 12px;
    font-size: 0.8rem; }
    .reservation--container .cs-select:focus {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(100, 176, 229, 0.7); }
  .reservation--container .field--submit {
    text-align: center; }
  .reservation--container .field--content {
    margin: 0 0 20px; }
    @media only screen and (min-width: 1021px) {
      .reservation--container .field--content {
        margin: 0 0 30px; } }
    .reservation--container .field--content:last-child {
      margin: 0; }
  .reservation--container .field {
    margin: 0 0 10px; }
    .reservation--container .field:last-child {
      margin: 0; }
  .reservation--container .block--1of2 {
    float: left;
    width: 49%;
    margin: 0 2% 0 0; }
    .reservation--container .block--1of2:last-child {
      margin: 0; }

#bookingForm {
  min-height: 100px; }

.moteur .view .type--transversal {
  display: none; }
.moteur .border-bottom {
  padding: 30px 0;
  border-bottom: 3px solid #f2f2f2; }
  .moteur .border-bottom.last {
    border: none;
    margin-bottom: 30px; }
  .moteur .border-bottom h2 {
    margin: 0 0 20px; }
  .moteur .border-bottom ul {
    margin: 0; }
  .moteur .border-bottom p {
    margin: 0 0 10px; }
.moteur .box--download ul {
  margin: 0; }
.moteur .box--download li {
  margin: 0 0 20px; }
  .moteur .box--download li:last-child {
    margin: 0; }
@media only screen and (min-width: 1021px) {
  .moteur .detail--container {
    width: 83%; } }

.tx-solr {
  margin: 0; }

.solr--nb-results {
  text-align: center;
  color: #999;
  margin: 0;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
  .solr--nb-results strong {
    font-weight: 400;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }

#tx-solr-results-list ol {
  list-style: none;
  padding: 0;
  margin: 0; }
#tx-solr-results-list .view {
  position: relative; }
  #tx-solr-results-list .view .nolink,
  #tx-solr-results-list .view a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #cdcdcd; }
    @media only screen and (min-width: 720px) {
      #tx-solr-results-list .view .nolink,
      #tx-solr-results-list .view a {
        padding: 25px 75px 25px 25px; } }
    #tx-solr-results-list .view .nolink:after,
    #tx-solr-results-list .view a:after {
      display: block;
      content: "";
      clear: both; }
  #tx-solr-results-list .view:last-child a {
    border-bottom: none; }
    @media only screen and (min-width: 960px) {
      #tx-solr-results-list .view:last-child a {
        border-bottom: 1px solid #cdcdcd; } }
  #tx-solr-results-list .view a:hover {
    background: #eaf5fa; }
    .social #tx-solr-results-list .view a:hover {
      background: rgba(153, 97, 160, 0.05); }
    .routes #tx-solr-results-list .view a:hover {
      background: rgba(219, 166, 52, 0.05); }
    .transports #tx-solr-results-list .view a:hover {
      background: rgba(158, 197, 77, 0.05); }
    .colleges #tx-solr-results-list .view a:hover {
      background: rgba(218, 81, 157, 0.05); }
    .territoires #tx-solr-results-list .view a:hover {
      background: rgba(51, 164, 87, 0.05); }
    .culture-sports #tx-solr-results-list .view a:hover {
      background: rgba(240, 70, 71, 0.05); }
    .tourdefrance #tx-solr-results-list .view a:hover {
      background: rgba(240, 70, 71, 0.05); }
    #tx-solr-results-list .view a:hover:after {
      display: block; }
    #tx-solr-results-list .view a:hover .icon {
      color: #fff;
      background: #64b0e5; }
      #tx-solr-results-list .view a:hover .icon:before, #tx-solr-results-list .view a:hover .icon:after {
        background: #fff; }
      .social #tx-solr-results-list .view a:hover .icon {
        background: #9961a0; }
      .routes #tx-solr-results-list .view a:hover .icon {
        background: #dba634; }
      .transports #tx-solr-results-list .view a:hover .icon {
        background: #9ec54d; }
      .colleges #tx-solr-results-list .view a:hover .icon {
        background: #da519d; }
      .territoires #tx-solr-results-list .view a:hover .icon {
        background: #33a457; }
      .culture-sports #tx-solr-results-list .view a:hover .icon {
        background: #f04647; }
      .tourdefrance #tx-solr-results-list .view a:hover .icon {
        background: #fdc009; }
  #tx-solr-results-list .view a:after {
    display: none;
    position: absolute;
    top: 40%;
    right: 30px;
    color: #64b0e5;
    content: "\e01e";
    font-size: 2em;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "cd63" !important; }
    .annuaire #tx-solr-results-list .view a:after {
      display: none; }
  #tx-solr-results-list .view .nature {
    display: block;
    color: #999;
    margin: 0 0 5px;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  #tx-solr-results-list .view .title {
    font-weight: 600;
    margin: 0 0 35px;
    color: #64b0e5;
    font-size: 15px;
    font-size: 1rem; }
    @media only screen and (min-width: 960px) {
      #tx-solr-results-list .view .title {
        font-size: 25px;
        font-size: 1.6666666667rem; } }
    .social #tx-solr-results-list .view .title {
      color: #9961a0; }
    .routes #tx-solr-results-list .view .title {
      color: #dba634; }
    .transports #tx-solr-results-list .view .title {
      color: #9ec54d; }
    .colleges #tx-solr-results-list .view .title {
      color: #da519d; }
    .territoires #tx-solr-results-list .view .title {
      color: #33a457; }
    .culture-sports #tx-solr-results-list .view .title {
      color: #f04647; }
    .tourdefrance #tx-solr-results-list .view .title {
      color: #fdc009; }
  #tx-solr-results-list .view .nolink .title {
    color: #333; }
  #tx-solr-results-list .view .nolink .icon {
    display: none; }
  #tx-solr-results-list .view .objectif {
    margin: 0 0 5px; }
#tx-solr-results-list .icon {
  right: 0;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media only screen and (min-width: 720px) {
    #tx-solr-results-list .icon {
      right: 25px; } }

.beneficiary,
.beneficiaire {
  color: #fff;
  padding: 3px 10px 6px;
  margin: 0 8px 8px 0;
  display: inline-block;
  background: #f2f2f2;
  font-size: 15px;
  font-size: 1rem;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.color--abd198 {
  background-color: #abd198; }

.color--a6d7d2 {
  background-color: #a6d7d2; }

.color--da9c74 {
  background-color: #da9c74; }

.color--fff164 {
  color: #666;
  background-color: #fff164; }

.color--9ec4da {
  background-color: #9ec4da; }

.color--f3a697 {
  background-color: #f3a697; }

.color--d0aacc {
  background-color: #d0aacc; }

.color--fbcb8c {
  background-color: #fbcb8c; }

.color--f099bd {
  background-color: #f099bd; }

.color--cccc99 {
  background-color: #cccc99; }

.block--card,
.tooltip--map {
  margin: 0 0 20px;
  background: #fff; }
  .block--card.block--card-annuaire .title,
  .tooltip--map.block--card-annuaire .title {
    margin: 0 0 10px; }
  .block--card ol,
  .tooltip--map ol {
    list-style: none;
    padding: 0;
    margin: 0; }
  .block--card li,
  .tooltip--map li {
    position: relative; }
    .block--card li > a,
    .block--card li > .nolink,
    .tooltip--map li > a,
    .tooltip--map li > .nolink {
      border: 1px solid #cdcdcd;
      border-top: none; }
    .block--card li:first-child > a,
    .block--card li:first-child > .nolink,
    .tooltip--map li:first-child > a,
    .tooltip--map li:first-child > .nolink {
      border: 1px solid #cdcdcd; }
  .block--card .content--img,
  .block--card .content--text,
  .tooltip--map .content--img,
  .tooltip--map .content--text {
    display: table-cell;
    vertical-align: top; }
  .block--card .content--img,
  .tooltip--map .content--img {
    overflow: hidden;
    display: none; }
    @media only screen and (min-width: 1021px) {
      .block--card .content--img,
      .tooltip--map .content--img {
        width: 135px;
        height: 200px;
        display: block;
        float: left; } }
    .block--card .content--img figure,
    .tooltip--map .content--img figure {
      height: 100%;
      margin: 0;
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
    .block--card .content--img img,
    .tooltip--map .content--img img {
      height: 100%;
      width: auto; }
  @media only screen and (min-width: 1021px) {
    .block--card .content--img-agenda,
    .tooltip--map .content--img-agenda {
      width: 123px;
      height: 160px; } }
  .block--card .content--img-agenda img,
  .tooltip--map .content--img-agenda img {
    height: auto;
    width: 100%; }
  .block--card .content--text, .tooltip--map .content--text {
    position: relative;
    padding: 20px; }
    @media only screen and (min-width: 1021px) {
      .block--card .content--text, .tooltip--map .content--text {
        width: 460px;
        padding: 10px 100px 10px 20px; } }
    @media only screen and (min-width: 1021px) {
      .actuality--article .block--card .content--text,
      .actuality--article .tooltip--map .content--text {
        float: left;
        width: 70%; } }
  .block--card .title,
  .tooltip--map .title {
    line-height: 1.3;
    margin: 0 0 25px;
    font-size: 18px;
    font-size: 1.2rem; }
    @media only screen and (min-width: 1021px) {
      .block--card .title,
      .tooltip--map .title {
        width: 330px; } }
  .block--card a, .tooltip--map a {
    display: block;
    position: relative;
    text-decoration: none;
    background: #fff;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    html.no-touch .block--card a:hover,
    html.no-touch .tooltip--map a:hover {
      background: #f2f2f2; }
    .block--card a:hover .icon--plus, .tooltip--map a:hover .icon--plus {
      background: #64b0e5; }
      .block--card a:hover .icon--plus:after, .block--card a:hover .icon--plus:before, .tooltip--map a:hover .icon--plus:after, .tooltip--map a:hover .icon--plus:before {
        background: #fff; }
      .social .block--card a:hover .icon--plus, .social .tooltip--map a:hover .icon--plus {
        background: #9961a0; }
      .routes .block--card a:hover .icon--plus, .routes .tooltip--map a:hover .icon--plus {
        background: #dba634; }
      .transports .block--card a:hover .icon--plus, .transports .tooltip--map a:hover .icon--plus {
        background: #9ec54d; }
      .colleges .block--card a:hover .icon--plus, .colleges .tooltip--map a:hover .icon--plus {
        background: #da519d; }
      .territoires .block--card a:hover .icon--plus, .territoires .tooltip--map a:hover .icon--plus {
        background: #33a457; }
      .culture-sports .block--card a:hover .icon--plus, .culture-sports .tooltip--map a:hover .icon--plus {
        background: #f04647; }
      .tourdefrance .block--card a:hover .icon--plus, .tourdefrance .tooltip--map a:hover .icon--plus {
        background: #fdc009; }
  .block--card .overtitle,
  .tooltip--map .overtitle {
    color: #666;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  .block--card .beneficiaire,
  .block--card .beneficiary,
  .tooltip--map .beneficiaire,
  .tooltip--map .beneficiary {
    margin: 0 2px 4px 0; }
  .block--card .nature,
  .tooltip--map .nature {
    color: #999;
    margin: 0 0 5px;
    display: block;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  .block--card .icon,
  .tooltip--map .icon {
    position: absolute;
    right: 30px;
    top: 45%;
    font-size: 1.7em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .block--card .icon--plus,
  .tooltip--map .icon--plus {
    right: 18px; }
  .block--card .type, .tooltip--map .type {
    position: absolute;
    top: 10px;
    right: 20px;
    text-transform: uppercase;
    color: #ccc;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
    .actuality--article .block--card .type,
    .actuality--article .tooltip--map .type {
      color: #ccc;
      background: none !important;
      padding: 0;
      margin: 0; }
  .block--card p,
  .tooltip--map p {
    line-height: 1.4;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .block--card .block--infos p,
  .tooltip--map .block--infos p {
    margin: 0;
    color: #666; }
  .block--card .date,
  .block--card .lieu,
  .tooltip--map .date,
  .tooltip--map .lieu {
    line-height: 1.3;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  .block--card .lieu,
  .tooltip--map .lieu {
    text-transform: uppercase; }

.tooltip--map {
  margin: 0;
  background: none; }
  .tooltip--map a {
    border: 1px solid #cdcdcd; }
    html.no-touch .tooltip--map a:hover {
      background: #fff; }

@media only screen and (min-width: 960px) {
  .col--summary + .col--main-content .block--card .content--img + .content--text {
    width: 360px;
    padding: 10px 100px 10px 20px;
    display: inline-block; } }

#tx-solr-search {
  padding: 0;
  margin: 30px 0 0; }
  #tx-solr-search .title {
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: left;
    color: #999;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
    #tx-solr-search .title span {
      text-transform: none; }
  .agenda.moteur #tx-solr-search .title {
    text-transform: none; }
  #tx-solr-search input {
    border: none; }
  .canton #tx-solr-search .tx-solr-facet-component {
    margin: -4px 0 0; }
  #tx-solr-search .field--search,
  #tx-solr-search .fiel--search {
    border: 1px solid #cdcdcd;
    background: #fff; }
    #tx-solr-search .field--search.active, #tx-solr-search .fiel--search.active {
      background: #64b0e5; }
      .social #tx-solr-search .field--search.active,
      .social #tx-solr-search .fiel--search.active {
        background: #9961a0; }
      .routes #tx-solr-search .field--search.active, .routes #tx-solr-search .fiel--search.active {
        background: #dba634; }
      .transports #tx-solr-search .field--search.active, .transports #tx-solr-search .fiel--search.active {
        background: #9ec54d; }
      .colleges #tx-solr-search .field--search.active, .colleges #tx-solr-search .fiel--search.active {
        background: #da519d; }
      .territoires #tx-solr-search .field--search.active, .territoires #tx-solr-search .fiel--search.active {
        background: #33a457; }
      .culture-sports #tx-solr-search .field--search.active, .culture-sports #tx-solr-search .fiel--search.active {
        background: #f04647; }
      .tourdefrance #tx-solr-search .field--search.active, .tourdefrance #tx-solr-search .fiel--search.active {
        background: #fdc009; }
      #tx-solr-search .field--search.active input, #tx-solr-search .fiel--search.active input {
        color: #fff; }
      #tx-solr-search .field--search.active a, #tx-solr-search .fiel--search.active a {
        color: #fff !important; }

.title--main-detail {
  line-height: 1;
  margin: 0 0 20px 10px;
  color: #64b0e5;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.2rem; }

#tx-solr-search-form {
  padding: 10px;
  margin: 0;
  border-bottom: 15px solid #fff;
  background: #f2f2f2; }
  .transversal #tx-solr-search-form {
    display: none; }
  #tx-solr-search-form .tx-solr-submit {
    width: 20%;
    height: 44px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    background: url("../images/solr-loupe.png") no-repeat center center;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    @media only screen and (min-width: 960px) {
      .annuaire--integrated #tx-solr-search-form .tx-solr-submit {
        width: 10%; } }
  #tx-solr-search-form .tx-solr-q {
    margin-right: -7px;
    display: inline-block;
    width: 80%;
    height: 45px;
    vertical-align: top;
    line-height: 45px;
    padding: 0 20px;
    background-color: transparent;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .is-firefoxOld #tx-solr-search-form .tx-solr-q {
      width: 70%;
      padding: 0 2%; }
    @media only screen and (min-width: 960px) {
      .annuaire--integrated #tx-solr-search-form .tx-solr-q {
        width: 90%; } }

.is-firefoxOld .actualites .col--main #tx-solr-search-form .tx-solr-q {
  width: 65%; }

#tx-solr-faceting {
  padding: 10px;
  position: relative;
  background: #f2f2f2; }
  .annuaire--integrated #tx-solr-faceting {
    padding: 0; }
  #tx-solr-faceting ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .annuaire--map #tx-solr-faceting ul.tx-solr-facet-component li {
      display: block; }
    .elu.moteur #tx-solr-faceting ul.tx-solr-facet-component li, .actualites.moteur #tx-solr-faceting ul.tx-solr-facet-component li, .canton.moteur #tx-solr-faceting ul.tx-solr-facet-component li {
      display: none; }
    .canton.detail #tx-solr-faceting ul.tx-solr-facet-component li {
      display: block; }
  #tx-solr-faceting a {
    text-decoration: none; }
  #tx-solr-faceting .title {
    text-align: left;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #999;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  #tx-solr-faceting .tx-solr-facet input {
    border: 1px solid #cdcdcd; }

#tx-solr-facets-in-use {
  display: inline-block; }
  .transdome #tx-solr-facets-in-use {
    display: none; }
  .solr--nb-content #tx-solr-facets-in-use h3 {
    color: #fff; }
  #tx-solr-facets-in-use h3 {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 16px;
    font-size: 1.0666666667rem; }
  #tx-solr-facets-in-use ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
  #tx-solr-facets-in-use li {
    margin: 2px 0;
    display: inline-block;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  #tx-solr-facets-in-use a {
    text-decoration: none;
    padding: 3px 10px;
    position: relative;
    color: #666;
    display: block;
    background: #fff;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    #tx-solr-facets-in-use a:after {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 5px;
      color: #64b0e5;
      font-size: 0.7em;
      content: "\e021";
      font-family: "cd63" !important; }
    html.not-touch #tx-solr-facets-in-use a:hover {
      color: #64b0e5; }
    #tx-solr-facets-in-use a.remove-all-facets {
      position: absolute;
      top: 5px;
      right: 10px;
      text-align: right;
      color: #64b0e5;
      font-weight: 400;
      background: none;
      padding: 0;
      font-size: 12.5px;
      font-size: 0.8333333333rem; }
      #tx-solr-facets-in-use a.remove-all-facets:after {
        display: none; }

#tx-solr-search-no-results {
  text-align: center; }

.solr--nb-content {
  text-align: center;
  padding: 0 10px 10px;
  margin: 0; }
  @media only screen and (min-width: 960px) {
    .solr--nb-content {
      border-bottom: 1px solid #cdcdcd; } }
  .solr--nb-content h2 {
    font-weight: 400;
    color: #999;
    margin: 10px 0 0;
    padding: 0;
    display: inline-block; }

.cs-select span:after {
  color: #64b0e5; }
  .social .cs-select span:after {
    color: #9961a0; }
  .routes .cs-select span:after {
    color: #dba634; }
  .transports .cs-select span:after {
    color: #9ec54d; }
  .colleges .cs-select span:after {
    color: #da519d; }
  .territoires .cs-select span:after {
    color: #33a457; }
  .culture-sports .cs-select span:after {
    color: #f04647; }
  .tourdefrance .cs-select span:after {
    color: #fdc009; }

.tx-solr-facet-filters li {
  margin: 5px 5px 0 0;
  display: inline-block; }
.tx-solr-facet-filters a {
  padding: 5px 10px;
  display: block;
  font-weight: 600;
  color: #fff;
  background: #64b0e5;
  font-size: 15px;
  font-size: 1rem;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .social .tx-solr-facet-filters a {
    background: #9961a0; }
  .routes .tx-solr-facet-filters a {
    background: #dba634; }
  .transports .tx-solr-facet-filters a {
    background: #9ec54d; }
  .colleges .tx-solr-facet-filters a {
    background: #da519d; }
  .territoires .tx-solr-facet-filters a {
    background: #33a457; }
  .culture-sports .tx-solr-facet-filters a {
    background: #f04647; }
  .tourdefrance .tx-solr-facet-filters a {
    background: #fdc009; }
  .tx-solr-facet-filters a:after {
    content: "\e0a6";
    vertical-align: middle;
    display: inline-block;
    font-family: "cd63" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html.no-touch .tx-solr-facet-filters a:hover {
    color: #fff;
    opacity: 0.8; }

.tx-solr-component-select-box {
  margin: 0 0 10px; }
  .tx-solr-component-select-box select {
    width: 100%;
    height: 45px;
    line-height: 45px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }

html.no-touch .ui-autocomplete li a:hover {
  border-color: #ededed;
  background: #ededed; }

#tx-solr-search-tabs {
  text-align: center; }
  .annuaire--integrated #tx-solr-search-tabs ul {
    margin: 10px 0; }
  #tx-solr-search-tabs ul {
    overflow: hidden;
    display: inline-block;
    margin: 20px 0 10px;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  #tx-solr-search-tabs li {
    display: inline-block; }
  #tx-solr-search-tabs a {
    color: #666;
    width: 90px;
    text-decoration: none;
    display: block;
    text-align: none;
    padding: 5px 10px 7px;
    background: #ccc;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    #tx-solr-search-tabs a.active {
      color: #fff;
      background: #64b0e5; }
      .social #tx-solr-search-tabs a.active {
        background: #9961a0; }
      .routes #tx-solr-search-tabs a.active {
        background: #dba634; }
      .transports #tx-solr-search-tabs a.active {
        background: #9ec54d; }
      .colleges #tx-solr-search-tabs a.active {
        background: #da519d; }
      .territoires #tx-solr-search-tabs a.active {
        background: #33a457; }
      .culture-sports #tx-solr-search-tabs a.active {
        background: #f04647; }
      .tourdefrance #tx-solr-search-tabs a.active {
        background: #fdc009; }
    html.no-touch #tx-solr-search-tabs a:hover {
      color: #fff;
      background: #333; }

#tx-solr-results-list {
  padding: 0;
  margin: 0;
  list-style: none; }

#block--liste {
  position: relative;
  padding: 10px;
  border: 2px solid #64b0e5;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media only screen and (min-width: 720px) {
    #block--liste {
      border: none;
      padding: 0; } }
  #block--liste .block--btn-close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 10; }
    @media only screen and (min-width: 720px) {
      #block--liste .block--btn-close {
        top: 10px;
        right: 10px; } }

#tx-solr-component-dates-start-facet-facet_evenement_dates {
  margin: 0 0 10px; }

#tx-solr-map #tx-solr-results-list h5 {
  display: none; }

.annuaire--date {
  padding: 10px 0;
  text-align: right;
  color: #666;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }

@media only screen and (min-width: 1021px) {
  .annuaire--address,
  .annuaire--timetable {
    display: table-cell;
    vertical-align: middle; } }

.annuaire--address {
  padding: 0 10px 10px 0; }
  @media only screen and (min-width: 1021px) {
    .annuaire--address {
      width: 60%; } }
  #tx-solr-results-list .annuaire--address {
    padding: 0 45px 0 0; }
    @media only screen and (min-width: 960px) {
      #tx-solr-results-list .annuaire--address {
        padding: 0; } }
    @media only screen and (min-width: 1021px) {
      #tx-solr-results-list .annuaire--address {
        width: 100%;
        display: block; }
        #tx-solr-results-list .annuaire--address:after {
          clear: both;
          content: "";
          display: block; } }
  .annuaire--address p {
    line-height: 1.2;
    margin: 0 0 12px; }
    .annuaire--address p:last-child {
      margin: 0; }
  .annuaire--address .annuaire--address-text a {
    color: #64b0e5; }
  .annuaire--address .type {
    color: #999; }
  #tx-solr-results-list .view .annuaire--address .title {
    margin: 0 0 10px; }
  #tx-solr-results-list .view .annuaire--address p {
    margin: 0 0 8px; }
    #tx-solr-results-list .view .annuaire--address p:last-child {
      margin: 0; }

.annuaire--timetable {
  vertical-align: bottom;
  border-left: 1px solid #cdcdcd;
  padding: 0 0 18px 28px; }
  @media only screen and (min-width: 1021px) {
    .annuaire--timetable {
      width: 40%; } }
  .annuaire--timetable p:last-child {
    margin: 0; }

.annuaire--timetable-title {
  margin: 0 0 5px;
  text-transform: uppercase;
  color: #999;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }

.annuaire--tel {
  font-size: 20px;
  font-size: 1.3333333333rem; }

.annuaire--address-img {
  display: none;
  width: 147px;
  height: 147px;
  overflow: hidden;
  margin: 0 20px 0 0;
  float: left; }
  @media only screen and (min-width: 1021px) {
    .annuaire--address-img {
      display: block; } }
  #tx-solr-results-list .annuaire--address-img {
    width: 158px;
    height: 158px; }

.annuaire--carto {
  border-top: 1px solid #cdcdcd;
  padding: 20px 0;
  margin: 20px 0 30px; }

.annuaire--integrated {
  margin: 0 0 20px;
  position: relative; }
  .annuaire--integrated .block--card {
    margin: 0; }
  .annuaire--integrated #tx-solr-search-form {
    border: none;
    padding: 0;
    margin: 0 0 25px; }
    .annuaire--integrated #tx-solr-search-form .tx-solr-submit {
      margin-top: 2px; }
  .annuaire--integrated #tx-solr-search-no-results {
    padding: 0 0 20px 0; }
    .annuaire--integrated #tx-solr-search-no-results.results-map {
      position: absolute;
      top: 34%;
      width: 67%;
      z-index: 10;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
  .annuaire--integrated .no-results--list {
    border: 1px solid #cdcdcd;
    border-top: none;
    background: #f2f2f2; }
  .annuaire--integrated #tx-solr-results-list .view a:after {
    content: ''; }
  .annuaire--integrated .tx-solr-search-content {
    clear: both;
    padding: 20px 30px 10px;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    background: #f2f2f2; }
  .annuaire--integrated .solr--nb-content {
    margin: 0;
    padding: 0 0 20px 0;
    border-top: none;
    border-bottom: none; }
  .annuaire--integrated .results--list {
    border: 1px solid #cdcdcd;
    border-top: none;
    border-bottom: none;
    background: #f2f2f2; }
  .annuaire--integrated .tx-pagebrowse-pi1 {
    padding: 30px;
    border: 1px solid #cdcdcd;
    border-top: none;
    background: #f2f2f2; }
    .annuaire--integrated .tx-pagebrowse-pi1 ul {
      margin: 0; }
    .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-page {
      margin: 0 0 0 -1px; }
    .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-next,
    .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-prev {
      font-size: 0.85em; }
      .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-next a, .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-next span,
      .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-prev a,
      .annuaire--integrated .tx-pagebrowse-pi1 .tx-pagebrowse-prev span {
        padding: 7px 8px; }
  .annuaire--integrated .annuaire--map .tx-solr-facet {
    margin-bottom: 20px; }
  .annuaire--integrated .add-clear-span a {
    color: #fff !important;
    top: 9px !important; }
  .annuaire--integrated .map--search .add-clear-span a {
    top: -3px !important; }

@media only screen and (max-width: 719px) {
  #tx-solr-map {
    width: 100% !important; } }

.block--card.list--actuality .annuaire--address-img {
  background: #ededed; }
.block--card.list--actuality .content--img img {
  width: auto;
  height: 100%; }

.block--card-elu ul {
  list-style: none;
  padding: 0;
  margin: 0; }
.block--card-elu .img.color--srr {
  border-bottom: 5px solid #7237a3; }
.block--card-elu .img.color--ur {
  border-bottom: 5px solid #0172c2; }
.block--card-elu .img.color--fg {
  border-bottom: 5px solid #c8161b; }

.block--card {
  position: relative; }
  .block--card p.copyright {
    font-size: 10px;
    font-size: 0.6666666667rem; }

.carto--popup {
  top: -1px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 5; }
  .carto--popup h2 {
    color: #666; }
  .carto--popup .content--img {
    float: left;
    width: 150px;
    display: block;
    margin: 0 3% 0 0; }
    .carto--popup .content--img img {
      width: 150px;
      heigth: auto; }
  .carto--popup .content--text {
    padding: 10px 20px; }
  .carto--popup .annuaire--address {
    padding: 15px 0;
    margin: 0 0 15px; }
    #tx-solr-results-list .carto--popup .annuaire--address {
      margin: 0 0 15px; }
    .carto--popup .annuaire--address:before, .carto--popup .annuaire--address:after {
      display: block;
      content: "";
      width: 90px;
      height: 1px;
      margin: 15px 0;
      background: #cdcdcd; }
    .carto--popup .annuaire--address p {
      margin: 0 0 5px; }
      .carto--popup .annuaire--address p:last-child {
        margin: 0; }
    .carto--popup .annuaire--address a:hover {
      background: none; }
  @media only screen and (min-width: 1021px) {
    .carto--popup .title {
      width: 70%; } }
  @media only screen and (min-width: 1021px) {
    .carto--popup .annuaire--hours {
      width: 70%; } }
  @media only screen and (min-width: 1021px) {
    .carto--popup .annuaire--tel {
      line-height: 1.8;
      font-size: 18px;
      font-size: 1.2rem; } }
  .carto--popup .annuaire--hours-title {
    text-transform: uppercase;
    color: #999;
    margin: 0 0 10px;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }

.carto--popup-date p {
  text-align: right;
  margin: 0;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }

.button--close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
  width: 31px;
  height: 31px;
  margin: 2px;
  cursor: pointer;
  z-index: 4; }
  .button--close:before, .button--close:after {
    content: "";
    position: absolute;
    top: 14px;
    width: 21px;
    height: 2px;
    background: #64b0e5; }
    .social .button--close:before, .social .button--close:after {
      background: #9961a0; }
    .routes .button--close:before, .routes .button--close:after {
      background: #dba634; }
    .transports .button--close:before, .transports .button--close:after {
      background: #9ec54d; }
    .colleges .button--close:before, .colleges .button--close:after {
      background: #da519d; }
    .territoires .button--close:before, .territoires .button--close:after {
      background: #33a457; }
    .culture-sports .button--close:before, .culture-sports .button--close:after {
      background: #f04647; }
    .tourdefrance .button--close:before, .tourdefrance .button--close:after {
      background: #fdc009; }
  .button--close:before {
    left: 5px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .button--close:after {
    right: 5px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.annuaire--map {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.map--menu-nav {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  padding: 30px;
  background: #f2f2f2;
  z-index: 2;
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 1021px) {
    .map--menu-nav {
      width: 60%; } }
  .csstransforms3d .map--menu-nav {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .map--menu-nav.active {
    visibility: visible;
    z-index: 11; }
    .csstransforms3d .map--menu-nav.active {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .map--menu-nav .title {
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
    font-size: 18px;
    font-size: 1.2rem; }
    .map--menu-nav .title:after {
      content: "";
      margin: 20px 0;
      display: block;
      width: 150px;
      height: 1px;
      background: #666; }
  .map--menu-nav .content--scroll {
    height: 340px;
    overflow: auto; }
  .map--menu-nav li {
    margin: 0 0 15px; }
    .map--menu-nav li:last-child {
      margin: 0; }
    .map--menu-nav li li {
      list-style: disc;
      margin: 0 0 5px;
      font-size: 12.5px;
      font-size: 0.8333333333rem; }
      .map--menu-nav li li a {
        color: #666; }
  .map--menu-nav ul ul {
    padding: 0 0 0 20px;
    margin: 5px 0; }
  .map--menu-nav .button--close {
    top: 10px;
    right: 10px; }

.map--menu-button {
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 45px;
  height: 45px;
  background: #64b0e5;
  z-index: 1;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .social .map--menu-button {
    background: #9961a0; }
  .routes .map--menu-button {
    background: #dba634; }
  .transports .map--menu-button {
    background: #9ec54d; }
  .colleges .map--menu-button {
    background: #da519d; }
  .territoires .map--menu-button {
    background: #33a457; }
  .culture-sports .map--menu-button {
    background: #f04647; }
  .tourdefrance .map--menu-button {
    background: #fdc009; }
  .map--menu-button span {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    margin-left: 12px;
    background: #fff;
    font-size: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .map--menu-button span:before, .map--menu-button span:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff; }
    .map--menu-button span:before {
      -webkit-transform: translateY(-380%);
      -moz-transform: translateY(-380%);
      -ms-transform: translateY(-380%);
      -o-transform: translateY(-380%);
      transform: translateY(-380%); }
    .map--menu-button span:after {
      -webkit-transform: translateY(380%);
      -moz-transform: translateY(380%);
      -ms-transform: translateY(380%);
      -o-transform: translateY(380%);
      transform: translateY(380%); }

.map--search {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 45px;
  color: #fff;
  overflow: hidden;
  background: none;
  z-index: 1;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /*.social & {
      background: $color-violet;
  }
  .routes & {
      background: $color-yellow;
  }
  .transports & {
      background: $color-green;
  }
  .colleges & {
      background: $color-pink;
  }
  .territoires & {
      background: $color-emerald;
  }
  .culture-sports & {
      background: $color-red;
  }*/ }
  .map--search input[type="text"] {
    display: inline-block;
    color: #fff;
    width: 150px;
    padding: 0 20px;
    border: none;
    vertical-align: top;
    background: #64b0e5;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
        /*.csstransforms3d & {
            @include transform(translate3d(5%,0,0));

            @media only screen and (min-width:1021px) {
                @include transform(translate3d(130%,0,0));
            }

        }*/ }
    @media only screen and (min-width: 1021px) {
      .map--search input[type="text"] {
        width: 250px; } }
    .social .map--search input[type="text"] {
      background: #9961a0; }
    .routes .map--search input[type="text"] {
      background: #dba634; }
    .transports .map--search input[type="text"] {
      background: #9ec54d; }
    .colleges .map--search input[type="text"] {
      background: #da519d; }
    .territoires .map--search input[type="text"] {
      background: #33a457; }
    .culture-sports .map--search input[type="text"] {
      background: #f04647; }
    .tourdefrance .map--search input[type="text"] {
      background: #fdc009; }
    .map--search input[type="text"]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fff; }
    .map--search input[type="text"]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff;
      opacity: 1; }
    .map--search input[type="text"]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff;
      opacity: 1; }
    .map--search input[type="text"]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fff; }
  .map--search:hover input[type="text"] {
    visibility: visible;
            /*.csstransforms3d & {
                @media only screen and (min-width:1021px) {
                    @include transform(translate3d(5%,0,0));
                }

            }*/ }

.annuaire--map .map {
  width: 100%;
  height: 400px; }
.annuaire--map #tx-solr-map {
  height: 400px;
  background: #f2f2f2; }
.annuaire--map #tx-solr-search-form {
  background: none;
  border: none;
  padding: 0; }
  .annuaire--map #tx-solr-search-form .tx-solr-q {
    width: 150px;
    background: #64b0e5;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }
    @media only screen and (min-width: 720px) {
      .annuaire--map #tx-solr-search-form .tx-solr-q {
        width: 190px; } }
    .social .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #9961a0; }
    .routes .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #dba634; }
    .transports .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #9ec54d; }
    .colleges .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #da519d; }
    .territoires .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #33a457; }
    .culture-sports .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #f04647; }
    .tourdefrance .annuaire--map #tx-solr-search-form .tx-solr-q {
      background: #fdc009; }
.annuaire--map #tx-solr-faceting .title {
  font-size: 1.2rem;
  text-transform: none; }
.annuaire--map #tx-solr-faceting .tx-solr-facet-component li li {
  list-style: disc inside none; }
  .annuaire--map #tx-solr-faceting .tx-solr-facet-component li li:before {
    content: "\e07f";
    font-family: "cd63" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.annuaire--map #tx-solr-faceting .tx-solr-facet-filters {
  margin: 10px 0; }
  .annuaire--map #tx-solr-faceting .tx-solr-facet-filters a {
    background-color: #ccc;
    color: #fff;
    font-size: 12px; }

.marker--map {
  position: absolute;
  top: 50%;
  left: 50%; }
  .marker--map img {
    width: auto; }

.map--search-button {
  position: relative;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 1.8em;
  border: none;
  background: #64b0e5;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .social .map--search-button {
    background: #9961a0; }
  .routes .map--search-button {
    background: #dba634; }
  .transports .map--search-button {
    background: #9ec54d; }
  .colleges .map--search-button {
    background: #da519d; }
  .territoires .map--search-button {
    background: #33a457; }
  .culture-sports .map--search-button {
    background: #f04647; }
  .tourdefrance .map--search-button {
    background: #fdc009; }

.aide.moteur #tx-solr-facets-in-use .tx-solr-facet-in-use-facet_type,
.annuaire.moteur #tx-solr-facets-in-use .tx-solr-facet-in-use-facet_type,
.agenda.moteur #tx-solr-facets-in-use .tx-solr-facet-in-use-facet_type {
  display: none; }

.transversal.moteur #tx-solr-facets-available .title,
.transversal.moteur .tx-solr-facet-title {
  display: none; }
.transversal.moteur #block--faceting,
.transversal.moteur #block--results {
  float: none;
  width: 100%; }
.transversal.moteur #block--results {
  padding: 0; }
.transversal.moteur .padding--main-content {
  padding: 20px; }
.transversal.moteur #breadcrumb {
  display: none; }
.transversal.moteur .block--title-tools h1 {
  display: none;
  margin-left: 0; }
@media only screen and (min-width: 960px) {
  .transversal.moteur .container--text-summary {
    padding: 0 4%;
    margin: 20px 0 0; } }
.transversal.moteur #tx-solr-faceting {
  padding: 0;
  background: none; }
.transversal.moteur .tx-solr-facet-component {
  padding: 0;
  box-shadow: inset 0 -3px #f2f2f2; }
  .transversal.moteur .tx-solr-facet-component:after {
    content: "";
    display: block;
    clear: both; }
  .transversal.moteur .tx-solr-facet-component li {
    padding: 0 0.95%;
    display: inline-block;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .transversal.moteur .tx-solr-facet-component li:last-child {
      border-right: none; }
    .transversal.moteur .tx-solr-facet-component li span {
      display: inline-block;
      font-size: 14.5px;
      font-size: 0.9666666667rem; }
    .transversal.moteur .tx-solr-facet-component li a {
      color: #666;
      display: block;
      padding: 15px 0;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
    html.no-touch .transversal.moteur .tx-solr-facet-component li:hover a {
      color: #64b0e5; }
    .transversal.moteur .tx-solr-facet-component li.tab-current {
      background: #fff;
      box-shadow: inset 0 -3px #64b0e5; }
      .transversal.moteur .tx-solr-facet-component li.tab-current a {
        color: #64b0e5;
        font-weight: 600; }
.transversal.moteur #tx-solr-facets-in-use {
  display: none; }
.transversal.moteur .tx-solr-facet-filters {
  display: none; }
.transversal.moteur .solr--nb-content {
  text-align: right;
  border: none;
  position: absolute;
  top: 0;
  padding-left: 0; }
  .transversal.moteur .solr--nb-content h2 {
    color: #333;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.2rem; }
    .transversal.moteur .solr--nb-content h2 strong {
      color: #333;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.2rem; }
.transversal.moteur #tx-solr-results-list li {
  background: #fff; }
.transversal.moteur #tx-solr-results-list .view a:hover {
  background: #f2f2f2; }
.transversal.moteur .view .type,
.transversal.moteur .view .type--transversal {
  display: block;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  font-size: 0.8rem; }
  @media only screen and (min-width: 720px) {
    .transversal.moteur .view .type,
    .transversal.moteur .view .type--transversal {
      position: absolute;
      right: 30px; } }
@media only screen and (min-width: 960px) {
  .transversal.moteur .view .content {
    width: 70%; } }
@media only screen and (min-width: 960px) {
  .transversal.moteur .view .title {
    width: 80%; } }
.transversal.moteur .view .icon--plus {
  display: none; }
.transversal.moteur .view img {
  width: 150px; }
.transversal.moteur .view .elu--content img {
  width: 100%; }
.transversal.moteur .icon-hover {
  display: none; }
.transversal.moteur .annuaire--address-text .type {
  position: relative;
  right: inherit; }
.transversal.moteur .content--img {
  margin: 0 0 10px; }
  @media only screen and (min-width: 720px) {
    .transversal.moteur .content--img {
      float: left;
      margin: 0 20px 0 0; } }
.transversal.moteur .img--container {
  width: 150px;
  height: 150px;
  position: relative;
  margin: 0 0 20px;
  background: #f2f2f2; }
  @media only screen and (min-width: 720px) {
    .transversal.moteur .img--container {
      float: left;
      margin: 0 20px 0 0; } }
  .transversal.moteur .img--container .type {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    padding: 2px 5px;
    background: #64b0e5;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    font-size: 0.7333333333rem; }
.transversal.moteur .description .overtitle,
.transversal.moteur .description .date {
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.transversal.moteur .description .date {
  color: #999;
  margin: 0; }
.transversal.moteur .description .text {
  font-size: 14px;
  font-size: 0.9333333333rem; }
.transversal.moteur .description .more {
  display: none; }
.transversal.moteur #tx-solr-results-list .social .img--container .type {
  background: #9961a0; }
.transversal.moteur #tx-solr-results-list .social .title {
  color: #9961a0; }
.transversal.moteur #tx-solr-results-list .routes .img--container .type {
  background: #dba634; }
.transversal.moteur #tx-solr-results-list .routes .title {
  color: #dba634; }
.transversal.moteur #tx-solr-results-list .transports .img--container .type {
  background: #9ec54d; }
.transversal.moteur #tx-solr-results-list .transports .title {
  color: #9ec54d; }
.transversal.moteur #tx-solr-results-list .colleges .img--container .type {
  background: #da519d; }
.transversal.moteur #tx-solr-results-list .colleges .title {
  color: #da519d; }
.transversal.moteur #tx-solr-results-list .territoires .img--container .type {
  background: #33a457; }
.transversal.moteur #tx-solr-results-list .territoires .title {
  color: #33a457; }
.transversal.moteur #tx-solr-results-list .culture-sports .img--container .type {
  background: #f04647; }
.transversal.moteur #tx-solr-results-list .culture-sports .title {
  color: #f04647; }
.transversal.moteur #tx-solr-results-list .tourdefrance .img--container .type {
  background: #fdc009; }
.transversal.moteur #tx-solr-results-list .tourdefrance .title {
  color: #fdc009; }
.transversal.moteur .elu--list p {
  color: #999; }
.transversal.moteur .elu--list .elu--content {
  width: 46.5%;
  float: left;
  margin: 0 7% 0 0; }
  .transversal.moteur .elu--list .elu--content:last-child {
    margin: 0; }
  @media only screen and (min-width: 720px) {
    .transversal.moteur .elu--list .elu--content {
      width: 135px;
      margin: 0 20px 0 0; } }
.transversal.moteur .elu--list h3 {
  margin: 5px 0;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.9333333333rem; }
  .transversal.moteur .elu--list h3 span {
    display: block;
    text-transform: uppercase; }
.transversal.moteur .elu--list .canton-partie {
  margin: 0;
  text-transform: none;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.transversal.moteur .block--infos p {
  margin: 0;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.transversal.moteur .nature {
  margin: 0; }
  .transversal.moteur .nature span {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 5px 5px 0;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    font-size: 0.8rem; }
    .transversal.moteur .nature span.important {
      padding-left: 0;
      border: none;
      color: #f04647; }
.transversal.moteur #tx-solr-results-list .type-page-183 a {
  color: #64b0e5;
  padding: 0;
  border: none; }
  .transversal.moteur #tx-solr-results-list .type-page-183 a:after {
    display: none; }
  .transversal.moteur #tx-solr-results-list .type-page-183 a:hover {
    color: #222;
    background: none; }
  .transversal.moteur #tx-solr-results-list .type-page-183 a p {
    margin: 0; }

.moteur #tx-solr-facets-in-use a {
  padding: 5px 10px;
  display: block;
  font-weight: 600;
  color: #fff;
  background: #64b0e5;
  font-size: 15px;
  font-size: 1rem;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .moteur #tx-solr-facets-in-use a:after {
    content: "\e0a6";
    color: #fff;
    font-size: 1em;
    vertical-align: middle;
    display: inline-block;
    font-family: "cd63" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .moteur #tx-solr-facets-in-use a.remove-all-facets {
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: right;
    color: #64b0e5;
    font-weight: 400;
    background: none;
    padding: 0;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
    .moteur #tx-solr-facets-in-use a.remove-all-facets:after {
      display: none; }

.remove-all-facets {
  display: none; }

.js .tx-solr-facet-component {
  display: none; }

.contact--iframe #tx-solr-results-list {
  display: none; }

.alerte--limit {
  text-align: center;
  color: #999;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }

.test {
  margin: 50px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background: #64b0e5;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px; }

.transdome #tx-solr-faceting .tx-solr-facet-filters {
  top: 0;
  width: 100%;
  z-index: 9;
  margin: 0;
  height: 100%; }
  .transdome #tx-solr-faceting .tx-solr-facet-filters li {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block; }
  .transdome #tx-solr-faceting .tx-solr-facet-filters a {
    padding-top: 12px;
    width: 100%;
    height: 100%;
    border-radius: 0; }

@media only screen and (min-width: 720px) {
  .canton,
  .elu {
    background: #f2f2f2; } }
.canton #tx-solr-facets-in-use,
.elu #tx-solr-facets-in-use {
  display: none; }
@media only screen and (min-width: 720px) {
  .canton #container,
  .elu #container {
    background: #f2f2f2; } }
.canton .col--main,
.elu .col--main {
  margin: 20px 0 0; }
.canton #block--faceting,
.elu #block--faceting {
  width: 100%;
  float: none; }
  @media only screen and (min-width: 1021px) {
    .canton #block--faceting,
    .elu #block--faceting {
      width: 936px;
      margin: 0 auto; } }
.canton #block--results,
.elu #block--results {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .canton #block--results,
    .elu #block--results {
      padding: 0; } }
.canton #tx-solr-search .tx-solr-facet,
.elu #tx-solr-search .tx-solr-facet {
  position: relative; }
.canton #tx-solr-search .tx-solr-facet-component,
.elu #tx-solr-search .tx-solr-facet-component {
  border: 1px solid #cdcdcd;
  position: absolute;
  margin: -2px 0 0;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  background: #fff;
  z-index: 5; }
  .canton #tx-solr-search .tx-solr-facet-component li,
  .elu #tx-solr-search .tx-solr-facet-component li {
    padding: 5px 20px; }
.canton .solr--nb-content,
.elu .solr--nb-content {
  border-bottom: none; }
.canton #block--nb-result,
.elu #block--nb-result {
  width: 100%;
  text-align: right;
  padding: 20px 40px;
  background: #fff; }
  @media only screen and (min-width: 720px) {
    .canton #block--nb-result,
    .elu #block--nb-result {
      padding: 10px 0;
      border-top: 1px solid #cdcdcd; } }
  @media only screen and (min-width: 1021px) {
    .canton #block--nb-result,
    .elu #block--nb-result {
      width: 936px;
      margin: 0 auto; } }
.canton #tx-solr-search-form,
.elu #tx-solr-search-form {
  display: none; }
.canton #tx-solr-faceting,
.elu #tx-solr-faceting {
  padding: 10px 10px 14px 10px; }
  @media only screen and (min-width: 720px) {
    .canton #tx-solr-faceting,
    .elu #tx-solr-faceting {
      padding: 0 0 20px;
      background-color: transparent; }
      .canton #tx-solr-faceting .title,
      .elu #tx-solr-faceting .title {
        display: none; } }
  .canton #tx-solr-faceting input,
  .elu #tx-solr-faceting input {
    border-radius: 0;
    position: relative;
    z-index: 6; }
.canton #tx-solr-facets-in-use,
.elu #tx-solr-facets-in-use {
  top: 5px; }
  @media only screen and (min-width: 720px) {
    .canton #tx-solr-facets-in-use,
    .elu #tx-solr-facets-in-use {
      top: inherit;
      bottom: 0;
      right: 0; } }
.canton .tx-solr-facet-filters,
.elu .tx-solr-facet-filters {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8; }
  .canton .tx-solr-facet-filters li,
  .elu .tx-solr-facet-filters li {
    width: 100%;
    height: 100%;
    margin: 0; }
  .canton .tx-solr-facet-filters a, .elu .tx-solr-facet-filters a {
    padding: 13px 10px;
    border-radius: 0;
    font-size: 13px;
    font-size: 0.8666666667rem;
    -webkit-transition: all ease 0.45s;
    -moz-transition: all ease 0.45s;
    transition: all ease 0.45s; }
    html.no-touch .canton .tx-solr-facet-filters a:hover,
    html.no-touch .elu .tx-solr-facet-filters a:hover {
      opacity: 1;
      background: #666; }
.canton .tx-solr-facet-facet_canton,
.elu .tx-solr-facet-facet_canton {
  margin: 0 0 10px; }
  @media only screen and (min-width: 720px) {
    .canton .tx-solr-facet-facet_canton,
    .elu .tx-solr-facet-facet_canton {
      display: inline-block;
      vertical-align: top;
      width: 68%;
      margin: 0; } }
@media only screen and (min-width: 720px) {
  .canton .tx-solr-facet-facet_canton_adresses,
  .elu .tx-solr-facet-facet_canton_adresses {
    display: inline-block;
    width: 30.5%;
    margin-left: 1%; } }
.canton .solr--nb-content h2,
.elu .solr--nb-content h2 {
  display: block;
  text-align: center; }
  @media only screen and (min-width: 720px) {
    .canton .solr--nb-content h2,
    .elu .solr--nb-content h2 {
      text-align: right; } }
.canton #tx-solr-map,
.elu #tx-solr-map {
  margin: 0 0 20px; }
  @media only screen and (min-width: 1021px) {
    .canton #tx-solr-map,
    .elu #tx-solr-map {
      margin: 0 -30px 20px; } }
.canton .canton-detail #tx-solr-map,
.elu .canton-detail #tx-solr-map {
  margin: 0; }
.canton #block--liste,
.elu #block--liste {
  text-align: right; }
.canton #tx-solr-facets-available,
.elu #tx-solr-facets-available {
  text-align: right; }
  .canton #tx-solr-facets-available .tx-solr-facet,
  .elu #tx-solr-facets-available .tx-solr-facet {
    text-align: left;
    float: none;
    display: inline-block;
    vertical-align: top; }

.canton .block--title-tools h1 {
  margin-left: 0; }
.canton #tx-solr-facets-available {
  text-align: center; }
  .canton #tx-solr-facets-available .tx-solr-facet-facet_canton_villes {
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .canton #tx-solr-facets-available .tx-solr-facet-facet_canton_villes {
        width: 66.5%; } }
.canton.detail #tx-solr-search .tx-solr-facet-component {
  border: none;
  position: relative;
  margin: 0;
  padding: 0;
  max-height: 100%;
  overflow: auto;
  width: 100%;
  background: none;
  z-index: 5; }
  .canton.detail #tx-solr-search .tx-solr-facet-component li {
    padding-left: 0;
    margin: 0 0 2px; }
  .canton.detail #tx-solr-search .tx-solr-facet-component ul {
    padding-left: 10px; }
.canton.detail #tx-solr-search #tx-solr-faceting .title {
  display: block; }

.elu.moteur #tx-solr-search .tx-solr-facet-facet_elu_conseiller_ville {
  margin: 0 0 5px;
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .elu.moteur #tx-solr-search .tx-solr-facet-facet_elu_conseiller_ville {
      width: 66%;
      margin: 0; } }
  @media only screen and (min-width: 960px) {
    .elu.moteur #tx-solr-search .tx-solr-facet-facet_elu_conseiller_ville {
      width: 66.5%;
      margin: 0; } }
.elu.moteur #tx-solr-search .tx-solr-facet-facet_canton_adresses {
  margin: 0;
  width: 100%; }

.block--btn {
  display: block;
  text-align: center;
  margin: 0 0 20px; }
  @media only screen and (min-width: 720px) {
    .block--btn {
      display: none; } }

.block--btn-open {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  background: #64b0e5; }

.canton--annuaire-title,
.elu--content-infos {
  margin: 0 0 30px;
  position: relative;
  z-index: 2;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -khtml-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -moz-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -ms-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -o-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  box-shadow: 0 0 5px rgba(16, 16, 16, 0.2); }
  @media only screen and (min-width: 1021px) {
    .canton--annuaire-title,
    .elu--content-infos {
      margin: 0 30px 30px; } }
  @media only screen and (min-width: 720px) {
    .canton--annuaire-title .tx-solr, .canton--annuaire-title .canton--main-title, .elu--content-infos .tx-solr,
    .elu--content-infos .canton--main-title {
      float: right;
      height: 400px;
      width: 40%; }
      .is-firefoxOld .canton--annuaire-title .tx-solr,
      .is-firefoxOld .canton--annuaire-title .canton--main-title,
      .is-firefoxOld .elu--content-infos .tx-solr,
      .is-firefoxOld
      .elu--content-infos .canton--main-title {
        height: 360px; } }
  @media only screen and (min-width: 720px) {
    .canton--annuaire-title #tx-solr-search,
    .elu--content-infos #tx-solr-search {
      margin: 0; } }
  @media only screen and (min-width: 720px) {
    .canton--annuaire-title .tx-solr,
    .elu--content-infos .tx-solr {
      width: 60%; } }
  @media only screen and (min-width: 1021px) {
    .canton--annuaire-title .tx-solr,
    .elu--content-infos .tx-solr {
      width: 66.6666666667%; } }
  .canton--annuaire-title .canton--main-title, .elu--content-infos .canton--main-title {
    position: relative; }
    @media only screen and (min-width: 1021px) {
      .canton--annuaire-title .canton--main-title, .elu--content-infos .canton--main-title {
        width: 33.3333333333%; }
        .is-firefoxOld .canton--annuaire-title .canton--main-title,
        .is-firefoxOld .elu--content-infos .canton--main-title {
          padding: 20px 2%;
          width: 29.3333333333%; } }
  @media only screen and (min-width: 720px) {
    .canton--annuaire-title .canton--infos,
    .elu--content-infos .canton--infos {
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 100%; } }

.canton--main-title {
  padding: 20px; }
  .canton--main-title .type {
    margin: 0; }
  .canton--main-title .infos {
    margin: 0 0 10px; }
    .canton--main-title .infos:last-child {
      margin: 0; }
  .canton--main-title h2 {
    text-transform: uppercase;
    color: #ccc;
    margin: 0;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  .canton--main-title p {
    margin: 0; }

.canton-detail .button--type,
.elu--detail .button--type {
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 1021px) {
    .canton-detail .button--type,
    .elu--detail .button--type {
      margin: 10px 30px 20px; } }
  .canton-detail .button--type .icon,
  .elu--detail .button--type .icon {
    width: 35px;
    text-align: center;
    padding: 0;
    font-size: 1.7em;
    line-height: 0.6; }
.canton .canton-detail #tx-solr-search-form,
.canton .elu--detail #tx-solr-search-form {
  display: block; }

.canton .canton--title {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 400;
  text-transform: uppercase;
  color: #999;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.canton .block--card {
  margin: 0 0 40px;
  background: none; }
  .canton .block--card li {
    margin: 0 0 10px;
    background: #fff; }
    .canton .block--card li > a {
      border: 1px solid #cdcdcd; }
  .canton .block--card .content--text {
    position: relative; }
  .canton .block--card .link--more a {
    display: inline-block;
    background: none; }
  .canton .block--card .social a:hover .icon--plus {
    background: #9961a0; }
  .canton .block--card .routes a:hover .icon--plus {
    background: #dba634; }
  .canton .block--card .transports a:hover .icon--plus {
    background: #9ec54d; }
  .canton .block--card .colleges a:hover .icon--plus {
    background: #da519d; }
  .canton .block--card .territoires a:hover .icon--plus {
    background: #33a457; }
  .canton .block--card .culture-sports a:hover .icon--plus {
    background: #f04647; }
  .canton .block--card .tourdefrance a:hover .icon--plus {
    background: #fdc009; }
.canton .elu--list {
  margin: 0 0 20px; }
  .canton .elu--list li {
    width: 46.5%;
    margin: 0 7% 0 0;
    float: left; }
    .canton .elu--list li:last-child {
      margin: 0; }
.canton .block--right {
  margin: 0 0 30px; }
.canton #container {
  background: #fff; }
  @media only screen and (min-width: 720px) {
    .canton #container {
      background: #f2f2f2; } }
.canton .block--right {
  margin: 0 0 30px; }
  .canton .block--right p {
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
    .canton .block--right p:last-child {
      margin: 0; }
.canton .list--actuality.block--card .content--img {
  width: 160px; }
  .canton .list--actuality.block--card .content--img img {
    width: auto;
    height: 160px; }
.canton.moteur #tx-solr-map {
  text-align: left; }
  @media only screen and (max-width: 719px) {
    .canton.moteur #tx-solr-map {
      width: 100% !important; } }

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

.canton--main-right .list--actuality .content--img {
  display: none; }

@media only screen and (min-width: 720px) {
  .canton--main-col,
  .canton--col-right {
    float: left; } }
.canton--main-col .block--card .title,
.canton--col-right .block--card .title {
  width: 85%; }

@media only screen and (min-width: 720px) {
  .canton--main-col {
    width: 55%;
    margin: 0 5% 0 0; } }
@media only screen and (min-width: 960px) {
  .canton--main-col {
    width: 62%; } }

.canton--col-right {
  margin: 0; }
  @media only screen and (min-width: 720px) {
    .canton--col-right {
      width: 40%; } }
  @media only screen and (min-width: 960px) {
    .canton--col-right {
      width: 33%; } }
  .canton--col-right .content--img {
    display: none; }
  .canton--col-right .block--card .icon--plus {
    right: 8px; }
  .canton--col-right figure {
    border-radius: 0;
    margin: 0; }
    .canton--col-right figure a {
      font-style: normal;
      text-decoration: none; }
      .canton--col-right figure a:before, .canton--col-right figure a:after {
        display: none; }
  .canton--col-right figcaption {
    padding: 10px 0 0; }

.webcam .description {
  width: 100%;
  position: relative; }
  .webcam .description a {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }

.contact .r-tabs-panel {
  padding: 0; }
  .contact .r-tabs-panel:first-of-type img {
    width: auto;
    height: 100%; }
  .contact .r-tabs-panel:nth-of-type(2) {
    position: relative; }
    .contact .r-tabs-panel:nth-of-type(2) .csc-textpic-text {
      width: 40%;
      color: #fff;
      position: absolute;
      bottom: 25%;
      left: 10%;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); }
      .contact .r-tabs-panel:nth-of-type(2) .csc-textpic-text h3 {
        margin: 0 0 30px;
        font-size: 35px;
        font-size: 2.3333333333rem; }
.contact .csc-textpic-imagewrap .ratio {
  display: none; }
.contact .csc-textpic-intext-right {
  position: relative; }
  .contact .csc-textpic-intext-right .csc-textpic-text {
    width: 100%;
    padding: 20px;
    position: relative;
    z-index: 2; }
    @media only screen and (min-width: 720px) {
      .contact .csc-textpic-intext-right .csc-textpic-text {
        color: #fff;
        text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
        position: absolute;
        width: 40%;
        bottom: 15%;
        left: 10%;
        padding: 0;
        background: none; } }
    .contact .csc-textpic-intext-right .csc-textpic-text h3 {
      color: #666;
      margin: 0 0 10px;
      font-size: 20px;
      font-size: 1.3333333333rem; }
      @media only screen and (min-width: 720px) {
        .contact .csc-textpic-intext-right .csc-textpic-text h3 {
          margin: 0 0 30px;
          color: #fff;
          font-size: 35px;
          font-size: 2.3333333333rem; } }
.contact div.csc-textpic.csc-textpic-intext-left figure, .contact div.csc-textpic.csc-textpic-intext-right figure {
  border-radius: 0;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1; }
.contact div.csc-textpic.csc-textpic-intext-left figure img, .contact div.csc-textpic.csc-textpic-intext-right figure img {
  width: 100%;
  height: auto; }
.contact .csc-textpic-text h3 {
  color: #fff; }
.contact div.csc-textpic-intext-right .csc-textpic-imagewrap,
.contact div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin: 0;
  float: none; }
.contact figure {
  margin: 0 0 20px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
.contact .responsive--tabs {
  margin-bottom: 70px; }
.contact fieldset {
  margin: 0; }
  .contact fieldset.fieldset-marge {
    margin: 0 0 20px; }
.contact .tabs--style li a:before {
  margin: 0 10px 0 0;
  font-size: 1.5em;
  display: inline-block;
  font-family: "cd63" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.contact .tabs--style li:first-child a:before {
  content: "\e003"; }
.contact .tabs--style li:nth-child(2) a:before {
  content: "\e014"; }
.contact .tabs--style li:nth-child(3) a:before {
  content: "\e005"; }
.contact .tabs--style li:nth-child(4) a:before {
  content: "\e004"; }
.contact .tabs--style h3 {
  vertical-align: top;
  padding: 10px 0 0;
  display: inline-block; }
.contact .tx-solr-facet-component {
  text-align: left; }
.contact .tab--content .padding--main-content {
  padding: 0; }
.contact .tabs--style a {
  height: 63px; }

.contact--iframe {
  background: none; }
  .contact--iframe .padding--main-content {
    padding: 0; }
  .contact--iframe #header,
  .contact--iframe #mobile--header,
  .contact--iframe #footer,
  .contact--iframe #breadcrumb,
  .contact--iframe .block--author,
  .contact--iframe .block--title,
  .contact--iframe .gotop {
    display: none; }

@media only screen and (min-width: 720px) {
  .elu {
    background: #f2f2f2; } }
@media only screen and (min-width: 720px) {
  .elu #container {
    background: #f2f2f2; } }
.elu.detail .col--main {
  margin: 20px 0 0; }
.elu .type-page-182 {
  text-align: left; }
.elu .color--srr {
  border-bottom: 5px solid #7237a3; }
.elu .color--ur {
  border-bottom: 5px solid #0172c2; }
.elu .color--fg {
  border-bottom: 5px solid #c8161b; }
.elu .color--sa63 {
  border-bottom: 5px solid #F556BF; }
.elu .color--dg {
  border-bottom: 5px solid #ff507e; }
.elu .color--sag63 {
  border-bottom: 5px solid #848484; }
.elu .color--lg63solidnat {
  border-bottom: 5px solid #de0000; }
.elu .color--uri {
  border-bottom: 5px solid #0066cd; }
.elu .color--proxTerri {
  border-bottom: 5px solid #ffec00; }
.elu .color--noninscrits {
  border-bottom: 5px solid #c1c1c1; }
.elu .color--solidnatSocEco {
  border-bottom: 5px solid #ff8181; }
.elu .color--id63 {
  border-bottom: 5px solid #00ffff; }

@media only screen and (min-width: 720px) {
  .elu--content .img {
    width: 135px;
    float: left;
    margin: 0 20px 0 0; } }
.elu--content .color--srr {
  border-bottom: 5px solid #7237a3; }
.elu--content .color--ur {
  border-bottom: 5px solid #0172c2; }
.elu--content .color--fg {
  border-bottom: 5px solid #c8161b; }
.elu--content .color--dg {
  border-bottom: 5px solid #ff507e; }
.elu--content .color--sa63 {
  border-bottom: 5px solid #F556BF; }
.elu--content .color--sag63 {
  border-bottom: 5px solid #848484; }
.elu--content .color--lg63solidnat {
  border-bottom: 5px solid #de0000; }
.elu--content .color--uri {
  border-bottom: 5px solid #0066cd; }
.elu--content .color--proxTerri {
  border-bottom: 5px solid #ffec00; }
.elu--content .color--noninscrits {
  border-bottom: 5px solid #c1c1c1; }
.elu--content .color--solidnatSocEco {
  border-bottom: 5px solid #ff8181; }
.elu--content .color--id63 {
  border-bottom: 5px solid #00ffff; }

.list--elu {
  margin: 30px 0 50px; }
  .list--elu li {
    padding: 0 1%;
    margin-bottom: 30px;
    text-align: center; }
    .list--elu li:nth-child(4n) {
      margin-right: 0; }
  .list--elu figure {
    margin: 0;
    border-radius: 0; }
  .list--elu figcaption {
    color: #666;
    position: relative;
    left: inherit;
    bottom: inherit;
    background: none; }
  .list--elu a {
    color: #666;
    display: block;
    overflow: hiddden;
    text-decoration: none; }
  .list--elu h3 {
    line-height: 1;
    margin: 20px 0 3px;
    font-size: 16px;
    font-size: 1.0666666667rem; }
    .list--elu h3 span {
      text-transform: uppercase; }
  .list--elu p {
    line-height: 1;
    margin: 0;
    color: #999; }
  .list--elu .partie {
    color: #666;
    margin: 0 0 3px; }

.ratio {
  position: relative;
  width: 100%;
  padding-top: 110%; }

.elu--fiche {
  width: 60%;
  margin: 0 auto; }
  .elu--fiche .color--srr {
    border: 8px solid #7237a3; }
  .elu--fiche .color--ur {
    border: 8px solid #0172c2; }
  .elu--fiche .color--sa63 {
    border: 8px solid #F556BF; }
  .elu--fiche .color--sag63 {
    border: 8px solid #848484; }
  .elu--fiche .color--lg63solidnat {
    border: 8px solid #de0000; }
  .elu--fiche .color--uri {
    border: 8px solid #0066cd; }
  .elu--fiche .color--proxTerri {
    border: 8px solid #ffec00; }
  .elu--fiche .color--noninscrits {
    border: 8px solid #c1c1c1; }
  .elu--fiche .color--solidnatSocEco {
    border: 8px solid #ff8181; }
  .elu--fiche .color--id63 {
    border: 8px solid #00ffff; }

.elu--fiche-padding {
  padding: 0 5% 0 0; }

.elu--fiche {
  color: #b7b7b7; }
  .elu--fiche h3,
  .elu--fiche h2 {
    color: #666;
    margin: 0 0 10px; }
  .elu--fiche h2 {
    margin-top: 40px; }
  .elu--fiche a {
    font-weight: 700; }
  .elu--fiche .block--grid {
    margin: 0 0 60px; }
  .elu--fiche .elu--img {
    margin: 0 0 140px; }
  .elu--fiche p {
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .elu--fiche .elu--canton {
    color: #64b0e5;
    font-size: 16px;
    font-size: 1.0666666667rem; }
    .elu--fiche .elu--canton .icon {
      font-size: 1em; }
  .elu--fiche .icon--marker-bold {
    font-size: 1em;
    text-decoration: none; }
  .elu--fiche .detail--bar {
    padding: 10px 20px; }
    .elu--fiche .detail--bar a {
      text-decoration: none;
      font-weight: 400; }

.elu--fiche-info {
  margin: 0 0 20px; }
  .elu--fiche-info .icon {
    line-height: 1;
    font-size: 3em;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #666;
    vertical-align: middle; }
  .elu--fiche-info .text {
    width: 80%;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle; }
  .elu--fiche-info .icon--twitter,
  .elu--fiche-info .icon--facebook,
  .elu--fiche-info .icon--google {
    font-size: 1em;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #666;
    -webkit-border-radius: 37px;
    -khtml-border-radius: 37px;
    -moz-border-radius: 37px;
    -ms-border-radius: 37px;
    -o-border-radius: 37px;
    border-radius: 37px; }

.elu--map-detail ul {
  text-align: center; }
.elu--map-detail li {
  display: inline-block; }

.elu--map-infos {
  color: #666; }
  .elu--map-infos a {
    text-decoration: none;
    color: #666; }
  .elu--map-infos li {
    line-height: 1;
    padding: 0 12px 0 10px;
    border-right: 1px solid #666; }
    .elu--map-infos li:last-child {
      border: none; }

.elu--map-communes li {
  padding: 0 10px 0 2px;
  background: url("../images/elu-map-sep.png") no-repeat right center;
  font-size: 13px;
  font-size: 0.8666666667rem; }
  .elu--map-communes li:last-child {
    background: none; }

.elu--list a {
  text-decoration: none;
  color: #666; }
  html.no-touch .elu--list a:hover {
    background: #fff; }
    html.no-touch .elu--list a:hover .img:after {
      opacity: 1; }
    html.no-touch .elu--list a:hover .icon-hover {
      opacity: 1; }
.elu--list ol {
  padding: 0;
  margin: 0;
  list-style: none; }
.elu--list .elu--content .img {
  float: none;
  position: relative;
  width: 100%;
  margin: 0; }
.elu--list .img:after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }
.elu--list p {
  text-transform: uppercase;
  color: #999;
  margin: 0 0 5px;
  font-size: 10px;
  font-size: 0.6666666667rem; }
.elu--list h3 {
  margin: 5px 0;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.9333333333rem; }
  .elu--list h3 span {
    display: block;
    text-transform: uppercase; }
.elu--list .partie {
  display: none; }
.elu--list .icon-hover {
  width: 29px;
  height: 29px;
  line-height: 29px;
  opacity: 0;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #64b0e5;
  z-index: 4;
  font-size: 24px;
  font-size: 1.6rem;
  -webkit-border-radius: 29px;
  -khtml-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  -o-border-radius: 29px;
  border-radius: 29px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s; }

@media only screen and (min-width: 1021px) {
  .elu .col--main .tx-solr {
    width: 936px;
    margin: 0 auto; } }
.elu .padding--institution-content {
  padding: 0; }
.elu #block--faceting {
  width: 100%;
  float: none; }
.elu #block--results {
  width: 100%; }
.elu #block--nb-result {
  text-align: right; }
.elu #tx-solr-search .tx-solr-facet {
  width: 100%;
  margin: 0;
  z-index: 6; }
  @media only screen and (min-width: 720px) {
    .elu #tx-solr-search .tx-solr-facet {
      margin: 0 0 0 1%;
      width: 32%; }
      .elu #tx-solr-search .tx-solr-facet.tx-solr-facet-facet_elu_conseiller_adresse {
        width: 100%;
        margin-top: 10px;
        margin-left: 0; }
        .elu #tx-solr-search .tx-solr-facet.tx-solr-facet-facet_elu_conseiller_adresse li {
          display: block; } }
  .elu #tx-solr-search .tx-solr-facet:first-child {
    margin: 0; }
.elu #tx-solr-search .tx-solr-facet-facet_elu_conseiller_groupe {
  z-index: 9; }
.elu #tx-solr-search-form {
  display: none; }
.elu #tx-solr-results-list .view a {
  padding: 0; }
.elu #tx-solr-faceting {
  padding: 10px 10px 14px 10px; }
  @media only screen and (min-width: 720px) {
    .elu #tx-solr-faceting {
      padding: 0 0 20px;
      background-color: transparent; }
      .elu #tx-solr-faceting .title {
        display: none; } }
  .elu #tx-solr-faceting input {
    border-radius: 0;
    position: relative;
    z-index: 6; }
  .elu #tx-solr-faceting .tx-solr-facet-component {
    border: 1px solid #cdcdcd;
    position: absolute;
    margin: -2px 0 0;
    max-height: 200px;
    overflow: auto;
    width: 100%;
    background: #fff;
    z-index: 5; }
    .elu #tx-solr-faceting .tx-solr-facet-component li {
      padding: 5px 20px; }
@media only screen and (min-width: 720px) {
  .elu .tx-solr-facet-facet_elu_conseiller_canton,
  .elu .tx-solr-facet-facet_elu_conseiller_adresse,
  .elu .tx-solr-facet-facet_elu_conseiller_groupe {
    float: left;
    width: 32%;
    margin-right: 1%; } }

.tx-solr-facet p {
  position: absolute;
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem; }
  .annuaire--map .tx-solr-facet p {
    position: relative; }

.elu.moteur #tx-solr-search .tx-solr-facet.tx-solr-facet-facet_elu_conseiller_adresse li, .elu.moteur #tx-solr-search .tx-solr-facet.tx-solr-facet-facet_canton_adresses li {
  display: block; }

.canton.moteur #tx-solr-search .tx-solr-facet.tx-solr-facet-facet_canton_adresses ul.tx-solr-facet-component li {
  display: block; }

.elu.moteur .grid-sizer,
.elu.moteur .type-page-182 {
  width: 48.5%; }
  @media only screen and (min-width: 720px) {
    .elu.moteur .grid-sizer,
    .elu.moteur .type-page-182 {
      width: 22.75%; } }
  @media only screen and (min-width: 960px) {
    .elu.moteur .grid-sizer,
    .elu.moteur .type-page-182 {
      width: 17.6%; } }
  @media only screen and (min-width: 1021px) {
    .elu.moteur .grid-sizer,
    .elu.moteur .type-page-182 {
      width: 14.1666666667%; } }
.elu.moteur .type-page-182 {
  float: left;
  margin-bottom: 20px;
  margin-right: 3%; }
  .elu.moteur .type-page-182:nth-child(2n+2) {
    margin-right: 0; }
  @media only screen and (min-width: 720px) {
    .elu.moteur .type-page-182:nth-child(2n+2) {
      margin-right: 3%; }
    .elu.moteur .type-page-182:nth-child(4n+2) {
      margin-right: 0; } }
  @media only screen and (min-width: 960px) {
    .elu.moteur .type-page-182 {
      margin-right: 3%; }
      .elu.moteur .type-page-182:nth-child(4n+2) {
        margin-right: 3%; }
      .elu.moteur .type-page-182:nth-child(5n+2) {
        margin-right: 0; } }
  @media only screen and (min-width: 1021px) {
    .elu.moteur .type-page-182 {
      margin-right: 3%; }
      .elu.moteur .type-page-182:nth-child(5n+2) {
        margin-right: 3%; }
      .elu.moteur .type-page-182:nth-child(6n+2) {
        margin-right: 0; } }
  .elu.moteur .type-page-182 a {
    border: none; }
  .elu.moteur .type-page-182 h3 {
    margin: 5px 0;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.9333333333rem; }
    .elu.moteur .type-page-182 h3 span {
      display: block; }
  .elu.moteur .type-page-182 p {
    text-transform: uppercase;
    color: #999;
    margin: 0 0 5px;
    font-size: 10px;
    font-size: 0.6666666667rem; }
  .elu.moteur .type-page-182 .partie {
    display: none; }
.elu.moteur #tx-solr-results-list .view a {
  border: none; }
  html.no-touch .elu.moteur #tx-solr-results-list .view a:hover {
    background: #f2f2f2; }
    html.no-touch .elu.moteur #tx-solr-results-list .view a:hover .img:after {
      opacity: 1; }
    html.no-touch .elu.moteur #tx-solr-results-list .view a:hover .icon-hover {
      opacity: 1; }
.elu.moteur .gutter-sizer {
  width: 3%; }
.elu.moteur .elu--content .img {
  position: relative;
  float: none;
  width: 100%;
  margin: 0; }
  .elu.moteur .elu--content .img:after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 3;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
  .elu.moteur .elu--content .img img {
    position: relative;
    z-index: 2; }
  .elu.moteur .elu--content .img .icon-hover {
    width: 29px;
    height: 29px;
    line-height: 29px;
    opacity: 0;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #64b0e5;
    z-index: 4;
    font-size: 24px;
    font-size: 1.6rem;
    -webkit-border-radius: 29px;
    -khtml-border-radius: 29px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
    border-radius: 29px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }

@media only screen and (min-width: 720px) {
  .elu--detail {
    padding: 0 30px; } }
.elu--detail .button--type {
  margin-left: 0; }
.elu--detail .elu--title {
  color: #ccc;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.elu--detail .block--share {
  margin: 10px 0; }
  @media only screen and (min-width: 720px) {
    .elu--detail .block--share {
      float: right; } }

.elu--content-infos {
  position: relative;
  margin: 0;
  margin-bottom: 12px;
  padding: 40px; }
  @media only screen and (min-width: 720px) {
    .elu--content-infos {
      padding: 0; } }

@media only screen and (min-width: 720px) {
  .elu--infos-img,
  .elu--infos {
    float: left; } }

.elu--infos-img {
  position: relative;
  margin: 0 0 20px; }
  .elu--infos-img .border {
    display: none; }
  @media only screen and (min-width: 720px) {
    .elu--infos-img {
      width: 30%;
      display: block;
      margin: 0; } }
  @media only screen and (min-width: 1021px) {
    .elu--infos-img {
      width: 280px;
      height: 400px;
      overflow: hidden; }
      .elu--infos-img img {
        height: 100%;
        width: auto; }
      .elu--infos-img .border {
        display: block;
        width: 100%;
        height: 6px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 4; }
        .elu--infos-img .border.color--srr {
          background: #7237a3; }
        .elu--infos-img .border.color--ur {
          background: #0172c2; }
        .elu--infos-img .border.color--fg {
          background: #c8161b; } }

.elu--infos {
  position: relative; }
  @media only screen and (min-width: 720px) {
    .elu--infos {
      width: 70%;
      padding: 25px 170px 0 20px; } }
  @media only screen and (min-width: 1021px) {
    .elu--infos {
      width: 680px;
      height: 400px;
      padding: 25px 250px 0 50px; }
      .is-firefoxOld .elu--infos {
        width: 380px;
        height: 325px; } }
  .elu--infos h1 {
    margin: 0; }
  .elu--infos .fonction-1 {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.2rem; }
    .elu--infos .fonction-1 .skin--tooltip {
      text-transform: uppercase; }
  .elu--infos .fonction-2 {
    color: #999;
    font-weight: 600; }
  .elu--infos .skin--tooltip {
    border: none; }
  .elu--infos .date {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .elu--infos p {
    margin: 0;
    line-height: 1.3;
    font-weight: 600; }
  .elu--infos .infos {
    margin: 0 0 15px; }
    .elu--infos .infos:last-child {
      margin: 0; }

@media only screen and (min-width: 1021px) {
  .elu--infos-detail {
    position: absolute;
    bottom: 25px;
    left: 50px; } }
.elu--infos-detail:before {
  content: "";
  display: inline-block;
  margin: 0 0 10px;
  width: 30px;
  height: 2px;
  background: #666; }

.elu--binome {
  margin: 20px 0 0;
  text-align: left;
  width: 135px; }
  @media only screen and (min-width: 720px) {
    .elu--binome {
      position: absolute;
      right: 20px;
      bottom: 20px;
      margin: 0; } }
  .elu--binome p {
    text-transform: uppercase;
    color: #999;
    margin: 0;
    font-size: 10px;
    font-size: 0.66667rem; }
  .elu--binome .partie {
    display: none; }
  .elu--binome .title {
    margin: 0;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.7333333333rem; }
  .elu--binome h3 {
    font-size: 14px;
    font-size: 0.9333333333rem;
    font-weight: 400;
    margin: 5px 0 0; }
    .elu--binome h3 span {
      display: block; }
  .elu--binome a {
    text-decoration: none; }

.elu--contact {
  padding: 10px;
  position: relative;
  z-index: 2;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -khtml-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -moz-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -ms-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  -o-box-shadow: 0 0 5px rgba(16, 16, 16, 0.2);
  box-shadow: 0 0 5px rgba(16, 16, 16, 0.2); }

.elu--contact-title {
  margin: 0 0 0 5px; }

.elu--contact-infos {
  text-align: center;
  margin: 30px 0 50px; }
  .elu--contact-infos p {
    line-height: 1.2;
    margin: 0; }
  .elu--contact-infos a {
    text-decoration: none; }
    html.no-touch .elu--contact-infos a:hover {
      text-decoration: underline; }

.elu--contact-col {
  margin: 0 0 20px;
  padding: 0 20px; }
  @media only screen and (min-width: 720px) {
    .elu--contact-col {
      display: inline-block;
      width: 22%;
      margin: 0;
      position: relative;
      vertical-align: middle; }
      .elu--contact-col:before {
        content: "";
        position: absolute;
        left: 0;
        width: 1px;
        height: 70px;
        display: inline-block;
        vertical-align: middle;
        background: #666;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .elu--contact-col:first-child {
        width: 32%; }
        .elu--contact-col:first-child:before {
          display: none; } }
  .elu--contact-col:last-child {
    margin: 0; }
  .elu--contact-col .table {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
  .elu--contact-col .vertical-align {
    width: 100%;
    display: table-cell;
    vertical-align: middle; }
  .elu--contact-col .icon {
    vertical-align: middle; }

.elu--remplacant {
  margin: 10px 0; }

.elu--remplacant-name {
  display: inline-block; }
  .elu--remplacant-name p {
    margin: 0;
    line-height: 1.4; }
  .elu--remplacant-name .remplacant {
    font-weight: 600;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }

.expositions .col--main {
  background: #fff; }
.expositions .img--container {
  min-height: 34px;
  position: relative;
  background: #f2f2f2;
  border-bottom: 1px solid #cdcdcd; }
  .expositions .img--container img {
    width: 100%;
    height: auto; }
  .expositions .img--container + .description {
    padding: 20px; }
    @media only screen and (min-width: 720px) {
      .expositions .img--container + .description {
        padding: 10px; } }
    @media only screen and (min-width: 960px) {
      .expositions .img--container + .description {
        padding: 20px; } }
.expositions .description {
  padding: 40px 20px 20px; }
  @media only screen and (min-width: 720px) {
    .expositions .description {
      padding: 40px 10px 10px; } }
  @media only screen and (min-width: 960px) {
    .expositions .description {
      padding: 40px 20px 20px; } }
.expositions .solr--nb-content {
  border: none; }
.expositions #block--results {
  padding: 0; }
.expositions #tx-solr-results-list li {
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .expositions #tx-solr-results-list li a {
    opacity: 1 !important;
    border: none;
    padding: 0;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s; }
  .expositions #tx-solr-results-list li.grid-sizer, .expositions #tx-solr-results-list li.gutter-sizer {
    border: none; }
.expositions #tx-solr-results-list .text {
  display: none; }
  @media only screen and (min-width: 960px) {
    .expositions #tx-solr-results-list .text {
      display: block; } }
.expositions #tx-solr-results-list .more {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 29px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  color: #f04647;
  background: #fff;
  -webkit-border-radius: 29px;
  -khtml-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  -o-border-radius: 29px;
  border-radius: 29px;
  font-size: 24px;
  font-size: 1.6rem; }
  @media only screen and (min-width: 720px) {
    .expositions #tx-solr-results-list .more {
      bottom: 0;
      right: 0; } }
  @media only screen and (min-width: 960px) {
    .expositions #tx-solr-results-list .more {
      bottom: 20px;
      right: 20px; } }
.expositions #tx-solr-results-list .view {
  margin-bottom: 15px; }
  .expositions #tx-solr-results-list .view .title {
    font-weight: 600;
    text-transform: none;
    border: none;
    padding: 0;
    color: #f04647;
    font-size: 20px;
    font-size: 1.3333333333rem; }
    @media only screen and (min-width: 720px) {
      .expositions #tx-solr-results-list .view .title {
        font-size: 17px;
        font-size: 1.1333333333rem; } }
    @media only screen and (min-width: 1021px) {
      .expositions #tx-solr-results-list .view .title {
        font-size: 25px;
        font-size: 1.6666666667rem; } }
  .expositions #tx-solr-results-list .view a:hover:after {
    display: none; }
  .expositions #tx-solr-results-list .view .nature {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.8rem; }
.expositions #tx-solr-results-list p:last-child {
  margin: 0; }
.expositions #tx-solr-results-list ul {
  margin: 0 0 20px;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .expositions #tx-solr-results-list ul {
      padding: 70px 0 0;
      margin: 0 0 40px; }
      .home .expositions #tx-solr-results-list ul {
        padding: 0;
        margin: 0 0 20px; } }
.expositions #tx-solr-results-list li {
  overflow: hidden;
  text-align: left;
  margin: 0;
  border: 1px solid #cdcdcd;
  list-style: none;
  background: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s; }
.expositions #tx-solr-results-list .chapo {
  text-align: left;
  font-weight: 600;
  margin: 0 0 20px;
  font-size: 18px;
  font-size: 1.2rem; }
.expositions #tx-solr-results-list a {
  text-decoration: none;
  color: #666; }
  html.no-touch .expositions #tx-solr-results-list a:hover {
    color: #666; }
.expositions #tx-solr-results-list .title {
  color: #f04647;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 20px;
  font-size: 1.3333333333rem; }
  .home .expositions #tx-solr-results-list .title {
    border: none;
    padding: 0; }
.expositions #tx-solr-results-list .type span {
  display: block;
  padding: 5px 10px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #f04647;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
.expositions #tx-solr-results-list .date {
  margin: 0;
  color: #999;
  font-size: 12.5px;
  font-size: 0.8333333333rem; }
  .home .expositions #tx-solr-results-list .date {
    color: #999;
    margin: 0; }
.expositions #tx-solr-results-list figure {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .home .expositions #tx-solr-results-list figure {
    margin: 0 0 10px; }
.expositions #tx-solr-results-list .content--btn-plus {
  margin: 0;
  text-align: right;
  line-height: 1; }
.expositions #tx-solr-results-list .btn--plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 1px solid #666;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; }
  .expositions #tx-solr-results-list .btn--plus:before, .expositions #tx-solr-results-list .btn--plus:after {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 6px;
    background: #666; }
  .expositions #tx-solr-results-list .btn--plus:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.expositions #tx-solr-results-list .type {
  margin: 0;
  position: absolute;
  right: 5px;
  top: 5px; }
.expositions a.ui-state-default {
  font-weight: 400;
  border-color: #cdcdcd;
  color: #f04647;
  background: #fff; }
.expositions a.ui-state-highlight,
.expositions a.ui-state-hover {
  color: #666;
  background: #cdcdcd; }

html.no-touch .expositions #tx-solr-results-list a:hover {
  color: #fff;
  background: #f04647; }
  html.no-touch .expositions #tx-solr-results-list a:hover .title,
  html.no-touch .expositions #tx-solr-results-list a:hover .nature {
    color: #fff !important; }

.expositions #block--faceting {
  text-align: right;
  width: 100%;
  padding: 0 0 20px; }
.expositions #block--results {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .expositions #block--results {
      border-top: 1px solid #cdcdcd; } }
.expositions #block--liste {
  padding: 20px;
  background: #fff;
  text-align: right; }
  @media only screen and (min-width: 720px) {
    .expositions #block--liste {
      text-align: inherit;
      background: none;
      padding: 0; } }
.expositions #block--nb-result {
  text-align: right;
  padding-right: 0; }
.expositions .tx-solr-facet-filters {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8; }
  .expositions .tx-solr-facet-filters li {
    width: 100%;
    height: 100%;
    margin: 0; }
  .expositions .tx-solr-facet-filters a {
    padding: 13px 10px;
    border-radius: 0;
    font-size: 15px;
    font-size: 1rem;
    -webkit-transition: all ease 0.45s;
    -moz-transition: all ease 0.45s;
    transition: all ease 0.45s; }
    html.no-touch .expositions .tx-solr-facet-filters a:hover {
      opacity: 1;
      background: #666; }
.expositions .solr--nb-content h2 {
  text-align: center;
  display: block; }
  @media only screen and (min-width: 720px) {
    .expositions .solr--nb-content h2 {
      text-align: left; } }
.expositions #tx-solr-facets-in-use {
  display: none;
  top: inherit;
  bottom: -20px;
  right: 0; }
.expositions #tx-solr-search .fiel--search.active {
  background: #f04647; }
.expositions #tx-solr-search-form {
  vertical-align: top;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 10px;
  text-align: left;
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .expositions #tx-solr-search-form {
      margin: 0;
      display: inline-block;
      background: none; }
      .expositions #tx-solr-search-form .title {
        display: none; }
      .expositions #tx-solr-search-form .fiel--search {
        width: 100%; } }
  .expositions #tx-solr-search-form .tx-solr-q {
    width: 95%; }
  .expositions #tx-solr-search-form .tx-solr-submit {
    width: 5%; }
.expositions .tx-solr-component-select-box,
.expositions .tx-solr-component-dates {
  margin: 0 0 20px 0; }
.expositions .hasDatepicker {
  background: url("../images/calendar-datepicker.png") no-repeat right center #fff; }
.expositions #tx-solr-faceting {
  text-align: left;
  display: block;
  margin: 0 0 20px;
  padding: 0;
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .expositions #tx-solr-faceting {
      display: inline-block;
      background-color: transparent; }
      .expositions #tx-solr-faceting .tx-solr-facet {
        width: 100%;
        position: relative; } }
  .expositions #tx-solr-faceting .title {
    display: none; }
  .expositions #tx-solr-faceting .cs-select {
    border-radius: 0; }
  .expositions #tx-solr-faceting .tx-solr-facet input {
    width: 100%;
    margin: 0 0 20px 0; }
    @media only screen and (min-width: 720px) {
      .expositions #tx-solr-faceting .tx-solr-facet input {
        width: 40%;
        margin: 0 1% 0 0; } }
.expositions #tx-solr-search-tabs {
  display: none; }
@media only screen and (min-width: 720px) {
  .expositions .tx-solr-facet-facet_canton {
    float: left;
    width: 68%;
    margin-right: 2%; }
  .expositions .tx-solr-facet-facet_canton_adresses {
    float: left;
    width: 30%; } }
.expositions .tx-solr-facet-filters a {
  background: #f04647; }
  .expositions .tx-solr-facet-filters a:after {
    position: absolute;
    right: 10px;
    line-height: 1.5; }

.expositions .grid-sizer,
.expositions .type-exposition {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .expositions .grid-sizer,
    .expositions .type-exposition {
      width: 49%; } }
  @media only screen and (min-width: 1021px) {
    .expositions .grid-sizer,
    .expositions .type-exposition {
      width: 32%; } }
.expositions .gutter-sizer {
  width: 2%; }
.expositions #tx-solr-results-list li {
  float: none; }
  @media only screen and (min-width: 720px) {
    .expositions #tx-solr-results-list li {
      float: left; } }
.home .expositions #tx-solr-results-list .grid-sizer,
.home .expositions #tx-solr-results-list .gutter-sizer {
  margin: 0; }
.expositions .type-exposition {
  float: left;
  margin-bottom: 20px; }
  @media only screen and (min-width: 720px) {
    .home .expositions .type-exposition {
      margin: 0 2% 20px 0; }
      .home .expositions .type-exposition:last-child {
        margin: 0 0 20px; } }

@media only screen and (min-width: 720px) {
  .exposition-detail .detail--col-main {
    width: 57.5%; } }
@media only screen and (min-width: 1240px) {
  .exposition-detail .detail--col-main {
    width: 68%;
    margin: 0 2% 0 0; } }
@media only screen and (min-width: 1240px) {
  .exposition-detail .detail--col-main .description {
    padding: 0 20px 0 0; } }
@media only screen and (min-width: 720px) {
  .exposition-detail .detail--col-right {
    width: 40.5%; } }
@media only screen and (min-width: 1240px) {
  .exposition-detail .detail--col-right {
    width: 30%; } }
.exposition-detail .block--title {
  display: none; }
.exposition-detail .block--title-tools h1 {
  color: #f04647;
  float: none; }
.exposition-detail .block--title-tools h2 {
  margin: 0 0 20px; }
.exposition-detail .detail--container {
  border-top: 1px solid #cdcdcd; }
.exposition-detail .detail--col-right figure {
  margin: 0 0 20px;
  border-radius: 0; }
.exposition-detail .box {
  border: 2px solid #cdcdcd;
  border-radius: 0; }
.exposition-detail .hasDatepicker {
  background: url("../images/calendar-datepicker.png") no-repeat right center #fff; }
.exposition-detail .detail--link {
  margin-bottom: 20px; }
  .exposition-detail .detail--link a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.9333333333rem;
    color: #f04647; }
.exposition-detail .detail--title {
  border: none; }
.exposition-detail .detail--theme p,
.exposition-detail .nature p {
  margin: 0; }
.exposition-detail .nature a {
  color: #f04647;
  font-weight: normal; }
.exposition-detail .detail--theme {
  position: relative;
  float: left;
  margin-right: 20px;
  color: #999; }
  .exposition-detail .detail--theme p {
    font-size: 14px;
    font-size: 0.9333333333rem; }
  .exposition-detail .detail--theme:after {
    content: ':';
    position: absolute;
    top: 1px;
    right: -12px;
    font-size: 16px;
    font-size: 1.0666666667rem; }
.exposition-detail .subtitle {
  color: #f04647;
  margin: 0 0 20px; }
.exposition-detail .nature {
  margin: 0;
  color: #f04647;
  font-weight: bold;
  text-transform: uppercase; }
.exposition-detail .detail--infos h3 {
  color: #999;
  margin: 0;
  font-size: 16px;
  font-size: 1.0666666667rem; }
.exposition-detail .detail--infos-city {
  text-transform: uppercase;
  margin: 10px 0 0 !important; }
.exposition-detail .detail--infos-event-public a, .exposition-detail .detail--infos h3 {
  font-weight: bold; }
.exposition-detail .contenttable a {
  color: #f04647; }
.exposition-detail a.ui-state-default {
  font-weight: 400;
  border-color: #cdcdcd;
  color: #f04647;
  background: #fff; }
.exposition-detail a.ui-state-highlight,
.exposition-detail a.ui-state-hover {
  color: #666;
  background: #cdcdcd; }

.event--reservation-period, .event--reservation-contact {
  display: block;
  margin-bottom: 10px; }
  .event--reservation-period span, .event--reservation-contact span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .event--reservation-period input, .event--reservation-contact input {
    margin-bottom: 10px; }
.event--reservation-period input {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .event--reservation-period input {
      float: left;
      width: 50%; } }
.event--reservation-contact input:nth-child(1),
.event--reservation-contact input:nth-child(2) {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .event--reservation-contact input:nth-child(1),
    .event--reservation-contact input:nth-child(2) {
      float: left;
      width: 50%; } }
.event--reservation-contact input:nth-child(3),
.event--reservation-contact input:nth-child(4) {
  width: 100%; }
.event--reservation-submit-container span {
  display: block;
  margin-bottom: 10px; }
.event--reservation-submit-container p {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-style: italic; }
.event--reservation-errors ul li {
  color: #f04647;
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 5px;
  position: relative;
  font-weight: bold;
  padding-left: 5px; }
  .event--reservation-errors ul li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    font-size: 0.8rem; }
.event--reservation-contact-newsletter {
  position: relative;
  margin: 0 0 20px; }
  .event--reservation-contact-newsletter input[type="checkbox"] {
    border-radius: 0;
    margin: 0 10px 0 0;
    position: absolute !important;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 2px solid #e5e5e5;
    position: relative;
    -webkit-appearance: none;
    vertical-align: middle;
    background: #fff; }
    .event--reservation-contact-newsletter input[type="checkbox"]:checked {
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s; }
      .event--reservation-contact-newsletter input[type="checkbox"]:checked:before {
        content: "\2714";
        position: absolute;
        top: 0;
        left: 2px;
        line-height: 1;
        color: #f04647; }
  .event--reservation-contact-newsletter p {
    margin: 0 0 0 25px; }

@font-face {
  font-family: 'fontawesome';
  src: url("../fonts/fontawesome/fontawesome.eot?-e43dk9");
  src: url("../fonts/fontawesome/fontawesome.eot?#iefix-e43dk9") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome.woff?-e43dk9") format("woff"), url("../fonts/fontawesome/fontawesome.ttf?-e43dk9") format("truetype"), url("../fonts/fontawesome/fontawesome.svg?-e43dk9#fontawesome") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Made with http://icomoon.io/app */
/* General style */
.grid-gallery {
  padding: 20px 0; }
  .grid-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .grid-gallery figure {
    margin: 0; }
    .grid-gallery figure img {
      display: block;
      width: 100%; }
  .grid-gallery h3 {
    margin: 0;
    padding: 0 0 20px; }
  .grid-gallery p {
    margin: 0 0 10px; }

/* Grid style */
.grid-wrap {
  max-width: 69em;
  margin: 0;
  padding: 0; }

.grid {
  margin: 0 auto; }
  .grid li {
    width: 33.3%;
    float: left;
    cursor: pointer; }
    .grid li:hover figure {
      opacity: 0.7; }
  .grid figcaption {
    background: #e4e4e4;
    padding: 25px; }
  .grid figure {
    padding: 15px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }

/* Example media queries (reduce number of columns and change slideshow layout) */
@media screen and (max-width: 60em) {
  /* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
  .grid li {
    width: 33.3%; }

  .slideshow li {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0; }

  .slideshow li figure img {
    width: auto;
    margin: 0 auto;
    max-width: 100%; }

  .slideshow nav span,
  .slideshow nav span.nav-close {
    font-size: 1.8em;
    padding: 0.3em; }

  .info-keys {
    display: none; } }
@media screen and (max-width: 35em) {
  .grid li {
    width: 50%; } }
@media screen and (max-width: 24em) {
  .grid li {
    width: 100%; } }
/* Slideshow style */
.slideshow {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s; }
  .slideshow-open .slideshow {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s; }
    .slideshow-open .slideshow ul {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .slideshow ul {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 150px);
    transform: translate3d(0, 0, 150px);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s; }
    .slideshow ul.animatable li {
      -webkit-transition: -webkit-transform 0.5s;
      transition: transform 0.5s; }
  .slideshow li {
    width: 660px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -280px 0 0 -330px;
    visibility: hidden;
    background: transparent; }
    .slideshow li.show {
      visibility: visible; }
    .slideshow li:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.8);
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
    .slideshow li.current:after {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
      transition: opacity 0.3s, visibility 0s 0.3s; }
  .slideshow figure {
    width: 40%;
    height: auto;
    background: #fff;
    border: none;
    overflow: hidden;
    float: left;
    margin: 0 20px 10px 0; }
  .slideshow figcaption {
    padding-bottom: 20px; }
  .slideshow h3 {
    font-weight: 300;
    font-size: 200%; }
  .slideshow a {
    display: block; }

/* Navigation */
.slideshow .icon:before,
.slideshow .icon:after {
  font-family: 'fontawesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slideshow span.nav-prev:before {
  content: "\e601"; }
.slideshow span.nav-next:before {
  content: "\e600"; }
.slideshow span.nav-close:before {
  content: "\e602"; }

.slideshow nav span {
  position: fixed;
  z-index: 1000;
  color: #000;
  text-align: center;
  padding: 3%;
  cursor: pointer;
  font-size: 2.2em;
  taxt-shadow: 0 2px 2px rgba(255, 255, 255, 0.4); }

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.slideshow nav span.nav-next {
  right: 0; }

.slideshow nav span.nav-close {
  top: 0;
  right: 0;
  padding: 0.5em 1em;
  color: #fff; }

/* Info on arrow key navigation */
.info-keys {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 60px;
  font-size: 8px;
  padding-top: 20px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  text-align: center; }

.info-keys:before,
.info-keys:after {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 14px;
  font-size: 12px; }

.info-keys:before {
  left: 10px;
  content: "\e603"; }

.info-keys:after {
  right: 10px;
  content: "\e604"; }

.block--title-tools {
  margin: 0; }
  .institution .block--title-tools {
    text-align: center; }
  .block--title-tools ol,
  .block--title-tools ul {
    padding: 0;
    list-style: none; }
  .block--title-tools li {
    display: inline-block; }
  .block--title-tools a {
    text-decoration: none;
    color: #999; }
    html.no-touch .block--title-tools a:hover {
      color: #666; }
  @media only screen and (min-width: 720px) {
    .block--title-tools h1 {
      float: left;
      width: 75%; } }
  .institution .block--title-tools h1 {
    clear: both;
    text-align: center;
    float: none;
    width: 100%;
    padding: 0;
    line-height: 1; }
    .institution .block--title-tools h1 .text {
      display: block; }
  .moteur .block--title-tools h1 {
    color: #64b0e5;
    margin-left: 10px; }
  .moteur.detail .block--title-tools h1 {
    margin-left: 0; }
  .canton .block--title-tools h1 {
    margin-left: 0; }
  .canton .block--title-tools h1, .elu .block--title-tools h1, .actualites .block--title-tools h1 {
    color: #333; }

#tools {
  margin: 0;
  display: none; }
  @media only screen and (min-width: 720px) {
    #tools {
      float: right;
      display: inline-block; } }
  .detail #tools {
    margin-top: -20px; }
  .institution #tools {
    float: none; }
    @media only screen and (min-width: 720px) {
      .institution #tools {
        position: absolute;
        right: 30px;
        top: 20px; } }
  @media only screen and (min-width: 960px) {
    .institution.canton #tools {
      top: 20px;
      right: 0; } }
  #tools ul {
    margin: 0; }
    .institution #tools ul {
      padding: 0; }
  #tools li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    border: 2px solid #ededed;
    -webkit-border-radius: 46px;
    -khtml-border-radius: 46px;
    -moz-border-radius: 46px;
    -ms-border-radius: 46px;
    -o-border-radius: 46px;
    border-radius: 46px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    @media only screen and (min-width: 720px) {
      #tools li {
        margin: 0 0 0 10px; } }
    @media only screen and (min-width: 1500px) {
      #tools li {
        width: 45px;
        height: 45px; } }
    html.no-touch #tools li:hover {
      border-color: #999; }
    .elu.detail #tools li:hover {
      border-color: #fff; }
  #tools .icon {
    display: block;
    margin: 3px 0 0;
    font-size: 1.2em;
    opacity: 0.7; }
    @media only screen and (min-width: 1500px) {
      #tools .icon {
        font-size: 1.3em; } }
    .canton.moteur #tools .icon, .elu.detail #tools .icon {
      color: #fff; }
  #tools a {
    text-decoration: none;
    width: 24px;
    height: 24px;
    overflow: hidden;
    display: block;
    margin: 6px;
    color: #999;
    -webkit-border-radius: 46px;
    -khtml-border-radius: 46px;
    -moz-border-radius: 46px;
    -ms-border-radius: 46px;
    -o-border-radius: 46px;
    border-radius: 46px; }
    html.no-touch #tools a:hover {
      color: #666; }
    @media only screen and (min-width: 1500px) {
      #tools a {
        width: 28px;
        height: 28px;
        margin: 7px; } }
  #tools img {
    margin: 0;
    max-width: inherit;
    height: 100%; }
    @media only screen and (min-width: 1500px) {
      #tools img {
        margin: 0;
        height: inherit; } }

.block--title {
  padding: 0;
  margin: 0 0 20px; }
  @media only screen and (min-width: 1021px) {
    .block--title {
      padding: 0 15px 0 0; }
      .institution .block--title {
        margin: 0 0 40px;
        padding: 0 100px; } }
  .block--title:after {
    content: "";
    display: inline-block;
    width: 34px;
    height: 2px;
    background: #666; }
    .institution .block--title:after {
      position: initial;
      display: inline-block; }
      @media only screen and (min-width: 960px) {
        .institution .block--title:after {
          margin: 25px 0 0; } }
    .moteur .block--title:after {
      display: none; }
  .moteur .block--title {
    margin: 0; }
  .institution .block--title {
    text-align: center; }

.chapo {
  margin: 0;
  color: #333; }
  .institution .chapo {
    text-align: center; }
  .chapo p {
    line-height: 1.4;
    font-size: 17px;
    font-size: 1.1333333333rem; }
    @media only screen and (min-width: 960px) {
      .chapo p {
        font-size: 20px;
        font-size: 1.3333333333rem; } }
    .institution .chapo p {
      color: #666;
      line-height: 1.3; }
    .chapo p:last-child {
      margin: 0; }

h1 {
  font-weight: 600;
  margin: 0 0 15px 0;
  position: relative; }

.col--summary {
  padding: 0;
  background: #fff; }
  @media only screen and (min-width: 1021px) {
    .col--summary {
      width: 195px; } }

@media only screen and (min-width: 1021px) {
  .col--summary {
    position: absolute;
    top: 40px;
    right: 0;
    border-left: 1px solid #999;
    padding-bottom: 10px; }
    .col--summary.fixed {
      position: fixed;
      top: 120px; }
    .col--summary.abs-bottom {
      top: auto;
      bottom: 0; } }
.col--summary .title {
  padding: 10px 15px;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  border-bottom: 1px solid #999;
  font-size: 13px;
  font-size: 0.8666666667rem; }
html.no-touch .col--summary a:hover {
  color: #000; }

.container--text-summary {
  position: relative; }

@media only screen and (min-width: 1021px) {
  .col--main-content {
    width: 70%; }
    .sitemap .col--main-content {
      margin: 0 auto;
      width: 100%; }
    .exposition-detail .col--main-content {
      width: 100%; } }
@media only screen and (min-width: 1240px) {
  .col--main-content {
    width: 595px; }
    .institution .col--main-content {
      width: 574px; }
    .sitemap .col--main-content {
      width: 100%; }
    .exposition-detail .col--main-content {
      width: 100%; } }

.actualites.detail #breadcrumb {
  margin-left: 0; }
.actualites.detail .block--breadcrumb-tools {
  margin: 0; }
.actualites.detail .padding--institution-content {
  padding-top: 0; }
.actualites.detail .block--title {
  position: relative;
  padding: 0;
  text-align: left; }
  .actualites.detail .block--title:after {
    content: "";
    display: inline-block;
    width: 34px;
    height: 2px;
    background: #666; }
  .actualites.detail .block--title h2.subtitle {
    text-align: left; }
  .actualites.detail .block--title .chapo {
    text-align: left; }
.actualites.detail .col--main {
  width: 100%; }
  @media only screen and (min-width: 1240px) {
    .actualites.detail .col--main {
      width: 1080px; } }
.actualites.detail .block--title-tools {
  text-align: left; }
  .actualites.detail .block--title-tools h1 {
    text-align: left;
    margin-left: 0;
    line-height: 1.3;
    padding-left: 0;
    font-size: 22px;
    font-size: 1.4666666667rem; }
    @media only screen and (min-width: 720px) {
      .actualites.detail .block--title-tools h1 {
        padding-right: 0;
        margin-top: 10px;
        font-size: 30px;
        font-size: 2rem; } }
    @media only screen and (min-width: 1021px) {
      .actualites.detail .block--title-tools h1 {
        font-size: 41px;
        font-size: 2.7333333333rem; } }
  .actualites.detail .block--title-tools .center {
    text-align: left; }
.actualites.detail .full--width {
  margin: 20px -20px !important;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  @media only screen and (min-width: 720px) {
    .actualites.detail .full--width {
      margin: 20px -4% !important; } }
  @media only screen and (min-width: 1021px) {
    .actualites.detail .full--width {
      margin: 20px -60px !important; } }
.actualites.detail #tools {
  right: 0;
  top: 0; }
.actualites.detail .title--main-detail {
  margin-left: 0; }

.actuality--container {
  position: relative; }
  .actuality--container a {
    text-decoration: none; }
  .actuality--container .actuality--prev,
  .actuality--container .actuality--next {
    color: #64b0e5; }

.actuality--prev,
.actuality--next {
  display: inline-block;
  text-align: center; }
  @media only screen and (min-width: 720px) {
    .actuality--prev,
    .actuality--next {
      position: absolute;
      top: 250px; } }
  .actuality--prev .icon,
  .actuality--next .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 4em; }

@media only screen and (min-width: 720px) {
  .actuality--prev {
    left: -8%; } }
@media only screen and (min-width: 960px) {
  .actuality--prev {
    left: -6%; } }
@media only screen and (min-width: 1240px) {
  .actuality--prev {
    left: -80px; } }

@media only screen and (min-width: 720px) {
  .actuality--next {
    right: -3%; } }
@media only screen and (min-width: 1021px) {
  .actuality--next {
    right: -4%; } }
@media only screen and (min-width: 1240px) {
  .actuality--next {
    right: -60px; } }

.actuality--article {
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 6px rgba(102, 102, 102, 0.4);
  -khtml-box-shadow: 0 0 6px rgba(102, 102, 102, 0.4);
  -moz-box-shadow: 0 0 6px rgba(102, 102, 102, 0.4);
  -ms-box-shadow: 0 0 6px rgba(102, 102, 102, 0.4);
  -o-box-shadow: 0 0 6px rgba(102, 102, 102, 0.4);
  box-shadow: 0 0 6px rgba(102, 102, 102, 0.4); }
  @media only screen and (min-width: 720px) {
    .actuality--article {
      padding: 30px 4%; } }
  @media only screen and (min-width: 1021px) {
    .actuality--article {
      padding: 30px 60px; } }
  .actuality--article .type,
  .actuality--article .date {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 12.5px;
    font-size: 0.8333333333rem; }
  .actuality--article .type {
    padding: 3px 10px;
    margin: 0 10px 0 0;
    color: #fff;
    text-transform: uppercase;
    background: #64b0e5;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .social .actuality--article .type {
      background: #9961a0; }
    .routes .actuality--article .type {
      background: #dba634; }
    .transports .actuality--article .type {
      background: #9ec54d; }
    .colleges .actuality--article .type {
      background: #da519d; }
    .territoires .actuality--article .type {
      background: #33a457; }
    .culture-sports .actuality--article .type {
      background: #f04647; }
    .tourdefrance .actuality--article .type {
      background: #fdc009; }

@media only screen and (min-width: 720px) {
  .actuality--buttons .block--card .content--img {
    display: table-cell;
    width: 160px;
    height: inherit;
    float: none; } }
.actuality--buttons .block--card .content--img img {
  width: auto;
  height: 160px; }
@media only screen and (min-width: 720px) {
  .actuality--buttons .block--card .content--text {
    height: 160px; } }
.actuality--buttons .block--card .block--infos {
  position: absolute;
  bottom: 20px; }
.actuality--buttons .block--card .title {
  margin-top: 5px;
  padding-right: 70px; }
@media only screen and (max-width: 719px) {
  .actuality--buttons .block--card .icon--plus {
    right: 0; } }
html.no-touch .actuality--buttons .block--card a:hover {
  background: #64b0e5; }
  html.no-touch .actuality--buttons .block--card a:hover h2,
  html.no-touch .actuality--buttons .block--card a:hover .overtitle,
  html.no-touch .actuality--buttons .block--card a:hover .date,
  html.no-touch .actuality--buttons .block--card a:hover .type {
    color: #fff; }
  html.no-touch .actuality--buttons .block--card a:hover .icon--plus {
    background: #fff; }
    html.no-touch .actuality--buttons .block--card a:hover .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover .icon--plus:after {
      background: #64b0e5; }
  html.no-touch .actuality--buttons .block--card a:hover.social {
    background: #9961a0; }
    html.no-touch .actuality--buttons .block--card a:hover.social .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.social .icon--plus:after {
      background: #9961a0; }
  html.no-touch .actuality--buttons .block--card a:hover.routes {
    background: #dba634; }
    html.no-touch .actuality--buttons .block--card a:hover.routes .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.routes .icon--plus:after {
      background: #dba634; }
  html.no-touch .actuality--buttons .block--card a:hover.transports {
    background: #9ec54d; }
    html.no-touch .actuality--buttons .block--card a:hover.transports .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.transports .icon--plus:after {
      background: #9ec54d; }
  html.no-touch .actuality--buttons .block--card a:hover.colleges {
    background: #da519d; }
    html.no-touch .actuality--buttons .block--card a:hover.colleges .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.colleges .icon--plus:after {
      background: #da519d; }
  html.no-touch .actuality--buttons .block--card a:hover.territoires {
    background: #33a457; }
    html.no-touch .actuality--buttons .block--card a:hover.territoires .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.territoires .icon--plus:after {
      background: #33a457; }
  html.no-touch .actuality--buttons .block--card a:hover.culture-sports {
    background: #f04647; }
    html.no-touch .actuality--buttons .block--card a:hover.culture-sports .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.culture-sports .icon--plus:after {
      background: #f04647; }
  html.no-touch .actuality--buttons .block--card a:hover.tourdefrance {
    background: #fdc009; }
    html.no-touch .actuality--buttons .block--card a:hover.tourdefrance .icon--plus:before, html.no-touch .actuality--buttons .block--card a:hover.tourdefrance .icon--plus:after {
      background: #fdc009; }
@media only screen and (min-width: 960px) {
  .actuality--buttons .block--6of12.last {
    float: right; } }

.transdome #block--faceting,
.transdome #block--results {
  width: 100%;
  float: none; }
@media only screen and (min-width: 720px) {
  .transdome #block--faceting {
    text-align: right; } }
@media only screen and (min-width: 720px) {
  .transdome #block--faceting .title {
    display: none; } }
@media only screen and (min-width: 720px) {
  .transdome #tx-solr-search-form,
  .transdome #tx-solr-faceting {
    padding: 0;
    border: none;
    display: inline-block;
    vertical-align: top;
    background: none; } }
@media only screen and (min-width: 720px) {
  .transdome #tx-solr-search-form {
    width: 30%; } }
@media only screen and (min-width: 720px) {
  .transdome #tx-solr-faceting {
    width: 66%; }
    .transdome #tx-solr-faceting input {
      height: 46px;
      position: relative;
      z-index: 3; }
    .transdome #tx-solr-faceting ul {
      text-align: left;
      position: absolute;
      margin: -4px 0 0;
      z-index: 2; } }
.transdome .block--btn-open {
  color: #fff; }
@media only screen and (min-width: 720px) {
  .transdome .tx-solr-facet {
    display: inline-block;
    width: 47.7%;
    margin: 0 0 0 2%; }
    .transdome .tx-solr-facet.tx-solr-facet-facet_transdome_commune_depart {
      margin: 0; } }
.transdome #tx-solr-results-list .grid-sizer,
.transdome #tx-solr-results-list .gutter-sizer {
  display: none; }
.transdome #tx-solr-results-list .view a {
  padding: 0;
  border: none; }
  .transdome #tx-solr-results-list .view a:hover {
    background: none; }
    .transdome #tx-solr-results-list .view a:hover:after {
      display: none; }
    .transdome #tx-solr-results-list .view a:hover .icon {
      color: inherit;
      background: none; }
.transdome #tx-solr-results-list .view .nolink .icon {
  display: inline-block; }
.transdome #tx-solr-results-list .view .title {
  margin: 0 0 5px; }
.transdome #tx-solr-results-list .icon {
  position: inherit;
  display: inline-block;
  vertical-align: middle;
  transform: none; }
.transdome #tx-solr-results-list a {
  color: #64b0e5; }
.transdome.social #tx-solr-results-list a,
.transdome.social #tx-solr-results-list .icon {
  color: #9961a0; }
.transdome.routes #tx-solr-results-list a,
.transdome.routes #tx-solr-results-list .icon {
  color: #dba634; }
.transdome.transports #tx-solr-results-list a,
.transdome.transports #tx-solr-results-list .icon {
  color: #9ec54d; }
.transdome.transports .block--btn-open {
  background: #9ec54d; }
.transdome.transports #block--liste {
  border-color: #9ec54d; }
.transdome.colleges #tx-solr-results-list a,
.transdome.colleges #tx-solr-results-list .icon {
  color: #da519d; }
.transdome.territoires #tx-solr-results-list a,
.transdome.territoires #tx-solr-results-list .icon {
  color: #33a457; }
.transdome.territoires .block--btn-open {
  background: #33a457; }
.transdome.culture-sports #tx-solr-results-list a,
.transdome.culture-sports #tx-solr-results-list .icon {
  color: #f04647; }
.transdome.tourdefrance #tx-solr-results-list a,
.transdome.tourdefrance #tx-solr-results-list .icon {
  color: #fdc009; }
.transdome .doc {
  margin: 0;
  font-size: 14px;
  font-size: 0.9333333333rem; }
.transdome .solr--nb-content {
  padding-right: 0;
  text-align: right; }

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.wrapper--center {
  text-align: center; }
  .wrapper--center:after {
    clear: both;
    content: "";
    display: table; }

.no--padding-v {
  padding-top: 0;
  padding-bottom: 0; }

.no--padding-h {
  padding-left: 0;
  padding-right: 0; }

.is-mobile .no--mobile {
  display: none; }

/*# sourceMappingURL=main.css.map */