<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Regular.otf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Light.otf);
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-SemiBold.otf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Bold.otf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-ExtraBold.otf);
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Black.otf);
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Regular-Italic.otf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Light-Italic.otf);
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-SemiBold-Italic.otf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Bold-Italic.otf);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-ExtraBold-Italic.otf);
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Tropiline;
  src: url(font/tropiline/Tropiline-Black-Italic.otf);
  font-weight: 900;
  font-style: italic;
}

:root {
  --cas-main-font: Syne, Arial, sans-serif;
  --cas-title-font: Tropiline, Helvetica, sans-serif;
  --cas-ornament-font: Syne, Arial, sans-serif;
  
  /* Specifique  O. Roux */
  --or-lin-fonce : #d1c7ad;
  --or-lin : #dad2be;
  --or-lin-leger1 : #e4dece;
  --or-lin-leger2 : #ede9de;
  --or-lin-leger3 : #faf8f5;
  --or-ocre-fonce : #934d39;
  --or-ocre : #b05c44;
  --or-ocre-leger1 : #c6806c;
  --or-ocre-leger2 : #e3bfb5;
  --or-ocre-leger3 : #f8efed;
  --or-grege-fonce : #262626;
  --or-grege : #333333;
  --or-grege-leger1 : #737373;
  --or-grege-leger2 : #bfbfbf;
  --or-grege-leger3 : #f2f2f2;
  
  --cas-first-color: var(--or-grege);
  --cas-second-color: var(--or-ocre);
  --cas-ornament-color: var(--or-ocre-fonce);
  --cas-pale-color: var(--or-lin-leger3);
  --cas-light-grey: var(--or-lin-leger3);
  
  --cas-bg-color: var(--or-lin-leger1);
  
  --bs-link-color: var(--or-grege-fonce);
  --bs-link-hover-color: var(--or-grege-leger1);
  --bs-emphasis-color: var(--or-grege);
  --bs-link-color-rgb: var(--cas-first-color);
  --bs-link-hover-color-rgb: var(--cas-second-color);
  
  --bs-border-radius: 8px;
}

body {
  font-family: var(--cas-main-font);
  background-color: var(--cas-bg-color);
}

h1 {
  color: var(--or-lin-leger3);
  font-family: var(--cas-main-font);
  font-size: 1.6em;
  padding-top: 2em;
  padding-bottom: 2em;
  text-transform: uppercase;
}

h2 {
  color: var(--or-ocre);
  font-family: var(--cas-title-font);
  font-size: 2.2rem;
}
h3 {
  color: var(--or-ocre);
  font-family: var(--cas-title-font);
  font-size: 1.8rem;
}
h4 {
  color: var(--cas-first-color);
  font-family: var(--cas-title-font);
  font-size: 1.9rem;
}
a {
  position: relative;
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 0.95rem;
  font-weight: bold;
}

.btn-primary {
  --bs-btn-bg: var(--or-ocre);
  --bs-btn-border-color: var(--or-ocre);
  
  --bs-btn-hover-bg: var(--or-ocre-fonce);
  --bs-btn-hover-border-color: var(--or-ocre-fonce);
  
  --bs-btn-active-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: var(--bs-btn-hover-bg);
}

.btn-opposite {
  color: var(--bs-btn-bg);
  background-color: initial;
  border: 3px solid var(--bs-btn-border-color);
}
.btn-opposite:hover {
  color: var(--bs-btn-hover-bg);
  background-color: initial;
  border: 3px solid var(--bs-btn-hover-border-color);
}

.btn-socialnetwork {
  color: var(--cas-second-color);
  font-size: 1.45rem;
  padding: 0.3em;
  text-decoration: none;
}
.btn-socialnetwork:hover {
  color: var(--cas-ornament-color);
}

.nav-link {
  font-size: 0.95rem;
}

.dropdown-menu {
  --bs-dropdown-bg: var(--or-lin-leger2);
  --bs-dropdown-link-hover-bg: var(--or-lin-leger1);
  --bs-dropdown-link-active-bg: var(--or-ocre);
  --bs-dropdown-border-color: var(--or-grege);
  --bs-dropdown-divider-bg: var(--or-grege);
  --bs-border-radius: 4px;
}

.ornament {
  color: var(--cas-second-color);
  font-family: var(--cas-ornament-font);
}

.emoji {
  font-style: normal;
}

/********/
/* LOGO */
/********/

#logo img {
  width: 100%;
}


/*******/
/* NAV */
/*******/

/* SpÃ©cifique ORoux */
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: var(--or-lin-leger1);
}

/* Lien Home */
a.nav-link {
  text-transform: uppercase;
}

/* Contact Button (nav)*/
.nav-link.cas-btn:hover, 
.nav-link.cas-btn:active, 
.nav-link.cas-btn.active {
  border-bottom-color: transparent;
}
.nav-link.cas-btn &gt; span {
  background-color: var(--or-lin);
  color: var(--or-grege);
  font-weight: bold;
  padding: 0.4rem 0.6rem;
  border-radius: 8px;
}
.nav-link.cas-btn &gt; span:hover,
.nav-link.cas-btn.active &gt; span {
  background-color: var(--or-lin-fonce);
}

.dropdown-menu .dropdown-item.active, 
.dropdown-menu .dropdown-item:active {
  background-color: initial;
  color: var(--bs-dropdown-link-active-bg);
  
}


/*************/
/* BANNIERES */
/*************/


#intro .img-banner {
  background-size: cover;
  background-position-x: 50%;
  height: 300px;
  z-index: 2;
}
#intro .img-banner.img-banner-g {
  background-image: url("img/banniereg.jpg");
}
#intro .img-banner.img-banner-d {
  background-image: url("img/banniered.jpg");
  background-position-y: 100%;
}
#intro #title-mobile + .img-banner.img-banner-d {
  height: 200px;
}

#bottom-banner {
  background-image: url('img/arc-en-ciel.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  padding-right: 0;
}



/***********/
/* CONTENU */
/***********/

.content {
  margin-top: 4em;
}
.content h3 {
  margin-top: 1em;
}
.content h3 + p {
  margin-top: 1em;
}
.content h4 {
  margin-top: 1em;
}
.content a {
  margin-top: 2em;
}
.content p.legend {
  margin-top: 1em;
}
.content .img-box  {
  margin-top: 3em;
}
.content .calendly-inline-widget {
  margin-top: 2em;
}
#end-contact p + a {
  margin-top: 0;
}
#end-contact .row:nth-child(3) {
  margin-top: 3.3em;
}

#customers p.legend {
  margin-top: 3em;
  margin-bottom: 0.2em;
}

#contact #opening .row:nth-child(2), 
#contact #location .row:nth-child(2), 
#contact #contact .row:nth-child(2) {
  margin-top: 2em;
}


.content p {
  color: var(--cas-first-color);
  font-family: var(--cas-main-font);
  font-size: 0.9rem;
}

.content p.comment {
  color: var(--or-ocre);
  font-family: var(--cas-ornament-font);
  font-size: 1.5rem;
}

.content p.subtitle {
  color: var(--cas-ornament-color);
  font-style: italic;
}

.content p.long-text {
  text-align: justify;
}

.content p.legend {
  font-size: 1.05rem;
  text-align: justify;
}

.content address {
  color: var(--cas-first-color);
}
.content address &gt; span {
  font-weight: bold;
}

.content .img-box {
  background-position: 50%;
  background-size: cover;
  border-radius: 200px 200px 4px 4px;
  box-shadow: -15px 15px var(--or-ocre);
  margin-bottom: 1em;
  height: 400px;
  width: 100%;
  position: relative; /* nÃ©cessaire au z-index */
  z-index: 2;
}

.container-fluid.content {
  background-color: var(--or-lin-fonce);
  padding-top: 4em;
  padding-bottom: 4em;
}
.container-fluid.content h2 {
  color: var(--or-ocre);
}

.container-fluid.content#end-contact {
  background-color: initial;
  padding-top: 0;
  padding-bottom: 0;
}

.content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content li {
  padding-left: 16px;
}
.content li::before {
  content: "âˆ©"; 
  padding-right: 8px;
  color: var(--or-ocre);
}
.content li:nth-child(even)::before {
  color: var(--or-lin-leger3);
}
.content strong {
  color: var(--or-ocre);
}

.content#info-pratique {
  background-color: var(--or-lin-leger2);
  padding-top: 2em;
  padding-bottom: 2em;
}
.content#info-pratique i {
  color: var(--or-lin-fonce);
  font-size: 2.6em;
}
.content#info-pratique p {
  color: var(--or-grege-leger1);
}

#intro {
  background-color: var(--or-ocre);
  margin-top: 1em;
}

/* ORoux : Arches prestations*/
.content .img-box.img-arch {
  border-radius: 200px 200px 0 0;
  height: 300px;
  box-shadow: -10px 10px 0 2px var(--or-lin);
  margin-bottom: 0;
}
.content .img-box.img-arch + h4 {
  background-color: var(--or-ocre);
  color: var(--or-lin-leger3);
  margin-top: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1.5rem;
  box-shadow: -10px 10px 0 2px var(--or-lin);
  position: relative;
  z-index: 4;
}
.content a:hover .img-box.img-arch {
  opacity: 0.8;
  border-color: var(--or-ocre-fonce);
  box-shadow: -10px 10px 0 2px var(--or-lin-fonce);
}
.content a:hover .img-box.img-arch + h4 {
  background-color: var(--or-ocre-fonce);
  box-shadow: -10px 10px 0 2px rgba(209, 199, 173, 0.8);
}
.content .prestation-inactive .img-box.img-arch {
  border-color: var(--or-lin-fonce);
  opacity: 0.6;
  box-shadow: none;
}
.content .prestation-inactive .img-box.img-arch + h4 {
  background-color: var(--or-lin-fonce);
  opacity: 0.6;
  color: var(--or-grege-fonce);
  box-shadow: none;
}


#end-contact .row:nth-child(3) p {
  font-size: 1.2rem;
}

#index h1 {
  font-family: var(--cas-title-font);
  font-size: 2.4rem;
  text-transform: none;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
}
#index h1 &gt; span {
  display: block;
  font-size: 1.2rem;
}
#index h1 + a {
  margin-right: 1.2em;
}
#index #title-mobile {
  background-color: var(--or-lin-fonce);
  padding-bottom: 4em;
}
#index #title-mobile h1 {
  padding-right: 0;
}

#index #who h2 {
  color: var(--or-ocre);
}
#index #prestations a {
  text-decoration: none;
}
#index #prestations p.subtitle {
  font-size: 1em;
  color: var(--or-grege-leger1);
}

#index #customers p.legend {
  font-style: italic;
}

#index #customers p.subtitle {
  font-style: normal;
}

#index #prestations #tarifs img {
  width: 100%;
}

#index #prestations p.subtitle a:hover {
  color: var(--cas-first-color);
}

#index #who {
  background-color: var(--or-lin-fonce);
  padding-top: 4em;
  padding-bottom: 4em;
}

#index #who .img-box {
  border-radius: 200px 200px 4px 4px;
  box-shadow: -15px 15px var(--or-ocre);
  margin-bottom: 1em;
  height: 450px;
}


#equipe h2 {
  font-size: 1.8rem;
  position: relative;
}
/* Ajout OR : socialnetwork */
#accompagnement-parental h3, 
#pedagogie-montessori h3, 
#groupes-dechanges h3, 
#professionnels h3,
#contact h3, 
#intro-socialnetwork h3 {
  color: var(--or-grege-leger1);
  font-family: var(--cas-ornament-font);
  font-size: 1.6rem;
}

#pedagogie-montessori #histoire .img-box {
  background-position-y: 0; 
  border-radius: 0 0 200px 200px; 
  height: 330px;
}
#pedagogie-montessori #histoire p.legend {
  margin-top: 2em;
}

#pedagogie-montessori #info-pratique {
  margin-top: 0;
}

#contact p {
  font-size: 1.1rem;
  margin-top: 1em;
}
#contact #contact-infos {
  padding-top: 6em;
  padding-bottom: 6em;
}
#contact #contact-infos h2 {
  margin-top: 0;
}
#contact #contact-infos a {
  text-decoration: none;
}
#contact #contact-infos li::before {
  content: none;
}
#contact #contact-infos li {
  color: var(--or-grege-fonce);
}
#contact #contact-infos li:nth-child(2):hover i, 
#contact #contact-infos li:nth-child(2):hover i + a {
  color: var(--or-grege-leger1);
}
#contact #contact-infos + div {
  margin-top: 6em;
}
#contact #contact-infos .bi-telephone {
  position: relative;
  top: 4px;
}
#contact #contact-infos .bi-envelope {
  position: relative;
  top: 2px;
}

/* SpÃ©cifique OR - Bon cadeau */
#accompagnement-parental img#bon-cadeau {
  border-radius: 20px;
  box-shadow: -15px 15px var(--or-ocre);
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* SpÃ©cifique OR - GROUPES */
#groupes-dechanges #info-pratique a {
  text-decoration: none;
}
#groupes-dechanges #info-pratique a .btn-socialnetwork {
  color: var(--cas-second-color);
}
#groupes-dechanges #info-pratique a:hover .btn-socialnetwork, 
#groupes-dechanges #info-pratique a:hover .btn-socialnetwork + span {
  color: var(--cas-ornament-color);
}

/* SpÃ©cifique OR - CONTACT */
#contact #cabinet i {
  color: var(--or-lin-fonce);
  font-size: 2.6em;
}

#contact #cabinet #info-adresse{
  color: var(--or-grege-leger1);
}

#contact #cabinet .img-box {
  border-radius: 20px;
  height: 200px;
  width: 100%;
  margin-top: 2.5rem;
}

#contact #contact-infos a:hover .btn-socialnetwork, 
#contact #contact-infos a:hover .btn-socialnetwork + span {
  color: var(--cas-ornament-color);
}

/* OR Zigouigoui */
#intro + div.content::before {
  content: "";
  background-image: url("img/trace-ocre-incline.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  margin-top: -4em;
  z-index: 0;
}
#index #who::before, 
#equipe #intro + div.content + div.content::before {
  content: "";
  background-image: url("img/trace-lin-leger1.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 45%;
  height: 900px;
  display: block;
  position: absolute;
  left: 0;
  margin-top: -5em;
  margin-left: -3em;
  z-index: 0;
}


/**********/
/* FOOTER */
/**********/

footer {
  margin-top: 2.2em;
  padding-bottom: 1em;
}
footer address, nav {
  margin-top: 1em;
}
footer #footer-contact,
footer #credit {
  margin-top: 1em;
}

footer {
  background-color: var(--or-ocre-fonce);
  color: var(--or-lin-leger3);
  font-size: 0.8rem;
}

footer img {
  width: 100%; 
  padding-top: 1em;
}

footer address &gt; span {
  color: var(--or-lin-leger3);
  font-weight: bolder;
}

footer a {
  text-decoration: none;
}
footer a:hover {
  color: var(--or-grege-leger2);
}

footer a.nav-link {
  --bs-nav-link-color: var(--or-lin-leger3);
  --bs-nav-link-hover-color: var(--or-grege-leger2);
  padding: 0;
  font-size: 0.84rem;
}
footer a.nav-link.active {
  color: var(--cas-pale-color);
}

/* SpÃ©cifique OR : changÃ© l'emplacement des rÃ©seaux sociaux dans le footer */
footer #footer-socialnetwork a.btn-socialnetwork {
  color: var(--cas-pale-color);
}
footer #footer-contact a:hover, 
footer #footer-socialnetwork a:hover {
  color: var(--or-grege-leger2);
}

footer #credit, 
footer #credit a {
  color: var(--or-ocre-leger1);
  font-style: italic;
}
footer #credit a {
  font-weight: bold;
  text-decoration: none;
}
footer #credit a:hover{
  color: var(--or-ocre-leger2);
}

footer .bi-telephone {
  position: relative;
  top: 2px;
}
footer .bi-envelope {
  position: relative;
  top: 1px;
}

/* BOOTSTRAP SM + MD */
@media (min-width: 576px) {
   
  #intro + div.content::before {
    margin-top: -5em;
  }
    
  #pedagogie-montessori #transmission .img-box {
    margin-top: 0;
  }


}

/* BOOTSTRAP SM SEULEMENT */
@media (min-width: 576px) and (max-width: 767.98px) {
   
  #intro .img-banner {
      height: 400px;
    }
  
  #index #who .img-box {
    height: 350px;
  }

}</pre></body></html>