/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */

@font-face {
  font-family: "asul";
  src: url("../font/asul-bold-webfont.eot");
  src: url("../font/asul-bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("../font/asul-bold-webfont.woff2") format("woff2"),
    url("../font/asul-bold-webfont.woff") format("woff"),
    url("../font/asul-bold-webfont.ttf") format("truetype"),
    url("../font/asul-bold-webfont.svg#asulbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "asul";
  src: url("../font/asul-regular-webfont.eot");
  src: url("../font/asul-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../font/asul-regular-webfont.woff2") format("woff2"),
    url("../font/asul-regular-webfont.woff") format("woff"),
    url("../font/asul-regular-webfont.ttf") format("truetype"),
    url("../font/asul-regular-webfont.svg#asulregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open sans";
  src: url("../font/opensans-bold-webfont.ttf") format("truetype"),
    url("../font/opensans-bold-webfont.woff2") format("woff2"),
    url("../font/opensans-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "open sans";
  src: url("../font/opensans-regular-webfont.ttf") format("truetype"),
    url("../font/opensans-regular-webfont.woff2") format("woff2"),
    url("../font/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "guifx";
  src: url("../font/guifx.eot");
  src: url("../font/guifx.eot?#iefix") format("embedded-opentype"),
    url("../font/guifx.woff2") format("woff2"),
    url("../font/guifx.woff") format("woff"),
    url("../font/guifx.ttf") format("truetype"),
    url("../font/guifx.svg#guifxregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "grsportail";
  src: url("../font/grsportail.eot?7dmb1p");
  src: url("../font/grsportail.eot?7dmb1p#iefix") format("embedded-opentype"),
    url("../font/grsportail.ttf?7dmb1p") format("truetype"),
    url("../font/grsportail.woff?7dmb1p") format("woff"),
    url("../font/grsportail.svg?7dmb1p#grsportail") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icomoon";
  src: url("../font/icomoon.eot");
  src: url("../font/icomoon.eot") format("embedded-opentype"),
    url("../font/icomoon.ttf") format("truetype"),
    url("../font/icomoon.woff") format("woff"),
    url("../font/icomoon.woff2") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
picture,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
picture,
main,
nav,
section,
summary,
iframe {
  display: block;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: 400;
}
caption,
th {
  text-align: left;
}
a:active,
embed,
object {
  outline: 0;
}
audio,
canvas,
video {
  vertical-align: middle;
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
html,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus,
button:focus {
  outline: thin dotted;
}
abbr[title] {
  border: 0;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 0;
  padding: 0;
  border: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:after,
q:before {
  content: "";
  content: none;
}
small {
  font-size: 100%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
nav ol,
nav ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure,
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button {
  padding: 0;
  border: 0 none;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */

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

abbr {
  text-decoration: none;
}
td,
th {
  vertical-align: top;
}
hr {
  margin: 1em 0;
  border-top: 1px solid #ccc;
}
img {
  display: block;
  vertical-align: middle;
  max-width: 100%;
}
cite {
  font-weight: bold;
}
q {
  font-style: italic;
}

/* Methode de clear float */
.clear {
  clear: both;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.ie8 .clearfix {
  zoom: 1;
}

input[type="text"].lectureSeule {
  background: #e6e6e6;
}

/* Cacher pour les lecteurs d'ecrans et navigateurs */
.hidden,
.champCache {
  display: none !important;
  visibility: hidden;
}

/* Passe la navigation, pour screen reader */
.passeNav {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Correction pour AddThis */
#_atssh {
  top: 0;
}
#at15pf {
  box-sizing: content-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "asul", arial, sans-serif;
}

h1,
h2 {
  font-size: 30px;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
}
h1 {
  margin-bottom: 40px; /*margin-top: -7px;*/
}
h3,
.bandeau {
  color: #4f5253;
  font-size: 20px;
  text-transform: uppercase;
  margin: 20px 0 4px;
  font-weight: 300;
}

a {
  color: #9ec1c8;
  text-decoration: none;
  transition: color 0.15s linear 0s;
}
a:hover,
a:focus,
a:active {
  color: #666;
  outline: none;
}

/*.aVenir { position: relative;}
#aVenirModal { position: absolute; top: 100%; margin-top: 8px; padding: 10px 20px; background:#6d7b83 ; color: #fff; border-radius: 2px; width: 150px; text-align: center; z-index: 999; display: none; font-size: 12px; text-transform:uppercase;}
*/
.wrapContenu {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/* couleurs des boites sur l'accueil et listing des chirurgies */
.teinte1 h3 {
  background-color: #6d7b83;
}
.teinte2 h3 {
  background-color: #91a3ad;
}
.teinte3 h3 {
  background-color: #9ec1c8;
}
.teinte4 h3 {
  background-color: #b7d2d3;
}
.teinte1,
.teinte3 {
  background-color: #f0f0f0;
}
.teinte2,
.teinte4 {
  background-color: #f7f7f7;
}

.bouton-principal {
  font-size: 15px;
  color: #000;
  padding: 10px 20px;
  border: 1px solid #dcdcdc;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background: #cdcdcd;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#dcdcdc',GradientType=1 );
  background: -webkit-linear-gradient(#fff, #dcdcdc);
  background: linear-gradient(#fff, #dcdcdc);
}
.bouton-principal:hover,
.bouton-principal:active,
.bouton-principal:focus,
.bouton-principal.actif {
  color: #000;
  background: #f2f2f2;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fff',GradientType=1 );
  background: -webkit-linear-gradient(#f2f2f2, #fff);
  background: linear-gradient(#f2f2f2, #fff);
}
.bouton-secondaire {
  background: #363636;
  color: #fff !important;
  transition: all 0.3s;
}
.bouton-secondaire:hover,
.bouton-secondaire:active,
.bouton-secondaire:focus {
  background: #6d7b83;
}
.bouton-couleur {
  font-size: 15px;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #a2c3ca;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background: #8eaeb4;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc9cf', endColorstr='#8eaeb4',GradientType=1 );
  background: -webkit-linear-gradient(#abc9cf, #8eaeb4);
  background: linear-gradient(#abc9cf, #8eaeb4);
}
.bouton-couleur:hover,
.bouton-couleur:active,
.bouton-couleur:focus {
  color: #fff;
  background: #a2c3ca;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ccd2', endColorstr='#a2c3ca',GradientType=1 );
  background: -webkit-linear-gradient(#b0ccd2, #a2c3ca);
  background: linear-gradient(#b0ccd2, #a2c3ca);
}

ul {
  list-style: none;
}

blockquote {
  position: relative;
  text-indent: 34px;
  padding-right: 22%;
  padding-top: 6px;
}
blockquote:before {
  content: url(../gx/m/citation.png);
  position: absolute;
  top: 0px;
  left: -34px;
}
blockquote .finCitation {
  position: relative;
}
blockquote .finCitation:before {
  content: url(../gx/m/citation-fin.png);
  position: absolute;
  top: 4px;
  right: -32px;
}
blockquote .auteur {
  display: block;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  text-indent: 0;
}
blockquote .auteur:before {
  content: "_ ";
}

body {
  font: 14px/1.42 "Lato", Arial, Helvetica, sans-serif;
  color: #666;
  background: #fff;
}

@media screen and (min-width: 1000px) {
  h1 {
    font-size: 40px !important;
  }
}

/* Conteneurs
--------------------------------------------------------------------------------------- */

.conteneur {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.strate .conteneur {
  margin: 0 auto;
}
aside {
  width: 100%;
  display: block;
  vertical-align: top;
  padding-top: 1px;
}
.pageContenu {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
main {
  min-height: 550px;
  padding-bottom: 20px;
  position: relative;
}
.contenuTexte {
  margin-bottom: 30px;
}
.pageContenu.pleineLargeur {
  width: 100%;
  padding-right: 0;
}
.pageContenu article .incTinyMce {
  margin-bottom: 50px;
}

.itemBureau,
.itemTablette,
.itemTablette-large {
  display: none;
}

@media screen and (min-width: 480px) {
  .itemMobile {
    display: none;
  }
  .itemTablette {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .itemTablette {
    display: none;
  }
  .itemTablette-large {
    display: block;
  }
}

@media screen and (min-width: 1000px) {
  aside {
    width: 28%;
    display: inline-block;
    padding-top: 0;
  }
  .pageContenu {
    width: 72%;
    padding-right: 50px;
  }

  .itemTablette-large {
    display: none;
  }
  .itemBureau {
    display: block;
  }
}

@media screen and (min-width: 1100px) {
  aside {
    width: 22%;
  }
  .pageContenu {
    width: 78%;
  }
}

/* Textes et CMS
--------------------------------------------------------------------------------------- */
article h2 {
  color: #445056;
}

.incTinyMce a {
  text-decoration: underline;
}
.incTinyMce p {
  margin-bottom: 20px;
  color: #6b696a;
}
.incTinyMce abbr[title] {
  border-bottom: 1px dotted;
}
.incTinyMce img {
  max-width: 100%;
  max-height: 100%;
}
.incTinyMce hr {
  border-top: 1px solid #e4e4e4;
}

.incTinyMce h2,
.styleH2 {
  color: #445056;
  font-size: 30px;
  text-transform: none;
  margin: 30px 0 10px;
  font-weight: 400;
  font-family: "asul", arial, sans-serif;
}
.incTinyMce h3 {
  color: #000000;
  font-size: 20px;
  text-transform: none;
  margin: 30px 0 10px;
  font-weight: bold;
}
.incTinyMce h4 {
  color: #000;
  font-size: 16px;
  margin: 30px 0 10px;
}

/* - - - Listes - - - */
.incTinyMce ul,
.incTinyMce ol {
  margin-bottom: 1em;
  overflow: hidden;
}
.incTinyMce ul li {
  margin-left: 30px;
  position: relative;
  margin-bottom: 3px;
}
.incTinyMce ul li:before {
  content: "\2022";
  color: #a3c3c9;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: -14px;
}
.incTinyMce ol li {
  margin-left: 30px;
  margin-bottom: 3px;
}
.incTinyMce ol ol > li {
  list-style: lower-alpha;
}

/* Liste incrementale stylable */
.incTinyMce ol.variante {
  counter-reset: bullet;
  list-style-type: none;
}
.incTinyMce ol.variante li {
  position: relative;
  margin: 20px 20px 0 0;
}
.incTinyMce ol.variante li:before {
  counter-increment: bullet;
  content: counters(bullet, ".") ".";
  margin-right: 20px;
  color: #00cccc;
}

/* - - - Image en float - - - */
.mortaise {
  float: left;
  margin: 0 20px 10px 0;
  text-align: center;
  font-size: 12px;
}
.mortaise img {
  margin-top: 6px;
}

.intro {
  font-weight: bold;
  font-size: 16px;
  color: #445056;
  margin-bottom: 20px;
}

.note {
  font-size: 11px;
  line-height: 1.5em;
}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip {
  white-space: nowrap;
  color: #9ec1c8;
  font-size: 0.9em;
}

/* - - - Responsive video - - - */
.videoConteneur {
  max-width: 520px;
}
.video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; /* Ratio 16/9 */
  padding-top: 30px; /* Hauteur des controles */
}

.video iframe,
.video object,
.video embed,
iframe[src*="youtube"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* - - - Style par défaut d'un tableau - - - */
.tableau {
  overflow-x: auto;
  max-width: 100%;
}
.incTinyMce table {
  width: 100% !important;
}
.incTinyMce table caption {
  font: 300 20px "asul", Arial;
  color: #fff;
  background: #9ec1c8;
  padding: 20px 26px;
  text-transform: uppercase;
}
.incTinyMce table th {
  border: 1px solid #666;
  background: #333;
  font-weight: bold;
  color: #fff;
}
.incTinyMce table td,
.incTinyMce table th {
  display: block;
  min-width: 100%;
  padding: 10px;
  background: #f7f7f7;
}
/*.incTinyMce table tr:nth-child(even){ background: #eee; }*/

@media screen and (min-width: 768px) {
  .incTinyMce table td,
  .incTinyMce table th {
    display: table-cell;
    min-width: 50px;
    padding: 10px 20px 0 20px;
    background: #f7f7f7;
    vertical-align: middle;
  }
  .incTinyMce table tr:first-child td {
    padding-top: 20px;
  }
  .incTinyMce table tr:last-child td {
    padding-bottom: 20px;
  }
}

/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF {
  display: inline-block;
  margin: 1em 0;
  line-height: 30px;
}
.lienPDF:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 31px;
  margin-right: 6px;
  background: url(../gx/m/icone-pdf.png) 0 0 no-repeat;
  vertical-align: -10px;
}

/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane {
  color: #9ec1c8;
  margin: 48px 0 20px;
}
#filAriane li {
  display: inline;
  margin-right: 2px;
}
#filAriane li:before {
  content: "\2192";
  margin-right: 5px;
  color: #6d7b83;
}
#filAriane li:first-child:before {
  display: none;
}
#filAriane a {
  color: #6d7b83;
}
#filAriane a:hover,
#filAriane a:focus,
#filAriane a:active {
  color: #91a3ad;
}

/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input,
select,
.customSelect {
  vertical-align: middle;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: -1px;
  margin-right: 5px;
}
input[type="checkbox"] {
  float: left;
  margin: 1px 1em 0 0;
}
input[readonly] {
  background-color: #eee;
}
label {
  display: block;
  margin-top: 0.75em;
  color: #6d7b83;
  margin-bottom: 2px;
  font-weight: 700;
}
label abbr,
.note abbr {
  padding: 0 2px;
  border: 0 none !important;
  color: #9ec1c8;
  cursor: help;
}

/* - - - Input default - - - */
input,
select,
textarea,
.customSelect {
  width: 100%;
  height: 40px;
  padding: 5px;
  border: 1px solid #c5ced3;
  border-radius: 1px;
  /*-webkit-appearance: none;*/
  font-size: 13px;
  color: #333;
  box-sizing: border-box;
  -webkit-transition: box-shadow ease-in-out 0.3s;
  transition: box-shadow ease-in-out 0.3s;
  background-color: #fafafa;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fafafa',GradientType=1 );
  background: -webkit-linear-gradient(#fff, #fafafa);
  background: linear-gradient(#fff, #fafafa);
}

.customSelect {
  padding: 10px !important;
}

input[type="radio"],
input[type="checkbox"] {
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-top: 3px;
}

#vortexDebug input,
#vortexDebug select,
#vortexDebug textarea {
  height: 20px;
}

textarea {
  resize: none;
  height: 100px;
}

input:focus,
select:focus,
textarea:focus {
  outline: 0;
  border: 1px solid #9ec1c8;
  border: 1px solid rgba(158, 193, 200, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(158, 193, 200, 0.6);
  box-shadow: 0 0 5px rgba(158, 193, 200, 0.6);
}

::-webkit-input-placeholder {
  color: #666;
  font-style: italic;
}
::-moz-placeholder {
  opacity: 1;
  color: #666;
  font-style: italic;
}
:-ms-input-placeholder {
  color: #666 !important;
  font-style: italic;
}

[class^="message"] {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
.messageInfo {
  color: #004868;
  background-color: #c6edff;
  border-color: #004868;
}
.messageSucces {
  color: #005729;
  background-color: #dff2bf;
  border-color: #005729;
}
.messageAvertissement {
  color: #790000;
  background-color: #feefb3;
  border-color: #790000;
}
.messageErreur {
  color: #a9181c;
  background-color: #fdd;
  border-color: #a9181c;
}

.form.patient .messageErreur {
  margin-bottom: 90px;
}

.erreur,
.erreur label,
.erreur abbr {
  color: #c00 !important;
}
.erreur input,
.erreur textarea,
.erreur select,
input.erreur,
textarea.erreur,
select.erreur {
  border: 1px solid #c00 !important;
}

.form .erreur input:focus,
.form .erreur textarea:focus,
.form .erreur select:focus,
.form input.erreur:focus,
.form textarea.erreur:focus,
.form select.erreur:focus {
  -webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(204, 0, 0, 0.8);
}

/* - - - Layout - - - */
.col1,
.col2 {
  width: 100%;
  margin-bottom: 1em;
  position: relative;
}
.colFull {
  clear: left;
  margin-bottom: 1em;
  position: relative;
}
.recherchePlace {
  display: inline-block;
  width: 100%;
}

.miseEnPageRadio .libelleRadio {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (min-width: 480px) {
  .col1,
  .col2 {
    float: left;
    width: calc(50% - 15px);
  }
  .col1 {
    clear: left;
    margin-right: 15px;
  }
  .col2 {
    margin-left: 15px;
  }
  .col3 {
    margin-left: 2%;
  }
}

/*--------------------------------------------------------------------------------------- */
/* Menu - entête */
/*--------------------------------------------------------------------------------------- */

#logo {
  flex: 0 1 auto;
}
.enteteMobile {
  border-bottom: 1px solid #ccc;
  box-shadow: 1px 1px 1px #ccc;
  height: 53px;
  padding: 5px 5px 5px 20px;
  width: 100%;
}
.logoMobile,
.logoMobile img {
  display: inline-block;
  height: 100%;
}
.logoMobile img {
  max-height: 100%;
  width: auto;
}
#entete form,
#menuMobile form {
  display: inline-block;
  vertical-align: middle;
  height: 33px;
  position: relative;
  width: 120px;
  margin-left: 10px;
}
#entete input,
#menuMobile input {
  vertical-align: top;
  border: none;
  outline: none;
  background: #d0d1d2;
  color: #000;
  padding-bottom: 3px;
  margin-left: -4px;
  border-radius: 20px;
  padding-left: 12px;
  padding-top: 2px;
}
#entete button,
#menuMobile button {
  background: url(../gx/m/loupe.png) -50% 0;
  width: 18px;
  height: 18px;
  vertical-align: top;
  margin-right: 2px;
  transition: none;
  position: absolute;
  top: 7px;
  right: 8px;
}
#entete button {
  background: url(../gx/m/loupe-bureau.png) -50% 0;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-right: 2px;
  transition: none;
  position: absolute;
  top: 7px;
  right: 12px;
}
#menuMobile button {
  right: 12px;
}
#entete form ::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}
#entete form ::-moz-placeholder {
  opacity: 1;
  color: #fff;
  font-style: italic;
}
#entete form :-ms-input-placeholder {
  color: #fff !important;
  font-style: italic;
}
#menuMobile form ::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}
#menuMobile form ::-moz-placeholder {
  opacity: 1;
  color: #fff;
  font-style: italic;
}
#menuMobile form :-ms-input-placeholder {
  color: #fff !important;
  font-style: italic;
}
#menuMobile .changementLangue a,
#menuMobile .bouton-principal,
#menuMobile .reseauSocial a {
  text-transform: none;
  text-align: left;
}
#iconeMenu > span span:before,
#iconeMenu > span span:after,
#iconeMenu > span span {
  background: #000;
}

.menuPlus {
  display: none;
}

.rechercheEntete input,
#entete input {
  height: 32px;
}
#menu .rechercheEntete:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#menu .conteneur,
#menuSec ul {
  margin: 0 auto;
}
#menu .conteneur div {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
#menu,
#menuSec {
  width: 100%;
  text-align: right;
}
#menu li,
#menuSec li {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
#menu li li li {
  text-transform: none;
}

#menu {
  background: #fff;
  box-shadow: 1px 1px 3px #c6c6c6;
  display: none;
  height: 106px;
}
#menu li a {
  color: #000;
  margin: 0 16px 0;
  font-weight: bold;
  font-size: 13px;
}
#menu li:last-child a {
  margin-right: 0;
}
#menu a:hover,
#menu a:active,
#menu a:focus {
  color: #6d7b83;
}
#menu .actif,
#menu .sousMenu a.actif,
footer .actif,
#menuSec a.actif {
  color: #9ec1c8 !important;
}
#menu .conteneur {
  height: 100%;
  vertical-align: middle;
}

#menuSec {
  background: #000;
}
#menuSec ul {
  display: none;
}
#menuMobile #menuSec ul {
  display: block;
}
#menuSec a {
  color: #acacac;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  font-size: 12px;
}
#menuSec li {
  vertical-align: top;
  padding: 3px 0;
}
#menuSec li:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#menuSec li:first-child img {
  display: inline-block;
  margin-left: 14px;
}
.ie8 #menu .sousMenu {
  outline: #e7e8e8 1px solid;
}
#menuSec .sousMenu,
#menu .sousMenu {
  position: absolute;
  top: 90%;
  left: 16px;
  background: #fff;
  z-index: 21;
  box-shadow: 1px 1px 3px #c6c6c6;
  width: 150px;
  text-align: left;
  padding: 16px 0 0;
  line-height: 1;
  display: none;
}
#menuSec .sousMenu:before,
#menu .sousMenu:before {
  position: absolute;
  top: -11px;
  left: 30px;
  content: url(../gx/m/menu-deroulant-boite.png);
  display: inline-block;
  width: 10px;
  height: 6px;
}
#menuSec .sousMenu li,
#menu .sousMenu li {
  width: 100%;
  height: auto;
  border: none;
  margin: 0 0 16px 0;
  padding: 0 14px;
}
#menuSec .sousMenu a,
#menu .sousMenu a {
  color: #4f5253;
  font-size: 13px;
  line-height: 1.3;
  margin: 0;
  transition: all 0.3s;
  text-transform: none;
}
#menuSec .sousMenu a:hover,
#menuSec .sousMenu a:active,
#menuSec .sousMenu a:focus,
#menu .sousMenu a:hover,
#menu .sousMenu a:active,
#menu .sousMenu a:focus {
  color: #6d7b83;
}
#menuSec a:hover,
#menuSec a:active,
#menuSec a:focus {
  color: #fff;
}
#menuSec .changementLangue:before {
  content: "|";
  color: #acacac;
}

#menuSec .igLien {
  margin-left: -15px;
}

#menuSec .fbLien img,
#menuSec .igLien img {
  width: 16px;
}

.rechercheEnteteMobile {
  float: right;
  margin: 19px 60px 0 0;
  display: none;
}
#entete .rechercheEnteteMobile form {
  width: 230px;
}

.menuSecMobile {
  width: 100% !important;
}

#menuMobile .banniereMobile {
  height: 60px;
  background: #004ea6;
}
#menuMobile .banniereMobile a {
  padding: 0;
  background: transparent;
  border: none;
  text-align: center;
}
#menuMobile .banniereMobile img {
  display: inline-block;
  padding-top: 10px;
}
#menuMobile li {
  list-style: none;
  min-height: 20px;
}
#menuMobile #logo {
  display: none;
}
#menuMobile .conteneur {
  padding: 0;
}
#menuMobile .rechercheEntete {
  margin: 10px 20px 10px 10px;
}
#menuMobile .rechercheEntete form {
  width: 100%;
}

[class*="menuLateral"] a {
  color: #4f5253;
  font-weight: bold;
}
[class*="menuLateral"] a:hover,
.menuLateral a:active,
.menuLateral a:focus,
.menuLateral > .actif > a,
.menuLateral ul ul .actif a {
  color: #004ea6;
}
[class*="menuLateral"] > li {
  margin-bottom: 20px;
  font-size: 14px;
}
.actifCat {
  background: #e6e7e9;
}
.menuLateral {
  padding: 18px;
  display: none;
}
.menuLateral ul > li {
  margin-bottom: 14px;
  font-size: 13px;
}
.menuLateral ul {
  margin-left: 20px;
  margin-top: 8px;
  display: none;
}
.menuLateral ul > .actif a {
  color: #000;
}
.menuLateral ul ul {
  margin-left: 40px;
}
.menuLateral ul ul > li {
  margin-bottom: 5px;
}
.menuLateral ul ul a {
  font-weight: normal;
}
.menuLateral span:before {
  content: "";
  background: url(../gx/m/icone-menu-lateral.png) 0 -49px no-repeat;
  display: inline-block;
  height: 10px;
  width: 10px;
  cursor: pointer;
}
.menuLateral .ouvert > span:before {
  background-position: 0 -4px;
}
.menuLateral ul .ouvert > span:before {
  background-position: 0 -25px;
}
.boiteMenuMobile {
  margin: 20px 20px 0;
  position: relative;
  background: url(../gx/m/select.png) top right no-repeat;
}
.menuLateralNouvelles .menuAnnee,
.menuLateralNouvelles .menuMois,
.menuLateralNouvelles .boiteMenuMobile.menuCategorie {
  background: url(../gx/m/select.png) top right no-repeat;
  position: relative;
}
.menuLateralNouvelles .champDisabled {
  background-color: #eee;
}
.menuLateralNouvelles .boiteMenuMobile div div {
  font-size: 11px;
}
.boiteMenuMobile.actif {
  background-position: 100% 100%;
}
.boiteMenuMobile div div {
  border: 1px solid #e5e5e5;
  padding: 12px 20px;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
}
.menuLateralMobile > li {
  margin-bottom: 6px;
}
.menuLateralMobile {
  background: #fff;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 14px 20px 6px;
  display: none;
  position: absolute;
  top: 96%;
  left: 0;
  right: 0;
  z-index: 50;
}

div.reseauSocial {
  display: none;
  padding-left: 16px;
}
.menuPrincipal div.reseauSocial {
  display: inline-block;
}
div.reseauSocial div {
  display: flex;
}
div.reseauSocial a {
  padding-left: 0 !important;
}
div.reseauSocial img {
  margin-left: 0;
}

div.reseauSocial .logoTrans {
  width: 141px;
}

@media screen and (min-width: 768px) {
  .menuLateral {
    display: block;
  }
  .enteteMobile {
    text-align: left;
    float: left;
    height: 104px;
    padding: 15px 0px 15px 20px;
  }
  .rechercheEnteteMobile {
    display: inline-block;
  }
  .boiteMenuMobile {
    display: none;
  }
  #menuMobile .rechercheEntete {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  #menu {
    display: block;
    box-shadow: none;
    border-bottom: 1px solid #eaeaea;
  }
  #menuSec ul {
    display: block;
  }
  .enteteMobile,
  #menu .sousMenu,
  #menu .banniereMobile,
  .rechercheEnteteMobile {
    display: none;
  }

  /* sous-menu bureau*/
  #menu .sousMenu {
    right: 0;
    z-index: 500;
  }
  #menu li a {
    display: inline-block;
    margin: 20px 0 20px 16px;
    font-size: 10px;
  }
  #menu .sousMenu .sousMenu {
    left: 100%;
    top: -16px;
  }
  #menu .sousMenu:before {
    top: -12px;
    right: 20px;
  }
  #menu .sousMenu .sousMenu:before {
    content: "";
  }

  .blocAlignement {
    display: flex;
    flex: 0 1 auto;
    justify-content: space-between;
    align-items: center;
  }

  div.reseauSocial {
    display: none;
  }
}

@media screen and (min-width: 1170px) {
  #menu li a {
    font-size: 14px;
  }
  #entete form {
    width: 200px;
  }
}

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */

/* Page d'accueil */

.banniere {
  background-image: url(../gx/01/banniere.jpg);
  background-position: 60% center;
  color: #fff;
  position: relative;
}
.banniere .conteneur {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.banniere .conteneur:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.banniere .description {
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  width: 99%;
  margin-top: -26%;
}
.banniere p {
  font-size: 23px;
  width: 88%;
}
.banniere p:first-child {
  font-size: 20px;
}
.banniere span,
.banniere h1 {
  font-weight: 400;
  font-family: "asul", arial, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1.15;
  text-shadow: none;
  color: #fff;
}

.banniereMonarch {
  background-image: url(../gx/banner-monarch-avecfiltre.jpg);
  background-position: center;
  background-size: 1920px;
  color: #fff;
  position: relative;
  height: 550px;
  width: 100%;
}
.banniereMonarch .conteneur {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.banniereMonarch .conteneur:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.banniereMonarch .description {
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  width: 99%;
  margin-top: 80px;
}
.banniereMonarch p {
  font-size: 23px;
  width: 88%;
}
.banniereMonarch p:first-child {
  font-size: 20px;
}
.banniereMonarch span,
.banniereMonarch h1 {
  font-weight: 400;
  font-family: "asul", arial, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1.15;
  text-shadow: none;
  color: #fff;
}

.banniereMonarch .description {
  text-align: center;
}

.banniereMonarch h1::before {
  content: "";
  background: url(../gx/monarch.png);
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: 100%;
  position: absolute;
  background-repeat: no-repeat;
  position: absolute;
  top: 35px;
  left: calc(50% - 25px);
}

.banniereMonarch .conteneur .boiteMonarch {
  display: block;
  position: absolute;
  top: 150px;
  box-shadow: none;
  margin: 0 5%;
  width: 80%;
}

.banniereMonarch .conteneur .boiteMonarch h2 {
  font-size: 14px;
  flex: 1 1 auto;
  width: 100%;
}

.banniereMonarch .conteneur .boiteMonarch h2::before {
  font-size: 35px;
  flex: 1 1 auto;
  width: 100%;
}

.banniereMonarch .conteneur .boiteMonarch div {
  padding: 20px 10px;
  flex: 1 1 auto;
  width: 100%;
}

.banniereMonarch .conteneur .boiteMonarch p {
  text-align: center;
  flex: 1 1 auto;
  width: 100%;
  color: #666;
}

.lienPortail {
  text-align: center;
}

.boiteInfo {
  padding: 24px 0;
}
.boiteInfo li {
  width: 100%;
}
.boiteInfo h3 {
  margin: 0;
  padding: 20px;
  color: #fff;
  height: 100px;
  position: relative;
  z-index: 2;
  font-family: "Lato", arial, sans-serif;
  font-weight: 200;
}
.boiteInfo p {
  padding: 20px;
}

.resumeMedecin li,
.resumeChirurgie li {
  width: 100%;
}

.resumeMedecin {
  margin: 22px 0;
}
.resumeMedecin li > a {
  color: #445056;
  font-size: 20px;
  font-weight: 900;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  text-align: center;
  transition: all 0.3s;
  outline: 1px solid #e7e8e8;
}
.resumeMedecin li > a span {
  color: #4f5b61;
  font-weight: 300;
  display: block;
}
.resumeMedecin li > a:hover,
.resumeMedecin li > a:active,
.resumeMedecin li > a:focus {
  outline: 1px solid #6d7b83;
  color: #6d7b83;
}
.resumeMedecin li > a:hover span,
.resumeMedecin li > a:active span,
.resumeMedecin li > a:focus span {
  color: #6d7b83;
}

.resumeMedecin li img {
  display: inline-block;
  max-height: 100%;
  width: auto;
}

.resumeMedecin li {
  margin-bottom: 10px;
}
.resumeMedecin p {
  flex: 1;
  padding: 0 5px;
}

/*.resumeMedecin { margin: 22px 0;}
.resumeMedecin li > a { outline: 1px solid #e7e8e8; display: inline-block; width: 100%; height: 100px; text-align: center; transition: all 0.3s; color: #445056; font-size: 20px; font-weight: 900; font-size: 14px;}
.resumeMedecin li > a span { color: #4f5b61; font-weight: 300; display: block;}
.resumeMedecin li > a:hover, .resumeMedecin li > a:active, .resumeMedecin li > a:focus  { outline: 1px solid #6d7b83; color: #6d7b83;}
.resumeMedecin li > a:hover span, .resumeMedecin li > a:active span, .resumeMedecin li > a:focus span { color: #6d7b83;}
.resumeMedecin li > a:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.resumeMedecin li img { float: left; display: inline-block; vertical-align: top; max-height: 100%; width: auto; display: none;}
.resumeMedecin li img:first-child { display: inline-block;}
.resumeMedecin li:first-child { margin-bottom: 10px;}
.resumeMedecin p { display: inline-block; vertical-align: middle; }*/

.accent {
  background: #f0f0f0;
  border-top: 1px solid #e7e8e8;
  border-bottom: 1px solid #e7e8e8;
  padding: 20px 0 30px;
  text-align: center;
}
.resumeChirurgie h2 {
  margin: 0 0 20px;
}
.resumeChirurgie .imageApercu {
  height: 157px;
  background: url(../gx/m/icone-section.png);
  background-size: auto 400%;
  font-weight: 300;
  font-size: 20px;
  background-position: right -314px;
  margin: 0;
  line-height: 160px;
  text-align: center;
  color: #fff;
  font-family: "Lato", arial, sans-serif;
  padding-top: 50px;
}
.resumeChirurgie li:first-child .imageApercu {
  background-position: right 0;
}
.resumeChirurgie li {
  margin-bottom: 10px;
}
.resumeChirurgie a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  outline: 1px solid #e7e8e8;
  padding: 20px;
  color: #445056;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.resumeChirurgie a:hover,
.resumeChirurgie a:active,
.resumeChirurgie a:focus {
  color: #9ec1c8;
}
.resumeChirurgie a:hover .imageApercu,
.resumeChirurgie a:focus .imageApercu,
.resumeChirurgie a:active .imageApercu {
  background-position: right -471px;
}
.resumeChirurgie p {
  margin-top: 16px;
}
.resumeChirurgie li:first-child a:hover .imageApercu,
.resumeChirurgie li:first-child a:focus .imageApercu,
.resumeChirurgie li:first-child a:active .imageApercu {
  background-position: right -158px;
}

.blocTypeChirurgie a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #445056;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.blocTypeChirurgie span:before {
  content: url(../gx/m/fleche-cta.png);
  margin-left: 16px;
}
.blocTypeChirurgie span {
  display: inline-block;
  vertical-align: top;
}
.blocTypeChirurgie li {
  margin-bottom: 1px;
}
.blocTypeChirurgie li:first-child h3 {
  background-position: right 0px;
}
.blocTypeChirurgie h3 {
  height: 100px;
  padding-left: 20px;
  background: url(../gx/m/icone-section.png);
  background-size: auto 400%;
  background-position: right -200px;
  margin: 0;
  line-height: 1.2;
  display: flex;
  align-items: center;
  text-align: left;
  color: #fff;
  font-family: "Lato", arial, sans-serif;
}
.blocTypeChirurgie a:hover h3,
.blocTypeChirurgie a:focus h3,
.blocTypeChirurgie a:active h3 {
  background-position: right -300px;
}
.blocTypeChirurgie li:first-child a:hover h3,
li:first-child .blocTypeChirurgie a:focus h3,
li:first-child .blocTypeChirurgie a:active h3 {
  background-position: right -100px;
}

.temoignages ul {
  display: inline-block;
  padding-bottom: 20px;
  width: 100%;
}
.temoignages li {
  float: left;
  width: 100%;
  text-align: left;
  display: none;
}
.temoignages li:first-child {
  display: inline-block;
}
.temoignages .sousTitre,
.listing.sousTitre {
  font: 30px "asul", arial, sans-serif;
  color: #445056;
  display: block;
  margin-bottom: 26px;
  text-transform: none;
}
.temoignages {
  text-align: center;
  padding: 22px 0;
}
.soumettreTemoignage {
  margin: 20px 0;
}
.pageContenu article .incTinyMce.margeException {
  margin-bottom: 20px;
}
.sansMarge {
  margin-bottom: 0;
}

.monarch {
  background-image: url("../gx/bgAccueil.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 1920px;
  margin-bottom: -20px;
}

.descriptionMonarch .sousTitre {
  text-align: center;
  font-size: 14px;
}

.pageMonarchDiv .descriptionMonarch h2 {
  text-align: center;
  margin-top: 30px;
}

.descriptionMonarch h2 {
  position: relative;
  font-family: "asul", arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.descriptionMonarch .sousTitre.gras {
  font-weight: 700;
  font-size: 16px;
}

.bulle1,
.bulle2,
.bulle3,
.bulle4,
.bulle5,
.bulle6 {
  position: relative;
  margin: 50px 0 50px 90px;
}

.bulle1 h3,
.bulle2 h3,
.bulle3 h3,
.bulle4 h3,
.bulle5 h3,
.bulle6 h3 {
  font-size: 16px;
  font-family: "asul", arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  color: #000;
}

.monarch ul .bulle4 {
  margin-bottom: 0px;
}

.bulle1::before {
  content: "\e90d";
  font-family: "icomoon";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 5px 10px 10px #d8d8d8;
  width: 70px;
  height: 70px;
  top: 0;
  left: -90px;
  background: linear-gradient(to right bottom, #4d4faa, #7e46bb);
}

.bulle2::before {
  content: "\e910";
  font-family: "icomoon";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 5px 10px 10px #d8d8d8;
  width: 70px;
  height: 70px;
  top: 0;
  left: -90px;
  background: linear-gradient(to right bottom, #1b8251, #669b4a);
}

.bulle3::before {
  content: "\e90a";
  font-family: "icomoon";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 5px 10px 10px #d8d8d8;
  width: 70px;
  height: 70px;
  top: 0;
  left: -90px;
  background: linear-gradient(to right bottom, #f29128, #e9cd16);
}

.bulle4::before {
  content: "\e904";
  font-family: "icomoon";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 5px 10px 10px #d8d8d8;
  width: 70px;
  height: 70px;
  top: 0;
  left: -90px;
  background: linear-gradient(to right bottom, #ed3126, #f55e17);
}

.bulle5::before {
  content: "\e90f";
  font-family: "icomoon";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 5px 10px 10px #d8d8d8;
  width: 70px;
  height: 70px;
  top: 0;
  left: -90px;
  background: linear-gradient(to right bottom, #1f64ad, #0f96b5);
}

.bulle6::before {
  content: "\e90e";
  font-family: "icomoon";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 5px 10px 10px #d8d8d8;
  width: 70px;
  height: 70px;
  top: 0;
  left: -90px;
  background: linear-gradient(to right bottom, #c820b2, #df2b91);
}

.boiteMonarch {
  background: #fff;
  box-shadow: 0 10px 40px #d8d8d8;
}

.boiteMonarch .fullwidth {
  width: 100%;
  background: #000;
  padding: 10px;
  flex: 1 1 auto;
  width: 100%;
}

.boiteMonarch h2 {
  color: #fff;
  padding: 10px 10px 10px 70px;
  font-size: 16px;
  font-family: "Lato", arial;
  font-weight: 400;
  position: relative;
  margin-bottom: 0;
  flex: 1 1 auto;
  width: 100%;
}

.boiteMonarch h2::before {
  content: "\e90c";
  font-family: "icomoon";
  font-size: 45px;
  font-weight: 100;
  position: absolute;
  color: #fff;
  top: 20%;
  left: 15px;
}

.boiteMonarch div {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}

.boiteMonarch div h3 {
  text-transform: none;
  font-family: "asul", arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.boiteMonarch div p {
  text-transform: none;
  font-family: "Lato", arial;
  font-size: 14px;
  font-weight: 400;
  flex: 0 1 auto;
  width: 100%;
  text-align: center;
}

.boiteMonarch div p span {
  color: #666;
}

.boiteMonarch div .bouton1 {
  margin-top: 40px;
  margin-bottom: 5px;
}

.bouton1 {
  padding: 10px 20px;
  background: #00cccc;
  border: 2px solid #00cccc;
  color: #fff;
}

.bouton1:hover {
  background: #fff;
  color: #00cccc;
  border: 2px solid #00cccc;
}

.lien1 {
  color: #00cccc;
  font-family: "Lato", arial;
}

.lien1:hover {
  color: #00cccc;
  border-bottom: 1px solid #00cccc;
}

.menuMonarch {
  position: relative;
  margin-left: 30px;
}

.menuMonarch::before {
  content: "\e909";
  font-family: "icomoon";
  position: absolute;
  font-size: 15px;
  top: 17px;
  left: -15px;
}

.navMonarch li a {
  text-transform: none;
}

.menuConnect {
  position: relative;
  padding: 10px 20px 10px 45px;
  border: 2px solid #000;
  transition: none;
  margin-left: 30px;
}

.menuConnect:hover {
  color: #fff !important;
  background: #000;
  transition: none;
}

.menuConnect::before {
  content: "";
  background: url(../gx/monarch.png);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: 100%;
  position: absolute;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -17px;
}

.menuCompte {
  position: relative;
  margin-left: 30px;
}

.menuCompte::before {
  content: "\e90c";
  position: absolute;
  font-family: "icomoon";
  font-size: 22px;
  top: 20px;
  left: -15px;
  font-weight: 500;
}

.monarch .conteneur {
  padding: 30px;
}

.boiteMonarch {
  margin-top: 35px;
}

.boiteMonarch p {
  color: #666;
}

.deuxCol {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.deuxCol div {
  margin: 50px 0;
}

.deuxCol h2 {
  text-transform: none;
}

.portailDesc {
  padding: 0 0 90px;
}

.reverse img {
  width: 225px;
  height: auto;
  flex-shrink: 0;
}

.portailDesc p {
  font-size: 16px;
  line-height: 20px;
}

.retrait {
  width: 400px;
  height: auto;
  flex-shrink: 0;
}

.icone-maison {
  position: relative;
}

.icone-maison::before {
  content: "\e906";
  font-family: "icomoon";
  position: absolute;
  color: #00cccc;
  top: -55px;
  left: 0;
  font-size: 30px;
}

.icone-message {
  position: relative;
}

.icone-message::before {
  content: "\e907	";
  font-family: "icomoon";
  position: absolute;
  color: #00cccc;
  top: -55px;
  left: 0;
  font-size: 25px;
}

.piedMonarch {
  background-color: #00cccc;
  background-image: url("../gx/texture.png");
  background-size: 100%;
  background-position: top center;
  height: 100%;
  margin-bottom: -20px;
}

.piedMonarch .conteneur {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 40px 20px;
}

.colonne {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.colonne .divLogo {
  display: flex;
  justify-content: center;
}

.colonne div img {
  color: #fff;
  width: 250px;
  padding-bottom: 5px;
  z-index: 3;
}

.colonne p {
  margin: 7px 0;
}

.texte {
  margin: 20px 0;
  text-align: center;
}

.grosTexte {
  font-size: 20px;
  color: #fff;
}

.petitTexte {
  font-size: 14px;
  color: #017373;
}

.colonne:nth-child(2) {
  display: flex;
  align-items: center;
}

.colonne:nth-child(2) p span {
  font-size: 12px;
}

.bouton2 {
  padding: 12.5px 30px;
  height: 45px;
  color: #00cccc;
  border: 1px solid #fff;
  font-size: 15px;
  background: #fff;
}

.bouton2:hover {
  color: #fff;
  background: none;
}

.lien2 {
  color: #fff;
  font-size: 14px;
}

.lien2:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 400px) {
  .banniereMonarch .description {
    margin-top: 100px;
  }
  .boiteMonarch h2 {
    padding: 20px 20px 20px 90px;
    font-size: 20px;
  }

  .boiteMonarch h2::before {
    top: 20%;
    left: 30px;
  }

  .bouton1 {
    padding: 10px 40px;
  }

  .boiteMonarch div {
    padding: 50px;
  }
}

.g-recaptcha {
  display: flex !important;
  justify-content: flex-end !important;
  margin-bottom: 10px;
}

@media screen and (min-width: 550px) {
  .boiteMonarch {
    margin-top: 50px;
  }
}

@media screen and (min-width: 640px) {
  .pageInterne.resumeChirurgie li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 10px;
    margin-bottom: 0;
  }
  .pageInterne.resumeChirurgie li:first-child {
    padding-left: 0;
    padding-right: 10px;
    margin-bottom: 0;
  }
  .pageInterne.resumeChirurgie h2 {
    margin: 0 0 20px;
  }
  .pageInterne.resumeChirurgie li {
    padding-bottom: 0;
  }
  .pageInterne.resumeChirurgie .imageApercu {
    height: 207px;
    line-height: 208px;
    background-position: right -416px;
    background-size: auto;
  }
  .pageInterne.resumeChirurgie a:hover .imageApercu,
  .pageInterne.resumeChirurgie a:focus .imageApercu,
  .pageInterne.resumeChirurgie a:active .imageApercu {
    background-position: right -625px;
  }
  .pageInterne.resumeChirurgie li:first-child a:hover .imageApercu,
  .pageInterne.resumeChirurgie li:first-child a:focus .imageApercu,
  .pageInterne.resumeChirurgie li:first-child a:active .imageApercu {
    background-position: right -209px;
  }

  .accent {
    padding: 40px 0;
  }
  .resumeChirurgie h2 {
    margin: 0 0 20px;
  }
  .resumeChirurgie li {
    padding-bottom: 0;
  }
  .resumeChirurgie .imageApercu {
    height: 207px;
    line-height: 208px;
    background-position: right -416px;
    background-size: auto;
  }
  .resumeChirurgie a:hover .imageApercu,
  .resumeChirurgie a:focus .imageApercu,
  .resumeChirurgie a:active .imageApercu {
    background-position: right -625px;
  }
  .resumeChirurgie li:first-child a:hover .imageApercu,
  .resumeChirurgie li:first-child a:focus .imageApercu,
  .resumeChirurgie li:first-child a:active .imageApercu {
    background-position: right -209px;
  }

  .resumeMedecin ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .resumeMedecin li {
    flex: 0 0 calc(50% - 10px);
    margin-bottom: 20px;
  }
  .resumeMedecin li > a {
    font-size: 14px;
    height: 125px;
  }
  .resumeMedecin li img {
    display: inline-block;
    max-width: 125px;
    max-height: 125px;
  }
}

@media screen and (min-width: 768px) {
  .banniere {
    height: 565px;
    width: 100%;
  }
  .banniere .conteneur {
    height: 465px;
    position: relative;
  }
  .banniere p:first-child {
    font-size: 35px;
  }
  .banniere span,
  .banniere h1 {
    font-size: 40px;
  }
  .banniere .description {
    margin-top: 0;
  }
  .banniere p {
    text-shadow: 1px 1px 1px #000;
  }

  .banniereMonarch {
    height: 565px;
    width: 100%;
    background-size: 1920px;
  }
  .banniereMonarch .conteneur {
    height: 465px;
    position: relative;
  }
  .banniereMonarch p:first-child {
    font-size: 35px;
  }
  .banniereMonarch span,
  .banniere h1 {
    font-size: 40px;
  }
  .banniereMonarch .description {
    margin-top: 0;
  }

  .boiteInfo {
    padding: 30px 0;
  }
  .boiteInfo li {
    vertical-align: top;
    width: 50%;
  }
  .boiteInfo {
    margin-top: -100px;
  }
  .boiteInfo {
    padding-top: 0;
  }
  .boiteInfo ul {
    display: flex;
    flex-wrap: wrap;
  }
  .boiteInfo li {
    vertical-align: top;
    width: 50%;
  }

  .resumeChirurgie li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 10px;
    margin-bottom: 0;
  }
  /*.resumeChirurgie li:first-child { padding-left: 0; padding-right: 10px; margin-bottom: 0;}*/

  .resumeChirurgie .imageApercu {
    padding-top: 80px;
  }

  /*.resumeMedecin li, .resumeChirurgie li { display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; margin-bottom: 0;}
	.resumeMedecin li:first-child, .resumeChirurgie li:first-child { padding-left: 0; padding-right: 10px; margin-bottom: 0;}
	.resumeMedecin li > a { font-size: 20px; height: 150px;}
	.resumeMedecin li img { display: inline-block;}
	.resumeMedecin li img:first-child { display: none;}*/

  .temoignages li {
    width: 33.33%;
    display: inline-block;
  }
  .temoignages ul {
    padding-bottom: 50px;
  }
  .temoignages .sousTitre {
    margin-bottom: 30px;
  }
  .temoignages {
    padding: 40px 0 45px;
  }

  .logoTrans {
    margin-top: 10px;
    margin-left: 0 !important;
    width: 141px;
  }

  .banniereMonarch p {
    width: 50%;
  }

  .descriptionMonarch p {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    flex: 1 1 auto;
    width: 100%;
  }

  .pageMonarchDiv .descriptionMonarch .bulle1 p,
  .pageMonarchDiv .descriptionMonarch .bulle2 p,
  .pageMonarchDiv .descriptionMonarch .bulle3 p,
  .pageMonarchDiv .descriptionMonarch .bulle4 p,
  .pageMonarchDiv .descriptionMonarch .bulle5 p,
  .pageMonarchDiv .descriptionMonarch .bulle6 p {
    width: 100%;
  }

  .monarch .conteneur {
    padding: 50px 20px;
  }

  .pageMonarchDiv .descriptionMonarch h2 {
    margin-top: 50px;
  }

  .descriptionMonarch ul {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    width: 100%;
  }

  .descriptionMonarch ul li p {
    margin-bottom: 35px;
    text-align: center;
    padding-top: 10px;
  }

  .descriptionMonarch ul li h3 {
    margin-top: 10px;
    text-align: center;
  }

  .bulle1,
  .bulle2,
  .bulle3,
  .bulle4,
  .bulle5,
  .bulle6 {
    position: relative;
    margin: 10px 0 0 80px;
    flex: 1 1 auto;
    width: 100%;
  }

  .bulle1,
  .bulle3,
  .bulle5 {
    margin-right: 30px;
  }

  .pageMonarchDiv .bulle1,
  .pageMonarchDiv .bulle3,
  .pageMonarchDiv .bulle5 {
    margin-right: 0;
  }

  .pageMonarchDiv .bulle1,
  .pageMonarchDiv .bulle2,
  .pageMonarchDiv .bulle3,
  .pageMonarchDiv .bulle4,
  .pageMonarchDiv .bulle5,
  .pageMonarchDiv .bulle6 {
    margin: 80px 0 0 10px;
  }

  .bulle1::before,
  .bulle2::before,
  .bulle3::before,
  .bulle4::before,
  .bulle5::before,
  .bulle6::before {
    top: -90px;
    left: calc(50% - 35px);
  }

  .monarch ul .bulle1,
  .monarch ul .bulle2,
  .monarch ul .bulle3,
  .monarch ul .bulle4 {
    margin-left: 90px;
  }

  .monarch ul .bulle3 p,
  .monarch ul .bulle4 p {
    margin-bottom: 0px;
  }

  .monarch ul .bulle1::before,
  .monarch ul .bulle2::before,
  .monarch ul .bulle3::before,
  .monarch ul .bulle4::before {
    top: 8px;
    left: -90px;
  }

  .boiteMonarch {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    box-shadow: 0 30px 50px #d8d8d8;
  }

  .boiteMonarch .fullwidth {
    width: 40%;
    text-align: center;
    flex: 1 1 auto;
  }

  .boiteMonarch h2 {
    padding: 100px 20px 0;
    flex: 1 1 auto;
    width: 100%;
  }

  .monarch .boiteMonarch h2 {
    padding: 135px 20px 0;
  }

  .monarch .boiteMonarch h2::before {
    top: 35px;
    left: 40%;
  }

  .boiteMonarch p {
    text-align: center;
    flex: 1 1 auto;
    width: 100%;
  }

  .banniereMonarch .description {
    text-align: left;
  }

  .banniereMonarch h1::before {
    left: 25px;
    top: 75px;
  }

  .banniereMonarch .conteneur .boiteMonarch {
    display: block;
    position: absolute;
    top: 85px;
    right: 20px;
    box-shadow: 0 30px 50px #272c31;
    width: 300px;
  }

  .banniereMonarch .conteneur .boiteMonarch .fullwidth {
    width: 100%;
  }

  .banniereMonarch .conteneur .boiteMonarch h2 {
    padding: 30px 30px 30px 70px;
  }

  .banniereMonarch .boiteMonarch h2::before {
    top: 22px;
    left: -100px;
  }

  .banniereMonarch .description {
    margin-top: 150px;
  }

  .separation {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    margin: 80px 0;
  }

  .deuxCol {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 150px;
  }

  .deuxCol:nth-child(2) {
    margin-top: 75px;
  }

  .deuxCol.reverse {
    flex-direction: row-reverse;
  }

  .deuxCol .gauche {
    margin-left: 15%;
  }

  .deuxCol .droite {
    margin-right: 5%;
  }

  .retrait {
    margin-right: -2%;
    width: 350px;
  }

  .icone-message::before,
  .icone-maison::before {
    top: -85px;
  }

  .menuCompte::before {
    top: 14px;
  }
}

@media screen and (min-width: 1000px) {
  .banniere p {
    width: 75%;
  }
  .banniere p:first-child {
    width: 60%;
  }
  .banniere span,
  .banniere h1 {
    margin-bottom: 40px;
    width: 60%;
  }
  .banniere {
    background-position: top center;
  }

  .banniereMonarch p {
    width: 55%;
  }
  .banniereMonarch p:first-child {
    width: 60%;
  }
  .banniereMonarch span,
  .banniere h1 {
    margin-bottom: 40px;
    width: 60%;
  }
  .banniereMonarch {
    background-position: top center;
  }

  .boiteInfo {
    margin-top: 0;
    padding: 30px 0;
  }
  .boiteInfo .conteneur {
    font-size: 0;
  }
  .boiteInfo ul {
    font-size: 14px;
    vertical-align: top;
  }
  .boiteInfo li {
    width: 25%;
    vertical-align: top;
    height: 350px;
  }

  .accent {
    padding: 50px 0;
  }
  .resumeChirurgie .imageApercu {
    padding-left: 7.5%;
    text-align: left;
    padding-top: 0;
  }
  .resumeChirurgie h2 {
    margin: 0 0 45px;
  }

  .resumeMedecin {
    margin: 50px 0;
  }
  .resumeMedecin li > a {
    height: 175px;
  }
  .resumeMedecin li > a span {
    display: inline;
  }
  .resumeMedecin li a {
    font-size: 14px;
  }
  .resumeMedecin li img {
    max-width: 175px;
    max-height: 175px;
  }

  /*.resumeMedecin { margin: 50px 0;}
	.resumeMedecin li > a { height: 210px;}
	.resumeMedecin li > a span { display: inline;}*/

  .temoignages .sousTitre {
    margin-bottom: 50px;
  }

  .menuMonarch {
    margin-left: 0;
  }

  .menuMonarch::before {
    top: 0;
    left: -30px;
  }

  .menuCompte {
    margin-left: 0;
  }

  .menuCompte::before {
    top: 10px;
    left: -30px;
    font-size: 24px;
  }

  .menuConnect {
    margin-left: 0;
  }
  .menuConnect::before {
    top: 10px;
    left: 13px;
  }

  .monarch {
    padding-bottom: 0;
  }

  .monarch .conteneur {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 80px 20px;
  }

  .monarch .conteneur .descriptionMonarch {
    width: 80%;
    margin-right: 160px;
  }

  .descriptionMonarch h2 {
    font-size: 40px;
    text-align: center;
  }

  .monarch .conteneur .descriptionMonarch h2 {
    text-align: left;
    margin-left: 65px;
    position: relative;
  }

  .monarch .conteneur .descriptionMonarch h2::before {
    content: "";
    background: url(../gx/monarch.png);
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: 100%;
    position: absolute;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    left: -65px;
  }

  .descriptionMonarch p {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    font-size: 17px;
  }

  .bulle1::before,
  .bulle2::before,
  .bulle3::before,
  .bulle4::before,
  .bulle5::before,
  .bulle6::before {
    top: 15px;
    left: -90px;
    border: 3px solid #fff;
    box-shadow: 0px 5px 5px #d8d8d8;
  }

  .descriptionMonarch ul li p {
    text-align: left;
  }

  .descriptionMonarch ul li h3 {
    text-align: left;
  }

  .boiteMonarch {
    margin-top: 10px;
    flex-direction: column;
  }

  .boiteMonarch .fullwidth {
    width: 100%;
    flex: 1 1 auto;
    padding: 0 !important;
  }

  .bulle1,
  .bulle2,
  .bulle3,
  .bulle4,
  .bulle5,
  .bulle6 {
    position: relative;
    margin: 10px 0 10px 70px;
    flex: 1 1 auto;
    width: 100%;
  }

  .pageMonarchDiv .bulle3,
  .pageMonarchDiv .bulle6 {
    margin-right: 0 !important;
  }

  .pageMonarchDiv .descriptionMonarch {
    max-width: 900px;
    margin: 0 auto;
  }

  .pageMonarchDiv ul {
    justify-content: space-between;
  }

  .pageMonarchDiv ul li {
    width: 25%;
  }

  .bulle1 h3,
  .bulle2 h3,
  .bulle3 h3,
  .bulle4 h3,
  .bulle5 h3,
  .bulle6 h3 {
    font-size: 20px;
    font-family: "asul", arial;
    font-weight: 700;
    text-transform: none;
    color: #000;
  }

  .bulle1 p,
  .bulle2 p,
  .bulle3 p,
  .bulle4 p,
  .bulle5 p,
  .bulle6 p {
    font-size: 14px;
    font-family: "Lato", arial;
    font-weight: 400;
  }

  .pageMonarchDiv .descriptionMonarch .bulle1,
  .pageMonarchDiv .descriptionMonarch .bulle2,
  .pageMonarchDiv .descriptionMonarch .bulle3,
  .pageMonarchDiv .descriptionMonarch .bulle4,
  .pageMonarchDiv .descriptionMonarch .bulle5,
  .pageMonarchDiv .descriptionMonarch .bulle6 {
    margin-left: 100px;
  }

  .monarch ul .bulle1::before,
  .monarch ul .bulle2::before,
  .monarch ul .bulle3::before,
  .monarch ul .bulle4::before {
    top: 7px;
    left: -80px;
  }

  .boiteMonarch h2 {
    padding: 25px 40px 25px 110px !important;
    flex: 1 1 auto;
    width: 100%;
  }

  .boiteMonarch h2::before {
    top: 22px !important;
    left: 50px !important;
  }

  .boiteMonarch h2 {
    text-align: left;
  }

  .boiteMonarch .bouton1 {
    height: 45px;
    padding: 10px 40px;
  }

  .boiteMonarch h3 {
    color: #000;
  }

  .navMonarch {
    display: flex;
    flex: 0 1 auto;
    width: 20%;
  }

  .navMonarch li {
    flex: 0 1 auto;
  }

  .navMonarch li a {
    text-align: left;
  }

  .menuCompte {
    padding-top: 7px;
    line-height: 1.1;
  }

  .menuCompte span {
    display: block;
  }

  .separation {
    margin: 120px 0;
  }

  .deuxCol {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }

  .deuxCol h2 {
    font-size: 40px;
    font-weight: 500;
  }

  .deuxCol.reverse {
    flex-direction: row-reverse;
  }

  .deuxCol .gauche {
    margin-left: 15%;
  }

  .deuxCol .droite {
    margin-right: 5%;
  }

  .reverse img {
    width: 400px;
    height: auto;
  }

  .retrait {
    margin-right: -1%;
    width: 500px;
    height: auto;
    margin-bottom: 100px;
  }

  .icone-message::before,
  .icone-maison::before {
    top: -50px;
  }

  .mobile {
    display: none !important;
  }

  .banniereMonarch h1::before {
    top: 75px;
  }

  .banniereMonarch .conteneur .boiteMonarch {
    display: block;
    position: absolute;
    top: 60px;
    right: 0px;
    width: 350px;
  }

  .banniereMonarch .conteneur .boiteMonarch .fullwidth {
    width: 100%;
  }

  .banniereMonarch .conteneur .boiteMonarch h2 {
    font-size: 18px;
  }

  .banniereMonarch .conteneur .boiteMonarch h2::before {
    font-size: 45px;
  }
}

@media screen and (min-width: 1080px) {
  .resumeMedecin li > a {
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) {
  .boiteInfo li {
    height: 320px;
  }
  .plusPad {
    padding: 0 100px;
  }

  .retrait {
    margin-right: -8%;
    width: 600px;
    height: auto;
  }

  .pageMonarchDiv .descriptionMonarch .bulle1 p,
  .pageMonarchDiv .descriptionMonarch .bulle2 p,
  .pageMonarchDiv .descriptionMonarch .bulle3 p,
  .pageMonarchDiv .descriptionMonarch .bulle4 p,
  .pageMonarchDiv .descriptionMonarch .bulle5 p,
  .pageMonarchDiv .descriptionMonarch .bulle6 p {
    margin-top: 5px;
  }

  .pageMonarchDiv .descriptionMonarch {
    max-width: 100%;
  }

  .piedMonarch .conteneur {
    display: flex;
    justify-content: space-between;
    vertical-align: center;
    flex-direction: row;
    padding: 20px 60px;
    height: 140px;
  }

  .piedMonarch .bouton2 {
    padding: 11.5px 20px;
  }

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

  .colonne:nth-child(1) {
    width: 60%;
  }

  .colonne:nth-child(2) {
    align-items: center;
    width: 35%;
  }

  .colonne .divLogo {
    display: flex;
    justify-content: left;
    align-items: center;
  }

  .colonne div img {
    color: #fff;
    width: 250px;
    padding-bottom: 5px;
  }

  .texte {
    width: 50%;
    text-align: left;
  }

  .grosTexte {
    font-size: 20px;
    color: #fff;
    margin: 3.5px 0 !important;
  }

  .petitTexte {
    font-size: 14px;
    color: #017373;
  }

  .colonne:nth-child(2) {
    display: flex;
    align-items: center;
  }

  .colonne:nth-child(2) p span {
    font-size: 14px;
    position: relative;
    z-index: 4;
  }

  .bouton2 {
    padding: 10px 30px;
    height: 45px;
    color: #00cccc;
    border: 2px solid #fff;
    font-size: 15px;
    background: #fff;
    z-index: 99;
    position: relative;
  }

  .bouton2:hover {
    color: #fff;
    background: none;
    border: 2px solid #fff;
  }

  .lien2 {
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 3;
  }

  .lien2::before {
    content: "\e908";
    font-family: "icomoon";
    position: absolute;
    top: -200px;
    left: -120px;
    font-size: 250px;
    color: #5cd4d4;
    z-index: -1;
  }

  .lien2:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
  }

  footer {
    z-index: 2;
    position: relative;
  }

  .banniereMonarch .conteneur .boiteMonarch {
    display: block;
    position: absolute;
    top: 50px;
    right: 70px;
    width: 430px;
    margin: 0;
  }

  .banniereMonarch .conteneur .boiteMonarch .fullwidth {
    width: 100%;
  }

  .banniereMonarch .conteneur .boiteMonarch h2 {
    font-size: 20px;
  }

  .banniereMonarch .conteneur .boiteMonarch div {
    padding: 20px;
  }

  .banniereMonarch .conteneur .boiteMonarch div:nth-child(2) {
    padding: 50px;
  }

  .boiteMonarch h2 {
    padding: 25px 40px 25px 125px !important;
  }

  .boiteMonarch h2::before {
    left: 65px !important;
  }
}

@media screen and (min-width: 1220px) {
  .resumeMedecin li > a {
    font-size: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .boiteInfo li {
    height: 300px;
  }
}

@media screen and (min-width: 1500px) {
  .retrait {
    margin-right: -8%;
    width: 800px;
    height: auto;
  }
}

@media screen and (min-width: 1600px) {
  .retrait {
    margin-right: -16%;
  }
}

/* pages internes */

.listeChirurgieCat h2 {
  font-size: 14px;
  margin: 0;
  line-height: 1.42;
}

.listeChirurgieSimple {
  width: 100%;
}
.listeChirurgieSimple li {
  display: inline-block;
  width: 100%;
  max-width: 325px;
  margin-bottom: 22px;
}
.listeChirurgieSimple span {
  height: 110px;
  display: inline-block;
  width: 100%;
}
.listeChirurgieSimple a {
  outline: 1px solid #e7e8e8;
  display: inline-block;
  width: 100%;
  color: #445056;
  font-weight: 900;
  font-size: 16px;
  transition: all 0.3s;
}
.listeChirurgieSimple a:hover,
.listeChirurgieSimple a:active,
.listeChirurgieSimple a:focus {
  color: #6d7b83;
  outline: 1px solid #6d7b83;
}
.listeChirurgieSimple p {
  padding: 20px 26px;
  font-weight: normal;
  font-size: 14px;
}
.listing.sousTitre {
  line-height: 1;
}
.listeChirurgieSimple h2 {
  color: #fff;
}
.listeChirurgieSimple h3 {
  color: #fff;
  padding: 20px 26px;
  text-transform: none;
  margin: 0;
  font-family: "Lato", arial;
  font-size: 16px;
  font-weight: bold;
}
.listeChirurgieSimple .boiteCouleur0,
.listeChirurgieSimple .boiteCouleur1 {
  background-color: #f0f0f0;
}
.listeChirurgieSimple .boiteCouleur2 {
  background-color: #f7f7f7;
}
.listeChirurgieSimple .boiteCouleur1 h3 {
  background-color: #6d7b83;
}
.listeChirurgieSimple .boiteCouleur2 h3 {
  background-color: #91a3ad;
}
.listeChirurgieSimple .boiteCouleur0 h3 {
  background-color: #9ec1c8;
}

.listeChirurgieSimple .listingSousCat a {
  outline: 0;
  font-weight: normal;
  height: auto !important;
  padding: 0;
  font-size: 14px;
}
.listeChirurgieSimple .listingSousCat .listeSousCat {
  height: 182px;
  display: inline-block;
  padding: 20px 26px;
}
.listeChirurgieSimple .listingSousCat .listeSousCat ul {
  margin-bottom: 1em;
  overflow: hidden;
}
.listeChirurgieSimple .listingSousCat .listeSousCat li {
  width: 100% !important;
  margin-bottom: 0;
  margin-left: 16px;
  position: relative;
}
.listeChirurgieSimple .listingSousCat .listeSousCat li:before {
  content: "\2022";
  color: #a3c3c9;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: -16px;
}
.listeChirurgieSimple .listingSousCat .boiteCouleur0,
.listeChirurgieSimple
  .listingSousCat
  .boiteCouleur1.listeChirurgieSimple
  .listingSousCat
  .boiteCouleur2 {
  background: none;
}

.galerie {
  position: relative;
  cursor: pointer;
}
.galerie ul {
  display: none;
}
.galerieTexte ul {
  display: block;
}
.galerie li {
  float: left;
  width: 47%;
  margin-bottom: 20px;
  margin-right: 6%;
}
.galerie li:nth-child(2n),
.galerie li:last-child {
  margin-right: 0;
}
.galerie li:nth-child(2n + 1) {
  clear: left;
}
.barreGalerie.bouton-principal {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  cursor: pointer;
}
.barreGalerie:before {
  content: "";
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../gx/m/sprites-icones.png) -24px 0px;
  margin-top: 4px;
}
.barreGalerie.actif:before {
  background-position: -24px -70px;
}

.galerie li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.galerie li a:hover .grayscale {
  opacity: 0;
}
.ie8 .galerie li a:hover .grayscale {
  display: none;
}
.grayscale {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.ctaInterne ul {
  width: 100%;
}
.ctaInterne li {
  margin-bottom: 10px;
}
.ctaInterne span {
  display: block;
  font-weight: 900;
}
.ctaInterne a {
  display: inline-block;
  padding: 25px 0px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
}

.listingTemoignages ul {
  display: none;
}
.listingTemoignages blockquote {
  padding: 0;
}
.listingTemoignages ul:first-child {
  display: block;
}
.listingTemoignages li {
  padding: 35px 30px 30px;
  border: 1px solid #e7e8e8;
  margin-bottom: 20px;
  position: relative;
}
.listingTemoignages .bouton-principal {
  margin: 0 auto;
  display: block;
  margin-top: 50px;
}
.listingTemoignages .retourHaut {
  position: absolute;
  bottom: 15px;
  right: 30px;
  font-size: 14px;
  color: #445056;
  text-decoration: underline;
}

.listingQuestions a {
  color: #666;
  font-size: 16px;
  text-decoration: none;
}
.listingQuestions h2 {
  margin-top: 0;
}
.listingQuestions ul {
  margin-top: 50px;
}
.listingQuestions ul li {
  padding-bottom: 40px;
  margin-left: 0;
  position: relative;
  margin-bottom: 20px;
}
.listingQuestions ul li ul li {
  margin-left: 20px;
  padding-bottom: 0;
}
.listingQuestions ul li ul li:before {
  content: "\2022";
  color: #a3c3c9;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: -16px;
}
.listingQuestions ul li ul li a,
.listingQuestions ul li p a {
  font-size: 14px;
  color: #9ec1c8;
  text-decoration: underline;
  transition: color 0.15s linear 0s;
}
.listingQuestions ul li ul li a:hover,
.listingQuestions ul li p a:hover,
.listingQuestions ul li ul li a:active,
.listingQuestions ul li p a:active,
.listingQuestions ul li ul li a:focus,
.listingQuestions ul li p a:focus {
  color: #666;
  outline: none;
}
/*
a{	color:#9ec1c8;	text-decoration:none; transition: color 0.15s linear 0s;}
a:hover, a:focus, a:active{ color:#666; outline:none; }*/
.listingQuestions .sousTitre {
  font-size: 16px;
  color: #445056;
  font-weight: bold;
}
.listingQuestions .sousTitre img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.listingQuestions ul > li:before {
  content: "";
}
.listingQuestions ol {
  counter-reset: bullet;
  list-style-type: none;
  margin-bottom: 35px;
}
.listingQuestions ol li {
  position: relative;
  margin-left: 20px;
  margin-bottom: 15px;
}
.listingQuestions ol li:before {
  counter-increment: bullet;
  content: counters(bullet, ".") ".";
  position: absolute;
  top: 2px;
  left: -20px;
  color: #445056;
  font-weight: 900;
}
.listingQuestions .retourHaut {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  color: #445056;
  text-decoration: underline;
}

[class^="succursale"] {
  margin-bottom: 20px;
}
[class^="succursale"] p {
  margin-bottom: 10px;
}
[class^="succursale"] .sousTitre {
  font-size: 20px;
  color: #445056;
  font-weight: 900;
  display: inline-block;
  margin-bottom: 14px;
}
[class^="succursale"] h2 {
  font-size: 16px;
  font-weight: bold;
  font-family: "Lato", arial, sans-serif;
  color: #445056;
  text-transform: none;
}
[class^="succursale"] strong {
  color: #445056;
}
.succursale:nth-of-type(1) .sousTitre {
  border-bottom: 5px solid #445056;
}
.succursale:nth-of-type(2) .sousTitre {
  border-bottom: 5px solid #9ec1c8;
}
.succursale:nth-of-type(3) .sousTitre {
  border-bottom: 5px solid #91a3ad;
}
#contactForm form {
  width: 100%;
}
#contactForm {
  margin-top: 40px;
}
#contactForm [class^="bouton"] {
  display: block;
  margin: 14px auto 0 auto;
}
.titreForm {
  font-weight: 900;
  font-size: 20px;
  color: #445056;
}

.boiteGalerie {
  margin-bottom: 30px;
}
.boiteGalerie .slick .slick-next,
.boiteGalerie .slick .slick-prev {
  transition: all 0.3s;
  position: absolute;
  top: 30%;
  left: 0%;
  z-index: 100;
  font-family: "guifx", arial, sans-serif;
  width: 40px;
  height: 40px;
  background: #6d7b83;
  color: #fff;
  font-weight: 200;
  font-size: 20px;
}
.boiteGalerie .slick .slick-next {
  left: auto;
  right: 0;
}
.boiteGalerie .slick .slick-next:hover,
.boiteGalerie .slick .slick-prev:hover {
  background: #9ec1c8;
}

.informationsMedecin {
  margin-top: 50px;
}
.informationsMedecin strong {
  color: #445056;
}
.informationsMedecin ul {
  margin-bottom: 30px;
  padding-right: 30px;
  width: 100%;
}
.informationsMedecin ul li:first-child {
  font-size: 20px;
  border-bottom: 5px solid #445056;
  color: #445056;
  margin-bottom: 14px;
  display: inline-block;
  font-weight: 900;
}
.informationsMedecin ul:nth-child(odd) {
  clear: left;
}

.texteSharingCondition {
  width: 100%;
  padding: 10px 10px 0 10px;
  background: #f8f8f8;
  margin-bottom: 10px;
  border: 1px solid #e2e0e0;
  display: none;
}
.texteSharingCondition p.titreSharing {
  font-size: 14px;
  font-weight: bold;
}
.texteSharingCondition p.intro {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
.texteSharingCondition .incTinyMce p {
  font-size: 12px;
}
.pageContenu .texteSharingCondition article .incTinyMce {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 480px) {
  .galerie li,
  .galerie li:nth-child(2n) {
    width: 30%;
    margin-right: 5%;
  }
  .galerie li:nth-child(3n) {
    margin-right: 0;
  }
  .galerie li:nth-child(2n + 1) {
    clear: none;
  }
  .galerie li:nth-child(3n + 1) {
    clear: left;
  }

  [class^="succursale"] {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin-right: 6%;
  }
}

@media screen and (min-width: 600px) {
  .galerie li,
  .galerie li:nth-child(3n),
  .galerie li:nth-child(2n) {
    width: 23%;
    margin-right: 2.66%;
  }
  .galerie li:nth-child(4n) {
    margin-right: 0;
  }
  .galerie li:nth-child(3n + 1) {
    clear: none;
  }
  .galerie li:nth-child(4n + 1) {
    clear: left;
  }

  .listeChirurgieSimple li {
    float: left;
    width: 47%;
    margin-right: 3%;
  }
  .listeChirurgieSimple li:nth-child(2n) {
    margin-right: 0;
  }
  .listeChirurgieSimple li:nth-child(2n + 1) {
    clear: left;
  }

  [class^="succursale"] {
    width: 26%;
    margin-right: 6%;
  } /*width: 25%;*/
  #contactForm form {
    width: 70%;
  }
}

@media screen and (min-width: 768px) {
  .boiteGalerie .slick .slick-next,
  .boiteGalerie .slick .slick-prev {
    top: 45%;
  }
  .informationsMedecin ul {
    float: left;
    width: 50%;
    margin-bottom: 30px;
    padding-right: 30px;
  }
  .ctaInterne ul {
    display: table;
  }
  .ctaInterne li {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
    width: 50%;
  }
  .ctaInterne li:first-child {
    padding-left: 0;
    padding-right: 10px;
  }

  .galerie li,
  .galerie li:nth-child(3n),
  .galerie li:nth-child(2n),
  .galerie li:nth-child(4n) {
    width: 15%;
    margin-right: 2%;
  }
  .galerie li:nth-child(6n) {
    margin-right: 0;
  }
  .galerie li:nth-child(4n + 1) {
    clear: none;
  }
  .galerie li:nth-child(6n + 1) {
    clear: left;
  }

  .listeChirurgieSimple li,
  .listeChirurgieSimple li:nth-child(2n) {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .listeChirurgieSimple li:nth-child(3n) {
    margin-right: 0;
  }
  .listeChirurgieSimple li:nth-child(2n + 1) {
    clear: none;
  }
  .listeChirurgieSimple li:nth-child(3n + 1) {
    clear: left;
  }

  #contactForm [class^="bouton"] {
    float: right;
    margin: 0;
  }
}

/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul {
  margin-bottom: 10px;
}
#plan ul ul {
  margin-left: 20px;
}
#plan li {
  margin-bottom: 2px;
}
#plan > ul > li {
  margin-bottom: 12px;
}
#plan > ul a {
  color: #000;
  font-weight: bold;
}
#plan ul ul a {
  color: #888;
}
#plan ul ul ul a {
  color: #a1a1a1;
}
#plan ul ul ul ul a {
  color: #bbb;
}
#plan a:hover {
  color: #004ea6;
}
.catPrincipale,
.sousCatPrincipale {
  font-style: italic;
  font-weight: bold;
}
.indentation,
.sousCatPrincipale {
  margin-left: 20px;
}

/*--------------------------------------------------------------------------------------- */
/* Barre latérale */
/*--------------------------------------------------------------------------------------- */

aside a,
.sousTitreCat {
  color: #6d7b83;
}
aside a:hover,
aside a:active,
aside a:focus,
.sousTitreCat:hover,
.sousTitreCat:active,
.sousTitreCat:focus {
  color: #91a3ad;
}
aside a.actif {
  color: #9ec1c8;
}
aside [class^="bloc"] {
  margin-bottom: 20px;
}
aside {
  display: inline;
}

.blocMenuLateral,
.blocImportant,
.blocCompte {
  outline: 1px solid #e7e8e8;
}
.bandeau {
  display: none;
  padding: 20px;
  background: #6d7b83;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 14px 20px;
}
.bandeau a {
  color: #fff;
}
.bandeau a:hover,
.bandeau a:focus,
.bandeau:active {
  color: #fff;
}
.menuDeroulant:before,
.selectMenu:before,
.customSelect:before {
  content: "\e903";
  display: block;
  margin-left: 10px;
  font-family: "grsportail";
  font-size: 7px;
}

.customSelect.customSelectOpen:before {
  content: "\e906";
}

.bandeauInscription {
  background-image: url("../gx/grs-banniere-inscription.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1920px;
  height: 220px;
  margin-bottom: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.listeForumlaire {
  display: flex;
  justify-content: center;
  align-items: center;
}

#formCompte {
  margin-bottom: 200px;
}

#formCompte h1 {
  text-align: center;
}

.listeForumlaire li {
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  text-align: center;
  width: 50%;
  color: #fff;
  padding: 0 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.listeForumlaire li p {
  display: inline-block;
  font-family: "asul";
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  flex: 0 1 auto;
  width: 100%;
}

.listeForumlaire li .etape {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px !important;
  font-family: "open sans";
  font-weight: 700;
  border-radius: 100%;
  margin-bottom: 10px;
  width: 70px;
  height: 70px;
  background: #00cccc;
  border: 4px solid #00cccc;
}

.listeForumlaire .clicker .etape:hover {
  cursor: pointer;
}

.listeForumlaire .etapeCache .etape:hover {
  cursor: initial !important;
}

.listeForumlaire li .etape span {
  margin-top: -5px;
}

@media screen and (min-width: 768px) {
  .listeForumlaire li {
    width: 40%;
    padding: 0 50px;
  }

  .item2::after {
    display: inline-block;
    text-align: center;
    content: url("../gx/fleche.png");
    position: absolute;
    left: -40px;
    top: 25px;
  }

  .item3::after {
    display: inline-block;
    text-align: center;
    content: url("../gx/fleche.png");
    position: absolute;
    left: -30px;
    top: 25px;
  }
}

@media screen and (min-width: 1000px) {
  .listeForumlaire li {
    width: 30%;
    padding: 0 100px;
  }
}

.conteneurEtroit {
  margin: 20px 5% 0 5%;
}

.sousTitreForm {
  font-weight: 700;
  font-size: 1.1em;
  padding-bottom: 10px;
}

.pageConditions {
  text-align: center;
}

.sousTitreForm p,
.introForm p {
  text-align: center;
}

.firstCol {
  margin-top: 80px;
}

.pageConditions article {
  margin-top: 80px;
  text-align: left;
  background: #f0f0f0;
  padding: 50px 25px;
  overflow: scroll;
  height: 700px;
}

.cache {
  display: none !important;
}

.etapeCache {
  opacity: 0.5;
}

.listeForumlaire .etapeCache .etape {
  background: #747d86;
  border: 4px solid #747d86;
}

.listeForumlaire .etapeCache .etape:hover {
  cursor: pointer;
}

.pageConditions article h2 {
  text-transform: none;
  font-size: 30px;
}

.pageConditions article h3 {
  font-size: 20px;
}

.pageConditions article p {
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .pageConditions article {
    padding: 75px 50px;
  }
}

.changeEtape {
  background-image: url("../gx/bg.png");
  width: 100%;
  height: 125px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
}

.changeEtape div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bouton-suivant,
.bouton-precedant {
  padding: 0 60px 0 30px;
  background: #00cccc;
  color: white;
  font-weight: 700;
  position: relative;
  border: 2px solid #00cccc;
  height: 55px;
}

.bouton-suivant:hover,
.bouton-precedant:hover {
  background: none;
  color: #00cccc;
  position: relative;
}

.bouton-precedant {
  padding: 0 30px 0 60px;
  height: 55px;
}

.bouton-suivant::before {
  content: url("../gx/flecheBtn.png");
  position: absolute;
  right: 25px;
  top: 18px;
}
.bouton-precedant::before {
  content: url("../gx/flecheBtn.png");
  transform: rotate(180deg);
  position: absolute;
  left: 25px;
  top: 20px;
}

.bouton-suivant:hover::before {
  content: url("../gx/fleche-hover.png") !important;
}

.bouton-precedant:hover::before {
  content: url("../gx/fleche-hover.png") !important;
}

.desactive {
  opacity: 0;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  background: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

[type="checkbox"]:checked + label:before {
  background: #00cccc;
  border-color: #00cccc;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "\e902";
  font-family: "icomoon";
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 10px;
  line-height: 0.8;
  color: #fff;
  transition: all 0.2s;
}

[type="checkbox"]:checked + label {
  font-weight: bold !important;
  color: #000;
}

.etape1 {
  margin-top: 20px;
}

.blocTelephone {
  z-index: 0;
  background: #f7f7f7;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.blocNom {
  z-index: 0;
  background: #e9f9f9;
  padding: 25px 20px 0 20px;
  display: flex;
  flex-direction: column;
}
.blocNom .labelCheck {
  margin-top: 0;
}

.blocNomCache {
  display: flex;
  flex-direction: column;
}

.espace {
  margin-bottom: 30px;
}

.col4 {
  display: flex;
  align-items: center;
  margin-top: 1em;
  padding-left: 20px;
}

.ajoutTel {
  display: flex;
  justify-content: flex-end;
}

.titreTel h3 {
  text-transform: none;
  font-family: "asul", arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 30px 0 10px 0;
  color: #000;
}

.ajoutTel a,
.bouton-supprimer {
  background: none;
  color: #00cccc;
  position: relative;
  font-family: "Lato", arial, sans-serif;
  font-size: 15px;
  border-bottom: 2px solid #f7f7f7;
}

.ajoutTel a {
  margin-left: 20px;
  border-bottom: 2px solid #fff;
}

.ajoutTel a::before {
  content: "\e90b";
  font-family: "icomoon";
  color: #00cccc;
  font-size: 12px;
  position: absolute;
  top: 2px;
  left: -20px;
}

.ajoutTel a:hover,
.bouton-supprimer:hover {
  cursor: pointer;
  color: #00cccc;
  border-bottom: 2px solid #00cccc;
}

.ajoutTel a:hover::before,
.bouton-supprimer:hover::before {
  cursor: pointer;
  color: #00cccc;
}

@media screen and (min-width: 768px) {
  .margeForm {
    margin: 0 5%;
  }

  .blocTelephone {
    flex-direction: row;
    margin-bottom: 20px;
  }
  .blocTelephone div:nth-child(1) {
    width: 15%;
  }
  .blocTelephone div:nth-child(2) {
    width: 30%;
    margin-right: 30px;
  }
  .blocTelephone div:nth-child(3) {
    width: 30%;
    margin-left: 0;
  }
  .blocTelephone div.col4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5%;
    margin-left: 10%;
  }
  .blocNomCache {
    flex-direction: row;
  }
  .ajoutTel a {
    margin-left: 0;
  }
}

.bouton-supprimer::before {
  content: "\e903";
  font-family: "icomoon";
  color: #00cccc;
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: -20px;
}

.selectMenu {
  background: #fff;
  text-align: left;
  padding: 14px 20px;
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #6d7b83;
  font-family: "Lato", arial, sans-serif;
}
.selectMenu:before {
  float: right;
  margin-top: 8px;
  margin-right: 6px;
}
.customSelect:before {
  position: absolute;
  right: 10px;
  top: 7.5px;
}
.customSelectInner {
  padding-right: 30px;
}
.customSelect {
  position: relative;
  z-index: -1;
  height: auto;
}
.customSelect:before {
  margin-top: 7px;
}
.blocMenuLateral {
  position: relative;
}
.listePage {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 102;
  padding: 10px;
  outline: #e7e8e8 solid 1px;
  border-top: 0;
  background-color: #fff;
  margin-top: 2px;
  box-sizing: border-box;
}
.blocMenuLateral ul li,
.sousTitreCat {
  padding: 0 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
.blocMenuLateral ul ul li {
  padding: 0 20px;
  font-weight: 400;
}
.blocMenuLateral .liste {
  padding: 6px 0 6px;
  display: block;
}
.blocMenuLateral ul .menuCategorie {
  display: inline-block;
  width: 100%;
  padding: 6px 16px;
  font-size: 16px;
  color: #6d7b83;
  cursor: pointer;
  margin-bottom: 0;
  transition: 0.3s;
}
.blocMenuLateral ul .menuCategorie.ouvert .menuDeroulant:before,
.sousTitreCat.ouvert .menuDeroulant:before,
.selectMenu.ouvert:before {
  background-position: 0 0;
}
.sousCategorie {
  margin-left: 30px;
  display: block;
}
.sousTitreCat {
  cursor: pointer;
}

.blocImportant div p,
.blocCompte div p {
  padding: 14px 20px;
  font-size: 16px;
  color: #6d7b83;
  font-weight: bold;
}

.blocImportant .centre,
.blocCompte .centre {
  text-align: center;
  padding-top: 0;
}

.blocChirurgien {
  display: none;
}
.blocChirurgien img {
  width: 44%;
  display: inline-block;
  vertical-align: top;
}
.blocChirurgien li {
  width: 100%; /*padding-left: 3%;*/
  display: inline-block;
}
.blocChirurgien li > a {
  border: 1px solid #e7e8e8;
  transition: all 0.3s;
  color: #445056;
  font-weight: 900;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.blocChirurgien li > a span {
  color: #4f5b61;
  font-weight: 300;
  display: block;
}
.blocChirurgien li > a:hover,
.blocChirurgien li > a:active,
.blocChirurgien li > a:focus {
  border: 1px solid #6d7b83;
  color: #6d7b83;
}
.blocChirurgien li > a:hover span,
.blocChirurgien li > a:active span,
.blocChirurgien li > a:focus span {
  color: #6d7b83;
}
.blocChirurgien p {
  padding: 12px 4px;
  display: inline-block;
}

/*.blocChirurgien img { width: 100%;}
.blocChirurgien li { width: 50%; padding-left: 3%; display: table-cell;}
.blocChirurgien li:first-child { padding-left: 0; padding-right: 3%;}
.blocChirurgien li > a { border: 1px solid #e7e8e8; transition: all 0.3s; color: #445056; font-weight: 900; font-size: 14px; display: inline-block; height: 100%;}
.blocChirurgien li > a span { color: #4f5b61; font-weight: 300; display: block;}
.blocChirurgien li > a:hover, .blocChirurgien li > a:active, .blocChirurgien li > a:focus  { border: 1px solid #6d7b83; color: #6d7b83;}
.blocChirurgien li > a:hover span, .blocChirurgien li > a:active span, .blocChirurgien li > a:focus span { color: #6d7b83;}
.blocChirurgien p { padding: 12px 20px;}*/

.blocTemoignage {
  position: relative;
  display: none;
}
.blocTemoignage blockquote {
  padding-right: 0;
}
.blocTemoignage .sousTitre {
  font-size: 20px;
  font-weight: 200;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 20px;
}
.flipTemoignage {
  margin-bottom: 20px;
}
.flipTemoignage .slick-dots {
  position: absolute;
  top: -42px;
  right: 0;
}
.flipTemoignage .slick-dots li {
  float: left;
  background: transparent;
  margin-left: 5px;
}
.flipTemoignage .slick-dots button {
  height: 8px;
  width: 8px;
  background: #e1e1e1;
  border-radius: 20px;
  behavior: url(js/pie/PIE.htc);
  color:transparent;
}
.flipTemoignage .slick-dots button:hover,
.flipTemoignage .slick-dots .slick-active button {
  background: #9ec1c8;
}

.blocTypeChirurgie,
.blocImportant,
.blocCompte {
  display: none;
}

@media screen and (min-width: 1000px) {
  .margeForm {
    margin: 0 12.5%;
  }
  .bandeau {
    display: inline-block;
  }
  .blocImportant,
  .blocCompte,
  .blocTypeChirurgie,
  .blocChirurgien,
  .blocTemoignage {
    display: block;
  }
  .listePage {
    display: block !important;
    margin-top: 0;
    left: 0;
    right: 0;
    position: relative;
    padding: 0;
    outline: 1px solid #ccc;
  }
  .blocMenuLateral .liste {
    display: none;
    padding: 16px 0 6px;
  }
  .blocMenuLateral ul .menuCategorie {
    padding: 14px 20px;
    outline: 1px solid #e7e8e8;
  }
  .menuCategorie.actif,
  .menuCategorie:hover,
  .menuCategorie:active,
  .menuCategorie:focus {
    background: #e6e7e9;
  }
  .selectMenu,
  .sousCategorie {
    display: none;
  }

  aside {
    display: inline-block;
  }
}

.pageSucces {
  margin: 5%;
}

.pageSucces div ol {
  width: 70%;
  margin-left: 15%;
  text-align: center;
}

.pageSucces h1 {
  text-align: center;
}

.pageSucces .intro {
  text-align: center;
  font-size: 15px;
}

.pageSucces .encadre {
  margin-top: 40px;
  padding: 20px 20px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.pageSucces .encadre p {
  margin: 5px 0;
}

.navSucces {
  text-align: center;
  margin-top: 50px;
}

.navSucces a {
  background: none;
  color: #00cccc;
  text-decoration: none;
}

.navSucces a:hover {
  cursor: pointer;
  color: #00cccc;
  border-bottom: 2px solid #00cccc;
}

.navSucces .bouton1 {
  padding: 15px 10px;
  background: #00cccc;
  color: #fff;
  border: 2px solid #00cccc;
  text-decoration: none;
}

.navSucces .bouton1:hover {
  background: #fff;
  color: #00cccc;
  border: 2px solid #00cccc;
}

@media screen and (min-width: 768px) {
  .pageSucces {
    margin: 5% 10%;
  }
  .navSucces .bouton1 {
    padding: 15px 40px;
  }
  #entete button {
    background: url(../gx/m/loupe-bureau.png) -50% 0;
    width: 22px;
    height: 22px;
    vertical-align: top;
    margin-right: 20px;
    transition: none;
    position: absolute;
    top: 5px;
    right: -5px;
  }
}

@media screen and (min-width: 1000px) {
  .pageSucces {
    margin: 5% 20%;
  }
  .rechercheEntete {
    margin-right: 10px;
  }
  .rechercheEntete input,
  #entete input {
    height: 26px;
  }
  #entete form {
    height: 26px;
  }
  #entete button {
    background: url(../gx/m/loupe-bureau.png) -50% 0;
    width: 22px;
    height: 22px;
    vertical-align: top;
    margin-right: 20px;
    transition: none;
    position: absolute;
    top: 2px;
    right: -10px;
  }
}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */

.signatureVortex {
  white-space: nowrap;
}

footer {
  text-align: left;
  color: #a7a7a7;
}
footer a {
  font-size: 13px;
  color: #a7a7a7;
}
footer a:hover,
footer a:active,
footer a:focus,
footer .sousTitre a:hover,
footer .sousTitre a:active,
footer .sousTitre a:focus {
  color: #9ec1c8;
}
footer .sousTitre {
  color: #fff;
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 1px solid #4e5051;
  width: 100%;
}
footer .sousTitre a {
  color: #fff;
}
footer .bouton-principal {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

#menuPied {
  display: none;
}

#menuPied nav > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#menuPied nav > ul > li {
  float: left;
  width: 100%;
  padding-right: 12px;
}

footer .sousTitre {
  text-transform: uppercase;
}
#menuPied ul li ul:first-child img,
#menuPied ul:first-child span,
.reseauSocial img {
  display: inline-block;
  vertical-align: middle;
}
#menuPied ul li ul:first-child img,
.reseauSocial img {
  margin-left: 10px;
}
#menuPied ul ul {
  padding-right: 50px;
}
#menuPied ul ul li {
  margin-bottom: 4px;
}
#menuPied p {
  margin-bottom: 10px;
}
#menuPied p a {
  color: #9ec1c8;
}
#menuPied p a:hover,
#menuPied p a:active,
#menuPied p a:focus {
  text-decoration: underline;
}
#menuPied .bouton-principal {
  margin-top: 6px;
}
#menuPied {
  background: #222425;
  padding: 40px 0 0;
}

#menuPied .piedIgLogo {
  margin-left: -6px;
}

.copyrights {
  background: #000;
  padding: 30px 0;
  text-align: center;
}
.copyrights li {
  display: inline-block;
  vertical-align: top;
}
.copyrights a:hover {
  text-decoration: underline;
}
.copyrights li:before {
  content: "|";
  display: inline-block;
  margin: 0 7px 0 5px;
}
.copyrights li:first-child:before {
  content: "";
  margin: 0;
}
.copyrights small {
  margin-bottom: 20px;
  display: inline-block;
}
.mention {
  color: #fff;
}
.mention img {
  display: inline-block;
  margin-bottom: 18px;
}

@media screen and (min-width: 968px) {
  #menuPied nav > ul {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 768px) {
  #menuPied {
    display: block;
  }
  #menuPied nav > ul > li {
    width: 33.33%;
    margin-bottom: 20px;
  }
  .copyrights {
    text-align: left;
  }
  .copyrights small,
  .mention {
    float: left;
  }
  .copyrights small {
    width: 40%;
  }
  .mention img {
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
  }
  .mention {
    width: 60%;
    padding-left: 40px;
  }
}

@media screen and (min-width: 1000px) {
  #menuPied nav > ul > li {
    width: 33.33%;
  }
  #menuPied ul ul {
    padding-right: 0;
  }
  .mention,
  .copyrights small {
    width: 50%;
  }
  .mention {
    padding-left: 0;
  }
  .customSelect {
    height: 40px !important;
    font-size: 11px;
    overflow: hidden;
  }
}

@media screen and (min-width: 1200px) {
  .customSelect {
    font-size: 13px;
  }
}

.pageInternational .marin {
  color: #002856;
}

.pageInternational .magenta {
  color: #f56376;
}

@media screen and (min-width: 767px) {
  .sectionCoeur {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .gauche {
    width: 50%;
  }
}