@charset "UTF-8";
.module-menu .metismenu.mod-menu .metismenu-item.deeper {
  outline: #077723 2px solid; }

.page-header, .aimysitemap {
  outline: #ff9f05 2px solid; }

.module-menu .metismenu.mod-menu .metismenu-item.deeper button {
  outline: #ffef00 2px solid; }

.ligne-06 .cellule-a {
  background-color: #0800ff;
  color: #fff; }

/* Violet A (Violet du Bandeau) */
.uprm-btn-more, .ligne-01 .cellule-a {
  background-color: #8C6796;
  color: #fff; }

/* Violet B */
.ligne-01 .cellule-b {
  background-color: #79059A;
  color: #fff; }

/* Violet C */
.ligne-01 .cellule-c {
  background-color: #AB91B2;
  color: #000; }

/* Violet D */
.bloc-intro, .uprm-btn-less, .uprm-btn-less:visited, .uprm-btn-less:hover, .bloc-h3 .texte, blockquote, .ligne-01 .cellule-d {
  background-color: #D3C5D7;
  color: #000; }

/* Vert A */
.lien-effet-01 a:hover, .bouton-effet-08 a:hover, .ligne-02 .cellule-a {
  background-color: #34c491;
  color: #000; }

/* Vert B */
.sources-licences .texte, .ligne-02 .cellule-b {
  background-color: #14B67D;
  color: #fff; }

/* Vert C */
.ligne-02 .cellule-c {
  background-color: #57d4a8;
  color: #000; }

/* Vert D */
.uprm-btn-more:hover, .ligne-02 .cellule-d {
  background-color: #a3baa5;
  color: #000; }

/* Bleu A */
.bouton-effet-01 a, .bouton-effet-02 a, .bouton-effet-03 a, .bouton-effet-04 a, .bouton-effet-05 a, .bouton-effet-06 a, .bouton-effet-07 a, .bouton-effet-08 a, .bouton-effet-09 a, .ligne-03 .cellule-a {
  background-color: #5649c9;
  color: #fff; }

/* Bleu B */
.ligne-03 .cellule-b {
  background-color: #3a2bbc;
  color: #fff; }

/* Bleu C */
.ligne-03 .cellule-c {
  background-color: #7569d8;
  color: #fff; }

/* Bleu D */
.ligne-03 .cellule-d {
  background-color: #9d95e8;
  color: #000; }

/* Saumon A */
.ligne-04 .cellule-a {
  background-color: #ff8043;
  color: #000; }

/* Saumon B */
.ligne-04 .cellule-b {
  background-color: #ff9866;
  color: #000; }

/* Saumon C */
.ligne-04 .cellule-c {
  background-color: #ffb591;
  color: #000; }

/* Saumon D */
.texte-encadre, .accueil-rdv, .rdv-contact .fond, .ligne-04 .cellule-d {
  background-color: #e3cc99;
  color: #000; }

.ligne-05 .cellule-a, .ligne-05 .cellule-b, .ligne-05 .cellule-c, .ligne-05 .cellule-d {
  background-color: #fff;
  color: #fff; }

/* Gris A */
.sources-licences .nom-img, .ligne-06 .cellule-a {
  background-color: #808080;
  color: #fff; }

/* Gris B */
.ligne-06 .cellule-b {
  background-color: #696969;
  color: #fff; }

/* Gris C */
.ligne-06 .cellule-c {
  background-color: #a9a9a9;
  color: #000; }

/* Gris D */
.ligne-06 .cellule-d {
  background-color: #d3d3d3;
  color: #000; }

.listes-couleurs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 20px; }

.bloc-couleur {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 1rem;
  font-size: 1.2rem;
  justify-items: center;
  align-items: center;
  padding: 9px 0;
  border: #000 1px solid; }

.bloc-couleur .nom {
  grid-column: 1;
  grid-row: 1; }

.bloc-couleur .hexa {
  grid-column: 1;
  grid-row: 2; }

.bloc-couleur .rgb {
  grid-column: 1;
  grid-row: 3; }

body, input, button, select, textarea {
  font-family: "lucioleregular";
  font-size: 1.4rem;
  color: #000; }

/* Nom................ Luciole */
/* Telechargement..... https://luciole-vision.com/ */
/* Licence............ CC Attribution 4.0 International */
@font-face {
  font-family: "lucioleregular";
  src: url("police-ecriture/luciole-regular-webfont.eot");
  src: url("police-ecriture/luciole-regular-webfont.eot?#iefix") format("embedded-opentype"), url("police-ecriture/luciole-regular-webfont.woff2") format("woff2"), url("police-ecriture/luciole-regular-webfont.woff") format("woff"), url("police-ecriture/luciole-regular-webfont.svg#lucioleregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Nom................ Auca */
/* Telechargement..... https://www.dafont.com/auca.font */
/* Licence............ SIL Open Font */
@font-face {
  font-family: "aucaregular";
  src: url("police-titre/auca-webfont.eot");
  src: url("police-titre/auca-webfont.eot?#iefix") format("embedded-opentype"), url("police-titre/auca-webfont.woff2") format("woff2"), url("police-titre/auca-webfont.woff") format("woff"), url("police-titre/auca-webfont.ttf") format("truetype"), url("police-titre/auca-webfont.svg#aucaregular") format("svg");
  font-weight: normal;
  font-style: normal; }

a:not([class]) {
  text-decoration: none; }

a:not([class]), .sources-licences a {
  color: #0800ff;
  text-decoration: none;
  background: linear-gradient(180deg, #0800ff 100%, rgba(255, 0, 0, 0) 100%);
  background-size: 100% 10%, 0 10%;
  background-position: bottom left, bottom left;
  background-repeat: no-repeat, no-repeat;
  transition-duration: 1s;
  transition-property: background-size; }
  a:not([class]):hover, .sources-licences a:hover, a:not([class]):active, .sources-licences a:active {
    color: #0800ff;
    text-decoration: none;
    background: linear-gradient(180deg, #0800ff 100%, rgba(255, 0, 0, 0) 100%);
    background-size: 0 10%, 100% 10%;
    background-position: bottom right, bottom left;
    background-repeat: no-repeat, no-repeat;
    transition-duration: 1s;
    transition-property: background-size; }
  a:not([class]):focus, .sources-licences a:focus {
    transition-duration: 1s;
    transition-property: background-color, color; }

/* Lire la Suite */
.bouton a, .page-techniques .techniques-menu ul li a, #flexicontent.fiche-tuto .btn-group .fcpagenav-prev.btn, #flexicontent.fiche-tuto .btn-group .fcpagenav-next.btn {
  color: #fff;
  text-decoration: none;
  padding: 8px 17px;
  background-color: #8C6796;
  background-image: none;
  border: #000 1px solid;
  border-radius: 7px;
  transition-duration: 1s;
  transition-property: padding; }

.bouton a:hover, .page-techniques .techniques-menu ul li a:hover, #flexicontent.fiche-tuto .btn-group .fcpagenav-prev.btn:hover, #flexicontent.fiche-tuto .btn-group .fcpagenav-next.btn:hover {
  color: #fff;
  background-color: #8C6796;
  padding: 8px 40px 8px 8px;
  text-decoration: none;
  transition-duration: 1s;
  transition-property: padding; }

/***** CONTENEUR *****/
/***** TEXTE *****/
/***** BOUTONS *****/
.metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button {
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
  border: #000 1px solid;
  background-color: #000;
  background-image: none;
  padding: 4px 17px;
  transition-duration: 1s;
  transition-property: background-color, padding-left; }

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  background-color: #8C6796;
  transition-duration: 1s;
  transition-property: background-color, padding-left; }

.image-essai-01, .image-essai-02, .image-essai-03, .image-essai-04, .image-essai-05 {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center; }

.bordures-top-bas {
  border-top: #000 2px dashed;
  border-bottom: #000 2px dashed; }

.bloc-intro {
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
  padding: 0 10px; }

.rotation-logo-depannage {
  transform-origin: 50% 50%;
  transform: rotate(-4deg); }

.cadre-important {
  background-color: #e6d9c3; }

.grid-child, .site-grid > [class*=" container-"], .site-grid > [class^="container-"] {
  max-width: 1280px; }

body {
  background-color: #a3baa5; }

.site-grid {
  grid-gap: 0 0; }

.card {
  background-color: transparent;
  border: 0; }

.card-header {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0; }

.card-body {
  padding: 0; }

/********** GENERAL **********/
.container-header {
  display: grid;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }

.en-tete {
  display: grid;
  grid-template-columns: 233px 1fr 200px;
  grid-template-rows: 108px 153px auto; }

.en-tete .logo-site {
  grid-column: 1;
  grid-row: 1 / span 2; }

.en-tete .liste-techniques {
  grid-column: 1 / span 3;
  grid-row: 1; }

.en-tete .rdv-contact {
  grid-column: 2;
  grid-row: 2; }

.en-tete .image-deco {
  grid-column: 3;
  grid-row: 2; }

.en-tete {
  background-color: #D3C5D7;
  max-width: 1280px;
  width: 100%;
  border-radius: 20px 20px 0 0;
  margin: 12px auto 0 auto;
  padding: 6px 0 24px 0; }

/* Liste des Techniques */
.en-tete .liste-techniques {
  margin: 0 0 0 170px; }

/* Menu Principal */
.menu-principal {
  margin-bottom: 20px;
  border-radius: 0 0 20px 20px; }

/********** LOGO **********/
.logo-site {
  display: grid; }

.logo-site .navbar-brand {
  margin: 0 auto;
  width: auto; }

.container-header .navbar-brand a {
  color: #fff;
  background-image: none; }

/********** IMAGE DE DECO **********/
.en-tete .image-deco {
  display: grid;
  align-items: center; }

.grid-child.container-component {
  border-left: #000 5px solid;
  border-radius: 35px 0 0 35px; }

.container-component {
  background-color: #D3C5D7;
  margin: 0;
  padding: 0; }

.container-component > * + * {
  margin: 0; }

main {
  margin: 0;
  padding: 0; }

.page-header, .aimysitemap {
  margin-bottom: 10px;
  padding: 10px; }

.desc-content {
  padding: 10px; }

.description {
  margin: 0 !important; }

div.pagination {
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center; }

.counter {
  grid-row: 1; }

.pagination__wrapper {
  grid-row: 2; }

p.counter {
  text-indent: 0;
  margin: 0; }

div.pagination ul {
  margin: 0; }

div.pagination ul li {
  list-style-type: none; }

/* Fleches de Deplacement */
.page-item.disabled .page-link, .page-item:nth-of-type(-n+2) .page-link, .page-item:nth-last-child(2) .page-link, .page-item:nth-last-child(2) .page-link:hover, .page-item:last-child .page-link, .page-item:last-child .page-link:hover {
  color: #000;
  background-color: transparent; }

/* Numero de page */
.page-item.disabled .page-link, .page-item .page-link, .page-item.active {
  font-weight: bold;
  border: 0;
  border-radius: 30px;
  padding: 0.3rem 1rem;
  background-image: none; }

.page-item .page-link {
  color: #fff;
  background-color: #000;
  transition-duration: 0.7s;
  transition-property: color, background-color; }

.page-item.active .page-link, .page-item .page-link:hover {
  color: #fff;
  background-color: #a3baa5;
  transition-duration: 0.7s;
  transition-property: color, background-color; }

.page-item.active .page-link {
  margin-top: -5px; }

.container-component > :first-child, .container-sidebar-left .sidebar-left:first-child {
  margin-top: 0; }

.container-sidebar-left .card {
  border: 0;
  padding: 0;
  background-color: transparent; }

.card-body {
  display: grid; }

.container-sidebar-left .card .card-body {
  border: #000 1px solid;
  border-radius: 10px;
  background-color: #000;
  padding: 2px; }

/***** TITRE *****/
.card-header {
  background-color: transparent;
  margin: 0;
  padding: 0; }

h3.card-header {
  font-family: "lucioleregular";
  font-size: 2rem;
  color: #000;
  text-decoration: none;
  padding: 0; }

/***** HAUT *****/
.container-topbar {
  color: #000; }

.footer {
  color: #000;
  background-color: #a3baa5;
  background-image: none;
  margin-top: 20px; }

a.up-readmore, a.up-readmore:visited {
  text-decoration: none; }

/***** BOUTON "OUVRIR LE PANNEAU" *****/
.uprm-btn-more {
  padding: 0 0 0 10px;
  border-radius: 23px;
  background-image: none;
  transition-duration: 1s;
  transition-property: background-color; }

.uprm-btn-more:hover {
  transition-duration: 1s;
  transition-property: background-color; }

.uprm-btn-more:before {
  content: "⇲";
  margin-right: 10px; }

/***** CORPS DU PANNEAU *****/
.uprm-more {
  background-color: rgba(211, 211, 211, 0.4);
  margin: 0;
  padding: 10px;
  border-top: #000 3px solid;
  border-radius: 10px 10px 0 0; }

/***** BOUTON "FERMER LE PANNEAU" *****/
.uprm-btn-less, .uprm-btn-less:visited {
  font-style: italic;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 20px;
  background-image: none;
  border-bottom: #000 3px solid;
  border-radius: 0 0 10px 10px;
  transition-duration: 1s;
  transition-property: padding-left; }

.uprm-btn-less:after {
  content: "⇱";
  margin-left: 10px; }

.uprm-btn-less:hover {
  padding-left: 40px;
  transition-duration: 1s;
  transition-property: padding-left; }

/* Onglets */
.tab_wrapper.onglets-up > ul {
  padding-left: 40px;
  border-bottom: 0;
  border-bottom: 1px solid #000; }

.tab_wrapper.onglets-up > ul li {
  font-size: 1.8rem;
  line-height: 1;
  list-style-type: none;
  margin: 0 20px 0 0;
  padding: 8px 12px; }

.tab_wrapper.onglets-up > ul li:nth-of-type(n+2) {
  margin-top: 0; }

.tab_wrapper.onglets-up > ul li.active, .tab_wrapper.onglets-up > ul.tab_list > li:not(.active) {
  border-style: solid;
  border-top-width: 5px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-color: #000; }

.tab_wrapper.onglets-up > ul li.active, .tab_wrapper.onglets-up > ul.tab_list > li:not(.active):hover {
  color: #000;
  background: #fff;
  border-top-color: #8C6796;
  transition-duration: 1s;
  transition-property: background-color, color, border, border-left, border-top, border-right; }

.tab_wrapper.onglets-up > ul.tab_list > li:not(.active) {
  color: #000;
  background-color: #d3d3d3;
  border-top-color: #a9a9a9;
  border-right-color: #a9a9a9;
  border-left-color: #a9a9a9;
  transition-duration: 1s;
  transition-property: background-color, color, border, border-left, border-top, border-right; }

.tab_wrapper.onglets-up > ul li.active::after {
  background: #fff;
  bottom: -2px;
  height: 2px; }

/* Corps de l'Onglet */
.tab_wrapper.onglets-up > .content_wrapper {
  margin-top: -10px;
  padding: 0;
  border: 0;
  border-top: 0; }

.tab_wrapper.onglets-up .content_wrapper .tab_content {
  padding: 20px 0 0; }

.grid-child.menu-principal {
  background-color: #8C6796;
  justify-content: center;
  padding: 9px 0; }

.container-header nav {
  margin: 0;
  padding: 0; }

.container-header .mod-menu {
  margin: 0;
  padding: 0; }

.metismenu.mod-menu.menu-principal .metismenu-item {
  font-size: 1.4rem;
  line-height: 1.5;
  align-items: center;
  margin: 0;
  padding: 0; }

.metismenu.mod-menu.menu-principal .metismenu-item:nth-of-type(n+2) {
  margin: 0 0 0 14px; }

/***** BOUTON *****/
.container-header .metismenu.mod-menu .metismenu-item > a {
  font-size: 1.6rem;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  background-color: #AB91B2;
  background-image: none;
  padding: 0 11px;
  transition-duration: 1.5s;
  transition-property: color, background-color; }

.container-header .metismenu.mod-menu .metismenu-item > a:hover, .container-header .metismenu.mod-menu li.metismenu-item.active > a {
  color: #000;
  background-color: #e3cc99;
  transition-duration: 1.5s;
  transition-property: color, background-color; }

.container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before, .container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before {
  background: transparent; }

.container-header .metismenu.mod-menu .metismenu-item:nth-of-type(1) > a {
  border-radius: 0 0 0 10px; }

.container-header .metismenu.mod-menu .metismenu-item:last-child > a {
  border-radius: 0 0 10px 0; }

/**** MENU PRINCIPAL EN POSITION FIXE *****/
.grid-child.sticky-header {
  position: fixed;
  border-radius: 0;
  background-color: #8C6796;
  top: 6px;
  left: 0;
  max-width: 100%;
  padding: 15px 0;
  z-index: 1000; }

.sticky-header .navbar {
  margin: 0 auto 0 auto;
  width: 1280px; }

/***** Bouton *****/
.metismenu.mod-menu li.metismenu-item {
  list-style-type: none; }

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none; }

/***** Divider (Lien de menu : Séparateur) *****/
/* Posibilité de ne pas afficher le titre */
.module-menu .metismenu.mod-menu .metismenu-item.divider {
  height: auto; }

/***** Deeper (Sous-menu deroulant) *****/
.module-menu .metismenu.mod-menu .metismenu-item.deeper {
  background-color: #d3d3d3; }

.module-menu .metismenu.mod-menu .metismenu-item.deeper button {
  font-weight: bold; }

.metismenu.mod-menu.menu-vertical {
  padding: 0; }

.metismenu.mod-menu.menu-vertical .metismenu-item {
  padding: 0; }

.metismenu.mod-menu.menu-vertical .metismenu-item:nth-of-type(n+2) {
  /*margin-top:20px;*/ }

.menu-bas-de-site {
  padding: 0; }

.metismenu.mod-menu.menu-bas-de-site .metismenu-item {
  font-size: 1.4rem;
  line-height: 1.5;
  align-items: center;
  margin: 0;
  padding: 0; }

.menu-bas-de-site a {
  margin: 0;
  padding: 0 10px;
  border-right: #000 2px dotted;
  background-image: none;
  transition-duration: 1s;
  transition-property: background-color, color; }

.metismenu.mod-menu.menu-bas-de-site .metismenu-item.active > a, .metismenu.mod-menu.menu-bas-de-site .metismenu-item.active > button, .metismenu.mod-menu.menu-bas-de-site .metismenu-item > a:hover, .metismenu.mod-menu.menu-bas-de-site .metismenu-item > button:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
  transition-duration: 1s;
  transition-property: background-color, color; }

.menu-bas-de-site .metismenu-item:nth-of-type(1) a {
  border-left: #000 2px dotted; }

html {
  font-size: 100%; }

p, blocquote p {
  text-indent: 20px;
  margin: 0 0 20px;
  line-height: 1.3; }

.bloc-info {
  background-color: #e3cc99;
  margin: 0 0 0;
  padding: 0 10px 5px 10px; }

.bloc-info .titre {
  font-family: "aucaregular";
  font-size: 3rem;
  text-align: center;
  z-index: 50; }

.btn {
  padding: 0.6rem 0; }

h2, h3, h4, h5, h6 {
  font-family: "lucioleregular"; }

h1, h1.contentheading, .mod-titre-h1 h1 {
  font-family: "aucaregular";
  color: #000;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 43px;
  margin: 0 0 38px;
  padding: 10px 0 0 38px; }

.titre-article h2 {
  font-size: 3rem;
  text-align: center;
  text-decoration: underline; }

h3 {
  text-decoration: underline;
  margin: 20px 0 20px 10px;
  padding: 0; }

h4 {
  font-size: 1.5rem;
  margin: 20px 0 11px 20px;
  padding: 0; }

figure img {
  border-radius: 10px;
  border: #000 1px solid; }

figcaption {
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  margin-top: 7px;
  padding: 8px 1px;
  border-radius: 10px;
  line-height: 1.4; }

ul {
  /*margin-left:0;*/ }

ul li {
  list-style-type: disc;
  list-style-position: outside; }

ul li li {
  list-style-type: circle; }

ul li li li {
  list-style-type: square; }

.sp-module ul > li {
  border-bottom: 0; }

ol li {
  list-style-type: decimal-leading-zero;
  list-style-position: outside; }

ol li li {
  list-style-type: upper-alpha; }

ol li li li {
  list-style-type: lower-alpha; }

.texte-encadre {
  border: #000 1px solid; }

.texte-encadre .titre {
  font-size: 1.9rem;
  font-weight: bold;
  margin: 6px 0 10px 0;
  padding: 0 13px 0 60px;
  border-bottom: #000 2px dashed; }

.texte-encadre .texte {
  margin: 0 16px; }

.bloc-h3 {
  margin-top: 20px; }

.bloc-h3 h3 {
  font-size: 2rem;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0 37px;
  line-height: 28px;
  border-bottom: #000 2px dotted; }

.bloc-h3 .texte h4 {
  font-size: 1.3rem;
  margin: 30px 0 20px 0;
  text-decoration: underline; }

.bloc-h3 .texte h5 {
  font-size: 1.3rem;
  margin: 20px 0 11px 10px; }

dl dt {
  color: #fff;
  margin-top: 10px; }

dl dd {
  margin: 5px 0 0 20px; }

dl dd span {
  font-weight: bold;
  text-decoration: underline; }

hr {
  display: bloc;
  clear: both;
  font-size: 1.7rem;
  text-align: center;
  height: 0;
  margin: 40px 0 60px;
  padding: 0;
  border: 0;
  line-height: 1; }

hr:after {
  content: "❌❌❌";
  color: #aaa;
  height: 0;
  letter-spacing: 1rem; }

blockquote {
  padding: 10px;
  margin-left: 0;
  padding: 0 10px;
  border-left: 5px solid #696969; }

blockquote p {
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal; }

q:before, blockquote:before, q:after, blockquote:after {
  font-size: 2rem; }

q:before, blockquote:before {
  content: "🙶"; }

q:after, blockquote:after {
  content: "🙷"; }

blockquote .source {
  text-indent: 0;
  margin: 6px 0; }

blockquote .source span {
  font-weight: bold; }

mark {
  background-color: yellow;
  color: #000; }

/***** FORMATAGE " SORGIN INFORMATIQUE " *****/
.formatage-sorgin-informatique {
  font-family: "aucaregular"; }

/***** FORMATAGE NUMERO DE TELEPHONE *****/
.tel span::after {
  content: "-"; }

.tel span:last-child::after {
  content: ""; }

/***** EMOJI *****/
/* https://commons.wikimedia.org/wiki/Emoji/Table */
.emoji:before {
  font-size: 1.5rem; }

/* Sourire Yeux Ouverts */
.emoji-01:before {
  content: "😀"; }

/* Sourire Yeux Fermes */
.emoji-02:before {
  content: "😊"; }

/* Clin d'oeil */
.emoji-03:before {
  content: "😉"; }

/* Coeur */
.emoji-04:before {
  content: "😘"; }

/* Fou Rire */
.emoji-05:before {
  content: "😅"; }

/***** BALISE "CODE" *****/
pre {
  font-size: 1.1rem;
  color: #d14;
  line-height: 1.5;
  margin-bottom: 10px;
  padding: 2px 4px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: normal; }

.page-accueil .desc-content {
  background-image: url(../../../../../images/accueil/accueil-fond-04.png), url(../../../../../images/accueil/accueil-fond-02.png), url(../../../../../images/accueil/accueil-fond-01.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top 49px, right 326px top 200px, left top 1079px; }

.page-accueil .desc-content {
  display: grid;
  grid-template-columns: 200px 1fr 1fr;
  grid-template-rows: auto 171px repeat(6, auto);
  justify-self: center; }

.description {
  display: grid; }

.accueil-texte-vertus {
  grid-column: 2 / span 2;
  grid-row: 1; }

.accueil-liste-vertus {
  grid-column: 2 / span 2;
  grid-row: 2; }

.accueil-amma-chaise {
  grid-column: 1;
  grid-row: 3; }

.accueil-thai-sol {
  grid-column: 1;
  grid-row: 4; }

.accueil-thai-huile {
  grid-column: 1;
  grid-row: 5; }

.accueil-reflexologie {
  grid-column: 1 / span 3;
  grid-row: 6; }

.accueil-photo {
  grid-column: 3;
  grid-row: 3 / span 4; }

.accueil-rdv {
  grid-column: 1 / span 3;
  grid-row: 7; }

.acceuil-formations {
  grid-column: 1 / span 3;
  grid-row: 8; }

/***** TEXTE DES VERTUS *****/
.accueil-texte-vertus {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  margin: 0; }

/***** LISTE DES VERTUS *****/
.accueil-liste-vertus {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: auto; }

.accueil-liste-vertus {
  display: grid;
  font-family: "aucaregular";
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.7;
  align-self: center; }

/***** LES TECHNIQUES *****/
.page-accueil .bloc-techniques {
  background-color: #D3C5D7;
  box-shadow: 1px 1px 12px #555;
  padding: 0 13px 0 13px; }

.accueil-amma-chaise {
  width: 505px;
  margin-left: 67px; }

.accueil-thai-huile {
  width: 508px;
  margin-top: 35px;
  margin-left: 200px; }

.accueil-thai-sol {
  width: 484px;
  margin-top: 35px;
  margin-left: 22px; }

.accueil-reflexologie {
  margin: 35px 40px 0; }

.bloc-techniques .titre {
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  text-indent: 0;
  margin: 11px 0;
  padding: 0 5px 7px;
  background-color: #000; }

.bloc-techniques .technique p:nth-of-type(3) {
  text-align: center;
  text-indent: 0; }

/***** PHOTO *****/
.accueil-photo {
  margin: 0 16px 0 0;
  justify-self: right; }

/***** CADRE RDV *****/
.accueil-rdv {
  width: 61%;
  margin-top: 58px;
  margin-left: 450px;
  padding: 9px 0;
  border: 0; }

.accueil-rdv p {
  text-align: center;
  text-indent: 0;
  margin: 0; }

/***** MES FORMATIONS *****/
.acceuil-formations {
  margin-top: 89px;
  margin-left: 78px; }

.acceuil-formations .titre {
  font-weight: bold;
  font-size: 1.3em;
  text-indent: 0;
  margin: 0 0 0 60px; }

.acceuil-formations .diplome {
  text-indent: -36px;
  margin-left: 35px;
  margin-bottom: 5px; }

.acceuil-formations .diplome:before {
  content: "➣";
  font-size: 1.8rem;
  margin-right: 6px; }

.page-techniques .desc-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto; }

.techniques-texte {
  grid-column: 1;
  grid-row: 1; }

.techniques-photo {
  grid-column: 1;
  grid-row: 2; }

.techniques-menu {
  grid-column: 2;
  grid-row: 1 / span 2; }

.techniques-img-fin-article {
  grid-column: 1 / span 2;
  grid-row: 3; }

.page-techniques .desc-content {
  background-image: url(../../../../../images/techniques/accueil-techniques.png);
  background-repeat: no-repeat;
  background-position: left 447px top 95px; }

/***** LES ELEMENTS *****/
/*----- Photo -----*/
.page-techniques figure {
  display: grid;
  justify-self: center;
  margin: 30px 0 0; }

/*----- Texte -----*/
.page-techniques .techniques-texte {
  text-align: center; }

.page-techniques .techniques-texte p {
  text-indent: 0; }

/*----- Menu -----*/
.page-techniques .techniques-menu {
  display: grid;
  align-self: center;
  margin-top: -115px; }

.page-techniques .techniques-menu ul li {
  text-align: center;
  list-style-type: none; }

.page-techniques .techniques-menu ul li:nth-of-type(n+2) {
  margin-top: 30px; }

.page-techniques .techniques-menu ul li a:hover {
  text-align: center; }

.fiches-techniques h2 {
  margin: 0;
  padding: 0; }

/* Image de fond de Page */
.fiches-techniques .grid-child.container-component {
  background-image: url(../../../../../images/techniques/fiches-techniques-01.png);
  background-repeat: no-repeat;
  background-position: right -1px top 28px; }

/* Les Elements */
.fiches-techniques .corps-page {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto 1fr; }

.fiches-techniques .titre-article {
  grid-column: 1;
  grid-row: 1; }

.fiches-techniques .techniques-menu {
  grid-column: 1;
  grid-row: 2; }

.fiches-techniques .techniques-intro {
  grid-column: 1;
  grid-row: 3; }

.fiches-techniques .techniques-texte {
  grid-column: 1;
  grid-row: 4; }

/* Menu des Fiches */
.fiches-techniques .techniques-menu ul {
  justify-self: center; }

/* Intro des fiches */
.techniques-intro {
  display: grid;
  align-self: center;
  margin: 10px 18px 20px;
  padding: 20px 17px 0;
  border: #000 1px solid;
  border-radius: 10px;
  background-color: #e3cc99; }

/* Texte Principal */
.techniques-texte {
  padding: 0 10px; }

/********** AMMA ASSIS **********/
.fiche-amma .techniques-texte figure {
  float: right;
  margin: 0 25px 0 38px; }

/********** MASSAGE THAÏ **********/
.tech-mass-thai-01 {
  float: right;
  margin: 33px 34px 0 10px; }

.mass-thai-slogan {
  font-family: "aucaregular";
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  margin: 20px 0; }

/********** REFLEXOLOGIE **********/
.fiche-reflexologie .techniques-intro .value {
  display: grid;
  grid-template-columns: 1fr 417px;
  grid-template-rows: 1fr auto; }

.fiche-reflexologie .paragraphe-01 {
  grid-column: 1 / span 2;
  grid-row: 1; }

.fiche-reflexologie .paragraphe-02 {
  grid-column: 1;
  grid-row: 2; }

.fiche-reflexologie .texte figure {
  grid-column: 2;
  grid-row: 2; }

.fiche-reflexologie .techniques-intro figure {
  display: grid;
  justify-self: center;
  margin: -14px 0 12px; }

.fiche-reflexologie .image-02 {
  float: right;
  margin-right: 20px; }

/********** SHIATSU AU SOL **********/
.tech-shiatsu-01 {
  float: right;
  margin: 0 16px 14px 16px; }

.deroulement-bloc {
  display: grid;
  grid-template-columns: auto 1fr; }

.deroulement-bloc img {
  grid-column: 1; }

.deroulement-bloc p {
  grid-column: 2; }

.deroulement-bloc {
  display: grid;
  border-bottom: #000 1px dashed; }

.deroulement-bloc figure {
  display: grid;
  justify-self: center;
  margin: 0; }

.deroulement-echange {
  margin-bottom: 20px;
  padding-bottom: 20px; }

.deroulement-seance img {
  margin-right: 20px; }

.deroulement-echange img {
  border: 0; }

.deroulement-info {
  margin: 20px 0; }

.page-tarifs .desc-content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto; }

.page-tarifs .tarifs-encadre {
  grid-column: 1 / span 2;
  grid-row: 1; }

.page-tarifs .liste-tarifs {
  grid-column: 1;
  grid-row: 2; }

.page-tarifs .bon-cadeau {
  grid-column: 2;
  grid-row: 2; }

.page-tarifs .img-fin-article {
  grid-column: 1 / span 2;
  grid-row: 3; }

/***** TEXTE ENCADRE *****/
.tarifs-encadre {
  text-align: center; }

/***** LISTE DES TARIFS *****/
.liste-tarifs {
  display: grid;
  grid-template-rows: repeat(7, auto); }

.liste-tarifs {
  margin: 30px 0 0;
  align-items: center; }

.bloc-tarif {
  display: grid;
  grid-template-columns: 463px 1fr;
  text-align: center;
  margin-bottom: 20px;
  padding: 7px 0; }

.bloc-tarif:nth-child(odd) {
  background-color: #a9a9a9; }

.bloc-tarif .nom {
  font-weight: bold;
  text-align: left;
  padding-left: 20px; }

.bloc-tarif .prix {
  font-weight: bold;
  text-align: left;
  padding-right: 10px; }

/***** BON CADEAU *****/
.bon-cadeau {
  display: grid;
  align-self: center;
  justify-self: center;
  padding: 0 14px 15px;
  border-radius: 21px;
  box-shadow: 1px 1px 12px #000; }

.bon-cadeau p {
  margin: 0;
  text-indent: 0; }

.bon-cadeau .titre {
  font-family: "aucaregular";
  font-size: 2.5rem;
  text-indent: 0;
  text-align: center;
  line-height: 1;
  margin: 0 0 10px; }

.bon-cadeau p:nth-of-type(2) {
  font-size: 2rem;
  font-weight: bold;
  text-align: center; }

.page-contre-indic .desc-content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto; }

.page-contre-indic .bloc-attention {
  grid-column: 1 / span 2;
  grid-row: 1; }

.page-contre-indic .image {
  grid-column: 2;
  grid-row: 2; }

.page-contre-indic .liste {
  grid-column: 1;
  grid-row: 2; }

.page-contre-indic .img-fin-article {
  grid-column: 1 / span 2;
  grid-row: 3; }

/***** BLOC ATTENTION *****/
.page-contre-indic .bloc-attention {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  margin: 0 32px 39px 32px;
  padding: 0 13px;
  box-shadow: 1px 1px 12px #f00; }

.page-contre-indic .bloc-attention .icone-01, .page-contre-indic .bloc-attention .icone-02 {
  display: grid;
  align-self: center;
  justify-self: center; }

.page-contre-indic .bloc-attention .texte p {
  text-indent: 0;
  margin: 0; }

.page-contre-indic .bloc-attention .texte p:nth-of-type(1), .page-contre-indic .bloc-attention .texte p:nth-of-type(2) {
  text-align: center; }

.page-contre-indic .bloc-attention .texte p:nth-of-type(1) {
  font-size: 2.5rem; }

.page-contre-indic .bloc-attention .texte p:nth-of-type(2) {
  font-size: 1.9rem; }

/***** LISTE DES CONTRE-INDICATIONS *****/
.page-contre-indic .liste {
  margin-left: 20px; }

/***** IMAGE *****/
.page-contre-indic figure {
  display: grid;
  justify-self: center; }

.formulaire-contact.convertforms .cf-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto; }

.formulaire-contact .bloc-adresse {
  grid-column: 1 / span 2;
  grid-row: 1; }

.formulaire-contact .mail {
  grid-column: 1;
  grid-row: 2; }

.formulaire-contact .mail-confirm {
  grid-column: 2;
  grid-row: 2; }

.formulaire-contact .message {
  grid-column: 1 / span 2;
  grid-row: 3; }

.formulaire-contact .btn-envoyer {
  grid-column: 1 / span 2;
  grid-row: 4; }

.formulaire-contact.convertforms .cf-fields {
  padding: 0 20px; }

/***** DESCRIPTION (adresse + carte) *****/
.formulaire-contact .bloc-adresse .cf-control-input > div {
  display: grid;
  grid-template-columns: 1fr auto; }

.formulaire-contact .bloc-adresse .adresse {
  grid-column: 1; }

.formulaire-contact .bloc-adresse .carte {
  grid-column: 2; }

.formulaire-contact .bloc-adresse {
  margin-bottom: 20px; }

/* Adresse et Telephone */
.formulaire-contact .adresse {
  font-size: 1.4rem; }

.formulaire-contact .adresse .titre {
  font-size: 1.8rem;
  font-weight: bold; }

.formulaire-contact .adresse p {
  text-indent: 0;
  text-align: center; }

/* Carte */
.formulaire-contact .carte .leaflet-container {
  width: 600px;
  height: 300px;
  border: #000 1px solid; }

.formulaire-contact .carte a {
  font-size: 1.1rem;
  margin: -11px 0 0 23px; }

.sources-licences .ligne {
  display: grid;
  grid-template-columns: 300px 1fr; }

.sources-licences .nom-img {
  grid-column: 1; }

.sources-licences .texte {
  grid-column: 2; }

.sources-licences h2 {
  font-size: 2.3rem;
  color: #000;
  text-align: left;
  margin-top: 30px;
  margin-left: 20px; }

.sources-licences .nom-img, .sources-licences .texte {
  padding: 10px;
  margin-bottom: 2px; }

.sources-licences .nom-img {
  font-weight: bold;
  text-align: center; }

.sources-licences .texte span {
  font-weight: bold; }

.page-mentions-legales .adresse {
  text-indent: 0;
  text-align: center;
  width: 400px; }

.page-mentions-legales .bloc-coordonnees div {
  width: 400px;
  margin-bottom: 20px; }

.page-mentions-legales .bloc-coordonnees div p {
  text-indent: 0;
  text-align: center;
  margin: 0; }

/*----- Liste des Techniques ----*/
.en-tete .liste-techniques {
  display: grid;
  align-items: center; }

.en-tete .liste-techniques .custom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  align-items: center; }

.en-tete .liste-techniques {
  font-family: "aucaregular";
  font-size: 2.6rem;
  text-align: center;
  text-indent: 0; }

/*----- RDV + Contact ----*/
.rdv-contact {
  display: grid;
  align-items: center; }

.rdv-contact .fond {
  width: 80%;
  margin: 0 auto;
  padding: 20px 10px; }

.rdv-contact .titre, .rdv-contact .tel-form {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  margin-bottom: 0; }

.mod-contact p {
  margin: 0; }

.rdv-contact .tel-form::before {
  content: "✆";
  margin-right: 5px; }

.menu-pages-techniques {
  height: 50px; }

.menu-pages-techniques ul {
  position: absolute;
  width: 100%; }

.menu-pages-techniques .metismenu.mod-menu .metismenu-item {
  display: grid;
  float: left;
  justify-self: center;
  padding: 0.2em 1em; }

.img-fin-article .custom {
  display: grid;
  justify-items: center;
  margin: 40px 0 20px; }

#flexicontent {
  display: grid; }

/***** Flux RSS *****/
#flexicontent .buttons {
  display: grid !important;
  justify-self: center;
  float: none !important; }

#flexicontent .item_total {
  display: grid;
  grid-template-columns: auto auto 200px 1fr;
  grid-template-rows: auto;
  margin: 18px 0 0 !important;
  padding: 0 !important; }

/* Page X a X */
.fc_pages_counter {
  grid-column: 1;
  grid-row: 1; }

/* Intro X a X */
.fc_item_total_data {
  grid-column: 2;
  grid-row: 1; }

/* X/page */
.fc_limit_box {
  grid-column: 3;
  grid-row: 1; }

/* Trie */
.fc_orderby_box {
  grid-column: 4;
  grid-row: 1; }

#flexicontent .item_total .fc_pages_counter, .fc_item_total_data {
  font-weight: bold; }

.select2-container .select2-choice {
  color: #000 !important; }

/***** Page X sur X *****/
#flexicontent .item_total .fc_pages_counter {
  display: grid !important;
  float: none !important;
  align-items: center;
  margin: 0;
  padding: 0 20px 0 0 !important; }

/***** Tuto X à X (sur un total de X) *****/
.fc_item_total_data {
  display: grid !important;
  float: none !important;
  align-items: center;
  margin: 0;
  padding: 0 20px 0 0 !important; }

/***** Choix : X par page *****/
.fc_limit_box {
  display: grid !important;
  float: none !important; }

.fc_limit_selector {
  display: grid;
  align-self: center; }

/***** Trie *****/
.fc_orderby_box {
  display: grid !important;
  float: none !important; }

.fc_orderby_selector {
  display: grid;
  justify-self: center;
  align-self: center; }

/* Template : Select (liste Deroulante) */
.categories-module h4 {
  font-size: 1.5rem;
  margin: 0; }

.categories-module li {
  margin-bottom: 10px; }

/* Template : Default */
ul.mod_flexicontent_standard li {
  list-style-type: none; }

.mod_flexicontent_wrapper.tutos-choisir .fcitem_active .fcitem_title a, .mod_flexicontent_wrapper.tutos-choisir .fcitem_active a.fcitem_link {
  text-decoration: none !important;
  border-radius: 8px !important;
  background-color: transparent !important;
  color: #0800ff !important;
  padding: 2px 4px !important; }

.liste-deroulante-flexi .card-body {
  margin: 0; }

/* La Liste */
.liste-deroulante-flexi .fc_filter_label {
  display: none; }

.liste-deroulante-flexi fieldset.fc_filter_set {
  margin: 0; }

.liste-deroulante-flexi .select2-container .select2-choice {
  padding: 7px 0 7px 20px !important;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #d3d3d3 !important; }

.liste-deroulante-flexi .select2-container .select2-choice > .select2-chosen {
  font-size: 1.4rem;
  color: #000; }

.liste-deroulante-flexi .select2-drop .select2-results li .select2-result-label {
  font-size: 1.4rem !important;
  line-height: 1.9rem !important; }

.select2-drop .select2-results li .select2-result-label {
  font-size: 1.5rem !important;
  line-height: 1.9rem !important; }

.fiche-tuto .flexi.infoblock {
  border: 0;
  margin: 0;
  padding: 0 0 10px 0; }

.fiche-tuto .fcpagenav.btn-group {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  grid-gap: 1rem; }

.fiche-tuto .fcpagenav.btn-group .fcpagenav-items-cnt {
  grid-column: 1 / span 3;
  grid-row: 1; }

.fiche-tuto .fcpagenav.btn-group .fcpagenav-prev {
  grid-column: 1;
  grid-row: 2; }

.fiche-tuto .fcpagenav.btn-group .fcpagenav-next {
  grid-column: 3;
  grid-row: 2; }

.flexi.lvbox.field_navigation-fiches {
  border-top: #000 2px dashed;
  margin: 0; }

.fiche-tuto .fcpagenav.btn-group {
  border: 0;
  margin: 0;
  padding-top: 10px !important; }

/***** ELEMENTS *****/
.fiche-tuto .fcpagenav.btn-group .btn i {
  display: none; }

/* Label du Champ */
body #flexicontent .flexi.label.field_navigation-fiches {
  font-size: 1.9rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  background-color: transparent;
  border-radius: 3px; }

.twocols .flexi.label.field_navigation-fiches {
  min-width: 100%;
  margin: 0; }

/* Boutons */
#flexicontent.fiche-tuto .btn-group .fcpagenav-prev.btn, #flexicontent.fiche-tuto .btn-group .fcpagenav-next.btn {
  font-size: 1.5rem; }

/* Page X/X */
#flexicontent.fiche-tuto .fcpagenav.btn-group .fcpagenav-items-cnt {
  font-size: 1.5rem;
  color: #000;
  font-style: normal;
  font-weight: bold; }

#flexicontent.fiche-tuto .fcpagenav.btn-group .fcpagenav-items-cnt.btn.disabled {
  opacity: 100; }

/* Entre 320px et 1180px */
@media (max-width: 767.98px) {
  .container-header .container-nav {
    margin: 0;
    padding: 0; }
  .container-header .container-nav nav {
    margin: 10px 0 10px 10px; }
  .container-header .navbar-toggler:hover {
    border: 1px solid #34c491;
    color: #34c491; }
  .navbar-toggler:focus {
    box-shadow: 0; } }

/* Entre 320px et 1023px */
@media (min-width: 320px) and (max-width: 1023px) {
  .tutos-menu-principal {
    padding: 29px 0 20px 0; } }

/* Entre 1024px et 1180px */
@media (min-width: 1024px) and (max-width: 1180px) {
  .tutos-menu-principal {
    padding: 29px 0 20px 99px; } }

/* Entre 320px et 1180px */
/*----- Liste des Techniques ----*/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .en-tete .liste-techniques {
    font-size: 2.1rem; } }

/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .menu-pages-techniques .metismenu.mod-menu .metismenu-item {
    float: none;
    justify-self: center; } }

/* Entre 320px et 1180px */
/***** IMAGES FOND DE PAGE  *****/
/* Fond de Page - Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .page-accueil .desc-content {
    background-image: none; } }

/***** PLACEMENT DES ELEMENTS *****/
/* Placement Elements - 320px */
@media (width: 320px) {
  .page-accueil .desc-content {
    grid-template-columns: 294px; } }

/* Placement Elements - 346px */
@media (width: 346px) {
  .page-accueil .desc-content {
    grid-template-columns: 320px; } }

/* Placement Elements - 360px */
@media (width: 360px) {
  .page-accueil .desc-content {
    grid-template-columns: 334px; } }

/* Placement Elements - Entre 375px et 414px */
@media (min-width: 375px) and (max-width: 414px) {
  .page-accueil .desc-content {
    grid-template-columns: 351px; } }

/* Placement Elements - Entre 415px et 479px */
@media (min-width: 415px) and (max-width: 479px) {
  .page-accueil .desc-content {
    grid-template-columns: 399px; } }

/* Placement Elements - 480px */
@media (width: 480px) {
  .page-accueil .desc-content {
    grid-template-columns: 456px; } }

/* Placement Elements - Entre 504px et 799px */
@media (min-width: 481px) and (max-width: 599px) {
  .page-accueil .desc-content {
    grid-template-columns: 480px; } }

/* Placement Elements - Entre 600px et 799px */
@media (min-width: 600px) and (max-width: 1180px) {
  .page-accueil .desc-content {
    grid-template-columns: 1fr; } }

/* Placement Elements - Entre 320px et 799px */
@media (min-width: 320px) and (max-width: 799px) {
  .page-accueil .desc-content {
    grid-template-rows: repeat(6, auto) 500px repeat(3, auto); }
    .page-accueil .desc-content .accueil-texte-vertus {
      grid-column: 1;
      grid-row: 1; }
    .page-accueil .desc-content .accueil-liste-vertus {
      grid-column: 1;
      grid-row: 2; }
    .page-accueil .desc-content .accueil-amma-chaise {
      grid-column: 1;
      grid-row: 3; }
    .page-accueil .desc-content .accueil-thai-sol {
      grid-column: 1;
      grid-row: 4; }
    .page-accueil .desc-content .accueil-thai-huile {
      grid-column: 1;
      grid-row: 5; }
    .page-accueil .desc-content .accueil-reflexologie {
      grid-column: 1;
      grid-row: 6; }
    .page-accueil .desc-content .accueil-photo {
      grid-column: 1;
      grid-row: 7; }
    .page-accueil .desc-content .accueil-rdv {
      grid-column: 1;
      grid-row: 8; }
    .page-accueil .desc-content .acceuil-formations {
      grid-column: 1;
      grid-row: 9; } }

/* Placement Elements - Entre 800px et 1180px */
@media (min-width: 800px) and (max-width: 1180px) {
  .page-accueil .desc-content {
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(8, auto); }
    .page-accueil .desc-content .accueil-texte-vertus {
      grid-column: 1 / span 2;
      grid-row: 1; }
    .page-accueil .desc-content .accueil-liste-vertus {
      grid-column: 1 / span 2;
      grid-row: 2; }
    .page-accueil .desc-content .accueil-amma-chaise {
      grid-column: 1;
      grid-row: 3; }
    .page-accueil .desc-content .accueil-thai-sol {
      grid-column: 1;
      grid-row: 4; }
    .page-accueil .desc-content .accueil-photo {
      grid-column: 2;
      grid-row: 3 / span 2; }
    .page-accueil .desc-content .accueil-thai-huile {
      grid-column: 1 / span 2;
      grid-row: 5; }
    .page-accueil .desc-content .accueil-reflexologie {
      grid-column: 1 / span 2;
      grid-row: 6; }
    .page-accueil .desc-content .accueil-rdv {
      grid-column: 1 / span 2;
      grid-row: 7; }
    .page-accueil .desc-content .acceuil-formations {
      grid-column: 1 / span 2;
      grid-row: 8; } }

/***** TEXTE DES VERTUS *****/
/* Divers - Entre 320px et 1023px */
@media (min-width: 320px) and (max-width: 1023px) {
  .accueil-texte-vertus {
    font-size: 1.6rem; } }

/* Divers - Entre 1204px et 1180px */
@media (min-width: 1204px) and (max-width: 1180px) {
  .accueil-texte-vertus {
    font-size: 1.9rem; } }

/***** LISTE DES VERTUS *****/
/* Placement des Elements - Entre 720px et 799px */
@media (min-width: 720px) and (max-width: 799px) {
  .page-accueil .accueil-liste-vertus {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr); } }

/* Placement des Elements - Entre 800px et 799px */
@media (min-width: 800px) and (max-width: 1180px) {
  .page-accueil .accueil-liste-vertus {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto; } }

/* Divers - Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .page-accueil .accueil-liste-vertus {
    margin: 20px 0 20px;
    line-height: 1.1; } }

/***** LES TECHNIQUES *****/
/* Titres - Entre 320px et 1023px */
@media (min-width: 320px) and (max-width: 1023px) {
  .accueil-techniques .titre {
    font-size: 1.5rem; } }

/* Titres - Entre 1024px et 1180px */
@media (min-width: 1024px) and (max-width: 1180px) {
  .accueil-techniques .titre {
    font-size: 1.8rem; } }

/* Divers - Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .accueil-thai-sol, .accueil-thai-huile, .accueil-reflexologie {
    margin-top: 35px; }
  .accueil-amma-chaise, .accueil-thai-huile, .accueil-thai-sol {
    width: 100%; }
  .accueil-amma-chaise, .accueil-thai-huile, .accueil-thai-sol {
    margin-left: 0; }
  .accueil-reflexologie {
    margin-left: 0;
    margin-right: 0; } }

/* Largeur - 800px */
@media (width: 800px) {
  .accueil-amma-chaise, .accueil-thai-sol {
    width: 400px; } }

/* Largeur - 1024px */
@media (width: 1024px) {
  .accueil-amma-chaise, .accueil-thai-sol {
    width: 600px;
    height: 150px; } }

/* Largeur - 1180px */
@media (width: 1180px) {
  .accueil-amma-chaise, .accueil-thai-sol {
    width: 800px;
    height: 150px; } }

/***** PHOTO *****/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .accueil-photo {
    display: grid;
    justify-self: center;
    align-items: center; }
  .accueil-photo img {
    display: grid;
    height: 436px; } }

/* Entre 799px et 1180px */
@media (min-width: 799px) and (max-width: 1180px) {
  .accueil-photo {
    margin: 0 0 0 20px; } }

/***** CADRE RDV *****/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .accueil-rdv {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 9px 0; } }

/***** MES FORMATIONS *****/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .acceuil-formations {
    margin-top: 20px;
    margin-left: 0; } }

/***** PLACEMENT DES ELEMENTS *****/
/* Placement des Elements - Entre 320px et 1023px */
@media (min-width: 320px) and (max-width: 1023px) {
  .page-techniques .desc-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto; }
  .page-techniques .techniques-texte {
    grid-column: 1;
    grid-row: 1; }
  .page-techniques .techniques-menu {
    grid-column: 1;
    grid-row: 2; }
  .page-techniques .techniques-photo {
    grid-column: 1;
    grid-row: 3; } }

/* Placement des Elements - Entre 1024px et 1179px */
@media (min-width: 1024px) and (max-width: 1179px) {
  .page-techniques .desc-content {
    grid-template-columns: 285px 311px 1fr;
    grid-template-rows: auto 1fr; }
  .page-techniques .techniques-texte {
    grid-column: 2 / span 2;
    grid-row: 1; }
  .page-techniques .techniques-menu {
    grid-column: 3;
    grid-row: 2; }
  .page-techniques .techniques-photo {
    grid-column: 1 / span 2;
    grid-row: 2; } }

/***** IMAGE FOND DE PAGE *****/
/* Fond de Page - Entre 320px et 599px */
@media (min-width: 320px) and (max-width: 599px) {
  .page-techniques .desc-content {
    background-image: none; } }

/* Fond de Page - Entre 600px et 799px */
@media (min-width: 600px) and (max-width: 799px) {
  .page-techniques .desc-content {
    background-position: left 0 top 231px; } }

/* Fond de Page - Entre 800px et 1179px */
@media (min-width: 800px) and (max-width: 1179px) {
  .page-techniques .desc-content {
    background-position: left 0 top 231px; } }

/* Fond de Page - Entre 1024px et 1080px */
@media (min-width: 1024px) and (max-width: 1080px) {
  .page-techniques .desc-content {
    background-position: left 0 top 0; } }

/***** MENU *****/
/* Menu - Entre 320px et 599px */
@media (min-width: 320px) and (max-width: 599px) {
  .page-techniques .techniques-menu {
    margin-top: 0; } }

/* Menu - Entre 600px et 799px */
@media (min-width: 600px) and (max-width: 799px) {
  .page-techniques .techniques-menu {
    margin-top: 0;
    margin-left: 226px; } }

/* Menu - Entre 800px et 1180px */
@media (min-width: 800px) and (max-width: 1179px) {
  .page-techniques .techniques-menu {
    margin-top: 0;
    margin-left: 37px; } }

/***** PHOTO *****/
/* Entre 600px et 800px */
@media (min-width: 600px) and (max-width: 800px) {
  .page-techniques figure {
    margin: 76px 0 0; } }

/* Entre 800px et 1180px */
@media (min-width: 800px) and (max-width: 1179px) {
  .page-techniques figure {
    margin: 146px 0 0 0; } }

/***** MENU DES FICHES DES TECHNIQUES *****/
/* Placement des elements - Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  .menu-pages-techniques {
    height: 211px; } }

/********** AMMA ASSIS **********/
@media (min-width: 320px) and (max-width: 799px) {
  .fiche-amma .techniques-texte figure {
    float: none;
    text-align: center;
    margin: 0 auto; } }

/********** REFLEXOLOGIE **********/
@media (min-width: 320px) and (max-width: 1023px) {
  .fiche-reflexologie .techniques-intro .value {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto; }
  .fiche-reflexologie .paragraphe-01 {
    grid-column: 1;
    grid-row: 1; }
  .fiche-reflexologie .texte figure {
    grid-column: 1;
    grid-row: 2; }
  .fiche-reflexologie .paragraphe-02 {
    grid-column: 1;
    grid-row: 3; } }

/********** SHIATSU **********/
@media (min-width: 320px) and (max-width: 1023px) {
  .tech-shiatsu-01 {
    float: none;
    text-align: center;
    margin: 0 auto; } }

@media (min-width: 320px) and (max-width: 799px) {
  .deroulement-bloc {
    grid-template-columns: auto;
    grid-template-rows: auto auto; }
  .deroulement-bloc img {
    grid-column: 1;
    grid-row: 1; }
  .deroulement-bloc p {
    grid-column: 1;
    grid-row: 2; } }

@media (min-width: 320px) and (max-width: 1180px) {
  .page-tarifs .desc-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto; }
  .page-tarifs .tarifs-encadre {
    grid-column: 1;
    grid-row: 1; }
  .page-tarifs .liste-tarifs {
    grid-column: 1;
    grid-row: 2; }
  .page-tarifs .bon-cadeau {
    grid-column: 1;
    grid-row: 3; }
  .page-tarifs .img-fin-article {
    grid-column: 1;
    grid-row: 4; } }

/* Ligne Tarif */
@media (min-width: 320px) and (max-width: 799px) {
  .bloc-tarif {
    grid-template-columns: auto;
    grid-template-rows: auto 1fr; }
  .bloc-tarif .nom {
    grid-column: 1;
    grid-row: 1; }
  .bloc-tarif .prix {
    grid-column: 1;
    grid-row: 2; }
  .bloc-tarif .nom, .bloc-tarif .prix {
    text-align: center; } }

/* Entre 320px et 1180px */
/* Placement Elements - Entre 320px et 479px */
@media (min-width: 320px) and (max-width: 479px) {
  .en-tete {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto; }
  .en-tete .logo-site {
    grid-column: 1;
    grid-row: 1; }
  .en-tete .liste-techniques {
    grid-column: 1;
    grid-row: 2; }
  .en-tete .rdv-contact {
    grid-column: 1;
    grid-row: 3; }
  .en-tete .image-deco {
    display: none; } }

/* Placement Elements - Entre 480px et 799px */
@media (min-width: 480px) and (max-width: 799px) {
  .en-tete {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto; }
  .en-tete .logo-site {
    grid-column: 1;
    grid-row: 1; }
  .en-tete .liste-techniques {
    grid-column: 2;
    grid-row: 1; }
  .en-tete .rdv-contact {
    grid-column: 1 / span 2;
    grid-row: 2; }
  .en-tete .image-deco {
    display: none; } }

/* Placement Elements - Entre 800px et 1180px */
@media (min-width: 800px) and (max-width: 1179px) {
  .en-tete {
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto; }
  .en-tete .logo-site {
    grid-column: 1;
    grid-row: 1; }
  .en-tete .liste-techniques {
    grid-column: 2;
    grid-row: 1; }
  .en-tete .image-deco {
    grid-column: 3;
    grid-row: 1; }
  .en-tete .rdv-contact {
    grid-column: 1 / span 3;
    grid-row: 2; } }

/*----- LISTE DES TECHNIQUES ----*/
/* Placement Techniques - Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1179px) {
  .en-tete .liste-techniques .custom {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 39px); }
  .en-tete .liste-techniques {
    margin: 0 0 16px; } }

@media (min-width: 320px) and (max-width: 1180px) {
  h1, h1.contentheading, .mod-titre-h1 h1 {
    font-size: 2.9rem;
    text-align: center;
    margin: 0 0 38px;
    padding: 0; } }

/* Entre 320px et 1180px */
/*----- Placement des Elements -----*/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  /* Page X a X */
  /* Intro X a X */
  /* X/page */
  /* Trie */
    #flexicontent .item_total {
      grid-template-columns: 281px;
      grid-template-rows: repeat(4, auto);
      margin: 18px auto 0 auto !important;
      padding: 0 !important; }
    .fc_pages_counter {
      grid-column: 1;
      grid-row: 1; }
    .fc_item_total_data {
      grid-column: 1;
      grid-row: 2; }
    .fc_limit_box {
      grid-column: 1;
      grid-row: 3; }
    .fc_orderby_box {
      grid-column: 1;
      grid-row: 4; } }

/*----- Titres -----*/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 1180px) {
  #flexicontent .item_total .fc_pages_counter, .fc_item_total_data {
    font-size: 1.3rem;
    text-align: center; } }

/*----- Placement des Elements -----*/
/* Entre 320px et 1180px */
@media (min-width: 320px) and (max-width: 800px) {
  .fiche-tuto .fcpagenav.btn-group {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto; }
  .fiche-tuto .fcpagenav.btn-group .fcpagenav-items-cnt {
    grid-column: 1;
    grid-row: 1; }
  .fiche-tuto .fcpagenav.btn-group .fcpagenav-prev {
    grid-column: 1;
    grid-row: 2; }
  .fiche-tuto .fcpagenav.btn-group .fcpagenav-next {
    grid-column: 1;
    grid-row: 3; } }

code {
  font-size: 1.2rem; }

.mod-styles-element ul {
  display: grid; }

.mod-styles-element ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(224px, 279px));
  grid-gap: 0.3rem;
  justify-self: center;
  width: 100%; }

.mod-styles-element .metismenu.mod-menu .metismenu-item {
  padding: 0; }

.mod-styles-element ul > li:nth-of-type(n+2), ol > li:nth-of-type(n+2) {
  margin-top: 0; }

.mod-styles-element ul a {
  text-align: center;
  padding: 8px 0; }

.styles-elements-police-perso p {
  font-family: "aucaregular";
  font-size: 2em !important;
  text-indent: 0;
  line-height: 1.5; }

.liens-effets {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
  margin: 20px 0; }

.liens-effets p {
  display: grid;
  text-align: center;
  text-indent: 0;
  margin: 0; }

/***** EFFET 01 *****/
.lien-effet-01 a {
  transition-duration: 1s;
  transition-property: background-color, color; }

.lien-effet-01 a:hover {
  text-decoration: none;
  transition-duration: 1s;
  transition-property: background-color, color; }

/***** EFFET 02 *****/
.lien-effet-02 a {
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 0 100%;
  background-position: left;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

.lien-effet-02 a:hover {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 100% 100%;
  background-position: right;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

/***** EFFET 03 *****/
.lien-effet-03 a {
  background: linear-gradient(90deg, red 0%, black 100%);
  background-size: 0 100%;
  background-position: right;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

.lien-effet-03 a:hover {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 100% 100%;
  background-position: left;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

/***** EFFET 04 *****/
.lien-effet-04 a {
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 100% 0;
  background-position: top;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

.lien-effet-04 a:hover {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 100% 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

/***** EFFET 05 *****/
.lien-effet-05 a {
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 100% 0;
  background-position: bottom;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

.lien-effet-05 a:hover {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(90deg, red 0%, red 100%);
  background-size: 100% 100%;
  background-position: top;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

/***** EFFET 06 *****/
.lien-effet-06 a {
  background: linear-gradient(180deg, #0800ff 100%, #0800ff 100%);
  background-size: 100% 14%;
  background-position: bottom;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

.lien-effet-06 a:hover {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(180deg, red 20%, red 100%);
  background-size: 100% 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  transition-duration: 1s;
  transition-property: background-size, color; }

.effets-boutons {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
  margin: 20px 0; }

.effets-boutons p {
  display: grid;
  text-indent: 0;
  margin: 0; }

.bouton-effet-01 a, .bouton-effet-02 a, .bouton-effet-03 a, .bouton-effet-04 a, .bouton-effet-05 a, .bouton-effet-06 a, .bouton-effet-07 a, .bouton-effet-08 a, .bouton-effet-09 a {
  justify-self: center;
  padding: 1px 16px; }

.bouton-effet-01 a, .bouton-effet-02 a, .bouton-effet-03 a, .bouton-effet-04 a, .bouton-effet-06 a, .bouton-effet-08 a, .bouton-effet-09 a {
  border: #000 1px solid; }

/***** EFFET 01 *****/
.bouton-effet-01 a {
  transition-duration: 1s;
  transition-property: transform; }

.bouton-effet-01 a:hover {
  transform-origin: 50% 50%;
  transform: rotate(-10deg);
  transition-duration: 1s;
  transition-property: transform; }

/***** EFFET 02 *****/
.bouton-effet-02 a {
  transition-duration: 1s;
  transition-property: transform; }

.bouton-effet-02 a:hover {
  transform-origin: 50% 50%;
  transform: skewX(15deg);
  transition-duration: 0.5s;
  transition-property: transform; }

/***** EFFET 03 *****/
.bouton-effet-03 a {
  transition-duration: 0.5s;
  transition-property: border-radius; }

.bouton-effet-03 a:hover {
  border-radius: 10px;
  transition-duration: 1s;
  transition-property: border-radius; }

/***** EFFET 04 *****/
.bouton-effet-04 a {
  transition-duration: 0.5s;
  transition-property: border-radius; }

.bouton-effet-04 a:hover {
  border-radius: 50px;
  transition-duration: 2s;
  transition-property: border-radius; }

/***** EFFET 05 *****/
.bouton-effet-05 a {
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
  transition-duration: 1s;
  transition-property: border-top, border-bottom, border-left, border-right; }

.bouton-effet-05 a:hover {
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  border-left: #000 1px solid;
  border-right: #000 1px solid;
  transition-duration: 1s;
  transition-property: border-top, border-bottom, border-left, border-right; }

/***** EFFET 06 *****/
.bouton-effet-06 a {
  transition-duration: 1s;
  transition-property: box-shadow; }

.bouton-effet-06 a:hover {
  box-shadow: 1px 1px 12px #555;
  transition-duration: 0.8s;
  transition-property: box-shadow; }

/***** EFFET 07 *****/
.bouton-effet-07 a {
  border-radius: 10px;
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
  transition-duration: 1s;
  transition-property: border-top, border-bottom, border-left, border-right; }

.bouton-effet-07 a:hover {
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  border-left: #000 1px solid;
  border-right: #000 1px solid;
  transition-duration: 1s;
  transition-property: border-top, border-bottom, border-left, border-right; }

/***** EFFET 08 *****/
.bouton-effet-08 a {
  transition-duration: 1s;
  transition-property: background-color, color; }

.bouton-effet-08 a:hover {
  transition-duration: 1s;
  transition-property: background-color, color; }

/***** EFFET 09 *****/
.bouton-effet-09 a {
  border-radius: 50px;
  transition-duration: 1s;
  transition-property: border-radius; }

.bouton-effet-09 a:hover {
  border-radius: 10px;
  transition-duration: 1s;
  transition-property: border-radius; }

.liste-decalage-01 li {
  list-style-position: inside; }

.liste-decalage-02 li {
  list-style-position: outside; }

/* Numerote */
.liste-ol-01 li {
  list-style: decimal; }

.liste-ol-02 li {
  list-style: decimal-leading-zero; }

.liste-ol-03 li {
  list-style: lower-roman; }

.liste-ol-04 li {
  list-style: upper-roman; }

.liste-ol-05 li {
  list-style: lower-alpha; }

.liste-ol-06 li {
  list-style: upper-alpha; }

/***** Conteneur *****/
.ombrage-conteneur-01, .ombrage-conteneur-02, .ombrage-conteneur-03, .ombrage-conteneur-04 {
  margin: 40px;
  padding: 20px;
  border: #000 1px solid; }

.ombrage-conteneur-01 {
  box-shadow: 1px 1px 12px #555; }

.ombrage-conteneur-02 {
  box-shadow: 1px 1px 12px #008000; }

.ombrage-conteneur-03 {
  box-shadow: 8px 8px 12px #aaa; }

.ombrage-conteneur-04 {
  box-shadow: 8px 8px 12px #0008ff; }

/***** Texte *****/
.ombrage-texte {
  margin-top: 40px; }

.ombrage-texte p {
  font-size: 2em;
  font-weight: bold; }

.ombrage-texte-01 p {
  text-shadow: 1px 1px 12px #555; }

.ombrage-texte-02 p {
  text-shadow: 1px 1px 12px #008000; }

.ombrage-texte-03 p {
  text-shadow: 8px 8px 12px #aaa; }

.ombrage-texte-04 p {
  text-shadow: 8px 8px 12px #0008ff; }

.tab-test {
  margin: 0 0 20px 0;
  padding: 20px;
  border: #000 2px dotted; }

.tableau-test {
  margin: 0 0 20px 0; }

.balise-description-test span {
  text-decoration: underline; }

.liste-emoji-test {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 70px));
  margin-top: 50px; }

.liste-emoji-test {
  justify-items: center; }

.emoji-unicode .emoji::before {
  font-size: 4rem !important; }

.liste-emoji-test p {
  text-align: center;
  text-indent: 0;
  margin: 0; }

.emoji-img img {
  height: 30px; }

.emoji-img p img {
  height: 30px !important; }
/*# sourceMappingURL=/media/templates/site/cassiopeia-enfant/css/user.css.map */