@import url('css/bootstrap.css');
@import url('css/jasny-bootstrap.css');
@import url('css/jasny-bootstrap.css');
@import url('rsxscx/module-rsxscx.css');
/*
Theme Name: Montfavet
Theme URI:
Description: Thème Montfavet par Interlude Santé
Version: 1.0
Author: Interlude Santé
Author URI: http://www.interludesante.com
*/
/*
================================================== */
/*@import url('css/reset.css');*/
/* Import du reset CSS normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
img.redimensionner{
  width:80%;
  height:auto;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* #Page Styles
================================================== */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * 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.
 */
img {
  margin: 0;
  border: 0px;
}
::-moz-selection {
  color: #000;
  text-shadow: none;
}
::selection {
  color: #000;
  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;
}
/*
 * 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;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
.absolute {
  position: absolute;
}
#blocPoleAdultesAccord .su-spoiler-content:not(.ui-accordion-content-active), #annuaireMedecins .su-spoiler-content:not(.ui-accordion-content-active),
#annuairePoles .su-spoiler-content:not(.ui-accordion-content-active), #annuaireStructures .su-spoiler-content:not(.ui-accordion-content-active),
#annuaireDirections .su-spoiler-content:not(.ui-accordion-content-active), #bloc-medical .su-spoiler-content:not(.ui-accordion-content-active),
#bloc-soignant .su-spoiler-content:not(.ui-accordion-content-active), #bloc-administratif .su-spoiler-content:not(.ui-accordion-content-active),
#bloc-stages .su-spoiler-content:not(.ui-accordion-content-active){
  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;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
  clear: both;
}
a:hover{
  text-decoration: none;
  font-weight: 500!important;
}
a img.alignleft,
a img.alignright,
a img.aligncenter {
  display: block;
}
img.alignleft,
img.gauche{
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
img.alignright,
img.droite{
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.gauche,
.alignleft,
a .alignleft {
  float: left;
}
.droite,
.alignright,
a .alignright {
  float: right;
}
.aligncenter {
  margin: 0 auto;
  display: block;
}
h2{
  font-size: 1.875em;
  font-weight: 300;
  font-family: 'Oswald', sans-serif;
}
.su-spoiler-title{
  font-size:0.813em;
  font-weight: 500!important;
  width:auto!important;
}

.su-tabs-pane{
  font-size:16px!important
}
#corps ul{
  margin-top:-10px;
}
#corps li{
  font-size:0.875em;
  list-style: none;
}
#corps ol li{
  list-style: normal;
}
#corps #demarcheDemandeAdmission ol{
  padding-left:30px;
}
#corps #demarcheDemandeAdmission ol li{
  margin-bottom: 10px;
}
#corps li:before{
  content:"•";
  padding-right: 5px;
  display: inline-block;
  font-size: 1em;
}
#corps ol li:before{
  display: none;
}
#corps li h2, li h3, li h4, li h5{
  display: inline-block;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*/// VARIABLES ////*/
html {
  font-size: 100%;
  width: 100%;
  height: 100%;
}
body {
  font-size: 1em;
}
body .global {
  width: 1500px;
  display: block;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
}
body .global .container {
  width: calc(100% - 270px);
  padding: 0px;
}
header .global {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .logoHeader #logoCH {
  width: 260px;
}
header .menuInstit{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header #blocRecherche {
  padding: 15px;
  width: max-content;
  padding-top: 0;
}
header #blocRecherche.fdBleu {
  background-color: #78ccd8;
}
/* header #blocRecherche.fdVert {
  background-color: #d7e33d;
}
header #blocRecherche.fdRose {
  background-color: #a82276;
}
header #blocRecherche.fdBleuFonce {
  background-color: #005399;
}
header #blocRecherche.fdOrange {
  background-color: #F2AA1A;
} */
/* header #blocRecherche .container {
  width: 1026px;
  display: block;
  margin: 0 auto;
  padding: 0!important;
  position: relative;
} */


header #blocRecherche #recherche {
  width: auto;
  margin-top: 15px;
}
header #blocRecherche #recherche form input {
  float: left;
  padding: 5px 10px;
  border: 0px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 0.875em;
  font-style: italic;
  color: #005399;
}
header #blocRecherche  #recherche form button {
  width: 36px;
  height: 31px;
  padding: 0px;
  margin-left: 11px;
  background-image: url('images/loupe.png');
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
}
header #blocRecherche #accessibilite {
  margin-top: 15px;
  position: relative;
  margin-left: 15px;
}
header #blocRecherche #accessibilite span {
  color: #9a006e;
  cursor: pointer;
}
header #blocRecherche.fdBleuFonce #accessibilite span,header #blocRecherche.fdRose #accessibilite span {
  color: #d7e33d;
}
header #blocRecherche #accessibilite span:hover {
  color: #bace44;
}
header #blocRecherche  #accessibilite span#APlus {
  font-size: 1.5em;
}
header #blocRecherche #accessibilite span#reset {
  font-size: 1.25em;
}
header #blocRecherche #accessibilite span#AMoins {
  font-size: 1em;
}
header #agent{
  position: relative;
	margin-top: 20px;
	margin-left: 15px;
  height: 20px;
}
header #agent a{
  color:#fff;
}
header #headerMenu {
  background-color: #fff;
}
header #headerMenu .container {
  padding: 0;
  position: relative;
  width:1034px;
  max-width: 100%;
}
header #headerMenu .container > nav {
  display: flex;
  justify-content: center;
}
header #headerMenu .container nav ul {
  margin: 0;
  padding-left:0px;
}
header #headerMenu .container nav ul li {
  margin: 0;
  list-style: none;
  float: left;
  display: block;
  padding-top: 17px;
  padding-bottom: 17px;
}
header #headerMenu .container nav ul li a {
  position: relative;
  text-decoration: none;
  z-index:99;
}
header #headerMenu .container nav ul li ul {
  display: none;
}
header #headerMenu .container nav ul li:hover ul {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  border: 5px solid #f3f3f3;
  border-top: 3px solid #005399;
    border-image:url('./images/ombreMenuHeader.png') 3 5 5 5 round;
  -webkit-border-image: url('./images/ombreMenuHeader.png') 3 5 5 5 round;
  -o-border-image: url('./images/ombreMenuHeader.png') 3 5 5 5 round;
  top: 100%;
  z-index: 99999;
  background-color: #fff;
  padding: 0px;
  padding-top: 30px;
  z-index: 10;
}
header #headerMenu .container nav ul li:hover ul li {
  display: block;
  width: 38%;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-left: 2%;
  display: inline-block;
}
header #headerMenu .container nav ul li:hover ul li a {
  color: #bace44;
  text-transform: uppercase;
  padding: 5px;
  margin-left: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
header #headerMenu .container nav ul li:hover ul li a:hover {
  font-weight: 700;
  background-color: transparent;
}
header #headerMenu .container nav ul li:hover ul li.gauche {
  float: left;
}
header #headerMenu .container nav ul li:hover ul li.gauche:after {
  clear: both;
}
header #headerMenu .container nav ul li:hover ul li.droite {
  float: right;
  margin-right: 15%;
}
header #headerMenu .container nav ul li:hover ul li.droite:after {
  clear: both;
}
header #headerMenu .container nav ul li:hover ul li.prem a {
  padding-top: 15px;
}
header #headerMenu .container nav ul li:hover ul li.prem:before {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  background-image: url('images/traitBleu.png');
  background-repeat: no-repeat;
  background-size: 100%;
  clear: both;
}
header #headerMenu .container nav ul li:hover ul li ul {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid #005399;
  background-color: #fff;
  padding: 0px;
  border: none;
}
header #headerMenu .container nav ul li:hover ul li ul li {
  display: block;
  float: none;
  width: 100%;
  padding: 0px;
  margin-left: 0px;
}
header #headerMenu .container nav ul li:hover ul li ul li a {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875em;
  color: #323232;
  text-transform: none;
  padding: 0px!important;
}
header #headerMenu .container nav ul li:hover ul li ul li a:hover {
  color: #bace44;
  font-weight: 400;
  background-color: transparent;
}
header #headerMenu .container nav ul li a {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 1.313em;
  color: #005399;
  margin-left: 5px;
  padding: 20px 10px;
  display: block;
}
header #headerMenu .container nav ul li a:hover {
  background-color: #005399;
  color: #fff;
}
footer{
  background-color: #efefef;
}
footer .container{
  padding: 0;
}
footer .contenu{
  padding-top:25px;
}
footer ul{
  padding-left:0px;
  margin: 0px;
  width: 710px;
  padding-bottom:25px;
}
footer ul li{
  padding-right:1px;
  display: block;
  margin-right: 2%;
  float: left!important;
  width:18%;
}
footer ul li a{
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  color:#005399;
  padding-bottom: 23px;
}
footer ul li.menu-item-213{
  width:19%;
}
footer ul li.menu-item-224{
  width:17%;
}
footer ul li.menu-item-213 a{
  padding-bottom: 0px;
}
footer ul li a:hover{
  color:#bace44;
}
footer ul li ul{
  padding-top: 10px;
  padding-bottom: 0px;
  width: auto;
}
footer ul li ul li{
  display:block;
  margin-right: 0px;
  float: none!important;
  line-height: 0.75em;
  width:100%;
  padding-bottom:8px;
}

footer ul li ul li a{
  font-size: 0.7em;
  font-family: 'Open Sans', sans-serif;
  color:#323232;
}
footer ul li ul li ul{
  display:none;
}
footer .autresLiens{
  background-color: #fff;
  padding:25px 10px;
  min-height:245px;
  width: 120px;
}
footer .autresLiens li{
  list-style:none;
  font-family: 'Oswald', sans-serif;
  line-height:1.9em;

}
footer .autresLiens li a{
  color:#a82276;
}
footer .extranetRscx{
  margin-left:0px;
  width:130px;
  background-color: #fff;
  min-height:245px;
  padding: 25px 10px;
}
footer .extranetRscx .extranet{
  background-color: #78ccd8;
  padding:5px 30px;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 10px;
  display: block;
}
footer .extranetRscx h4{
  font-size:1em;
  font-family: 'Oswald', sans-serif;
  color:#a82276;
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
}
footer .extranetRscx .rscx{
  display: inline-block;
  width: 33px;
  height:33px;
  background-repeat: no-repeat;
  background-image: url('./images/rscx.png');
  margin-right: 8px;
}
footer .extranetRscx .rscx.facebook{
  background-position: -40px top;
}
footer .extranetRscx .rscx.vimeo{
  background-position:-80px top;
  margin-right: 0px;
}
.accueil img.alignleft, .accueil img.gauche,.accueil img.alignright, .accueil img.droite {
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.img.wp-image-2965{
  margin-right:25px;
}
.accueil #sliderHeader{
  margin-bottom: 0px;
}
.accueil #sliderHeader .container {
  position: absolute!important;
  z-index:1;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}
.accueil #sliderHeader .container:before {
  position: absolute!important;
  content:'';
  display:block;
  left:50%;
  top:0;
  transform: translateX(-50%);
  width:100vw;
  max-width: 1500px;
  height: 100%;
  background-color: rgba(009,072,144, 0.8);
  z-index:3;
}
.accueil #sliderHeader .container h2 span,.accueil #sliderHeader .container h1 span {
  font-family: 'Open Sans', sans-serif;
  font-size:20px;
  font-weight: 100;
  color: #fff;
  line-height: 0.7em;
  position: relative;
  z-index:9;
}
.accueil #sliderHeader .container h2 span.titre,.accueil #sliderHeader .container h1 span.titre {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700!important;
  font-size: 40px!important;
  color: #fff;
  line-height: 0.7em;
}
.accueil #sliderHeader .container h2,.accueil #sliderHeader .container h1{
  /* position: absolute!important; */
  /* left: 33px!important;
  bottom: 0px!important; */
  margin-bottom: 30px;
  z-index:2;
  position: relative;
  z-index:9;
}
.accueil #sliderHeader .container h1{
    margin-bottom: 15px;
}
.accueil #sliderHeader .container h1 span.titre {
  font-size: 24px!important;
}
.accueil #sliderHeader .container h2.pAccroche,.accueil #sliderHeader .container h1.pAccroche{
  bottom:48px!important;
}
.accueil #sliderHeader .logoBlanc80{
  position: absolute;
  top: 0;
  width: 25%;
  right: 0;
  transform: translate(40%, -25%);
}

.accueil #sliderHeader .slick-arrow{
  display: none!important;
}
.accueil #sliderHeader .slick-dots{
  width:auto;
  max-width: 280px;
  right:0px!important;
  bottom:10px!important;
}
.accueil #sliderHeader .slick-dots li{
    margin:0!important;
}
.accueil #sliderHeader .slick-dots li button {
  border-radius: 15px;
  width:15px!important;
  height:15px!important;
  background-color:#fff;
}
.accueil #sliderHeader .slick-dots .slick-active button {
  background-color:#005399;
}
.accueil #sliderHeader .slick-dots li button:before {
  content:""!important;
}
.accueil #sliderHeader .slick-slide{
  position:relative;
}
.accueil #sliderHeader .slick-slide img.fd{
  position:absolute;
  bottom:0;
  left:0;
}
.accueil.page #sliderHeader .slick-slide img.fd{
  bottom:-42px;
}
.accueil #bloc1 {
  background-color: #f4f5f5;
  position: relative;
}
.accueil .consulter {
  padding-top: 25px;
  width: 753px;
  font-family: 'Oswald', sans-serif;
  position: relative;
}
.accueil .consulter h2 {
  font-size: 1.875em;
  font-weight: 300;
  color: #78ccd8;
  margin-top: 0px;
  margin-bottom: 0px;
}
.accueil .consulter p.bouton {
  display: flex;
  margin-top: 34px;
  margin-bottom: 3px;
}
.accueil .consulter p.bouton .boutonProfil {
  display: inline-block;
  padding-left: 75px;
  padding-right: 20px;
  padding-top: 23px;
  padding-bottom: 23px;
  background-color: #78ccd8;
  text-transform: uppercase;
  font-size: 1.5em;
  color: #fff;
  background-image: url('images/pictoConsulter.png');
  background-repeat: no-repeat;
  cursor:pointer;
  /* float:left; */
  margin-bottom: 4px;
}
.accueil .consulter p.bouton .boutonProfil.inactif {
  background-color: #b7ebf2;
}
.accueil .consulter p.bouton .boutonProfil.btnAdultes {
  background-position: 20px center;
}
.accueil .consulter p.bouton .boutonProfil.btnEnfants {
  background-position: -170px center;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 4px;
}
.accueil.page .consulter p.bouton .boutonProfil.btnEnfants {
	background-position: -170px center;
	padding-top: 8px;
	padding-bottom: 8px;
  margin-left: 4px;
}
.accueil .consulter fieldset {
  border: none;
  background-color: #78ccd8;
  width: 455px;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.accueil .consulter fieldset p {
  margin-top: 25px;
  color: #005399;
}
.accueil .consulter fieldset p span {
  display: block;
  padding-bottom: 15px;
  font-size: 1.313em;
}
.accueil .consulter fieldset p label {
  font-size: 1.250em;
  font-weight: 300;
  color: #fff;
}
.accueil .consulter fieldset p label[for="ville"] {
  padding-right: 44px;
}
.accueil .consulter fieldset p select,
.accueil .consulter fieldset p input[type="text"] {
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-style: italic;
  width: 243px;
  color: #696969;
  border: none;
  padding: 10px;
  border-radius: 10px;
}
.accueil .consulter fieldset p select {
  color: #696969;
  padding: 10px;
}
.accueil .consulter fieldset p option {
  width: 100%;
  border: none;
}
.page input[type="submit"]{
  background-color: #78CCD8!important;
  border: 1px solid #78CCD8!important;
  color:#fff!important;
  padding:10px;
}
.page #corps #formDemandeAdmission input[type="submit"]{
  background-color: #962179!important;
  border: 1px solid #962179!important;
  color:#fff!important;
  padding:10px;
}
.page .su-custom-gallery{
  text-align: center!important;
}
.page .su-custom-gallery .su-custom-gallery-slide {
	float: none!important;
	display: inline-block;
}
.page #corps #formDemandeAdmission select{
  border:1px solid #eee;
  padding:10px;
  margin-bottom: 30px;
}
.accueil .consulter fieldset p input[type="submit"] {
  font-family: 'Oswald', sans-serif;
  font-size: 1.313em;
  color: #fff;
  background-color: #962179!important;
  padding-left: 18px!important;
  padding-right: 18px!important;
  margin-bottom: 25px;
  border: none!important;
  border-radius: 10px!important;
}
.accueil .consulter .carte {
  position: absolute;
  bottom: 0px;
  right: 15px;
}
.accueil #bloc1 .abonCoor {
  position: relative;
}
.accueil .global #bloc1 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accueil .global #bloc1 .container *{
  box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
  .accueil #bloc3 .container{
    width:95%;
  }
  .accueil .global #bloc1 .container .consulter{
    max-width: calc(100% - 275px);
  }
  .accueil .global #bloc1 .container .consulter .formulaire{
    width: 65%;
  }
  .accueil .global #bloc1 .container .consulter .formulaire fieldset{
    max-width: 100%;
  }
  .accueil .global #bloc1 .container .consulter .carte{
    width: 30%;
  }
  .accueil .global #bloc1 .container .consulter .carte img{
    max-width: 100%;
  }
}
.accueil #bloc1 .abonCoor span.espacePatient {
  position: absolute;
  top: -57px;
  left: 50%;
  margin-left: -71px;
  display: block;
  width: 142px;
  height: 144px;
  font-size: 19px;
  color: #a82276;
  text-align: center;
  text-transform: uppercase;
  background-image: url('images/bulleEspacePatient.png');
  background-repeat: no-repeat;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  line-height: 30px;
  padding-top: 35px;
  background-size: 100%;
}
.accueil #bloc1 .abonCoor h3 {
  margin-top: 0px;
  padding-top: 110px;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}
.accueil #bloc1 .abonCoor .abonnement {
  background-color: #005399;
  text-align: center;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 45px;
}
.accueil #bloc1 .abonCoor .abonnement form {
  position: relative;
}
.accueil #bloc1 .abonCoor .abonnement input {
  border-radius: 10px;
  padding: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 300;
  border: none;
  color: #005399;
  font-style: italic;
  width: 233px;
}
.accueil #bloc1 .abonCoor .abonnement input.submit {
  display: block;
  width: 16px;
  height: 28px;
  background-image: url('images/btnEMagazine.png');
  background-repeat: no-repeat;
  background-color: #fff;
  position: absolute;
  right: 0px;
  top: 10px;
}
.accueil #bloc1 .abonCoor .abonnement a {
  margin-top: 25px;
  width: 233px;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #a82276;
  color: #fff;
  border-radius: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
}
.accueil #bloc1 .abonCoor .accesSoins{
  display: block;
  background-color: #d7e33d;
  text-align: center;
  padding: 20px;
  font-size: 24px;
  font-weight: 100;
  color: #005399;
  font-family: 'Oswald', sans-serif;
  line-height:26px;
}
.accueil #bloc1 .abonCoor .accesSoins strong{
  font-size: 30px;
  font-family: 'Oswald', sans-serif;
  line-height: 5px;
  padding-left:10px;
}
.accueil #bloc1 .abonCoor .coordonnees {
  background-color: #a82276;
  text-align: center;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.accueil #bloc1 .abonCoor .coordonnees h3 {
  padding-top: 25px;
}
.accueil #bloc1 .abonCoor .coordonnees h2 {
  text-transform: uppercase;
  font-size: 21px;
  color: #fff;
  margin-bottom: 0px;
  margin-top: 25px;
}
.accueil #bloc1 .abonCoor .coordonnees h2 span {
  font-size: 24px;
  font-weight: 700;
}
.accueil #bloc1 .abonCoor .coordonnees p {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.accueil #bloc1 .fonduBas {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 17px;
  background-image: url('images/fondu.png');
  background-repeat: no-repeat;
}
.accueil #bloc2 h2 {
          text-align: center;
          color:#005399;
}
.accueil #bloc2 .profilAccueil{
  margin-top: 35px;
  margin-bottom: 55px;
  padding-left: 0px;
  text-align: center;
}
.accueil #bloc2 .profilAccueil .blocOffre{
  position: relative;
  display: inline-block;
  margin-right: 51px;
}
.accueil #bloc2 .profilAccueil .blocOffre.profil21{
  margin-right:0px!important;
}
.accueil #bloc2 .profilAccueil .blocOffre a{
          position:relative;
}
.accueil #bloc2 .profilAccueil img{
  position: relative;
  z-index:99;
}
.accueil #bloc2 .profilAccueil span{
          position:absolute;
          font-size: 20px;
          font-family: 'Oswald', sans-serif;
          top:50px;
          left:50px;
          color:#fff;
          font-weight: 300;
          text-transform: uppercase;
          z-index:1;
          display: none;
}
.accueil #bloc3{
  background-image: url('./images/fdAgenda.png');
  background-position: top center;
  position: relative;
}
.accueil #bloc3 .container{
 display:flex;
 justify-content: space-between;
}
.accueil #bloc3 .fonduHaut{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 17px;
  background-image: url('images/fondu.png');
  background-repeat: no-repeat;
  background-position: bottom;
}
.accueil #bloc3 .agenda{
  width:370px;
  position: relative;
}
.accueil #bloc3 .agenda h2{
  color:#66bcc8;
  max-width: 200px;
}
.accueil #bloc3 .agenda a.agendaTout{
  color:#66bcc8;
  max-width: 160px;
  position: absolute;
  top:27px;
  left: 205px;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.accueil #bloc3 .agenda .event{
  margin-left:0px;
}
.accueil #bloc3 .agenda .event-list .start-date, .accueil #bloc3 .agenda .event-list .end-date{
  background-color: transparent;
  color:#66bcc8;
  font-family: 'Oswald', sans-serif;
  font-size: 1.875em;
  font-weight: 700;
  display: inline-block;
  padding: 0;
  width: auto;
}
.accueil #bloc3 .agenda .event-list .start-date,.accueil #bloc3 .agenda .event-list .end-date{
  background-color: transparent;
  color:#66bcc8;
  font-family: 'Oswald', sans-serif;
  font-size: 1.875em;
  font-weight: 700;
  display: inline-block;
  padding: 0;
  width: auto;
  margin-left: 0px;
}
.accueil #bloc3 .agenda .multi-day{
	margin: 0 0 0 55px;
}
.accueil #bloc3 .event-list .multi-date {
	background: none;
}
.accueil #bloc3 .agenda .event-list .multi-date .end-date{
  display:none;
  margin-left:0px;
}
.accueil #bloc3 .agenda .event-list .event-month{
  text-transform:lowercase;
  font-weight: 300;
  padding:0
}
.accueil #bloc3 .agenda .event-details{
  display:none;
}
.accueil #bloc3 .agenda .event-list .event-weekday,.accueil #bloc3 .agenda .event-list .event-year{
  display: none;
}
.accueil #bloc3 .agenda .event-list .event-info .event-title{
    border-bottom:1px solid transparent;
  border-image:url('./images/borderAgenda2.jpg');
  -webkit-border-image: url('./images/borderAgenda2.jpg');
  -o-border-image: url('./images/borderAgenda2.jpg') ;
}
.accueil #bloc3 .agenda .event-list .event-info .event-title h3{
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875em;
  color:#323232;
  line-height: 0.975em;
  display: block;
  width: 277px;
  padding-bottom: 15px;
  padding-top: 0px;
  border-bottom:1px solid #66bcc8;
  border-image:url('./images/borderAgenda.jpg') 30 round;
  -webkit-border-image: url('./images/borderAgenda.jpg') 30 round;
  -o-border-image: url('./images/borderAgenda.jpg') 30 round ;

}
.accueil #bloc3 .agenda .event-list .event-info .event-time, .accueil #bloc3 .agenda .event-list .event-info .event-location{
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875em;
  color:#323232;
  line-height: 0.975em;
}
.accueil #bloc3 .agenda .event-list .event-info .event-title a{
  color:#323232;
}
.accueil #bloc3 .agenda .event-list .event-info .event-title a:hover{
  color:#bace44;
}
.accueil #bloc3 .actualites{
  width:calc(100% - 370px);
  max-width: 650px;
  padding-left:25px;
  position: relative;
}
.accueil #bloc3 .actualites h2{
  color:#a82276;
  max-width: 445px;
}
.accueil #bloc3 .actualites a.actualiteTout{
  color:#a82276;
  position: absolute;
  top:27px;
  right: 20px;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte{
  padding-left: 25px;
  width: 330px;
  position:relative;
  z-index:0;
}
.accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte a{
  color:#a82276;
}
.accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte a:hover{
    color:#bace44;
}
.accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte h3{
  margin-top: 50px;
  font-size:1.5em;
  font-family: 'Oswald', sans-serif;
}
.accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte p{
  font-size:0.875em;
  line-height: 1.1em;
}
.accueil #bloc3 .actualites #sliderActualites .slick-arrow{
  display: block;
  width: 35px;
  height: 35px;
  background-color:#a82276;
  top:17px;
  background-image: url('./images/pictoSlickArrow.jpg');
  background-repeat: no-repeat;
  z-index:9;
}
.accueil #bloc3 .actualites #sliderActualites .slick-arrow:before{
  content:"";
}
.accueil #bloc3 .actualites #sliderActualites .slick-prev{
  left:260px;
}
.accueil #bloc3 .actualites #sliderActualites .slick-next{
  left:294px;
  background-position:-35px 0px;
}
.accueil #bloc4{
  margin-top: 40px;
}
.accueil #bloc4 .contact{
  width:370px;
  background-color: #f3f3f3;
  padding: 8px;
  position: relative;
  min-height:229px;
}
.accueil.single #bloc4 .blocTiers,.accueil.emploi #bloc4 .blocTiers{
  width:32%!important;
  margin-right: 1%!important;
  margin-left: 0%!important;
  text-align: center;
  padding-top:13px;
}
.accueil.emploi #bloc4 .blocTiers{
  width:50%!important;
}
.accueil.single #bloc4 .blocTiers.annuaire,.accueil.single #bloc4 .blocTiers.annuaire a,.accueil.emploi #bloc4 .blocTiers.annuaire a{
  color:#323232!important;
}
.accueil.single #bloc4 .blocTiers.annuaire a,.accueil.emploi #bloc4 .blocTiers.annuaire a{
  font-weight:300;
}
.accueil.single #bloc4 .blocTiers.annuaire a:hover,.accueil.emploi #bloc4 .blocTiers.annuaire a:hover{

  color:#fff!important;
}
.single #corps a#admission{
  padding: 15px;
  background-color: #a82276;
  color:#fff;
  display: inline-block;
  border-radius: 5px;
}

.accueil #bloc4 .contact h2{
  color:#005399;
  margin-bottom: 20px;
  margin-top:7px;

}
.accueil #bloc4 .contact .blocTexte{
  max-width: 230px;
}
.accueil #bloc4 .contact .blocTexte span{
  width:18px;
  height: 18px;
  background-repeat: no-repeat;
  display: block;
}
.accueil #bloc4 .contact .blocTexte span.maison{
  background-image: url('./images/maison.png');
  margin-top:3px;
}
.accueil #bloc4 .contact .blocTexte span.mail{
  background-image: url('./images/mail.png');
}
.accueil #bloc4 .contact .blocTexte span.tel{
  background-image: url('./images/tel.png');
}
.accueil #bloc4 .contact .blocTexte p{
  margin-left: 22px;
  margin-top: -2px;
}
.accueil #bloc4 .contact img{
  position:absolute;
  right: 8px;
  top:8px;
}
.pageAnnuaire #annuaire{
  position:relative;
}
.accueil #bloc4 .annuaire,.pageAnnuaire .annuaires{
  margin-left:10px;
  padding-left: 25px;
  padding-right: 25px;
  width: 370px;
  background-color: #d7e33d;
  min-height: 229px;
}
.pageAnnuaire .annuaires{
  margin-left:auto;
  margin-right: auto;
  margin-bottom:30px;
}
.pageAnnuaire.emploi .annuaires{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.pageAnnuaire.emploi .blocAnnuaireTitre{
  position: relative;
}
.accueil #bloc4 .annuaire h2,.pageAnnuaire .annuaires h2{
  color:#76841d!important;
  margin-top: 10px!important;
  margin-bottom: 5px!important;
  font-size: 1.875em!important;
}
.accueil #bloc4 .annuaire ul, .pageAnnuaire .annuaires ul{
  padding-left: 0px;
}
.accueil #bloc4 .annuaire li,.pageAnnuaire .annuaires ul li{
  position:relative;
  font-family:  'Oswald', sans-serif;
  font-size: 1.5em!important;
  list-style: none;
  border-bottom: 1px solid #fff;
  border-image:url('./images/borderAnnuaire.png') 1 round;
  -webkit-border-image: url('./images/borderAnnuaire.png') 1 round;
  -o-border-image: url('./images/borderAnnuaire.png') 1 round ;
  line-height: 1.7em;
}
.pageAnnuaire .annuaires ul li:before{
  content:''!important;
}
.accueil #bloc4 .annuaire li.direction,.pageAnnuaire .annuaires ul li.direction{
  border-bottom:none;
}
.accueil #bloc4 .annuaire li a,.pageAnnuaire .annuaires ul li span{
  color:#fff;
}
.accueil #bloc4 .annuaire li a span.droite{
  position:absolute;
  top:-3px;
  right:10px;
  font-size: 1.875em;
}
.pageAnnuaire.emploi .annuaires ul li{
  line-height:2.2em;
}
.pageAnnuaire.emploi .annuaires ul li span.gauche{
  width:80%;
}
.pageAnnuaire.emploi .annuaires ul li#administratif span.gauche{
  line-height: 1.5em;
}
.accueil #bloc4 .mda{
  display: block;
  width: 100%;
  background-color: #a82276;
  color:#fff;
  margin-top: 21px;
  position: relative;
  font-family: 'Oswald', sans-serif;
}
.accueil #bloc4 .mda span.gauche{
  padding-left:23px;
  font-size: 1.875em;
  padding-bottom: 15px;
  padding-top: 15px
}
.accueil #bloc4 .mda span.droite{
  position:absolute;
  top:-8px;
  right:35px;
  font-size: 1.875em;
}
.accueil .menuFlottant{
  width:260px;
}
.accueil .menuFlottant ul{
  padding-left:0px;
}
.accueil .menuFlottant li{
  position:relative;
  font-family: 'Oswald', sans-serif;
  list-style: none;
}
.accueil .menuFlottant span{
  float: left;
  font-size: 1.375em;
  padding-top: 15px;
  color: #6ebac8;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    display: block;
    position: absolute;
}
.accueil .menuFlottant img{
  float: right;
}
.accueil .menuFlottant hr{
  height:1px;
  width: 100%;
  position:absolute;
  bottom:0px;
  right:33px;
  background-image: url('./images/borderMenuFlottant.png');
  background-repeat: no-repeat;
  border: none;
  margin:0;
}
.accueil #bloc5{
  background-image: url('./images/fdMotsCles.png');
  background-repeat: no-repeat;
  height:165px;
  padding-top:55px;
  margin-top: 35px;
}
.page #bloc5{
  margin-bottom: 35px;
}
.accueil #bloc5 .container{
  width:930px;
}
.accueil #bloc5 .container li span{
  display: none;
}
.accueil #bloc5 .container .slick-arrow:before{
  content:'';
}
.accueil #bloc5 .container .slick-arrow{
  display: block;
  z-index:999;
  width: 35px;
  height:35px;
  background-repeat: no-repeat;
}
.accueil #bloc5 .container .slick-prev{
  background-image:url('./images/boutonPrev.png');
  left: -47px;
}

.accueil #bloc5 .container .slick-next{
  background-image:url('./images/boutonNext.png');
  right:-47px;
}
.accueil #bloc5 .container .slick-list{
  margin-left: 34px;
}
/* FIN ACCUEIL*/
.acces{
  margin:15px auto;
}
.videoAvignon{
  text-align: center;
  margin-bottom: 25px;
}
.videoAvignon iframe{
  margin: 30px auto 0px auto;
  display: block;
  clear: both;
  width:100%;
  max-width: 640px;
}
.page #bloc1{
  background-color: #f5f5f5;
}
.page #fil-ariane{
  color: #323232;
  font-size: 0.75em;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 30px;
}
.page #bloc1 a{
  color: #323232;
  padding-top: 19px;
  padding-bottom: 19px;
}
.page #bloc1 a:hover{
  color:#bace44;
}
.page #corps{
  padding-top: 25px;
  padding-bottom: 50px;
}
.page.single #corps{
  padding-top: 0px;
}
.page #corps .container{
  padding-left: 30px;
  padding-right: 25px;
}
.page #corps h1{
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.875em;
  font-weight: 300;
  color:#78ccd8;
}
.page #corps h2{
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.313em;
  font-weight: 500;
  color:#78ccd8;
}
.page #corps .su-spoiler-title h2{
  width:96%!important;
}
.page #corps h3{
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.125em;
  font-weight: 500;
  color:#323232;
}
.page #corps a{
  color:#005399;
  font-family: 'Oswald', sans-serif;
  font-size: 1.143em;
}
.page #corps a:hover{
  color:#bace44!important;
}
.page #corps p{
  font-size: 0.875em;
}
.page #corps .entete{
  position: relative;
  padding-bottom: 57px;
  /* background-color: */
}
.page #corps .entete h4,.page #corps .entete h1{
  position: absolute;
  bottom:67px;
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.875em;
  font-weight: 300;
  color: #78ccd8;
  width:330px;
}
.pasSecto2 #corps .entete h1,.pasSecto #corps .entete h1,.pasSecto2 #corps .entete h4,.pasSecto #corps .entete h4{
  position: relative;
  bottom:0px;
}
.pasSecto #corps .blocPole,.page #corps .blocPole.actif,.page #corps .blocAnnuaire.actif,.pageAnnuaire .blocAnnuaire.actif{
  position: relative!important;
  margin-left:0px!important;
}
.pageAnnuaire .annuaires li.actif span{
  color:#bace44!important;
}
.pasSecto2 #corps li,.pasSecto #corps li{
  font-size:1em;
}
.pasSecto2.technique #corps li,.pasSecto.technique #corps li{
  font-size:0.875em;
}
.page #corps .entete img{
  margin-left: 320px;
}
.page #corps img{
  display:block;
  max-width:100%;
  height:auto;
}
.accueil .consulter .cartoAdultes.inactif,.accueil .consulter .cartoEnfants.inactif {
  display:none!important;
}
.page #corps .entete .blocLien{
  padding-top: 22px;
}
.page #corps .entete li{
  list-style: none!important;
  font-size: 18px;
  color:#005399;
  font-weight: 700;
  line-height: 75px;
  padding-left: 10px;
  cursor:pointer;
}
.page #corps .entete li:before{
  content:''!important;
  padding-right:0;
}
.page #corps .entete li.active, .page #corps .entete li:hover, .page #corps .entete li.actif{
  color:#bace44;
}
.page #corps .fonduBas {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 17px;
  background-image: url('images/fondu.png');
  background-repeat: no-repeat;
}
.page #corps .fonduHaut {
  position: absolute;
  width: 100%;
  height: 17px;
  background-image: url('images/fondu.png');
  background-repeat: no-repeat;
  background-position: 0px -363px;
}
/* Offre de soins */
.page #corps{
  width: 1500px;
}

.page #Pole345{
  margin-top: 63px;
}
.page #corps .entete li#Pole345, .page #corps .entete li#Pole351{
  display: none;
}
.page #Pole351{
  margin-top: 20px;
}
.page #corps #groupePoles{
  position: relative;
  height: auto;
}
.page #corps .blocPole,.page #corps .blocAnnuaire{
  display: none;
  margin-left: -2000px;
  width: 100%;
  position: relative;
}
.page #corps .blocPole#blocPole351{
  display: block;
  margin-left: 0;
}
.page #corps .blocPole.actif,.page #corps .blocAnnuaire.actif{
  display: block;
}
.page #corps .blocPole.consultation{
  display: block;
  margin-left: 0px;
  width: 100%;
  position: relative;
}
.page #corps .blocPole .blocPoleDescr{
  background-color: #005399;
  color: #fff;
}
.page #corps .blocPole .blocPoleDescr .descriptif{
  color: #fff;
}
.page #corps .blocPole .blocPoleDescr .texte{
  width: 760px;
  padding-top: 25px;
  padding-bottom: 10px;
}
.page #corps .blocPole .blocPoleDescr img{
  padding-top: 25px;
}
.page #corps .blocPole .blocPoleDescr .texte h1,.page #corps .blocPole .blocPoleDescr .texte h2{
  font-size: 1.563em;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  color :#fff;
  margin-bottom: 0px;
}
.page #corps .blocPole .blocPoleDescr .texte .villePole{
  font-size: 1em;
  font-weight: 300;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 0px;
  margin-bottom: 30px;
}
.page #corps .blocPole .blocPoleDescr .texte .descriptif p{
  margin-bottom: 25px;
  font-size: 1em!important;
}
.page #corps .blocPole .blocPoleDescr .texte .precision{
  font-size: 1em;
  margin-bottom: 20px;
}
.page.single #corps .blocPole .blocPoleDescr {
  padding-top: 20px;
  padding-bottom:20px;
}
.page #corps .blocPole .blocConsultation{
  background-color: #e1faea;
  padding-bottom: 10px;
  position: relative;
}
.page #corps .blocPole .blocConsultation .descriptifConsultation p,.page #corps .blocPole .blocConsultation .blocStructure{
  font-family: 'Open Sans', sans-serif!important;
}
.page #corps .blocPole .blocCattp,.page #corps .blocPole .blocHp{
  padding-bottom: 10px;
  background-color: #fff;
  border-top:1px solid #005399;
}
.page #corps .blocPole .blocHj{
  padding-bottom: 10px;
  background-color:#cff0f5;
}
.page #corps .blocPole .blocUrg{
  padding-bottom: 10px;
  background-color:#f7cbd1;
}
.page #corps .blocPole .blocConsultation h3,.page #corps .blocPole .blocCattp h3,.page #corps .blocPole .blocHj h3,.page #corps .blocPole .blocHp h3,.page #corps .blocPole .blocUrg h3,
.page #corps .blocPole .blocConsultation h2,.page #corps .blocPole .blocCattp h2,.page #corps .blocPole .blocHj h2,.page #corps .blocPole .blocHp h2,.page #corps .blocPole .blocUrg h2{
  font-weight:500;
  color:#189a48;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.313em;
  font-weight: 500;
}
.page #corps .blocPole .blocCattp h3,.page #corps .blocPole .blocCattp h2{
  color:#b5ca27;
}
.page #corps .blocPole .blocHj h3,.page #corps .blocPole .blocHj h2{
  color:#58b0bc;
}
.page #corps .blocPole .blocHp h3,.page #corps .blocPole .blocHp h2{
  color:#03529a;
}
.page #corps .blocPole .blocUrg h3,.page #corps .blocPole .blocUrg h2{
  color:#e2374e
}
.page #corps .blocPole .blocConsultation .container,.page #corps .blocPole .blocCattp .container,.page #corps .blocPole .blocHj .container,.page #corps .blocPole .blocHp .container,.page #corps .blocPole .blocUrg.container{
  padding-left: 0px!important;
}
/*.page #corps .blocPole .blocConsultation.blocHandicap .container,.page #corps .blocPole .blocCattp.blocPrecarite .container{
  padding-left: 30px!important;
}*/
.page #corps .blocPole .blocConsultation .blocStructure h4,.page #corps .blocPole .blocCattp .blocStructure h4,.page #corps .blocPole .blocHj .blocStructure h4,.page #corps .blocPole .blocHp .blocStructure h4,.page #corps .blocPole .blocUrg .blocStructure h4,
.page #corps .blocPole .blocConsultation .blocStructure h3,.page #corps .blocPole .blocCattp .blocStructure h3,.page #corps .blocPole .blocHj .blocStructure h3,.page #corps .blocPole .blocHp .blocStructure h3,.page #corps .blocPole .blocUrg .blocStructure h3{
  margin-top: 0px!important;
  margin-bottom: 10px!important;
  font-family: 'Oswald', sans-serif!important;
  font-size: 1.125em!important;
  font-weight: 500!important;
  color:#323232!important;
}
.page #corps .soinsMedicoSocial .blocPole .blocStructure a h3{
	font-size:0.85em !important;
}
.page #corps .soinsMedicoSocial .blocPole .blocStructure a h3:hover{
  color:#bace44!important;
}
.page #corps .blocPole .blocConsultation.blocAdo .container{
  padding-top:20px;
}
.page #corps .blocPole .blocConsultation .descriptifConsultation,.page #corps .blocPole .blocCattp .descriptifCattp,.page #corps .blocPole .blocHj .descriptifHj,.page #corps .blocPole .blocHj .descriptifHp,.page #corps .blocPole .blocHj .descriptifUrg{
  width: 525px;
  padding-right: 10px;
}
.page #corps .blocPole .blocConsultation .blocStructure,.page #corps .blocPole .blocCattp .blocStructure,.page #corps .blocPole .blocHj .blocStructure,.page #corps .blocPole .blocHp .blocStructure,.page #corps .blocPole .blocUrg .blocStructure{
  width:445px;
  margin-bottom: 20px;
}
.page #corps .blocPole .blocConsultation .blocStructure.as,.page #corps .blocPole .blocCattp .blocStructure.as,.page #corps .blocPole .blocHj .blocStructure.as,.page #corps .blocPole .blocHp .blocStructure.as,.page #corps .blocPole .blocUrg .blocStructure.as{
  width:75%;
  position: relative;
}
.page #corps .blocPole .blocConsultation .blocStructure.as .su-lightbox{
  display: block;
  width: 100%;
  text-align: right;
}
.pasSecto #corps .blocPole .blocHandicap .blocStructure, .pasSecto #corps .blocPole .blocPrecarite .blocStructure{
 width:100%;
 margin-left: 10px;
}
.pasSecto #corps .blocPole .blocHandicap h2, .pasSecto #corps .blocPole .blocPrecarite h2{
 width:100%;
 margin-left: 10px;
}
.page #corps .blocPole .blocConsultation .blocTechnique{
  width:98%!important;
}
.page #corps .blocPole .blocConsultation .blocStructure p.gauche,.page #corps .blocPole .blocCattp .blocStructure p.gauche,.page #corps .blocPole .blocHj .blocStructure p.gauche,.page #corps .blocPole .blocHp .blocStructure p.gauche,.page #corps .blocPole .blocUrg .blocStructure p.gauche{
  margin-left: 25px;
  width:calc(100% - 180px)
}
.page #corps .blocPole .blocConsultation .blocStructure h4,.page #corps .blocPole .blocCattp .blocStructure h4,.page #corps .blocPole .blocHj .blocStructure h4,.page #corps .blocPole .blocHp .blocStructure h4,.page #corps .blocPole .blocUrg .blocStructure h4,
.page #corps .blocPole .blocConsultation .blocStructure h3,.page #corps .blocPole .blocCattp .blocStructure h3,.page #corps .blocPole .blocHj .blocStructure h3,.page #corps .blocPole .blocHp .blocStructure h3,.page #corps .blocPole .blocUrg .blocStructure h3{
  font-family: 'Open Sans', sans-serif!important;
  font-size:1em!important;
  font-weight: 700!important;
}
.page .consulter fieldset{
  display: inline-block;
}
.page .consulter .formulaire{
  display: inline-block!important;
}
.page #corps .consulter{
  width: 100%!important;
  display: block!important;
  text-align: center;
  padding-top: 0px!important;
}
.page #corps .consulter .carte{
  position: relative!important;
  right: -15px!important;
  top:-60px!important;
  display: inline-block!important;
  text-align: center;
}
.cpt #actualites .blocActu{
  margin-bottom: 20px;
}
.cpt #actualites .blocActu img{
  width:25%;
}
.cpt #actualites .blocActu .blocTexte{
  width:74%;
  margin-left: 1%;
}
.page #corps .end-date,.page #corps .start-date{
  width:auto;
  float: none;
  margin-left:0px;
  background-color: transparent;
  color:#78ccd8;
}
.page #corps ul.hlist{
  padding-left:0px;
}
.page #corps ul.hlist li{
  margin-right:10px;
}
.page #corps ul.hlist li strong{
  font-family:'Oswald', sans-serif;
  font-size:1.143em;
  font-weight:normal;
}
.page #corps .filterbar + h2{
  display: none;
}
.page #corps .event-info{
  padding-bottom: 15px;
  border-bottom: 1px solid #78ccd8;
}
.page #corps .event-list .event-weekday{
  display: none;
}
.page #corps .event-list .event-day,.page #corps .event-list .event-month,.page #corps .event-list .event-year{
  display: inline-block;
  margin-left:2px;
  font-size:1em;
  text-transform: capitalize;
}
.page #corps .event-list ul{
  margin-top:20px;
}
.page #corps .event-list li:before{
  display: none;
}
.page #corps .event-list li{
  font-size:1em;
}
.page #corps .event-list .event-details {
	font-size: 0.875em;
}
.page #corps #annuaire #annuaireMedecins p span:nth-of-type(1){
	display: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: none!important;
	background: transparent!important;
	color: #333!important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  font-weight:bold!important;
}
.ui-state-hover{
  font-weight: bold!important;
	color: #333!important;
}
.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("css/images/ui-icons_333333_256x240.png")!important;
  width: 20px!important;
  height: 20px!important;
  margin-right: 10px!important;
}
#blocPoleAdultesAccord.container{
  margin: 0 auto;
  padding-left:0!important;
  margin-top: 15px;
}
#blocPoleAdultesAccord h2{
  display:inline-block;
  margin-top: 0px!important;
  margin-bottom:0px!important;
}
#blocPoleAdultesAccord h2::first-letter{
  font-size:0px;
}
.ui-accordion .ui-accordion-header {
  outline-style: none!important;
}

.ui-accordion .ui-accordion-content {
	border: 0;
}
.ui-icon-plus {
	background-position: 0px 0px!important;
}
#blocPoleAdultesAccord .ui-icon-plus {
	background-position: 0px -17px!important;
}
.ui-icon-minus {
	background-position: -22px 0px!important;
}
#blocPoleAdultesAccord .ui-icon-minus {
	background-position: -22px -17px!important;
}
#wpmem_login label,#wpmem_reg label{
  font-weight:400!important;
}
#wpmem_login .button_div label{
  font-size: 12px!important;
}

#wpmem_login .button_div label{
  width:auto!important;
}
.su-tabs-pane a{
  font-size:1.243em;
}
#demarcheDemandeAdmission .su-tabs-pane{
  font-size: 14px!important;
}
#demarcheDemandeAdmission .su-tabs-pane a{
  font-size: 15px!important;
}
.lightbox{
  text-align: right;
  margin-right:-36px;
}
.lightbox p{
  margin:0px;
}
.su-button{
	color: #78ccd8!important;
	background-color: transparent!important;
	border-color: transparent!important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  padding:0!important;
}
.su-button span{
	color: #005399!important;
  font-size: 1.143em!important;
	background-color: transparent!important;
	border-color: transparent!important;
	line-height:1.16em;
  padding:0!important;
}
.su-button span:hover{
  color:#bace44 !important
}
.mfp-content h2{
  color: #78ccd8!important;
}
.mfp-bg{
  background-color: #fff!important;
}
#emagazine a{
  margin-top: 30px;
  margin-right: 8px;
}
#emagazine a h3{
  margin-bottom: 5px!important;
}
#emagazine a .dateMag{
  font-size:0.7em;
}
@media screen and (max-width: 1518px) {
  body .global{
    width:100%;
  }
  .accueil #sliderHeader{
    width:100%;
  }
  .accueil #sliderHeader .slick-list{
    width:100%;
  }
  .accueil #sliderHeader .slick-slide img{
    width:100%!important;
    height: auto!important;
  }
  .page #corps{
    width:100%!important;
  }
}
@media screen and (max-width: 1200px){
  .accueil #sliderHeader .container h2 {
    margin-bottom: 5px;
  }
  .accueil #sliderHeader .slick-slide img{
    width:100%!important;
    height: auto!important;
  }

}
@media screen and (max-width: 1070px) {
  .container{
    width:100%!important;
  }
  .accueil #bloc3 .container{
    justify-content: flex-start;
  }
  .page #corps{
    width:100%!important;
  }
  header #blocRecherche .container .logoHeader .logoCH{
    width: 250px;
    z-index:1;
    position: relative;
    margin-left: 20px;
  }
  header #headerMenu .container nav{
    z-index:999;
    margin-left: 0px;
    position: relative;
    margin-top: 20px;
  }
  header #headerMenu .container nav ul li:hover ul{
    top:100px!important;
  }
  header #headerMenu .container nav ul li:hover ul li ul{
    top:0px!important;
  }
  .accueil #sliderHeader .slick-dots{
    display: none!important;
  }
  .accueil #bloc1 .abonCoor span.espacePatient{
    background-size: 100%;
    width:150px;
    top:-50px;
    margin-left: -75px;
  }
  .accueil #bloc1 .abonCoor h3 {
  	padding-top: 103px;
  	font-size: 22px;
  }
  .accueil #bloc1 .abonCoor .abonnement input {
  	border-radius: 5px;
  	padding: 5px;
  	width: 100%;
  }
  .accueil #bloc1 .abonCoor .abonnement input.submit {
  	height: 26px;
  	right: 2px;
  	top: 5px;
  }
  .accueil #bloc1 .abonCoor .abonnement a {
  	margin-top: 18px;
  	width: 100%;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	border-radius: 5px;
  }
  .accueil #bloc1 .abonCoor .coordonnees {
  	padding-bottom: 10px;
  }
  .accueil #bloc1 .abonCoor .coordonnees h3 {
	  padding-top: 13px;
  }
  .accueil #bloc1 .abonCoor .coordonnees h2 {
  	margin-top: 22px;
  }
  .accueil #sliderHeader .container h2{
    margin-bottom: 0px;
  }
  .accueil #sliderHeader .slick-slide img{
    width:100%!important;
    height: auto!important;
  }
  .accueil .consulter{
    width:75%;
  }
  .accueil .formulaire{
    width:70%;
    min-width:455px;
  }
  .accueil .consulter form h2{
    padding-left:20px;
  }
  .accueil .consulter form fieldset{
    width:100%;
  }
  .accueil .consulter fieldset p span{
    font-size: 1.2em ;
  }
  .accueil .consulter .carte{
    width:27%;
    min-width:170px;
    right:1%;
    bottom:20px;
  }
  .accueil .consulter .carte img{
    width:100%;
  }
  .accueil #bloc2 .profilAccueil .blocOffre{
    position: relative;
    display: inline-block;
    margin-right: 51px;
    width: 20%;
    margin-right: 2%;
  }
  .accueil #bloc2 .profilAccueil img{
    position: relative;
    z-index:99;
    width: 100%;
  }
  .accueil #bloc2 .profilAccueil span{
            position:absolute;
            font-size: 20px;
            font-family: 'Oswald', sans-serif;
            top:50px;
            left:50px;
            color:#fff;
            font-weight: 300;
            text-transform: uppercase;
            z-index:1;
            display: none;
  }
  .accueil #bloc3{
    background-position: -250px 0px;
  }
  .accueil #bloc3 .agenda{
    padding-left:20px;
  }
  .accueil #bloc3 .actualites{
    width:480px;
    padding-left:5px;
  }
  .accueil #bloc3 .slick-slide img{
    width:40%;
    float:none;
    clear:both;
  }
  .accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte{
    width: 100%;
    padding-left: 2%;
  }
  .accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte h3{
    padding-left: 42%;
    margin-top: -48px;
    margin-bottom: 30px;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-arrow{
    width: 7%;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-prev{
    margin-left:40%;
    left: 0px;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-next{
    margin-left:47%;
    left: 0px;
  }
  .accueil #bloc4 .contactAnnuaireMaison{
    float: none;
    text-align: center;
  }
  .accueil #bloc4 .contact {
  	text-align: left;
  }
  .accueil #bloc4 .contactAnnuaireMaison .contactAnnuaire{
    display: inline-block;
    margin:0 auto;
  }
  .accueil .menuFlottant{
    float: none;
    clear: both;
    width:100%;
    padding-top:35px;
  }
  .accueil .menuFlottant li{
    display: inline-block;
    width: 259px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    position: relative;
  }
  .accueil .menuFlottant li a span{
    position: relative;
  }

  .accueil #bloc5 .container{
    width: 85%!important;
  }
  .accueil #bloc5 .container .slick-slide img{
    width:125px;
  }
  footer{
    background-color:#fff;
  }
  .page footer,.page .autresLiens,.page .extranetRscx{
    background-color: #f5f5f5;
  }
  footer .contenu{
    display: none;
  }
  footer .autresLiens,footer .extranetRscx{
    width: 49%;
    min-height: auto;
    margin-top: 10px;
  }
  footer .autresLiens li{
    display: inline-block;
    margin-right: 20px;
  }
  footer .extranetRscx {
    padding:24px 10px;
  }
  footer .extranetRscx .extranet{
    display: inline-block;
  }
  footer .extranetRscx .blocRscx{
    margin-right: 10px;
  }
  footer .extranetRscx .blocRscx h4{
    margin-top: 8px;
  }
  .page #corps .entete h1{
    display: block;
    text-align: center;
    position: relative;
    float: none;
    clear: both;
    bottom: 0;
  }
  .page #corps .entete img {
    margin-left: -5px;
  }
}
@media screen and (max-width: 1024px) {
  .page #corps .blocPole .blocPoleDescr .texte{
    width:100%;
  }
  .page #corps .blocPole .blocPoleDescr img{
    margin-top: -160px;
  }
}
@media screen and (max-width: 1000px) {
  header .global{
    align-items: flex-end;
  }
  header .reseaux,header #agent, header #recherche{
    display: none;
  }
  header .menuInstit{
    align-items: flex-start;
  }
  header #blocRecherche.fdBleu{
    background-color: transparent;
  }
  #rmp-search-box-10077 .rmp-search-box{
    box-sizing: border-box;
  }
  #rmp_menu_trigger-10077{
    top:20px;
  }
}
@media screen and (max-width: 950px) {
  .accueil .global #bloc1 .container {
    display: block;
  }
  .accueil .global #bloc1 .container .consulter {
    max-width: 100%;
    width:95%;
  }
  .accueil .global #bloc1 .container .consulter .formulaire{
    max-width: 100%;
    width:100%;
  }
  .accueil .consulter .carte{
  	display:none;
  }
.wp-image-3082{
  width:100%;
  max-width: 600px;
  display: block;
  margin: 15px auto!important;
  float: none;
  clear:both;
}
.acces{
  width:90%!important;
  display: block;
  margin:15px auto;
}
.acces p{
  display: block;
}
.acces img{
  float:none;
  clear:both;
}
#corps ul {
	padding-left: 15px;
}
header #blocRecherche .container .logoHeader .logoCH{
  width:175px;
}
footer .extranetRscx {
	margin: 0 auto;
	float: none;
}
footer .extranetRscx .extranet {
	margin-top: 23px;
}
  .accueil .consulter {
  	width: 100%;
    float:none;
  }
  .accueil .consulter:after {
    content:'';
    display: table;
    clear:both;
  }
  .accueil .consulter form fieldset {
  	max-width: 455px;
  }
  .accueil #bloc1 .abonCoor {
  	float:none;
  }
  .accueil .abonCoor:before {
    content:'';
    display: table;
    clear:both;
  }
  .accueil .abonCoor .abonnement, .accueil .abonCoor .coordonnees{
    width:50%;
    float:left;
  }
  .accueil #bloc1 .abonCoor span.espacePatient {
    left:25%;
    margin-left: -75px;
  }
  .accueil #bloc1 .abonCoor .accesSoins{
    margin-top:55px;
  }
  .accueil #bloc1 .abonCoor .coordonnees h3 {
  	padding-top: 25px;
  }
  .accueil #bloc1 .abonCoor .coordonnees {
  	padding-bottom: 18px;
  }
  .accueil #bloc3 {
  	background-position: -306px 0px;
  }
  .accueil #bloc3 .agenda {
  	width: 40%;
    padding-left:2%;
  }
  .accueil #bloc3 .agenda h2 {
  	display: inline-block;
  }
  .accueil #bloc3 .agenda a.agendaTout {
    position: relative;
    left:0px;
    top:0px;
    display: block;
  }
  .accueil #bloc3 .agenda .event {
  	width: 304px;
  }
  .accueil #bloc3 .agenda .event-list .event-day {
  	font-size: 1em;
  }
  .accueil #bloc3 .agenda .event-list .event-month {
  	font-size: 0.75em;
  }
  .accueil #bloc3 .agenda .event-list .event-info .event-title h3 {
    width:93%;
  }
  .accueil #bloc3 .actualites {
  	width: 54%;
  	max-width: unset;
    padding-left:2%;
  }
  .accueil #bloc3 .actualites a.actualiteTout {
    position: relative;
    left:0px;
    top:0px;
    display: block;
  }
  .accueil #bloc3 .slick-slider {
  	margin-bottom: 15px;
  }
  .accueil #bloc3 .slick-slide img {
  	width: 50%;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-prev {
  	margin-left: 0;
  	left: 50%;
    width: 35px;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-next {
    margin-left: 35px;
    left: 50%;
    width:35px;
  }
  .accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte h3 {
  	padding-left: 0;
  	margin-top: 5px;
  	margin-bottom: 15px;
  }
  .accueil #bloc3 .slick-slider {
  	margin-bottom: 0px;
  }
    .accueil #bloc4{
      width:100%;
    }
  .accueil #bloc4 .contactAnnuaireMaison .contactAnnuaire {
  	width: 100%;
  }
  .accueil #bloc4 .annuaire, .pageAnnuaire .annuaires {
  	margin-left: 0px;
  }
  .accueil #bloc4 .contact,.accueil #bloc4 .annuaire {
  	width: 50%;
  }
  .accueil #bloc5 .container .slick-slide img {
  	width: 100px;
  }
  footer .extranetRscx .blocRscx.droite,footer .extranetRscx .extranet.droite{
  	float:none;
    text-align: center;
    display: block;
    clear:both;
  }
  .cpt #actualites .blocActu img{
    width:auto;
    max-width: 99%;
  }
  .cpt #actualites .blocActu .blocTexte{
    width:99%;
    margin-left: 0%;
  }
  .page #corps .blocPole .blocPoleDescr .texte {
  	width: 100%;
  	padding-top: 10px;
  }
  .page #corps .blocPole .blocPoleDescr img {
  	display:none;
  }
  .page #corps .blocPole .blocConsultation .descriptifConsultation, .page #corps .blocPole .blocCattp .descriptifCattp, .page #corps .blocPole .blocHj .descriptifHj, .page #corps .blocPole .blocHp .descriptifHp, .page #corps .blocPole .blocHj .descriptifUrg {
  	width: 100%;
    float: none;
    clear: both;
    padding-left:10px;
    padding-right:10px;
  }
  .page #corps .blocPole .blocConsultation div.droite, .page #corps .blocPole .blocCattp div.droite, .page #corps .blocPole .blocHj div.droite,  .page #corps .blocPole .blocConsultation h3, .page #corps .blocPole .blocCattp h3, .page #corps .blocPole .blocHj h3,
  .page #corps .blocPole .blocHp div.droite,.page #corps .blocPole .blocHp h3,.page #corps .blocPole .blocUrg div.droite,.page #corps .blocPole .blocUrg h3,.page #corps .blocPole .blocConsultation .blocStructure,.page #corps .blocPole .blocPrecarite .container,
  .page #corps .blocPole .blocHandicap .blocStructure,.page #corps .blocPole .blocPrecarite .blocStructure{
    width: 100%!important;
    float: none;
    clear: both;
    padding-left:10px!important;
    padding-right:10px;
  }
  .page #corps .blocPole .blocConsultation .blocStructure h3,  .page #corps .blocPole .blocConsultation .blocStructure h2{
    padding-left:0px;
  }
  .page #corps .blocPole .blocPrecarite h2, .page #corps .blocPole .blocHandicap .container h2,  .page #corps .blocPole .blocPrecarite h3,  .page #corps .blocPole .blocHandicap .container h3{
    padding-left:0px!important;
  }
  #blocPoleAdultesAccord.container {
  	padding-left: 10px !important;
  }
  #blocPoleAdultesAccord .su-spoiler-title h2{
    margin-top:0px;
    padding-left:20px;
  }
  #blocPoleAdultesAccord .su-spoiler-title .ui-icon{
    position: absolute;
    top:50%;
    margin-top:-8px;
  }
  .accueil.emploi #bloc4 .blocTiers {
	  min-width: 400px!important;
  }
  .page.emploi #corps .container{
    padding-left: 0px;
    padding-right:0px;
  }
  .page.emploi #corps .blocAnnuaireTitre h1,.page.emploi #corps .blocAnnuaire{
  	padding-left: 10px!important;
  	padding-right:10px!important;
  }
  .page.emploi #corps .annuaires{
    margin-left:auto;
    margin-right:auto;
  }
  .page #corps #blocs-administratif.container{
    padding-left: 0px;
    padding-right:0px;
  }
  .pageAnnuaire.emploi .annuaires ul li span.gauche {
    width:90%;
  }
  button#responsive-menu-button:hover,  button#responsive-menu-button:focus,  button#responsive-menu-button{
  	border: 1px solid #fff!important;
  }
  #responsive-menu-container #responsive-menu-wrapper {
      border-right: 1px solid #fff!important;
  }
  .page #corps  .event-date,.page #corps .event-info{
    float: none;
    clear: both;
    text-align: left;
  }
  .page #corps  .event-date{
    margin: 0px;
    display: inline-block;
  }
  .page #corps .event-info{
    margin-left: 0px;
  }
  .page #corps .event-date .start-date, .page #corps .event-date .end-date {
    text-align: left;
    display: inline-block;
  }
  .page #corps .event-date .start-date{
    padding-right: 2px;
  }
  .page #corps .event-date .end-date{
    padding-left: 2px;
  }
}
@media screen and (max-width: 750px) {
  .page #corps .entete img {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .accueil #bloc3 .container{
    flex-direction: column;
   }
  header #blocRecherche .container #recherche{
  	display:none;
  }
  header #blocRecherche .container .logoHeader {
    left:50%;
    margin-left: -87px;
  }
  header #blocRecherche .container .logoHeader .logoCH {
	  margin-left: 0;
  }
  header #blocRecherche .container{
    height:40px;
  }
  .accueil #sliderHeader .blocDiaporama:nth-last-of-type(odd) .container h2 span.titre,.accueil #sliderHeader .blocDiaporama:nth-last-of-type(odd) .container h1 span.titre {
    font-size: 16px!important;
  }
  .accueil #sliderHeader .blocDiaporama .container h2 br,.accueil #sliderHeader .blocDiaporama:nth-last-of-type(odd) .container h2 span.accroche {
    display:none;
  }
  .accueil #sliderHeader .blocDiaporama:nth-last-of-type(even) .container h2 span.titre,  .accueil #sliderHeader .blocDiaporama:nth-last-of-type(even) .container h1 span.titre {
    font-size: 0px!important;
  }
  .accueil #sliderHeader .blocDiaporama:nth-last-of-type(even) .container h2 span.accroche,  .accueil #sliderHeader .blocDiaporama:nth-last-of-type(even) .container h1 span.accroche{
    font-size: 12px!important;
  }
  .accueil #sliderHeader .blocDiaporama .container h2,  .accueil #sliderHeader .blocDiaporama .container h1{
    bottom:5px!important;
    line-height:0px!important;
  }
  .accueil #sliderHeader .blocDiaporama .container h2 span.accroche  .accueil #sliderHeader .blocDiaporama .container h1 span.accroche{
    line-height:12px!important;
    font-weight: 400!important;
  }
  .accueil #sliderHeader .blocDiaporama .container h2 span.titre,  .accueil #sliderHeader .blocDiaporama .container h1 span.titre{
    line-height:16px!important;
  }
  .accueil .formulaire {
  	width: 100%;
  	 min-width: auto;
  }
  .accueil .consulter p.bouton {
  	text-align: center;
  }
  .accueil .consulter form{
    text-align: center;
  }
  .accueil .consulter form fieldset {
  	margin:0 auto;
    width: 100%;
    padding-left: 6.5%;
    padding-right: 6.5%;
    max-width: inherit;
  }
  .accueil .consulter form h2 {
  	text-align: center;
  }
  .accueil .abonCoor .abonnement, .accueil .abonCoor .coordonnees {
  	width: 100%;
  	float: none;
  }
  .accueil #bloc1 .abonCoor .accesSoins{
    margin-top:0px;
  }
  .accueil #bloc1 .abonCoor span.espacePatient {
    background-size: 100%;
    width: 115px;
    top: -24px;
    left: 50%;
    margin-left: -67px;
    font-size: 19px;
    line-height: 28px;
    padding-top: 30px;
  }
  .accueil #bloc2 .profilAccueil .blocOffre {
  	width: 40%;
    max-width:200px;
  }
  .accueil #bloc3 {
	background-image: none;
}
  .accueil #bloc3 .fonduHaut{
    z-index:999;
  }
  .accueil #bloc3 .agenda {
  	width: 100%;
  	padding-left: 2%;
  	background-color: #d3eef2;
    float:none;
    padding-bottom:20px;
  }
  .accueil #bloc3 .agenda .event {
    width: 100%;
  }
  .accueil #bloc3 .agenda .event-info{
    width:80%;
  }
  .accueil #bloc3 .agenda .event-list .event-info .event-title h3{
    border-image:url('./images/borderAgenda3.png') 30 round;
    -webkit-border-image: url('./images/borderAgenda3.png') 30 round;
    -o-border-image: url('./images/borderAgenda3.png') 30 round ;
    padding-top:5px;
  }
  .accueil #bloc3 .actualites{
    padding-top:0px;
    margin-top: 0px;
    width:100%;
    max-width: 100%;
    float: none;
    background-color:#f3f3f3;
  }
  .accueil #bloc3 .actualites h2 {
  	padding-top:20px;
    margin-top: 0px;
  }
  .accueil #bloc3 .actualites #sliderActualites .blocActu .blocTexte {
  	padding-right: 1%;
  }
  .accueil #bloc3 .slick-slide img {
  	width: 40%;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-prev {
  	margin-left: 0px;
  	left: 40%;
  }
  .accueil #bloc3 .actualites #sliderActualites .slick-next {
  	left: 40%;
  	margin-left: 40px;
  }
  .accueil #bloc4 .contact, .accueil #bloc4{
    margin-top: 5px;
  }
  .accueil #bloc4 .contact{
    background-color: transparent;
  }
  .accueil #bloc4 .contact .blocTexte{
    float:none;
    margin:0 auto;
  }
  .accueil #bloc4 .contact > a:last-child {
    width:100%;
    height:100px;
    display:block;
    background-image: url('./images/cartoContact2.png');
    background-repeat: no-repeat;
    background-position: center;
    float: none;
  }
  .accueil #bloc4 .contact a img{
    display: none;
  }
  .accueil #bloc4 .contact, .accueil #bloc4 .annuaire {
  	width: 100%;
    float: none;
  }
  .accueil #bloc4 .annuaire li, .pageAnnuaire .annuaires ul li {
    border-image:url('./images/borderAnnuaire.png') 30 round;
    -webkit-border-image: url('./images/borderAnnuaire.png') 30 round;
    -o-border-image: url('./images/borderAnnuaire.png') 30 round ;
  }
  .accueil #bloc4 .mda span.gauche {
  	padding-left: 5px;
  	font-size: 1.375em;
  	padding-bottom: 15px;
  	padding-top: 15px;
  	width: 65%;
  }
  .accueil #bloc4 .mda span.droite {
  	top: 4px;
  	right: 5%;
  	font-size: 1.575em;
  }
  .accueil .menuFlottant li {
  	margin-left: 2.5%;
  	margin-right: 2.5%;
  }
  .accueil #bloc5 .container .slick-prev {
  	background-image: url('./images/boutonPrev.png');
  	left: -20px;
  }
  .accueil #bloc5 .container .slick-next {
    background-image: url('./images/boutonNext.png');
    right: -20px;
  }
  .su-table td img{
    height:auto!important;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .su-table td.col1{
    width:30%!important;
  }
  .su-table td{
    font-size:0.75em;
  }
  iframe.mapAcces{
    height:200px!important;
  }

  .page #corps .entete .blocLien {
  	float:none;
    clear: both;
    padding-top:0px;
  }
  .page.emploi .annuaires{
    width:100%;
  }
  .pageAnnuaire.emploi .annuaires ul li{
  	line-height: 1.2em;
    font-size: 0.9em;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pageAnnuaire.emploi .annuaires ul li#administratif span.gauche,.pageAnnuaire.emploi .annuaires ul li span.gauche {
    line-height: 1.2em;
    font-size: 0.9em;
  }
  .page.emploi .ui-accordion .ui-accordion-content{
    padding-left: 10px;
    padding-right: 10px;
  }
  .page.emploi .ui-accordion .ui-accordion-content ul{
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  .accueil.emploi #bloc4 .blocTiers {
  	width: 90% !important;
    min-width:90%!important;
  }
  .wpcf7 :not(.wpcf7-submit),.wpcf7 textarea{
    width:100%;
  }
  .carte img{
    display:none;
  }

}
/* modifications exceptionnelles */
.informationsSpecifiques{
  position: absolute;
  top:10%;
  right:10%;
  background-color:rgba(255, 255, 255, 0.8);
  width:35%;
  padding:2%;
  font-size: 0.9em;
}
.informationsSpecifiques span{
  font-weight:bold;
}

#batiments{
  z-index: 999;
}
.popupBat{
  display: none;
}
.flex{
  display: flex;
}
.space-b{
  justify-content: space-between;
}
  #batiments polygon.activ.blue, #batiments path.activ.blue, #batiments rect.activ.blue{
    /* opacity: 0.2; */
    stroke: #2F85C7;
    stroke-width:2px;
  }
  #batiments polygon.activ.green, #batiments path.activ.green, #batiments rect.activ.green{
    /* opacity: 0.2; */
    stroke: #049239;
    stroke-width:2px;
  }
  #batiments polygon.activ.red, #batiments path.activ.red, #batiments rect.activ.red{
    /* opacity: 0.2; */
    stroke: #DC2C42;
    stroke-width:2px;
  }
  #batiments polygon.activ.yellow, #batiments path.activ.yellow, #batiments rect.activ.yellow{
    /* opacity: 0.2; */
    stroke: #F2AB18;
    stroke-width:2px;
  }
  #batiments polygon.activ.purple, #batiments path.activ.purple, #batiments rect.activ.purple{
    /* opacity: 0.2; */
    stroke: #981B70;
    stroke-width:2px;
  }
  svg{
    position: relative;
  }
  li.activ{
    text-decoration: underline;
  }
  .marker{
    width: 0;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
    position: absolute;
    display: none;
    margin-top: -10px;
    margin-left: -10px;
  }
  #infosBat .popupBat{
    position: absolute;
    width: 500px;
    background: #D9E7E8;
    margin-top: -10px;
    padding: 20px;
    border-top: 1px solid #000;
  }
  .popupBat span.close{
    color: #000;
    opacity: 1;
  }
  .infosPratique .flex, .infoService .flex{
    align-items: center;
    border: 1px solid #000;
    border-top: none;
  }
  .infosPratique .flex:first-of-type, .infoService .flex:first-of-type{
    align-items: center;
    border-top: 1px solid #000;
  }
  .infosPratique .flex .nom, .infoService .flex .nom{
    width: calc(60% - 20px);
    /* margin: 0px 10px; */
    padding: 5px 10px;
    font-size: 0.875em;
    /* border-right: 0.5px solid #000; */
  }
  .infosPratique .flex .pole, .infoService .flex .pole{
    width: calc(40% - 20px);
    padding: 5px 10px;
    font-size: 0.875em;
    /* border-left: 0.5px solid #000; */
  }
#listBat ul, #listInfos ul, #listServices ul{
  margin: 0;
  padding: 10px;
  max-height: 240px;
  background: rgb(238, 238, 238, 0.4);
  overflow-y: scroll;
}
#listBat ul li, #listInfos ul li, #listServices ul li{
  cursor: pointer;
}

/* Amélioration <table> sur page - TMA 03/01/25 */

@media screen and (min-width: 1024px) { 
  .table-egalite {
    width: 52%;
  }
}