/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
#@13
#@14
#@15
#@16
#@17
#@18
#@19
#@20
#@21
*/
@charset "UTF-8";
/* Paragraphes et blocs de texte */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
/*
 * 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;
}
/*	
  masqué dans un navigateur mais lisible par un lecteur d'ecran
  uniquement si javascript actif
*/
.js .js-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.js .js-hidden {
  display: none;
}
/*	
  tout le temps affiche sauf si javascript actif 
*/
.no-js .nojs-visuallyhidden {
  display: none;
  visibility: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * 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, .nettoyeur:before, .clearfix:after, .nettoyeur:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after, .nettoyeur:after {
  clear: both;
}
/*
 * Faire un lien sur un bloc entier
 */
.block-link-parent {
  position: relative;
}
.block-link-parent a:before, .block-link-parent .block-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.block-link-parent:hover a {
  text-decoration: underline;
  color: #510e02;
}
.two-columns {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.txt-center {
  text-align: center;
}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #FF0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
  /* 1 */
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  line-height: 1.5;
  background: white;
}
/* Titraille / Intertitres */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
  margin: 0 0 0.8em 0;
}
h1, .h1 {
  font-size: 2em;
}
h2, .h2 {
  font-size: 1.5em;
}
h3, .h3 {
  font-size: 1.25em;
}
h4, .h4 {
  font-size: 1.125em;
}
h5, .h5 {
  font-size: 1em;
}
h6, .h6 {
  font-size: 0.9375em;
}
/* Hyperlinks
[fr] Signaletique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
a {
  background: transparent;
  color: inherit;
}
a:link {
  transition: 0.3s;
}
a:visited {
  color: inherit;
}
a:focus {
  outline: thin dotted;
  text-shadow: none;
}
a:hover {
  outline: 0;
  cursor: pointer;
}
a:active {
  outline: 0;
}
a:after, a:before, a small {
  font-size: 90%;
  opacity: 0.9;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
em, i {
  font-style: italic;
}
strong, b {
  font-weight: bold;
}
small, .small {
  font-size: 0.8em;
}
sup, .sup {
  top: -0.5em;
}
sub, .sub {
  bottom: -0.25em;
}
p, ul, ol, dl, dd, blockquote, address, pre, fieldset, .pagination, .carte_gis {
  display: block;
  margin-top: 0;
  margin-bottom: 1.5*1em;
  /*
	&:first-child {
	  margin-top: 0;
	}
	&:last-child {
	  margin-bottom: 0;
	}
	*/
}
img {
  max-width: 100% !important;
  height: auto !important;
  width: auto \9  !important;
  /* IE7-8 need help adjusting responsive images */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* Typography for small screens
[fr] http://www.alsacreations.com/astuce/lire/1177 */
@media (max-width: 40em) {
  /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
  /* gestion des mots longs */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100% !important;
  }
  textarea, table, td, th, pre, code, samp {
    word-wrap: break-word;
    /* cesure forcee */
  }
  pre, code, samp {
    white-space: pre-line;
    /* passage a la ligne specifique pour les elements a chasse fixe */
  }
}
/* orientation iOS5 font-size fix */
@media (orientation: landscape) and (max-device-width: 40em) {
  html, body {
    -webkit-text-size-adjust: 100%;
  }
}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #B3D4FC;
  text-shadow: none;
}
::selection {
  background: #B3D4FC;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
  clear: both;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
input[type="search"] {
  box-sizing: border-box;
}
address {
  font-style: normal;
}
ul.spip, ol.spip {
  margin-left: 1.5em;
}
ul.spip li, ol.spip li {
  margin: 0.5em 0;
}
ul.spip ul.spip, ul.spip ol.spip, ol.spip ul.spip, ol.spip ol.spip {
  margin-left: 2em;
}
/* Tableaux */
table.spip {
  max-width: 99%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.5*1em;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: normal;
}
table.spip caption {
  caption-side: top;
  /* bottom pas pris en compte par IE */
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-weight: bold;
}
table.spip tr:nth-child(odd) {
  background: white;
}
table.spip tr:not(even) {
  background: #F9F9F9;
}
table.spip th, table.spip td {
  padding: 0.2em 0.4em;
  text-align: left;
  border: 1px solid #CCC;
}
table.spip th {
  background: #EEE;
  vertical-align: top;
  font-weight: bold;
}
table.spip td {
  vertical-align: top;
}
table.spip td.numeric {
  text-align: right;
}
/* ajax */
/* loading ajax */
.bugajaxie {
  display: none;
}
.ariaformprop, .ajaxbloc {
  position: relative;
}
.ariaformprop .image_loading, .ajaxbloc .image_loading {
  position: absolute;
  top: 0;
  right: 0;
}
/* Modeles par defaut */
.spip_modele {
  float: right;
  display: block;
  width: 25%;
  border: 1px dotted #666;
}
@media print {
  .pagination {
    display: none;
  }
  .spip-admin, #spip-admin {
    display: none;
  }
}
/* Boutons action */
.bouton_action_post, .bouton_action_post > div {
  display: inline;
}
/* pas de bouton fullscreen dans la barre typo sur le front */
.markItUpTabs a.fullscreen {
  display: none;
}
.spip_surligne {
  background: #6F6F6F;
  color: white;
  font-weight: bold;
  padding: 0 2px;
}
/* documents */
.spip_documents {
  text-align: center;
  display: block;
  margin-top: 0;
  margin-bottom: 1.5*1em;
}
.spip_documents_center {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
span.spip_documents_center {
  display: block;
}
.spip_documents_left {
  float: left;
  margin-right: 1em;
}
.spip_documents_right {
  float: right;
  margin-left: 1em;
}
.spip_doc_titre, .spip_doc_descriptif {
  margin-left: auto;
  margin-right: auto;
}
.spip_doc_descriptif {
  clear: both;
}
@media screen and (max-width: 48em) {
  .spip_documents_left, .spip_documents_right {
    float: none;
    margin-left: 0;
    text-align: center;
  }
}
.spip_documents .oembed {
  background: none;
  padding: 0;
  border: none;
}
/* Barre de raccourcis typographiques */
table.spip_barre {
  width: 100%;
}
table.spip_barre a img {
  background: #FDA;
  padding: 3px;
  border: 1px outset #999;
}
table.spip_barre a:hover img {
  background: #FFF;
  border: 1px solid #999;
}
table.spip_barre input.barre {
  width: 100%;
  background: #EEE;
}
/*

Correspondance entre les valeurs numériques et les noms communément utilisés

100
    Thin (Hairline)
200
    Extra Light (Ultra Light)
300
    Light
400
    Normal
500
    Medium
600
    Semi Bold (Demi Bold)
700
    Bold
800
    Extra Bold (Ultra Bold)
900
    Black (Heavy) 
    
 */
/*

Les webfonts doivent être appelées avec une url absolue, sinon la compilation scss ajoute le nom du domaine courant 
dans l'url, ce qui pose problème pour les minisites : les css générées peuvent être sur un domaine ou un autre.
On les place donc à la racine du site.

*/
@font-face {
  font-family: "Roboto";
  src: url("/webfonts/Roboto-Bold.woff2") format("woff2"), url("/webfonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/webfonts/Roboto-Regular.woff2") format("woff2"), url("/webfonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto_condensed";
  src: url("/webfonts/robotocondensed-regular-webfont.woff2") format("woff2"), url("/webfonts/robotocondensed-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto_condensed";
  src: url("/webfonts/robotocondensed-bold-webfont.woff2") format("woff2"), url("/webfonts/robotocondensed-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
}
@media screen and (min-width: 48em) {
  body {
    font-size: 0.95em;
  }
}
@media screen and (min-width: 60em) {
  body {
    font-size: 1em;
  }
}
h1, .h1, h2, .h2, h3, .h3 {
  font-family: "Roboto_condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #5D1508;
  border-bottom-color: #5D1508;
}
h1, .h1, h2, .h2 {
  line-height: 1;
  letter-spacing: 0.03em;
}
/*
h1, .h1 {
  font-size: 2.4em;
}
h2, .h2 {
  font-size: 1.6em;
}
h3, .h3 {
  font-size: 1.3em;
}
*/
ul, ol {
  margin-left: 1.5*1em;
}
ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
ul ul, ol ol {
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
a {
  text-decoration: none;
  color: #9C1B03;
}
a:visited {
  color: #9C1B03;
}
a:focus, a:hover {
  text-decoration: underline;
  color: #510e02;
  border-color: #510e02;
  outline: 0;
}
a:focus {
  background-color: #9C1B03 !important;
  border-color: #9C1B03 !important;
  color: white !important;
  text-decoration: none;
}
a:focus svg * {
  fill: white !important;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #F2F2F2;
}
.page__wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 0;
}
@media screen and (max-width: 60em) {
  .page__wrapper {
    padding: 0 1em;
  }
}
.page--container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 60em) {
  .page--container {
    width: 60em;
  }
}
.page__main {
  margin-bottom: 2.5em;
}
@media screen and (min-width: 48em) {
  .page__main {
    flex-grow: 1;
  }
}
@media screen and (min-width: 48em) {
  .page__main--hasAside {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-between;
  }
  .page__main--hasAside .main__aside {
    width: 27%;
  }
  .page__main--hasAside .main__content {
    width: 73%;
  }
}
.page__header-wrapper {
  margin-bottom: 2.5em;
}
.page__header {
  position: relative;
  background: #f2be70 url('https://www.villeneuve-du-latou.fr/plugins/ccal_squelette/images/fond.png') center repeat-x;
  z-index: 10;
}
.page__header .page--container {
  position: relative;
}
.page__header .page__header--background {
  background-position: top center;
  background-repeat: no-repeat;
}
.page__header .header__banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page__header .formulaire_recherche {
  position: absolute;
  margin: 0;
  bottom: 3.5em;
  right: 1em;
}
.page__header .formulaire_recherche svg {
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}
.page__header .formulaire_recherche label {
  display: none;
}
.page__header .formulaire_recherche input[type=search] {
  width: 12em;
  padding-left: 2em;
  border: 1px solid rgba(80, 80, 80, 0.3);
  border-right: none;
  border-radius: 0.6em 0 0 0.6em;
  height: 1.875em;
  vertical-align: middle;
}
.page__header .formulaire_recherche input[type=submit] {
  border: 1px solid rgba(80, 80, 80, 0.3);
  border-left: none;
  border-radius: 0 0.6em 0.6em 0;
  height: 1.875em;
  padding: 0 0.5em;
  vertical-align: middle;
}
@media screen and (max-width: 48em) {
  .page__header .header__banner {
    height: 12em;
  }
  .page__header .header__logo {
    overflow: hidden;
  }
  .page__header .header__logo .logo__image {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 11em;
    text-align: right;
  }
  .page__header .header__logo .logo__title {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 60%;
  }
  .page__header .header__logo .logo__title .h1 {
    font-size: 1.875em;
    color: white;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.5em;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  }
  .page__header .header__logo .logo__title .h1 .logo__title-sub1, .page__header .header__logo .logo__title .h1 .logo__title-sub2 {
    display: block;
  }
}
@media screen and (max-width: 48em) and (max-width: 23.75em) {
  .page__header .header__logo .logo__image {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .page__header .header__banner {
    height: 18.125em;
  }
  .page__header .header__logo {
    z-index: 10;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 14.375em;
    background: white;
    padding: 1em 0.5em;
    border-radius: 0.625em;
    text-align: center;
    -webkit-box-shadow: 7px 7px 21px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 7px 7px 21px -10px rgba(0, 0, 0, 0.75);
  }
  .page__header .header__logo h1, .page__header .header__logo .h1 {
    color: #0061A1;
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.5em;
  }
  .page__header .header__logo h1 .logo__title-sub1, .page__header .header__logo .h1 .logo__title-sub1 {
    display: block;
  }
  .page__header .header__logo h1 .logo__title-sub2, .page__header .header__logo .h1 .logo__title-sub2 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.body--minisite .page__header {
  z-index: 1;
}
.body--minisite .bandeau_cc {
  z-index: 2;
  text-align: right;
}
.body--minisite .bandeau_cc a {
  display: block;
  position: relative;
  padding: 0.3em 140px 0.3em 0;
  font-size: 80%;
  text-transform: uppercase;
  color: #0062A1;
}
.body--minisite .bandeau_cc a:hover {
  color: #007DC4;
}
.body--minisite .bandeau_cc a img {
  position: absolute;
  right: 20px;
  top: 0;
}
.body--minisite .bandeau_cc a:focus {
  background: #0062A1 !important;
}
.body--minisite .header__logo {
  width: auto;
  min-width: 14em;
  padding: 1.2em 1em;
}
.body--minisite .header__logo h1, .body--minisite .header__logo .h1 {
  font-size: 1.625em;
  margin-bottom: 0;
  white-space: nowrap;
}
.body--minisite .header__logo h1 span, .body--minisite .header__logo .h1 span {
  display: block;
  font-size: 80%;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 48em) {
  .body--minisite .header__logo {
    top: 2em;
  }
}
@media screen and (min-width: 48em) {
  .header__nav {
    background: #D6CAC4;
  }
}
.header__nav .page--container {
  height: 2.5em;
  color: #222;
  padding: 0;
  position: relative;
  z-index: 10;
}
.header__nav .page--container a {
  color: #222;
}
.header__nav .page--container a:hover {
  color: #000000;
}
.header__nav .page--container li.active {
  background: #9C1B03;
}
.header__nav .page--container li.active > a {
  color: white;
}
.header__nav .page--container > ul {
  display: none;
}
@media screen and (min-width: 48em) {
  .header__nav .page--container > ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: relative;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header__nav .page--container > ul:before, .header__nav .page--container > ul:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
    background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  }
  .header__nav .page--container > ul:before {
    top: 0;
  }
  .header__nav .page--container > ul:after {
    bottom: 0;
  }
}
.header__nav .page--container > ul > li {
  flex-grow: 1;
  text-align: center;
  margin: 0;
  height: 100%;
  position: relative;
  background: #D6CAC4;
}
.header__nav .page--container > ul > li:not(.active):not(:first-child):before {
  content: "|";
  color: #D38800;
  font-size: 115%;
  display: block;
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.header__nav .page--container > ul > li.active + li:before {
  display: none !important;
}
.header__nav .page--container > ul > li:first-child {
  border-left: none;
  max-width: 4em;
}
.header__nav .page--container > ul > li:not(.active):hover {
  background: #EDE1DB;
}
.header__nav .page--container > ul > li > a {
  display: block;
  position: relative;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Roboto_condensed", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.125em;
  height: 2.2222222222em;
  line-height: 2.2222222222em;
}
@media screen and (min-width: 60em) {
  .header__nav .page--container > ul > li > a {
    font-size: 1.25em;
    height: 2em;
    line-height: 2em;
  }
}
.header__nav .page--container > ul > li:hover > ul {
  display: block;
}
.header__nav .page--container > ul > li > ul {
  position: relative;
  display: none;
  position: absolute;
  top: 2.5em;
  z-index: 10;
  background: #EDE1DB;
  margin: 0;
}
.header__nav .page--container > ul > li > ul:after {
  content: " ";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  bottom: 0;
}
.header__nav .page--container > ul > li > ul li {
  min-width: 12em;
  margin-left: 0;
  list-style: none;
  text-align: left;
}
.header__nav .page--container > ul > li > ul li:not(.active):hover {
  background: #FCF0EA;
}
.header__nav .page--container > ul > li > ul li a {
  display: block;
  position: relative;
  padding: 0.5em 1.5em;
  white-space: nowrap;
}
.header__nav .page--container > ul > li > ul li a:before {
  content: "";
  position: absolute;
  top: 1.2em;
  left: 0.5em;
  transform: rotate(-90deg);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #9C1B03;
  transition-property: position, transform, border-color;
  transition-duration: 0.2s;
}
.header__nav .page--container > ul > li > ul li.active a:before {
  border-top-color: white;
}
.header__nav .page--container li.accueil a {
  display: block;
  width: 1.875em;
  height: 2.5em;
  margin-right: 0.5em;
  text-indent: -9999px;
  color: #D6CAC4;
  background: url('https://www.villeneuve-du-latou.fr/plugins/ccal_squelette/images/icone-accueil.png') center no-repeat;
}
.button--hamburger {
  display: none;
}
@media screen and (max-width: 48em) {
  .button--hamburger {
    display: block;
    margin: 0;
    width: 100%;
    height: 2.5em;
    background: #D6CAC4;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
  }
}
.button--hamburger:focus {
  outline: none;
}
.button--hamburger span.title {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3em;
  text-transform: uppercase;
}
.button--hamburger span.line {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
  width: 1em;
  height: 4px;
  background: #222;
  transition: background 0s 0.3s;
  -webkit-transition: background 0s 0.3s;
}
.button--hamburger span.line::before, .button--hamburger span.line::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #222;
  content: "";
}
.button--hamburger span.line::before, .button--hamburger span.line::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
}
.button--hamburger span.line::before {
  top: -0.5em;
  transition-property: top, transform;
  -webkit-transition-property: top, transform;
}
.button--hamburger span.line::after {
  bottom: -0.5em;
  transition-property: bottom, transform;
  -webkit-transition-property: bottom, transform;
}
.button--hamburger.is-active span.line {
  background: none;
}
.button--hamburger.is-active span.line::before {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.button--hamburger.is-active span.line::after {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.button--hamburger.is-active span.line::before, .button--hamburger.is-active span.line::after {
  transition-delay: 0s, 0.3s;
  -webkit-transition-delay: 0s, 0.3s;
}
.main__breadcrumb {
  color: #999999;
}
.main__breadcrumb nav {
  margin-bottom: 1em;
}
.main__breadcrumb a {
  color: #999999;
}
.main__breadcrumb a:hover {
  color: #510e02;
}
.main__breadcrumb p {
  margin: 0;
  font-size: 0.8em;
}
.main__breadcrumb span:after {
  content: " > ";
  padding: 0 0.2em;
  text-decoration: none;
}
.main__breadcrumb span:hover:after {
  text-decoration: none;
}
.main__breadcrumb span:last-child {
  font-weight: bold;
}
.main__breadcrumb span:last-child:after {
  content: "";
}
.page__main {
  background: white;
  padding: 1em;
}
.asideNav {
  background: #F8F2F0;
  padding: 1em;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 48em) {
  .asideNav {
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: -2.5em;
  }
  .asideNav li {
    margin: 0;
  }
  .asideNav a {
    display: block;
    padding: 0.5em;
  }
}
.asideNav p.h2 a {
  color: #5D1508;
}
.asideNav__menu {
  margin: 0;
  list-style: none;
}
.asideNav__menu ul {
  list-style: none;
}
.asideNav__menu li:not(.article) {
  position: relative;
}
.asideNav__menu li:not(.article):before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: -0.8em;
  transform: rotate(-90deg);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #9C1B03;
  transition-property: position, transform, border-color;
  transition-duration: 0.2s;
}
.asideNav__menu li:not(.article).on:before {
  border-top-color: #510e02;
}
.asideNav__menu li:not(.article).on:before, .asideNav__menu li:not(.article):hover:before {
  transform: rotate(0);
}
.asideNav__menu li {
  line-height: 1.3;
  margin: 0.4em 0;
}
.asideNav__menu a {
  display: block;
}
.asideNav__menu a.on {
  font-weight: bold;
  color: #510e02;
}
@media screen and (min-width: 36.25em) {
  .asideNav__menu {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media screen and (min-width: 48em) {
  .asideNav__menu {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.main__extra {
  margin-top: 1.5em;
  margin-bottom: -1em;
}
.page__footer {
  padding: 1em 1.5em;
  background: #CCC;
}
@media screen and (max-width: 60em) {
  .page__footer {
    margin: 0 -1em;
  }
}
@media screen and (min-width: 48em) {
  .page__footer {
    padding: 0;
    background: #EEE2D0 url('https://www.villeneuve-du-latou.fr/plugins/ccal_squelette/images/fond-footer.png') top repeat-x;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.33);
  }
}
@media screen and (max-width: 60em) {
  .page__footer .page--container {
    padding: 0 1em;
  }
}
@media screen and (max-width: 48em) {
  .page__footer .page--container {
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  .footer-blocs {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-between;
  }
  .footer-blocs > * {
    padding: 0 1em;
  }
  .footer-blocs > *:first-child {
    padding-left: 0;
  }
  .footer-blocs > *:last-child {
    padding-right: 0;
  }
}
.footer-bloc__title {
  text-transform: uppercase;
  margin-bottom: 1.5em;
  font-family: "Roboto_condensed", Helvetica, Arial, sans-serif;
  font-size: 1.15em;
}
.footer-bloc__title a {
  white-space: pre;
}
@media screen and (max-width: 48em) {
  .footer-bloc__title {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    font-weight: bold;
  }
}
@media screen and (min-width: 48em) {
  .footer-bloc__title {
    height: 30px;
    line-height: 30px;
  }
  .footer-bloc__title a {
    color: #9C8A79;
  }
  .footer-bloc__title a:hover {
    color: #68594E;
  }
}
.footer-rubriques {
  margin-left: 0.8em;
  margin-bottom: 1em;
}
@media screen and (max-width: 48em) {
  .footer-rubriques {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 36.25em) {
  .footer-rubriques {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
.footer-rubriques__item {
  margin-right: 1em;
  margin-bottom: 0.5em;
  color: #222;
  list-style-type: "> ";
}
.footer-bloc--info .spip_logo {
  float: right;
}
.footer-bloc--info p {
  margin-bottom: 0.5em;
}
.body--sommaire:not(.body--minisite) .header__title {
  display: none;
}
@media screen and (min-width: 48em) {
  .body--sommaire:not(.body--minisite) .header__title {
    display: block;
    position: absolute;
    top: 4.3em;
    left: 3em;
  }
  .body--sommaire:not(.body--minisite) .header__logo {
    position: absolute;
    top: 6.5em;
    left: auto;
    right: 1.5em;
    padding: 0;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .body--sommaire:not(.body--minisite) .header__logo .logo__title {
    display: none;
  }
  .body--sommaire:not(.body--minisite) .header__logo img {
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  }
}
.body--sommaire .page__main {
  background: transparent;
  padding: 0;
}
.body--sommaire .page__main article {
  background: white;
  padding: 1em;
}
.body--sommaire .formulaire_acteurs {
  margin-bottom: 2.5em;
}
.body--sommaire .territoire--photos {
  margin-bottom: 2.5em;
}
@media screen and (min-width: 36.25em) {
  .home-blocs {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-between;
  }
  .home-blocs > * {
    width: 33.33%;
    margin: 0 0.5em;
  }
  .home-blocs > *:first-child {
    margin-left: 0;
  }
  .home-blocs > *:last-child {
    margin-right: 0;
  }
}
.home-bloc {
  margin-bottom: 2.5em;
  background: white;
  position: relative;
  position: relative;
}
.home-bloc:before, .home-bloc:after {
  content: " ";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
}
.home-bloc:before {
  top: 0;
}
.home-bloc:after {
  bottom: 0;
}
.home-bloc h3 {
  text-transform: uppercase;
  margin-bottom: 0.2em;
}
.home-bloc__title {
  padding: 0.8em 0.5em;
  margin: 0;
  text-transform: uppercase;
  border-bottom: 8px solid;
}
.home-bloc--commune a, .home-bloc--commune .home-bloc__title, .home-bloc--commune h3 {
  color: #94BE06;
  border-bottom-color: #94BE06;
}
.home-bloc--actu a, .home-bloc--actu .home-bloc__title, .home-bloc--actu h3 {
  color: #29ABE2;
  border-bottom-color: #29ABE2;
}
.home-bloc--agenda a, .home-bloc--agenda .home-bloc__title {
  color: #ED1C24;
  border-bottom-color: #ED1C24;
}
.home-bloc__logo {
  text-align: center;
}
.home-bloc__content {
  display: table;
  width: 100%;
  height: 100%;
}
.home-bloc__row {
  display: table-row;
}
.home-bloc__row:not(:last-child) {
  position: relative;
}
.home-bloc__row:not(:last-child):after {
  content: " ";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  bottom: 0;
}
.home-bloc__row .calendriermini {
  padding: 1em;
}
.home-bloc__item {
  display: table-cell;
  padding: 1em;
}
.home-bloc__item p {
  margin: 0;
}
.home-bloc__row:first-child .home-bloc__item, .home-bloc__row--title .home-bloc__item {
  height: 1em;
  padding: 0;
}
.home-bloc--commune .home-bloc__row:nth-child(even) {
  background: #F0EDE8;
}
.home-bloc--commune .home-bloc__row:nth-child(even) img {
  border-color: white;
}
.home-bloc--agenda .home-bloc__row img {
  float: right;
  margin-left: 0.5em;
  border-radius: 50%;
  border: 4px solid #CCCCCC;
}
.home-bloc--agenda .home-bloc__row:nth-child(even) {
  background: #EAEAEA;
}
.home-bloc--agenda .home-bloc__row:nth-child(even) img {
  border-color: white;
}
.home-decouverte {
  position: relative;
  padding: 1em;
  background: white;
  margin-bottom: 2.5em;
}
.home-decouverte:before {
  content: " ";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  top: 0;
}
.home-decouverte h2 {
  text-transform: uppercase;
}
@media screen and (min-width: 36.25em) {
  .home-bloc--territoire {
    position: relative;
  }
  .home-bloc--territoire:before, .home-bloc--territoire:after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
    background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  }
  .home-bloc--territoire:before {
    top: 0;
  }
  .home-bloc--territoire:after {
    bottom: 0;
  }
}
.territoire__title {
  margin: 0;
  padding: 0.8em 0.5em;
  background: #CCBCB2;
  text-transform: uppercase;
  color: white;
}
.territoire__title a {
  color: white;
}
.territoire__content {
  padding-bottom: 1px;
}
.territoire__content .carte_gis {
  margin: 0;
}
.main__content article {
  overflow: hidden;
}
.main__content h1, .main__content .h1 {
  padding: 0.2em 0;
  text-transform: uppercase;
  border-bottom: 4px solid;
}
.main__content h1:not(.entry-title), .main__content .h1, .main__content h2:not(.entry-title), .main__content .h2 {
  clear: both;
}
.main__content h2.entry-title {
  font-size: 2em;
  margin: 0.4em 0;
}
.main__content .chapo {
  font-weight: bold;
}
.main__content .texte {
  margin-bottom: 1.5*1em;
}
.main__content .extra.ps {
  border-top: 1px solid #5C5C5C;
  padding-top: 1em;
  color: #5C5C5C;
  font-style: italic;
}
.main__content .formulaire_spip.formulaire_recherche label, .main__content .formulaire_spip.formulaire_recherche input {
  display: inline-block;
  width: auto;
}
.main__content .formulaire_spip.formulaire_recherche input[type=search] {
  width: 12em;
}
.main__content .recherche__resultats li {
  list-style: none;
  margin-bottom: 1.5em;
}
.main__content .recherche__resultats li a {
  font-size: 115%;
}
.main__content .recherche__resultats li small {
  color: #9C1B03;
}
.main__content p.lire-suite {
  margin-top: -1.5em;
}
.main__content div#forum {
  clear: both;
  margin-top: 4em;
  background: #F6F3F3;
  padding: 1em;
}
.main__content div#forum .formulaire_spip fieldset:first-of-type {
  margin-top: 0;
}
.cartouche {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
.cartouche h1 {
  flex-grow: 1;
}
.cartouche .spip_logo {
  flex-shrink: 0;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.article-resume {
  margin: 1.5em 0;
  padding-top: 1.5em;
  position: relative;
  position: relative;
  overflow: hidden;
}
.article-resume:before {
  content: " ";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  top: 0;
}
.article-resume__logo {
  float: right;
  margin-top: -2em;
  margin-left: 1em;
}
.article-resume__content, .article-resume__suite {
  margin-bottom: 0;
}
.documents_joints ul {
  list-style: none;
  margin-left: 0;
}
.documents_joints li {
  margin-bottom: 0.8em;
}
.submenu {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 1.5*1em;
}
.submenu__item {
  width: 45%;
  background: #FFFFFF;
  border: 0.0625em solid white;
  padding: 0.3em;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.36);
  margin: 0 0.5em 1.5em 0.5em;
  text-align: center;
}
@media screen and (min-width: 36.25em) {
  .submenu__item {
    width: 30%;
  }
}
.submenu__item:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #9C1B03;
  transition: width 0.3s;
}
.submenu__item:hover {
  border-color: #CCCCCC;
}
.submenu__item:hover:after {
  width: 100%;
}
.submenu__link {
  display: block;
  text-transform: uppercase;
  margin: 0.5em 0 0.3em 0;
}
.submenu__image {
  position: relative;
  overflow: hidden;
}
.submenu__image img {
  max-width: 100%;
  transition: all 0.3s;
  transform: scale(1.0001);
}
.submenu__item:hover .submenu__image img {
  transform: scale(1.05);
}
#pass_securise {
  display: none;
}
.spip-admin-bloc, .spip-admin-float {
  display: inline-block !important;
  left: 20px !important;
  right: inherit !important;
  font-size: 0.8em;
}
.spip-admin-boutons {
  border-radius: 0.3em !important;
  padding: 0.5em !important;
}
.spip_document figure {
  margin: 0;
}
.spip_document.spip_documents_left {
  margin: 0.5em 1.5em 0.5em 0;
}
.spip_document.spip_documents_right {
  margin: 0.5em 0 0.5em 1.5em;
}
.spip_document.spip_documents_center {
  margin: 1.5em 0;
}
.spip_document_image.spip_documents_left, .spip_document_image.spip_documents_right {
  max-width: 40%;
}
.spip_document_file {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  max-width: 47%;
  position: relative;
}
.spip_document_file.spip_documents_left {
  margin-right: 1em;
}
.spip_document_file.spip_documents_right {
  margin-left: 1em;
}
.spip_document_file figure {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.25em 0.5em 0.25em 0.25em;
  background-color: #F8F2F0;
}
.spip_document_file figcaption {
  font-size: 90%;
  text-align: left;
  max-width: 15.625em;
  text-wrap: balance;
}
.spip_document_file a:before, .spip_document_file .block-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.spip_document_file:hover img {
  opacity: 0.8;
}
.spip_document_file:hover figcaption {
  color: #510e02;
  text-decoration: underline;
}
.documents_portfolio ul {
  margin-left: 0;
}
.documents_portfolio li {
  display: inline;
  margin: 0;
  padding: 0;
}
.documents_portfolio a {
  display: inline-block;
  padding: 0.8em;
  margin-right: 0.8em;
  border: 1px solid #CCCCCC !important;
  color: #EEEEEE;
  background: #FFFFFF;
  box-shadow: 1px 1px 8px 1px rgba(85, 85, 85, 0.13);
}
.documents_portfolio img {
  margin: 0;
}
a.hasbox img {
  transition-property: opacity;
  transition-duration: 0.2s;
}
a.hasbox:hover img {
  color: #999999;
  opacity: 0.8;
}
.formulaire_acteurs {
  position: relative;
  background: white;
  clear: both;
  margin-top: 1em;
}
.formulaire_acteurs:before {
  content: " ";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  background: linear-gradient(to right, rgba(127, 120, 116, 0) 0%, rgba(127, 120, 116, 0.8) 25%, rgba(127, 120, 116, 0.8) 75%, rgba(127, 120, 116, 0) 100%);
  top: 0;
}
.formulaire_acteurs h2 {
  color: #0065A3;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 1em;
}
.formulaire_acteurs form {
  border-top: 8px solid #99C0D9;
  background: #E6E6E6;
  padding: 1em;
}
@media screen and (min-width: 36.25em) {
  .formulaire_acteurs form {
    padding-bottom: 2em;
  }
}
.formulaire_acteurs .editer-groupe label {
  display: block;
  margin-bottom: 0.2em;
  color: #0065A3;
  text-transform: uppercase;
  font-weight: bold;
}
.formulaire_acteurs .editer-groupe .editer {
  margin-bottom: 1em;
}
.formulaire_acteurs .editer-groupe .editer:first-child {
  margin-left: 0;
}
.formulaire_acteurs .editer-groupe .editer:last-child {
  margin-right: 0;
}
.formulaire_acteurs .editer-groupe .boutons {
  margin-top: 0;
}
@media screen and (min-width: 36.25em) {
  .formulaire_acteurs .editer-groupe {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-between;
  }
  .formulaire_acteurs .editer-groupe > * {
    align-self: flex-end;
    margin: 0 1em;
  }
  .formulaire_acteurs .editer-groupe .editer {
    width: 28.3333333333%;
    margin: 0 1em;
  }
  .formulaire_acteurs .editer-groupe .editer:first-child {
    margin-left: 0;
  }
  .formulaire_acteurs .editer-groupe .editer:last-child {
    margin-right: 0;
  }
  .formulaire_acteurs .editer-groupe .boutons {
    width: 15%;
    padding: 0;
  }
}
.liste-objets .liste-objets__item {
  margin-bottom: 1em;
  border-left: 2px solid #EEEEEE;
  padding-left: 0.8em;
}
.liste-objets .liste-objets__item .liste-objets__titre {
  margin-bottom: 0.2em;
}
.liste-objets .liste-objets__item:hover a {
  text-decoration: underline !important;
}
.liste-communes {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 48em) {
  .liste-communes {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
.pagination {
  margin: 1.5*1em 0;
}
.coordonnees {
  display: block;
  margin-top: 0;
  margin-bottom: 1.5*1em;
  background: #F6F6F6;
  padding: 1em;
}
.coordonnees p {
  margin-bottom: 0.5em;
}
.coordonnees p:last-child {
  margin-bottom: 0;
}
.bloc-center {
  overflow: hidden;
  clear: both;
  text-align: center;
}
.leaflet-container {
  font-size: 1em !important;
}
.leaflet-popup-content strong {
  display: block;
  margin-bottom: 0.5em;
}
.leaflet-popup-content a {
  font-soze: 0.9em;
}
.blocs_titre {
  background: none;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding: 0 0 0 0.8em;
  clear: left;
  cursor: pointer;
  position: relative;
}
.blocs_titre:before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0;
  height: 0;
  transform: rotate(-90deg);
  border-top: 6px solid #9C1B03;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transition-property: position, transform, border-color;
  transition-duration: 0.2s;
}
.blocs_titre:not(.blocs_replie) {
  color: #510e02;
  text-decoration: none;
}
.blocs_titre:not(.blocs_replie):before, .blocs_titre:hover:before {
  transform: rotate(0deg);
  border-top-color: #510e02;
}
.blocs_destination {
  border-left: 1px solid #8B8183;
  margin-left: 1em;
  padding-left: 1em;
  margin-bottom: 1.5em;
}
.blocs_destination p {
  margin-bottom: 0.5em;
}
.bloc-encadre {
  margin-bottom: 1.5em;
  border: 1px solid #9C1B03;
  padding: 1em;
  background: #FBF8F7;
}
.bloc-encadre p:last-child {
  margin-bottom: 0;
}
table.spip, table.table {
  width: 99%;
  border: none;
  background: none;
  margin: 1.5em auto;
  border-collapse: collapse;
  line-height: inherit;
  font-size: 0.95em;
}
table.spip caption, table.table caption {
  font-style: italic;
  margin-bottom: 0.5em;
  color: #5C5C5C;
}
table.spip th, table.table th {
  border: none;
  border-top: 1px solid #D7D7D7;
  background: #F6F6F6;
  padding: 0.5em;
  line-height: normal;
}
table.spip th p:last-child, table.table th p:last-child {
  margin-bottom: 0;
}
table.spip thead th, table.table thead th {
  border-top: none;
  border-bottom: 2px solid #353535;
}
table.spip td, table.table td {
  border: none;
  border-top: 1px solid #D7D7D7;
  padding: 0.3em 0.5em;
}
table.spip td p:last-child, table.table td p:last-child {
  margin-bottom: 0;
}
table.spip tr:not(even), table.table tr:not(even) {
  background: #FCFCFC;
}
table.spip tbody tr:last-child td, table.spip tbody tr:last-child th, table.table tbody tr:last-child td, table.table tbody tr:last-child th {
  border-bottom: 1px solid #D7D7D7;
}
table.spip tbody tr:hover td, table.table tbody tr:hover td {
  color: #434343;
}
.critere-recherche {
  margin-bottom: 1.5em;
}
.critere-recherche__item:not(:last-child) {
  display: inline-block;
}
.critere-recherche__item:not(:last-child):after {
  content: " / ";
}
.xml-menu .media {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.xml-menu .media .media-left {
  width: 4.375em;
}
.xml-menu .media .list-inline {
  margin: 0;
  list-style: none;
}
.breadcrumb {
  margin-left: 0;
  padding: 0.5em 1em;
  margin-bottom: 20px;
  list-style: none;
  background-color: #F5F5F5;
  border-radius: 4px;
  font-size: 90%;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0;
  color: #9E9E9E;
  content: "> ";
}
.breadcrumb > .active {
  color: #777777;
}
.calendriermini h2 {
  display: none;
}
/**
 * 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 {
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
.formulaire_spip {
  display: block;
  margin-top: 0;
  margin-bottom: 1.5*1em;
  /* elements du formulaire */
  /* sous choix */
  /* reponses succes/erreur */
  /* Explications */
  /* Remarques importantes */
  /* Fieldset */
  /* boutons */
}
.formulaire_spip .boutons, .formulaire_spip .titrem, .formulaire_spip .legend {
  margin: 0;
}
.formulaire_spip > p, .formulaire_spip fieldset > p {
  margin: 0 !important;
  padding: 0.2em 1em;
}
.formulaire_spip .editer {
  list-style: none;
  margin: 0 0 1em 0;
  clear: both;
  overflow: hidden;
}
.formulaire_spip .fieldset, .formulaire_spip .saisie_explication {
  padding: 0;
  border: none;
  background: none;
}
.formulaire_spip .editer.afficher {
  overflow: hidden;
  margin-bottom: 0.8em;
}
.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip input.date, .formulaire_spip input[type=text], .formulaire_spip input[type=password], .formulaire_spip input[type=search], .formulaire_spip textarea, .formulaire_spip select {
  font-size: 1em;
  font-family: inherit;
  padding-left: 0.3em;
  width: 100%;
  border: 1px solid #999999;
  background: white;
  height: 1.875em;
  line-height: 1.875em;
}
.formulaire_spip select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white url('https://www.villeneuve-du-latou.fr/plugins/ccal_squelette/images/icone-dropdown.png') right center no-repeat;
  padding-right: 28px;
  border-radius: 0;
}
.formulaire_spip select:hover, .formulaire_spip select:focus {
  background-image: url('https://www.villeneuve-du-latou.fr/plugins/ccal_squelette/images/icone-dropdown-over.png');
}
.formulaire_spip select::-ms-expand {
  display: none;
}
.formulaire_spip .saisie_date input, .formulaire_spip input.date {
  background: white url('https://www.villeneuve-du-latou.fr/plugins/ccal_squelette/images/icone-calendrier.png') right center no-repeat;
}
.formulaire_spip textarea {
  height: 15.625em;
  overflow: auto;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.formulaire_spip input.placeholder, .formulaire_spip textarea.placeholder {
  color: #484848;
}
.formulaire_spip .erreur {
  background-color: #FBE3E4;
}
.formulaire_spip .erreur_message {
  display: block;
  color: #8A1F11;
  font-weight: bold;
}
.formulaire_spip .erreur input.text, .formulaire_spip .erreur input.password, .formulaire_spip .erreur textarea {
  border: 2px solid #FBC2C4;
}
.formulaire_spip .obligatoire .label {
  font-weight: bold;
}
.formulaire_spip .choix {
  overflow: hidden;
  margin: 0.3em 0;
}
.formulaire_spip .choix label {
  font-weight: normal;
  text-transform: none;
  display: inline-block;
  float: right;
  width: 96%;
  padding-left: 0.5em;
}
.formulaire_spip .choix label.on {
  font-weight: bold !important;
}
.formulaire_spip .choix .radio, .formulaire_spip .choix .checkbox {
  float: left;
  margin-top: 0.25em;
  margin-left: 0.2em;
}
.formulaire_spip .reponse_formulaire, .formulaire_spip .error, .formulaire_spip .success, .formulaire_spip .notice {
  border: 1px solid;
  font-weight: normal;
  padding: 0.5em;
  min-height: 1.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}
.formulaire_spip .reponse_formulaire_ok {
  color: #264409;
  border-color: #C6D880;
  background-color: #E6EFC2;
}
.formulaire_spip .reponse_formulaire_erreur {
  color: #8A1F11;
  border-color: #FBC2C4;
  background-color: #FBE3E4;
}
.formulaire_spip .saisie_explication .explication {
  background: #F0F0F0;
  font-size: 100%;
  color: #222;
  padding: 0.6em;
}
.formulaire_spip p.explication {
  display: block;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0.5em;
}
.formulaire_spip .explication * {
  margin: 0 !important;
}
.formulaire_spip .attention {
  display: block;
  margin-bottom: 1em;
  font-weight: normal;
}
.formulaire_spip input.submit, .formulaire_spip input.reset, .formulaire_spip input.button {
  width: auto;
}
.formulaire_spip fieldset {
  border: 0;
  width: auto;
  padding: 0;
  margin: 1.5em 0;
}
.formulaire_spip h2.legend, .formulaire_spip h3.legend, .formulaire_spip legend {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 125%;
  display: block;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin: 0 0 0.75em 0;
  padding-bottom: 0.25em;
}
.formulaire_spip fieldset input.text, .formulaire_spip fieldset textarea.textarea {
  border: 1px solid #999999;
}
.formulaire_spip .saisie_date label {
  display: inline-block;
  width: 40%;
}
.formulaire_spip .boutons {
  margin: 1em 0 0 0;
  clear: both;
  padding: 1em 0;
  text-align: right;
}
.formulaire_spip .boutons-left {
  text-align: left;
}
.formulaire_spip .boutons-center {
  text-align: center;
}
.formulaire_spip .boutons.noborder {
  margin-top: 0;
}
a.button, .formulaire_spip button, .formulaire_spip input[type=submit] {
  display: inline-block;
  height: 1.875em;
  line-height: 1.875em;
  margin-right: 1em;
  padding: 0 1em;
  background-color: #F2932F;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  color: white !important;
  transition: background 0.3s;
}
a.button:last-child, .formulaire_spip button:last-child, .formulaire_spip input[type=submit]:last-child {
  margin-right: 0;
}
a.button:hover, .formulaire_spip button:hover, .formulaire_spip input[type=submit]:hover {
  background-color: #b0600b;
}
input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus {
  border-color: #666;
}
/* Bouton de validation */
/* Pour IE, qui grossit le bouton submit */
input[type="submit"], input[type="reset"] {
  font-size: inherit;
}
.page__content-main .comments .formulaire_spip form h3.legend, .page__content-main .comments .formulaire_spip form legend {
  border: none;
  background: #DBD8D6;
  width: 100%;
  font-weight: bold;
  font-size: 110%;
  display: block;
  margin-bottom: 0.8em;
}
.page__content-main .comments .formulaire_spip form h3.legend, .page__content-main .comments .formulaire_spip form legend, .page__content-main .comments p {
  padding: 0.4em;
}
.page__content-main .comments p.comment-meta {
  font-weight: bold;
  margin-bottom: 0;
}
.page__content-main .comments ul.comments-ul {
  padding: 0;
}
.page__content-main .comments ul.comments-ul li.comment-li {
  margin-bottom: 1.2em;
}
.page__content-main .comments ul.comments-ul li.comment-li li.comment-li {
  margin-bottom: 0.6em;
  border-left: 1px solid #B0B0B0;
  padding-left: 0.6em;
}
.page__content-main .comments .comment p {
  padding-top: 0;
  padding-bottom: 0;
}
.page__content-main .comments ul li {
  background: none;
  list-style: none;
  padding: 0;
}
.page__content-main .comments ul li:before {
  content: "";
}
.page__content-main .comments ul li.editer {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.page__content-main .comments ul li.editer:first-child {
  padding-top: 0;
}
.page__content-main .comments ul ul {
  margin-top: 0.8em;
  margin-left: 2em;
}
.sidr {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1em;
  background: #D6CAC4;
  color: #222;
}
.sidr a {
  display: inline-block;
  padding: 0.3em;
  color: #222;
}
.sidr a:hover {
  color: #000000;
}
.sidr.right {
  left: auto;
  right: -280px;
}
.sidr.left {
  left: -280px;
  right: auto;
}
.sidr__logo {
  display: block;
  margin-bottom: 1em;
  text-align: center;
}
.sidr__recherche {
  display: inline-block;
  margin-bottom: 1em;
}
.sidr__recherche label {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.sidr__recherche input.search {
  width: 8em;
  display: inline-block;
}
.sidr__recherche .submit {
  display: inline-block;
}
.sidr__menu {
  font-size: 110%;
  margin-bottom: 2em;
}
.sidr__menu li {
  list-style: none;
}
.sidr__menu > ul {
  margin: 0;
}
.sidr__menu > ul > li > a {
  font-weight: bold;
  text-transform: uppercase;
}
.sidr__menu a {
  display: block;
  padding: 0.5em;
}
.pagination .sep, .pagination .label {
  display: none;
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc {
  display: inline-block;
  padding: 0.2em 0.5em;
  text-decoration: none;
  line-height: 1;
}
.pagination .lien_pagination:hover, .pagination .lien_pagination:focus, .pagination .lien_pagination:active {
  color: #FFF;
  background-color: #9C1B03;
}
.pagination .pages .on {
  color: #FFF;
  background-color: #510e02;
}
.pagination .next, .pagination .prev {
  font-weight: bold;
}
.pagination .disabled {
  display: inline-block;
  color: #5C5C5C;
}
@media screen and (max-width: 36.25em) {
  .pagination .pages .lien_pagination, .pagination .pages .tbc {
    display: none;
  }
}
.col .prev, .col .next {
  display: none;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
  /* éviter saut de page hasardeux */
  /*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
										  http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  blockquote, ul, ol {
    page-break-inside: avoid;
  }
  h1, h2, h3, caption {
    page-break-after: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .noprint, .no-print {
    display: none;
  }
}