@charset "UTF-8";

/*
Threme Name: Bat Doctors
Author: Yves Saint-Lary
Author URI: https://ysaintlary.com
Version: 0.1.0
*/


/*! normalize.css v8.0.1 | 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 iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Rremove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` elrement consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elrements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2rem;
  margin: 0.67rem 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 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 `rem` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

/* Text-level sremantics
   ========================================================================== */

/**
 * Rremove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Rremove the bottom border in Chrome 57-
 * 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 */
}

/**
 * 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 `rem` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elrements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

/* rembedded content
   ========================================================================== */

/**
 * Rremove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Rremove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Rremove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Rremove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Rremove 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; */
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35rem 0.75rem 0.625rem;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elrements in IE.
 * 3. Rremove the padding so developers are not caught out when they zero out
 *    `fieldset` elrements 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 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Rremove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Rremove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of incrrement and decrrement 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 */
}

/**
 * Rremove the inner padding in Chrome and Safari on macOS.
 */

[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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-itrem;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

tremplate {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * 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.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1rem;
  line-height: 1.4;
}

/*
 * Rremove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background:#fc3;
  color:var(--text);
  text-shadow:none;
}

::selection {
  background:#fc3;
  color:var(--text);
  text-shadow:none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1rem 0;
  padding: 0;
}

/*
 * Rremove 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;
}

/*
 * Rremove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* ==========================================================================
   CSS VAR
   ========================================================================== */

:root {
  --bat-yellow:hsla(45,100%,60%,1);/*#FC3*/
  --bat-yellow-light:hsla(45,100%,80%,1);
  --bat-red:hsla(355,100%,63%,1);/*FF4455*/
  --grey-light-light:hsla(0,0%,95%,1); 
  --grey-light:hsla(0,0%,80%,1); 
  --grey-medium:hsla(0,0%,60%,1);
  --grey-dark:hsla(0,0%,40%,1);
  --text:hsla(0,0%,20%,1);/*#333*/
}


html{color:var(--text);font-family:Arial, sans-serif;background:url('img/so-white.png') repeat }
body{min-width:360px}
a{color:var(--text);text-decoration:underline dotted}
a:hover{text-decoration:underline;}
a.link{text-decoration:underline}
img{max-width:100%;height:auto}
img[data-lazy-src]{opacity:0}
img.lazyloaded{
  -webkit-transition: opacity .5s linear 0.2s;
  -moz-transition: opacity .5s linear 0.2s;
  transition: opacity .5s linear 0.2s;
  opacity:1}


h1,.h1,h2,h3,.h3{font-family:"Axia";line-height:1}
h1,.h1,h2{font-weight:300}
h1 strong, .h1 strong{font-weight:900}
h1,.h1{font-size:3em}
h1.p, h2.p, h3.p{font-size:1em;line-height:1.4;font-family:Arial,sans-serif;font-weight:300}

h2{font-size:1.75em;font-weight:900;margin-top:3rem}
h2.p{font-size:1em}

h3,.h3{font-size:1.4em;font-weight:900;line-height:1;}
li h3{margin-top:1em}

h4{margin:1.5rem 0 0.25rem 0}
h4 + p {margin-top: 0}


.color-yellow{color:#FC3}

a.btn-reg{
  display:inline-flex;
  align-items:center;justify-content:space-between;
  line-height: 1.4;
  border:1px solid var(--text);
  border-radius:0.5rem;
  padding:0.75rem 1rem;
  background-color:#fff;
  text-decoration:none;
  transition:all 0.2s}

a.btn-reg:hover{
  background-color:var(--text);
  border-color:var(--text);
  color:#fff;}

a.btn-reg.dark{
  background-color:var(--text);
  border-color:var(--text);
  color:#fff;}
a.btn-reg.dark:hover{border-color:var(--text)}

a.btn-reg.red{
  background-color:var(--bat-red);
  border-color:var(--bat-red);
  color:#fff;}
a.btn-reg.red:hover{border-color:var(--bat-red)}

a.btn-reg.yellow{
  background-color:var(--bat-yellow);
  border-color:var(--bat-yellow);
  color:var(--text);}
a.btn-reg.yellow:hover{border-color:var(--bat-yellow)}

a.btn-reg.dark:hover,
a.btn-reg.red:hover,
a.btn-reg.yellow:hover{background-color:#fff;color:var(--text)}

.align-center{text-align:center}

a.btn{
  padding:0.5rem 1rem;border-radius:10px;
  display:flex;justify-content:space-between;align-items:center;
  box-shadow:10px 10px 5px var(--grey-light);
  background-color:#fff;
  border:1px solid var(--grey-medium);
  transition:all 0.1s;}
a.btn:hover{
  transform:translate(-2px,-2px);
  box-shadow:15px 15px 10px var(--grey-light);
  border:1px solid var(--bat-yellow);
  outline:none}
a.btn:focus,
a.btn:active{
  transform: translate(5px,5px);
  box-shadow:5px 5px 5px var(--grey-medium);
  border:1px solid var(--bat-yellow);
  outline:none}



a.btn-reg.arrow-down::after,
a.btn.arrow-down::after{
  content:"";
  display:block;
  width:30px;height:30px;margin-left:15px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f45;%7D.cls-2%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:1.96px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='17' cy='17' r='17'/%3E%3Cpolyline class='cls-2' points='27.81 16.83 17 27.64 6.19 16.83'/%3E%3Cline class='cls-2' x1='17' y1='27.64' x2='17' y2='6.36'/%3E%3C/svg%3E");}

.list-style-none,
ul.menu,
ul.blocs{list-style:none;margin:0;padding:0}
ul.blocs li{margin-bottom:1rem;border-radius:10px}
ul.blocs li a{
  flex-direction:row-reverse;
  justify-content:flex-end;
  align-items:center;
  background-color:#fff;}
ul.blocs li a div,
ul.blocs li a div h3{width:100%;text-align:center}
.inner{padding:2rem;width:calc(100% - 4rem)}
.row.justify-center{justify-content:center}

.toggle{text-decoration:underline}
.toggle:hover{cursor:pointer;text-decoration:none}
.collapse{transition:all 0.2s}
.collapse.open{height:auto;overflow:visible}
.collapse.close{height:0;overflow:hidden}

/*.arrow-down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.761' height='29.308' viewBox='0 0 29.761 29.308'%3E%3Cg id='Groupe_2819' data-name='Groupe 2819' transform='translate(0.707)'%3E%3Cpath id='Tracé_23' data-name='Tracé 23' d='M28.346,0,14.173,14.173,0,0' transform='translate(0 13.721)' fill='none' stroke='%23333' stroke-width='2'/%3E%3Cline id='Ligne_2' data-name='Ligne 2' y1='27.442' transform='translate(14)' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}*/



/***************/
/* H E A D E R */
body > header{overflow-y:auto}
body > header .branding p.logo{margin:0}
body > header .branding a{
  display:block;
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491 758'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23FC3;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M16.69,740.3h7.34v15.05H0v-85.5H28.84v14.92h-12.14s0,55.52,0,55.52Zm27.95-45.15c0-7.97-2.78-10.37-10.75-10.37h-1.39v-14.92h9.23c11.76,0,19.48,8.48,19.48,18.97v47.55c0,10.5-7.46,18.97-19.23,18.97h-14.29v-15.05h6.2c7.97,0,10.75-2.4,10.75-10.37v-34.78Z'/%3E%3Cpath class='cls-1' d='M90.56,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69s-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82s15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M168.09,720.7h-16.69v-25.55c0-21.75,16.06-26.69,32.63-26.69,6.83,0,16.31,.88,22.51,1.39v15.3s-13.28-1.52-21.75-1.52c-14.8,0-16.7,5.56-16.7,19.98v17.07Zm38.7,34.65c-6.2,.51-15.94,1.39-22.76,1.39-16.57,0-32.63-4.93-32.63-26.69v-5.56h16.69c.13,12.27,2.15,17.2,16.7,17.2,8.48,0,22.01-1.52,22.01-1.52v15.18Z'/%3E%3Cpath class='cls-1' d='M217.67,669.86h38.7v85.5h-16.7v-70.45s-22.01,0-22.01,0v-15.05Zm42.37,15.05v-15.05h18.34v15.05h-18.34Z'/%3E%3Cpath class='cls-1' d='M300.39,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69-9.99,0-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82,9.99,0,15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M377.92,755.36h-16.69v-85.5h29.47v14.92h-12.77s0,70.57,0,70.57Zm25.29-61.59c0-5.69-1.52-8.73-8.85-8.98v-14.92h7.34c10.5,0,18.21,8.48,18.21,18.97v13.53c0,10.5-7.71,19.1-18.21,19.1h-20.11v-15.05h12.14c7.97,0,9.48-3.92,9.48-9.86v-2.78Zm7.97,30.61l15.94,30.99h-18.21s-15.81-30.99-15.81-30.99h18.09Z'/%3E%3Cpath class='cls-1' d='M450.14,690.35h-16.95v-.38c0-14.8,11.51-21.5,29.09-21.5,8.22,0,19.35,1.01,24.28,1.39v16.19s-15.05-1.65-23.15-1.65c-8.85,0-12.39,1.9-13.28,5.94Zm40.6,44.52c0,14.8-11.13,21.75-28.84,21.88v-15.56c9.99-.63,12.14-4.05,12.14-9.23v-1.9c0-4.18-.76-7.97-8.35-8.98l-14.29-1.77c-10.87-1.39-18.21-9.61-18.21-22.01v-3.54h16.7v1.14c0,4.18,.76,8.09,8.22,8.98l14.42,1.77c10.88,1.39,18.21,9.11,18.21,20.74v8.48Zm-32.5,6.45v15.43c-11.51-.25-24.66-1.27-24.66-1.27v-15.68s14.17,1.52,24.66,1.52Z'/%3E%3C/g%3E%3Cpolygon class='cls-1' points='0 0 0 390.97 215.31 390.97 215.31 153.09 97.66 272.3 97.66 191.92 245.5 44.08 393.34 191.92 393.34 272.3 275.7 153.09 275.7 390.97 491 390.97 491 0 0 0'/%3E%3Cpath class='cls-1' d='M113.19,576.73l-21.44-21.12H41.62s0,50.13,0,50.13h18.29v37.52H0v-213.13H73.46v37.2h-31.84s0,51.39,0,51.39h49.82s17.65-17.34,17.65-17.34v-9.77c0-18.6-5.04-24.28-23.96-24.28h-2.52v-37.2h18.28c32.79,0,49.5,21.12,49.5,47.29v26.17c0,2.52-.32,6.62-1.89,9.14l-24.27,23.96,28.37,28.06c1.58,2.52,1.89,6.62,1.89,9.14v22.07c0,26.17-22.07,47.29-48.24,47.29h-37.2v-37.52h17.65c19.86,0,26.48-2.84,26.48-22.7v-6.31Z'/%3E%3Cpath class='cls-1' d='M258.34,478.99l-53.6,164.26h-44.14s73.46-213.13,73.46-213.13h8.2s16.08,48.87,16.08,48.87Zm-6.62-48.87h40.36s73.46,213.13,73.46,213.13h-44.14s-17.65-54.23-17.65-54.23h-71.88s12.3-39.41,12.3-39.41h46.66s-39.09-119.49-39.09-119.49Z'/%3E%3Crect class='cls-1' x='445.28' y='430.12' width='45.72' height='37.52'/%3E%3Cpolygon class='cls-1' points='339.67 430.12 339.67 467.64 394.53 467.64 394.53 643.25 436.14 643.25 436.14 430.12 339.67 430.12'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
  margin:0;width:94px;height:146px;overflow:hidden;text-indent:-1000px}
body > header .branding p{color:#FC3}

/* M E N U */
body > header li.current-menu-item a, 
body > header li.current-page-ancestor a{color:#FC3}

body > header ul li{border-bottom:1px solid #666666}
body > header ul li:last-child{border-bottom:none}
body > header ul li:last-child a{padding-bottom:0}
body > header ul li a{
    display:inline-block;
    font-family:"axia-stencil";text-transform:uppercase;
    font-weight:900;font-size:1.4rem;line-height:1;
    padding:0.75rem 0;text-decoration:none;
    position:relative;left:-0.2rem}
body > header ul li a:hover{text-decoration:none}
body > header ul li a:focus{outline:1px solid #FC3}
body > header ul li a.current:hover,
body > header ul li a.current{color:#FC3}



/***************/
/* F O O T E R */
footer{display:flex;flex-direction:column;justify-content:space-between;}
footer > .inner:nth-child(1){min-height:80vh}
footer > .inner:nth-child(2){min-height:5vh}
footer > .inner{display:flex;flex-direction:column;justify-content:center;align-items:center}
footer .inner p.branding{
  display:block;
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491 758'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M16.69,740.3h7.34v15.05H0v-85.5H28.84v14.92h-12.14s0,55.52,0,55.52Zm27.95-45.15c0-7.97-2.78-10.37-10.75-10.37h-1.39v-14.92h9.23c11.76,0,19.48,8.48,19.48,18.97v47.55c0,10.5-7.46,18.97-19.23,18.97h-14.29v-15.05h6.2c7.97,0,10.75-2.4,10.75-10.37v-34.78Z'/%3E%3Cpath class='cls-1' d='M90.56,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69s-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82s15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M168.09,720.7h-16.69v-25.55c0-21.75,16.06-26.69,32.63-26.69,6.83,0,16.31,.88,22.51,1.39v15.3s-13.28-1.52-21.75-1.52c-14.8,0-16.7,5.56-16.7,19.98v17.07Zm38.7,34.65c-6.2,.51-15.94,1.39-22.76,1.39-16.57,0-32.63-4.93-32.63-26.69v-5.56h16.69c.13,12.27,2.15,17.2,16.7,17.2,8.48,0,22.01-1.52,22.01-1.52v15.18Z'/%3E%3Cpath class='cls-1' d='M217.67,669.86h38.7v85.5h-16.7v-70.45s-22.01,0-22.01,0v-15.05Zm42.37,15.05v-15.05h18.34v15.05h-18.34Z'/%3E%3Cpath class='cls-1' d='M300.39,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69-9.99,0-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82,9.99,0,15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M377.92,755.36h-16.69v-85.5h29.47v14.92h-12.77s0,70.57,0,70.57Zm25.29-61.59c0-5.69-1.52-8.73-8.85-8.98v-14.92h7.34c10.5,0,18.21,8.48,18.21,18.97v13.53c0,10.5-7.71,19.1-18.21,19.1h-20.11v-15.05h12.14c7.97,0,9.48-3.92,9.48-9.86v-2.78Zm7.97,30.61l15.94,30.99h-18.21s-15.81-30.99-15.81-30.99h18.09Z'/%3E%3Cpath class='cls-1' d='M450.14,690.35h-16.95v-.38c0-14.8,11.51-21.5,29.09-21.5,8.22,0,19.35,1.01,24.28,1.39v16.19s-15.05-1.65-23.15-1.65c-8.85,0-12.39,1.9-13.28,5.94Zm40.6,44.52c0,14.8-11.13,21.75-28.84,21.88v-15.56c9.99-.63,12.14-4.05,12.14-9.23v-1.9c0-4.18-.76-7.97-8.35-8.98l-14.29-1.77c-10.87-1.39-18.21-9.61-18.21-22.01v-3.54h16.7v1.14c0,4.18,.76,8.09,8.22,8.98l14.42,1.77c10.88,1.39,18.21,9.11,18.21,20.74v8.48Zm-32.5,6.45v15.43c-11.51-.25-24.66-1.27-24.66-1.27v-15.68s14.17,1.52,24.66,1.52Z'/%3E%3C/g%3E%3Cpolygon class='cls-1' points='0 0 0 390.97 215.31 390.97 215.31 153.09 97.66 272.3 97.66 191.92 245.5 44.08 393.34 191.92 393.34 272.3 275.7 153.09 275.7 390.97 491 390.97 491 0 0 0'/%3E%3Cpath class='cls-1' d='M113.19,576.73l-21.44-21.12H41.62s0,50.13,0,50.13h18.29v37.52H0v-213.13H73.46v37.2h-31.84s0,51.39,0,51.39h49.82s17.65-17.34,17.65-17.34v-9.77c0-18.6-5.04-24.28-23.96-24.28h-2.52v-37.2h18.28c32.79,0,49.5,21.12,49.5,47.29v26.17c0,2.52-.32,6.62-1.89,9.14l-24.27,23.96,28.37,28.06c1.58,2.52,1.89,6.62,1.89,9.14v22.07c0,26.17-22.07,47.29-48.24,47.29h-37.2v-37.52h17.65c19.86,0,26.48-2.84,26.48-22.7v-6.31Z'/%3E%3Cpath class='cls-1' d='M258.34,478.99l-53.6,164.26h-44.14s73.46-213.13,73.46-213.13h8.2s16.08,48.87,16.08,48.87Zm-6.62-48.87h40.36s73.46,213.13,73.46,213.13h-44.14s-17.65-54.23-17.65-54.23h-71.88s12.3-39.41,12.3-39.41h46.66s-39.09-119.49-39.09-119.49Z'/%3E%3Crect class='cls-1' x='445.28' y='430.12' width='45.72' height='37.52'/%3E%3Cpolygon class='cls-1' points='339.67 430.12 339.67 467.64 394.53 467.64 394.53 643.25 436.14 643.25 436.14 430.12 339.67 430.12'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
  width:94px;height:146px;overflow:hidden;text-indent:-1000px}
footer .inner p.baseline{max-width:400px;margin:inherit auto;text-align:center}
footer h3{margin:2rem 0 0.5rem 0}

a.instagram{display:block;width:3rem;height:3rem;text-indent:10000px;overflow:hidden;background: url('img/icon_instagram.svg') no-repeat center center;background-size:contain;transition:all 0.2s}
a.instagram:hover{opacity:0.7}

/*************************/
/* M A I N + L A Y O U T */
div#breadcrumbs{text-transform:lowercase;color:var(--grey-medium);border-bottom:1px solid var(--grey-light);}
div#breadcrumbs > span > span{margin:0 0.5rem}
div#breadcrumbs > span > span:first-child{margin-left:0}
div#breadcrumbs > span > span:last-child{margin-right:0}
div#breadcrumbs > span > span a,
div#breadcrumbs > span > span.breadcrumb_last{color:var(--grey-dark);}
div#breadcrumbs > span > span a:hover{color:var(--grey-dark)}

section{display:flex;align-items:center;}
section.dark{background-color:var(--grey-dark);color:var(--grey-light-light)}
main, footer{min-height:100vh}
main section{min-height:calc(100vh - 6rem);padding-top:3rem;padding-bottom:3rem}
main section#accueil{padding:0}
main > article{min-height:calc(95vh - 6rem);padding-bottom:6rem;display:flex;flex-direction:column;justify-content:center}

.row{display:flex;justify-content:space-between;flex-wrap:wrap}

.margin-bottom-2{margin-bottom:2rem}


/*******************/
/* U R G E N C E S */
ul.blocs.urgences li a{text-decoration:none}
ul.blocs.urgences li a p.h3{color:var(--text);margin-bottom:0}
ul.blocs.urgences li a .p{color:#666;margin-top:0.25rem}

ul.blocs.urgences li a .priorite{color:var(--bat-red);display:flex;flex-direction:column;align-items:center}
ul.blocs.urgences li a .priorite span{
  display:flex;justify-content:center;align-items: center;
  width:3rem;height:3rem;border-radius:3rem;border:2px solid var(--bat-red);
  font-family:Axia-stencil;font-weight:600;font-size:2.25rem;}

section#interventions-recentes a.btn-reg,
section#interventions-recentes{background-color:var(--grey-light)}
section#interventions-recentes a.btn-reg:hover{color:#fff;background-color:var(--text)}
section#form-demande-intervention-urgence{background-color:var(--bat-yellow)}





/***********************/
/* F R O N T - P A G E */
section#accueil .inner-container{
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  min-height:100vh}
section#accueil .inner-container{
  position:absolute;
  top:0;
  height:100%;
  width:100%;
  z-index:10}
section#accueil > img,
section#accueil picture{
  position: relative;
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100vh;z-index:5;object-fit:cover;}
section#accueil .inner-container .inner{
  display:flex;
  flex-direction:column-reverse;
  min-height: 50%;
  justify-content: center;
  text-align:center;
  max-width:800px;margin:0 auto;}
section#accueil p.h1{margin:0}
section#accueil h1{max-width:400px;margin:0 auto}
section#accueil .row{margin-top:1rem;margin-bottom:1rem}
section#accueil .row .btn-reg{margin:0 0.5rem}
section#accueil .row.justify-center{flex-direction:row}

section#urgences li h3{margin-bottom:0.25rem;line-height:1;}
section#urgences p.delai{color:#FF4451;display:flex;flex-direction:column;line-height:1;margin-top:0.25rem}
section#urgences p.delai span:first-child{font-size:0.75rem;font-weight:600}
section#urgences p.delai span:last-child{font-family:"axia-stencil";font-weight:900;font-size:2rem;}

section#examen{
  background: url(img/batdoctors-examen-dessin-enveloppe.png) no-repeat center center hsla(0,100%,100%,0.8);
  background-size:contain;}
section#examen .row{flex-direction:row-reverse;align-items:center}
section#examen .row header.col {text-align:right}
section#examen .row header.col h2{text-align:right}
section#examen .row header.col p,
section#examen .row header.col a.btn-reg{text-align:right;}



section#equipe img{border:1px solid var(--grey-light)}




section#contact{background-color:#FC3;color:#333}
.col.telephone-container .row{align-items:center;border:2px solid var(--text);padding:0 0.5rem;}
.col.telephone-container .row .phone{text-align:right;display:flex;align-items:center}
.col.telephone-container .row .phone a{
  white-space:nowrap;padding:0.5rem;
  border-left:1px solid var(--text);border-right:1px solid var(--text);
  font-size:2rem;font-family:Axia-stencil;transition:all 0.2s}
.col.telephone-container .row .phone a:hover{color:var(--bat-yellow);background-color:var(--text)}
.col.telephone-container .row .phone::after{
  display:block;content:"";width:30px;height:100%;min-height:50px;margin-left:0.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23312f2d;stroke-linejoin:round;stroke-width:1.95px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Composant_4_12'%3E%3Cpath id='Tracé_104' class='cls-1' d='m30.57,20.96h-7.48c-1.12,0-2.03.91-2.03,2.03v2.82c-6.13-1.91-10.95-6.69-12.91-12.81h2.77c1.12,0,2.03-.91,2.03-2.03V3.49c0-1.12-.91-2.03-2.02-2.03h-4.13c-2.97,0-5.37,2.4-5.37,5.37v.39c.03,13.93,11.32,25.22,25.25,25.25h.04c3.24-.01,5.86-2.64,5.86-5.88v-3.61c0-1.11-.9-2.02-2.02-2.02Z'/%3E%3C/g%3E%3C/svg%3E");
  background-position:center center;background-repeat:no-repeat}

#form_contact label{text-transform:capitalize}
#form_contact input[type="text"],
#form_contact input[type="email"],
#form_contact textarea{
  background-color: var(--bat-yellow-light)}
#form_contact label{text-transform:capitalize}
#form_contact input[type="text"],
#form_contact input[type="email"],
#form_contact textarea{
  border-radius:0.25rem;margin-bottom:1rem;border:1px solid var(--text);
  padding-left:1rem;padding-right:1rem;width:calc(100% - 2rem)!important}
#form_contact input[type="text"]:focus,
#form_contact input[type="email"]:focus,
#form_contact textarea:focus{background-color:#fff}
#form_contact input[type="text"],
#form_contact input[type="email"]{height:2rem;}
#form_contact textarea{width:100%;height:5rem}
#form_contact a#sellsy_btn_contact{
  display:inline-block;width:25%;box-shadow:none;background-color:var(--bat-red);color:#fff;
  padding:0.75rem 1rem;border:none}
#form_contact a#sellsy_btn_contact:hover{
  transform:none;background-color: var(--text);text-decoration:none}
#form_contact a#sellsy_btn_contact::focus,
#form_contact a#sellsy_btn_contact::active{transform:none;}

.sellsy-error-message {
  color:var(--bat-red) !important;
  border-color:var(--bat-red) !important;
  background-color:#fff !important;}

/*******************************/
/* F I C H E   U R G E N C E S */
.page-template-page-urgence .inner.grid a.btn{margin-top:2rem}
.page-template-page-urgence main header{border-bottom:1px solid var(--grey-light);padding-bottom:1rem;margin-bottom:1rem}
.page-template-page-urgence main header p.h1{margin:0}


.page-template-page-urgence main article h2{font-weight:300;font-size:2.25em;margin-top:0}
.page-template-page-urgence main article h3{font-weight:900;font-size:1.2em;}
.page-template-page-urgence main article p + h3{margin-top:3rem}
/*.page-template-page-urgence main article h3{font-family: Arial, sans-serif;font-size: 1.25rem}*/

.page-template-page-urgence a.btn-reg.arrow-down{width:calc(100% - 2rem);}


/***************************/
/* I N T E R V E N T I O N */
#interventions.row{margin:4rem 0 0 0;justify-content:space-between}
#interventions.row .col{text-align:left;margin-bottom:6rem}
#interventions.row .col h2.p{margin:1rem 0 0 0}
#interventions.row .col p{margin:0}


/*****************/
/* C O N T A C T */
.page-template-page-contact .row.telephone .col p:first-child{margin-top:0}
.col.telephone-container .row {margin-top:2rem;padding:0;width:calc(100% - 4px);align-items:flex-start}
.col.telephone-container .row div:first-child br{display:none}
.col.telephone-container .row div:first-child {padding:0.5rem}
.col.telephone-container .row .phone {width:100%;border-top:1px solid var(--text);flex-direction:row-reverse;justify-content:flex-end}
.col.telephone-container .row .phone a{border-left:none;border-right:none}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the elrement
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  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 elrements
 *    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 elrements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */




@media only screen and (max-width:400px) {
  body{font-size:0.9rem}
  section#accueil .row{flex-direction:column}
  section#accueil .row a.btn-reg{margin:0.25rem auto}
}

@media only screen and (max-width:600px) {
  .inner{padding:1rem;width:calc(100% - 2rem)}
  header.close .branding{left:1rem}
  header #nav-toggle{right:1rem}
  #breadcrumbs{margin-top:7rem;}
  section#contact ol{margin-top:2rem}
  section#contact ol li{width:100%}
  section#contact ol li::before{
    float:left;font-size:3.5rem;height:100%;width:50px;text-align:center;
    display:flex;align-items:flex-start;justify-content:center;
    position:relative;top:-15px;left:0px}

  ul.blocs li a{justify-content:space-between}
  ul.blocs li a img,ul.blocs li a div{width:47.5%}

  section#contact a.mailto{padding:0.1rem 0.1rem 0.1rem 0.5rem;width: calc(100% - 0.6rem);}
  section#contact a.mailto div.remailAddress{margin-left:0;font-size:0.8rem;text-align:left}

  .page-template-page-urgence article .inner{margin-bottom:4rem}
}


@media only screen and (min-width:601px) and (max-width:999px) {
  header.close .branding{left:6rem}
  header #nav-toggle{right:6rem}
  #breadcrumbs{margin-top:8rem;}  
  #breadcrumbs.inner{width:calc(100% - 12rem);padding-left:0rem;padding-right:0rem;margin-left:6rem;margin-right:6rem;}

  

  .row.col3{flex-direction:row}
  .row.col3 .col{width:47.5%}
}


@media only screen and (max-width:999px) {

  h1, .h1 {font-size:2.5rem}

  body.admin-bar,
  body.admin-bar > header.close{top:46px}
  body.admin-bar > header #nav-toggle{top:calc(1rem + 46px)}
  body.admin-bar > header.close .branding{top:46px}
  body.admin-bar main section#accueil .inner-container {top:46px}

  header.close .branding p.logo{position:relative;top:1rem;z-index:15}

  header #nav-toggle{
    position:fixed;top:1rem;
    background-color:var(--text);color:#fc3;border:none;padding:0;
    border-radius:0.25rem;
    width:2.5rem;height:2.5rem;z-index:100;}

  header #nav-toggle span{
    display: block;
    width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;text-indent:-1000px;
    background-color:var(--text);
    background-size:24px 20px;
    background-position: center center;
    background-repeat: no-repeat}

  header #nav-toggle span.menu{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='.5' y='4' width='22' height='3'/%3E%3Crect class='cls-1' x='.5' y='13' width='22' height='3'/%3E%3C/svg%3E");
    background-size:24px 20px;
    background-position: center center}
  header #nav-toggle span.fermer{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fc3;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Union_1' class='cls-1' d='M19.07,19.19l-7.07-7.07-7.07,7.07-2.12-2.12,7.07-7.07L2.81,2.93,4.93,.81l7.07,7.07L19.07,.81l2.12,2.12-7.07,7.07,7.07,7.07-2.12,2.12Z'/%3E%3C/svg%3E")}
  header #nav-toggle:hover{cursor:pointer}

  
  header.close .branding p.baseline{display:none}
  header.close .branding{position:absolute;top:0;}
  header.close #nav-toggle .fermer{display:none}


  header #navigation #nav{position:relative;opacity:0;height:0;transition:opacity 0.4s;z-index:-90}
  header.open #navigation{width:100%}
  header.open #navigation #nav{opacity:1;height:auto;z-index:90}

  header.open{
    position:fixed;top:0;
    height:100vh;width:100%;
    background-color:#333333;
    display:flex;
    flex-direction:column-reverse;
    justify-content:center;
    align-items:center;
    z-index:100}
  header.open #nav-toggle .menu{display:none}
  header.open ul{text-align:center;margin:3.5rem 0}
  header.open ul li{margin:0.25rem 0}
  header.open ul li a{color:var(--grey-light-light)}
  header.open ul li.current-menu-item a,
  header.open ul li.current-page-ancestor a{color:var(--bat-yellow)}

  header.open .branding{display:flex;flex-direction:column;align-items:center;width:50%}
  header.open .branding {}
  header.open .branding a{color:#FC3}
  header.open .branding p{text-align:center}

  body.no-scroll{overflow:hidden}
  body.no-scroll footer .sticky-remergency{display:none !important}

  .row{flex-direction:column;align-items:flex-start}
  .row .col{width:100%}
  

  section{padding-bottom:3rem}

  /*section#accueil{justify-content:flex-start}
  section#accueil .inner{margin-top:150px}*/

  section#accueil .inner-container .inner{justify-content:center;margin-top:146px;min-height:calc(60% - 146px)}
  section#accueil .row a.btn-reg{display:block;padding:0.5rem;margin:0.25rem}

  section#examen .row {flex-direction:column;align-items:center}
  section#examen .row header.col,
  section#examen .row header.col h2,
  section#examen .row header.col p{text-align:center}

  section#examen > .row,
  section#zone-intervention > .row{flex-direction:column-reverse}

  #form_contact a#sellsy_btn_contact{width:calc(100% - 2rem)}

  header.close .branding a{
    display:block;
    background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491 758'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M16.69,740.3h7.34v15.05H0v-85.5H28.84v14.92h-12.14s0,55.52,0,55.52Zm27.95-45.15c0-7.97-2.78-10.37-10.75-10.37h-1.39v-14.92h9.23c11.76,0,19.48,8.48,19.48,18.97v47.55c0,10.5-7.46,18.97-19.23,18.97h-14.29v-15.05h6.2c7.97,0,10.75-2.4,10.75-10.37v-34.78Z'/%3E%3Cpath class='cls-1' d='M90.56,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69s-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82s15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M168.09,720.7h-16.69v-25.55c0-21.75,16.06-26.69,32.63-26.69,6.83,0,16.31,.88,22.51,1.39v15.3s-13.28-1.52-21.75-1.52c-14.8,0-16.7,5.56-16.7,19.98v17.07Zm38.7,34.65c-6.2,.51-15.94,1.39-22.76,1.39-16.57,0-32.63-4.93-32.63-26.69v-5.56h16.69c.13,12.27,2.15,17.2,16.7,17.2,8.48,0,22.01-1.52,22.01-1.52v15.18Z'/%3E%3Cpath class='cls-1' d='M217.67,669.86h38.7v85.5h-16.7v-70.45s-22.01,0-22.01,0v-15.05Zm42.37,15.05v-15.05h18.34v15.05h-18.34Z'/%3E%3Cpath class='cls-1' d='M300.39,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69-9.99,0-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82,9.99,0,15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M377.92,755.36h-16.69v-85.5h29.47v14.92h-12.77s0,70.57,0,70.57Zm25.29-61.59c0-5.69-1.52-8.73-8.85-8.98v-14.92h7.34c10.5,0,18.21,8.48,18.21,18.97v13.53c0,10.5-7.71,19.1-18.21,19.1h-20.11v-15.05h12.14c7.97,0,9.48-3.92,9.48-9.86v-2.78Zm7.97,30.61l15.94,30.99h-18.21s-15.81-30.99-15.81-30.99h18.09Z'/%3E%3Cpath class='cls-1' d='M450.14,690.35h-16.95v-.38c0-14.8,11.51-21.5,29.09-21.5,8.22,0,19.35,1.01,24.28,1.39v16.19s-15.05-1.65-23.15-1.65c-8.85,0-12.39,1.9-13.28,5.94Zm40.6,44.52c0,14.8-11.13,21.75-28.84,21.88v-15.56c9.99-.63,12.14-4.05,12.14-9.23v-1.9c0-4.18-.76-7.97-8.35-8.98l-14.29-1.77c-10.87-1.39-18.21-9.61-18.21-22.01v-3.54h16.7v1.14c0,4.18,.76,8.09,8.22,8.98l14.42,1.77c10.88,1.39,18.21,9.11,18.21,20.74v8.48Zm-32.5,6.45v15.43c-11.51-.25-24.66-1.27-24.66-1.27v-15.68s14.17,1.52,24.66,1.52Z'/%3E%3C/g%3E%3Cpolygon class='cls-1' points='0 0 0 390.97 215.31 390.97 215.31 153.09 97.66 272.3 97.66 191.92 245.5 44.08 393.34 191.92 393.34 272.3 275.7 153.09 275.7 390.97 491 390.97 491 0 0 0'/%3E%3Cpath class='cls-1' d='M113.19,576.73l-21.44-21.12H41.62s0,50.13,0,50.13h18.29v37.52H0v-213.13H73.46v37.2h-31.84s0,51.39,0,51.39h49.82s17.65-17.34,17.65-17.34v-9.77c0-18.6-5.04-24.28-23.96-24.28h-2.52v-37.2h18.28c32.79,0,49.5,21.12,49.5,47.29v26.17c0,2.52-.32,6.62-1.89,9.14l-24.27,23.96,28.37,28.06c1.58,2.52,1.89,6.62,1.89,9.14v22.07c0,26.17-22.07,47.29-48.24,47.29h-37.2v-37.52h17.65c19.86,0,26.48-2.84,26.48-22.7v-6.31Z'/%3E%3Cpath class='cls-1' d='M258.34,478.99l-53.6,164.26h-44.14s73.46-213.13,73.46-213.13h8.2s16.08,48.87,16.08,48.87Zm-6.62-48.87h40.36s73.46,213.13,73.46,213.13h-44.14s-17.65-54.23-17.65-54.23h-71.88s12.3-39.41,12.3-39.41h46.66s-39.09-119.49-39.09-119.49Z'/%3E%3Crect class='cls-1' x='445.28' y='430.12' width='45.72' height='37.52'/%3E%3Cpolygon class='cls-1' points='339.67 430.12 339.67 467.64 394.53 467.64 394.53 643.25 436.14 643.25 436.14 430.12 339.67 430.12'/%3E%3C/svg%3E");
    background-size:contain;background-repeat:no-repeat;
    margin:0;overflow:hidden;text-indent:-1000px;
    width:94px;height:146px;
    width:50px;height:77px;}
  header.open .branding a{
    background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491 758'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23FC3;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M16.69,740.3h7.34v15.05H0v-85.5H28.84v14.92h-12.14s0,55.52,0,55.52Zm27.95-45.15c0-7.97-2.78-10.37-10.75-10.37h-1.39v-14.92h9.23c11.76,0,19.48,8.48,19.48,18.97v47.55c0,10.5-7.46,18.97-19.23,18.97h-14.29v-15.05h6.2c7.97,0,10.75-2.4,10.75-10.37v-34.78Z'/%3E%3Cpath class='cls-1' d='M90.56,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69s-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82s15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M168.09,720.7h-16.69v-25.55c0-21.75,16.06-26.69,32.63-26.69,6.83,0,16.31,.88,22.51,1.39v15.3s-13.28-1.52-21.75-1.52c-14.8,0-16.7,5.56-16.7,19.98v17.07Zm38.7,34.65c-6.2,.51-15.94,1.39-22.76,1.39-16.57,0-32.63-4.93-32.63-26.69v-5.56h16.69c.13,12.27,2.15,17.2,16.7,17.2,8.48,0,22.01-1.52,22.01-1.52v15.18Z'/%3E%3Cpath class='cls-1' d='M217.67,669.86h38.7v85.5h-16.7v-70.45s-22.01,0-22.01,0v-15.05Zm42.37,15.05v-15.05h18.34v15.05h-18.34Z'/%3E%3Cpath class='cls-1' d='M300.39,700.46v20.24h-16.69v-25.55c0-19.98,15.55-26.69,32-26.69,16.44,0,32,6.7,32,26.69v5.56h-16.69v-.25c0-12.9-5.31-16.69-15.3-16.69-9.99,0-15.3,3.8-15.3,16.69Zm30.61,24.03v-19.98h16.69v25.55c0,19.98-15.43,26.69-32,26.69-16.57,0-32-6.7-32-26.69v-5.56h16.69c0,12.9,5.31,16.82,15.3,16.82,9.99,0,15.3-3.8,15.3-16.82Z'/%3E%3Cpath class='cls-1' d='M377.92,755.36h-16.69v-85.5h29.47v14.92h-12.77s0,70.57,0,70.57Zm25.29-61.59c0-5.69-1.52-8.73-8.85-8.98v-14.92h7.34c10.5,0,18.21,8.48,18.21,18.97v13.53c0,10.5-7.71,19.1-18.21,19.1h-20.11v-15.05h12.14c7.97,0,9.48-3.92,9.48-9.86v-2.78Zm7.97,30.61l15.94,30.99h-18.21s-15.81-30.99-15.81-30.99h18.09Z'/%3E%3Cpath class='cls-1' d='M450.14,690.35h-16.95v-.38c0-14.8,11.51-21.5,29.09-21.5,8.22,0,19.35,1.01,24.28,1.39v16.19s-15.05-1.65-23.15-1.65c-8.85,0-12.39,1.9-13.28,5.94Zm40.6,44.52c0,14.8-11.13,21.75-28.84,21.88v-15.56c9.99-.63,12.14-4.05,12.14-9.23v-1.9c0-4.18-.76-7.97-8.35-8.98l-14.29-1.77c-10.87-1.39-18.21-9.61-18.21-22.01v-3.54h16.7v1.14c0,4.18,.76,8.09,8.22,8.98l14.42,1.77c10.88,1.39,18.21,9.11,18.21,20.74v8.48Zm-32.5,6.45v15.43c-11.51-.25-24.66-1.27-24.66-1.27v-15.68s14.17,1.52,24.66,1.52Z'/%3E%3C/g%3E%3Cpolygon class='cls-1' points='0 0 0 390.97 215.31 390.97 215.31 153.09 97.66 272.3 97.66 191.92 245.5 44.08 393.34 191.92 393.34 272.3 275.7 153.09 275.7 390.97 491 390.97 491 0 0 0'/%3E%3Cpath class='cls-1' d='M113.19,576.73l-21.44-21.12H41.62s0,50.13,0,50.13h18.29v37.52H0v-213.13H73.46v37.2h-31.84s0,51.39,0,51.39h49.82s17.65-17.34,17.65-17.34v-9.77c0-18.6-5.04-24.28-23.96-24.28h-2.52v-37.2h18.28c32.79,0,49.5,21.12,49.5,47.29v26.17c0,2.52-.32,6.62-1.89,9.14l-24.27,23.96,28.37,28.06c1.58,2.52,1.89,6.62,1.89,9.14v22.07c0,26.17-22.07,47.29-48.24,47.29h-37.2v-37.52h17.65c19.86,0,26.48-2.84,26.48-22.7v-6.31Z'/%3E%3Cpath class='cls-1' d='M258.34,478.99l-53.6,164.26h-44.14s73.46-213.13,73.46-213.13h8.2s16.08,48.87,16.08,48.87Zm-6.62-48.87h40.36s73.46,213.13,73.46,213.13h-44.14s-17.65-54.23-17.65-54.23h-71.88s12.3-39.41,12.3-39.41h46.66s-39.09-119.49-39.09-119.49Z'/%3E%3Crect class='cls-1' x='445.28' y='430.12' width='45.72' height='37.52'/%3E%3Cpolygon class='cls-1' points='339.67 430.12 339.67 467.64 394.53 467.64 394.53 643.25 436.14 643.25 436.14 430.12 339.67 430.12'/%3E%3C/svg%3E");}

  #breadcrumbs{
    display:flex;width:calc(100% - 2rem);border-top:1px solid var(--grey-light);
    padding-top:0.75rem;padding-bottom:0.75rem;overflow-x:auto;}
  #breadcrumbs > span {display:inline-flex;align-items:center;}
  #breadcrumbs > span > span {white-space:nowrap;}}


@media only screen and (min-width:601px) {
  .inner{padding:2rem 6rem;width:calc(100% - 12rem)}
  #breadcrumbs{width: calc(100% - 12rem)}

  ul.blocs{display:flex;flex-wrap:wrap;}
  ul.blocs li{width:calc(50% - 1rem);}
  ul.blocs li:nth-child(odd){margin-right:2rem}
  ul.blocs li a{flex-direction:column-reverse;align-items:center;padding:2rem 2rem 3rem 2rem;height:calc(100% - 6rem)}
  ul.blocs li a img{margin:0;object-fit:contain}
}


@media only screen and (min-width:800px) {
.page-template-page-urgence .inner.grid{
    display:grid;
    grid-template-columns:50% 50%;
    grid-template-rows:auto;
    grid-template-areas:
      "header image"
      "content image"
      "btn image";
    column-gap:4%;}
  .page-template-page-urgence .inner.grid{grid-template-columns:64% 32%;column-gap:4%;}
  .page-template-page-urgence .inner.grid header{grid-area:header;}
  .page-template-page-urgence .inner.grid .content{grid-area:content;}
  .page-template-page-urgence .inner.grid a.btn{grid-area:btn;}
  .page-template-page-urgence .inner.grid img,.inner.grid picture{grid-area:image;justify-self:end;align-self:start;}

  .page-template-page-urgence .row{flex-direction:row}
  .page-template-page-urgence .col.one-third{width:32%;text-align: right;}
  .page-template-page-urgence .col.two-thirds{width:64%}}


@media only screen and (min-width:1000px) {
  h1, .h1, h2, h3 {line-height: 1.1;}
  h2 span{font-size:0.3rem}
  
  
  body > header {
    position:fixed;
    top:0;left:0;
    padding:0 0 2rem 2rem;
    width:10rem;
    height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;justify-content:space-between;
    background-color:#333333;
    font-size:0.9rem}
  body.admin-bar > header{top:32px;height:calc(100vh - 2rem - 32px)}
  body > header .branding{width:8rem}
  body > header .branding a{width:8rem;height:12.533rem}
  body > header ul li a {font-size:1.2rem;padding:0.5rem 0}

  main, footer{margin-left:12rem}
  main section#accueil .inner-container{left:12rem;width:calc(100% - 12rem)}


  header #nav-toggle{display:none}
  
  header ul li a{color:#999999;transition:all 0.2s}
  header ul li a:hover{color:#ccc}
  

  
  .row .col{width:47.5%}
  .row.col3 .col{width:30%}

  ul.blocs li:nth-child(odd){margin-right:1rem}
  ul.blocs li{width:calc(25% - (3rem / 4));margin-right:1rem}
  ul.blocs li:last-child{margin-right:0}
  ul.blocs li a{padding:1rem 1rem 1em 1rem;height:calc(100% - 2rem)}

  .home section#equipe div.col h3:first-child{margin-top:0}

  

  .col.telephone-container .row {margin-top:0rem;}
  
}




@media only screen and (min-width:1200px) {
  .page-template-page-urgence main article .inner{margin-top:6rem}

  section#contact ol li::before{margin:auto;height:100px}
  section#contact ol li{width:22%;text-align:center}


  }



@media only screen and (min-width:1400px) {
  body{font-size:1.15rem;line-height:1.3}
  body > header {font-size:1.1rem}
  
  ul.blocs li:nth-child(odd){margin-right:1rem}
  ul.blocs li{width:calc(25% - (3rem / 4));margin-right:1rem}
  ul.blocs li:last-child{margin-right:0}
  ul.blocs li a{padding:1.5rem 1.5rem 1.5rem 1.5rem;height:calc(100% - 3rem)}
  .col.one-third{width:32%}
  .col.two-thirds{width:64%}

  /* H E A D E R */
  body > header {
    padding:0 0 3rem 3rem;
    width:15rem;
    height:calc(100vh - 3rem)}
  body > header .branding{width:12rem}
  body > header .branding a{width:12rem;height:18.8rem}
  body.admin-bar > header{top:32px;height:calc(100vh - 3rem - 32px)}
  body > header ul li a{font-size: 1.4rem;padding:0.75rem 0}

  /* M A I N */
  main, footer{margin-left:18rem}
  main section#accueil .inner-container{left:18rem;width:calc(100% - 18rem)}
  .inner, section .inner.content{
    max-width:1200px;margin-left:auto;margin-right:auto;
    padding-left:0;padding-right:0}

  /* H O M E */
  
  #zone-intervention header h2{margin-bottom:1rem}
  #zone-intervention .two-thirds{text-align:right}

  /* C O N T A C T */
  .col.telephone-container .row {width:calc(100% - 4px - 1rem);margin-top:0rem;padding:0 0.5rem;flex-direction:row;flex-wrap:nowrap;align-items:center}
  .col.telephone-container .row div:first-child{padding:0}
  .col.telephone-container .row div:first-child br{display:block}
  .col.telephone-container .row .phone {width:auto;border-top:none;flex-direction:row;justify-content:center;align-items:center}
  .col.telephone-container .row .phone a{border-left:1px solid var(--text);border-right:1px solid var(--text);}

  }

@media only screen and (min-width:1800px) {
  ul.blocs li:nth-child(odd){margin-right:2rem}
  ul.blocs li{width:calc(25% - (6rem/4));margin-right:2rem}}

@media only screen and (min-width:2000px) {
  body{font-size:1.4rem}
  h1, .h1{font-size:4em}
/*  h3, .h3 {font-size:1.8rem;}*/
/*  h2.p {font-size:1.4rem;}*/

  .inner,
  section .inner.content{max-width:1600px;margin-left:auto;margin-right:auto}
  section#accueil a{max-width:1200px}
  section#accueil .inner-container .inner{max-width:1200px}
  section#contact ol li::before{height:120px;}

  ul.blocs li a{padding:3rem 3rem 4rem 3rem;height:calc(100% - 7rem)}
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

