@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'GothamRounded-MediumItalic';
  src: url('../fonts/GothamRounded-MediumItalic.eot');
  src: url('../fonts/GothamRounded-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-MediumItalic.woff2') format('woff2'), url('../fonts/GothamRounded-MediumItalic.woff') format('woff'), url('../fonts/GothamRounded-MediumItalic.ttf') format('truetype'), url('../fonts/GothamRounded-MediumItalic.svg#GothamRounded-MediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot');
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham-BookItalic';
  src: url('../fonts/Gotham-BookItalic.eot');
  src: url('../fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BookItalic.woff2') format('woff2'), url('../fonts/Gotham-BookItalic.woff') format('woff'), url('../fonts/Gotham-BookItalic.ttf') format('truetype'), url('../fonts/Gotham-BookItalic.svg#Gotham-BookItalic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GothamRounded-Medium';
  src: url('../fonts/GothamRounded-Medium.eot');
  src: url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Medium.woff2') format('woff2'), url('../fonts/GothamRounded-Medium.woff') format('woff'), url('../fonts/GothamRounded-Medium.ttf') format('truetype'), url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: 'GothamRounded-Medium', Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal !important;
}
h1, h2, .h1, .h2 {
  color: var(--primary);
}
h1 small, h2 small {
  font-size: 0.8em;
  color: var(--orange);
}
strong, b, #search-results mark, .btn, legend, #search-results .mark, .cc-deny, .cc-allow {
  font-family: 'GothamRounded-Medium', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}
em {
  font-family: 'Gotham-BookItalic', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}
em strong, strong em, em b, b em {
  font-family: 'GothamRounded-MediumItalic', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}
h3, .h3 {
  color: var(--orange);
}
a, .btn, .btn-primary, .btn:hover, .btn-primary:hover, .button, .btn i:before, .btn:hover i:before, .btn:hover span:before, .button:hover, input.search-query, .header .search, th, td, li, .cc-window:hover, .close, .mobilebarmaximenuck, img, img:hover, .back-to-top-link, input[type=radio] + label, [data-rlta-element=container] > [data-rlta-element=button] h3, [data-rlta-element=container] > [data-rlta-element=button] h3:before {
  transition: all .33s ease-in-out;
  -webkit-transition: all .33s ease-in-out;
  -moz-transition: all .33s ease-in-out;
  -o-transition: all .33s ease-in-out;
  -ms-transition: all .33s ease-in-out;
}
.far, .fa-regular, .fa, .fas, .fab, .icon-joomla, .far:before {
  font-family: inherit !important;
  font-weight: normal !important;
}
.fa:before, .fas:before, .fa-regular:before, [class^=icon-]:before, [class*=" icon-"]:before, [data-rlta-element=container] > [data-rlta-element=button] h3:before {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.fab:before, .icon-joomla:before {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa:before, .fas:before, .fab:before, .fa-regular:before, .icon-joomla:before {
  margin-right: 0.25rem;
}
.fa-2x {
  margin-right: 0.25rem;
}
.fa-rotate-45 {
  transform: rotate(45deg) !important;
}
html, body {
  scrollbar-color: var(--primary) var(--info-bg-subtle);
  scroll: auto;
}
.container-topbar {
  position: relative;
  max-height: 8rem;
  width: 100%;
  display: block;
}
.container-topbar > ul {
  float: right;
    display: table;
}
.container-topbar > ul li {
  display: table-cell;
}
.container-topbar > ul li a {
  background: rgba(var(--body-bg-rgb), 0.25);
  color: var(--primary) !important;
    text-decoration: none !important;
    padding: 0.5rem;
    border-radius: 0.5rem;
}
.container-topbar > ul li a.invalid {
  color: var(--danger) !important;
}
.container-topbar > ul li a:hover {
   background-color: #E7F4FD;
  color: var(--primary) !important;
    text-decoration: none !important;
}
.container-topbar > ul li a.invalid:hover {
  color: var(--success) !important;
}
.container-header {
  margin-top: 0;
  background-color: #E7F4FD;
  background-image: none;
  background: #E7F4FD url(../images/PetitMignon.png) 100% 0% no-repeat;
  background-size: contain;
  padding: 0 1rem 1rem;
}
@media(min-width:980px) {
  #logo {
    width: 352px;
    height: 150px;
    background: url(../images/logo.webp) 0% 0% no-repeat;
    background-size: cover;
  }
}
#logo {
    margin-top: 1rem;
  }
@media(max-width:979px) {
  #logo {
    width: 235px;
    height: 100px;
    background: url(../images/logo.webp) 0% 0% no-repeat;
    background-size: cover;
  }
}
.card {
  color: var(--primary);
  background-color: var(--info-bg-subtle);
  border-color: var(--info-border-subtle);
}
.card * {
  margin-bottom: 0;
}
.card-header {
  border-color: var(--info-border-subtle);
}
.back-to-top-link {
  color: var(--primary);
  border: 1px solid var(--primary);
}
.back-to-top-link:hover, .back-to-top-link:focus {
  background-color: var(--primary);
}
.plusgrand, .btn {
  font-size: 1.25rem;
}
.btn:hover, .btn-sm:hover {
  background-color: var(--orange);
  border-color: var(--orange);
    color: var(--white);
}
.btn-success {
  background-color: var(--green);
  border-color: var(--green);
}
.btn-success:hover {
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-block {
  width: 100%;
  display: block;
}
.item-image, .item-image {
  max-width: 33%;
  margin-bottom: 0.5rem;
}
.droite, p.droite {
  float: right !important;
  margin: 0 0 5px 15px;
  max-width: 33%;
  height: auto;
    text-align: center;
}
.gauche {
  float: left !important;
  margin: 0 15px 5px 0;
  max-width: 33%;
  height: auto;
}
@media (max-width: 769px) {
  .droite, .gauche {
    float: none !important;
    margin: 10px 0;
    display: block;
    clear: both;
    max-width: 100%;
  }
}
.blog-item:nth-of-type(odd) .item-image {
  float: right;
  margin-left: 1.5rem;
}
.blog-item:nth-of-type(even) .item-image {
  float: left;
  margin-right: 1.5rem;
}
.informations h2 {
  font-size: 24px;
}
.footer {
  color: var(--body-bg);
  background-color: var(--cassiopeia-color-primary);
  background-image: none;
  margin-top: 1em;
}
#footermenu {
  display: flex;
  justify-content: center;
  width: 100%;
}
#footermenu a {
  opacity: 0.75;
}
#footermenu a:hover, #footermenu li.current a, #footermenu li.active a {
  opacity: 1;
}
#footermenu li.current a, #footermenu li.active a {
  text-decoration-style: dotted;
}
.footer .grid-child {
  padding: .75rem .5em;
}
ul#partenaires li, ul#pays li {
  text-align: center;
}
ul#partenaires li a img, ul#pays li a img {
    margin-right: 0.5rem;
}
@media (min-width: 992px) {
ul#partenaires, ul#pays {
  display: table;
  width: 100%;
  margin: 0 0.5rem 0 0;
}
ul#partenaires li, ul#pays li {
  display: table-cell;
}
ul#partenaires li a img, ul#pays li a img {
  display: block;
    margin: 0 auto;
}
.view-article ul#pays li a img {
 max-width: 64px;
display: inline-block;
    margin: 0 0.5rem 0 0;
}
}
@media (max-width: 992px) {
ul#pays li {
  display: block;
    text-align: left;
}
ul#pays li a img {
 max-width: 64px;
display: inline-block;
    margin: 0 0.5rem 0 0;
}
body.view-article ul#pays li a img {
  display: none;
}
}
@media (min-width: 769px) {
ul#pieddepage {
  display: table;
  width: 100%;
  margin-bottom: 0;
}
ul#pieddepage li {
  display: table-cell;
}
}
ul {
  list-style: none;
}
.item-content ul, .item-page ul {
    padding-left: 0;
}
.copy {
  text-align: center;
  margin-bottom: 2rem;
}
.copy, .copy a {
  color: var(--body-bg);
  opacity: 0.5;
}
.copy a {
  text-decoration: none;
}
.copy a:hover {
  text-decoration: underline;
  color: var(--body-bg);
}
a[href]:after, a[href^="tel:"]:before, a[href^="mailto:"]:before, a[download]:after, a[href^=".pdf"]:after, main ul li:before, .pagenavigation a.next:after, .pagenavigation a.previous:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
}
a[href]:after {
  content: "\f08e";
  margin-left: 0.3rem;
  font-size: 0.75rem;
}
main ul li:before {
  content: "\f0da";
  margin-right: 0.3rem;
  color: var(--primary);
}
a[href^="tel:"]:before {
  content: "\f2a0";
  margin-left: 0.25rem;
}
a[href^="tel:06"]:before, a[href^="tel:+336"]:before, a[href^="tel:07"]:before, a[href^="tel:+337"]:before {
  content: "\f3cd";
  margin-right: 0.25rem;
}
a[href^="mailto:"]:before {
  content: "\f0e0";
  margin-right: 0.25rem;
}
a[download]:after, a[href^=".pdf"]:after {
  content: "\f019" !important;
  margin-right: 0.25rem;
}
body.informations main ul li {
  border-left: 3px solid var(--gray-500);
  padding-left: 0.5rem;
  margin-bottom: 1rem;
}
a[href*="autismealliancefrance.fr"]:after, a[href^="/"]:after, a[href^="#"]:after, a[href^="javascript:"]:after, a[href^="mailto:"]:after, a[href^="tel:"]:after, a.nobefore:before, a.noafter:after, main ul.pagination li:before, body.informations main ul li:before, li.list-group:before, #partenaires li:before {
  content: none !important;
}
.invalid, .star, .red {
  color: #BC1024;
  border-color: #BC1024;
}
div#website {
  display: none;
  visibility: hidden;
}
[data-rlta-element=container] > [data-rlta-element=button] {
  background-color: var(--info-bg-subtle);
  border: 1px solid var(--info-border-subtle);
  border-radius: 5px;
  padding: 0.75rem 1.25rem;
    margin-bottom: 0.25rem;
}
[data-rlta-element=container] > [data-rlta-element=button] h3 {
    color: var(--primary);
      font-size: 1.1rem;
}
[data-rlta-element=container] > [data-rlta-element=button] h3:before {
content: "\f03d";
    margin-right: 0.25rem;
}
[data-rlta-element=container] > [data-rlta-element=button]:hover h3 {
    color: var(--orange);
    letter-spacing: 0.025rem;
}
[data-rlta-element=panel-content] p {
     margin-bottom: 0px !important;
}
[data-rlta-element=panel-content] video {
      border-radius: 5px;
}
:root, [data-bs-theme="light"] {
  --cassiopeia-font-family-body: 'Gotham-Book', "Roboto", sans-serif;
  --cassiopeia-font-family-headings: "Roboto", sans-serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;
  --cassiopeia-color-primary: #107abc;
  --cassiopeia-color-link: #224faa;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --cassiopeia-color-hover: #424077;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --blue: #107abc;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #BC1024;
  --orange: #BC5110;
  --yellow: #ad6200;
  --green: #7ABC10;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #107abc;
  --secondary: #90CDF6;
  --success: #7ABC10;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #BC1024;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 16, 122, 188;
  --secondary-rgb: 144, 205, 246;
  --success-rgb: 122, 188, 16;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 188, 16, 36;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #BC1024;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #E7F4FD;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #83C9F4;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #041e2f;
  --body-color-rgb: 4, 30, 47;
  --body-bg: #fff;
  --body-bg-rgb: 255, 255, 255;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 144, 205, 246;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --link-decoration: underline;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
}
.icons {
  display: none;
}