/* $VERSION: responsive_3.css 4.14.007.1.2025.05.14.14.15	 */
/* RESPONSIVE
========================== */
/* VARIABLES
========================== */
/* MIXINS
========================== */
/*
 LESS DSS (dynamic stylesheet) 1.8.5 (for less.js 1.3+)
 MORE INFO: http://cl.ly/Dqnr

 LESS mixins by Chris Krupski
*/
@media only screen and (min-width: 320px) and (max-width: 425px) {
  .facture_famille.accordion_planning {
    margin: 0 !important;
    width: 100% !important;
  }
  .facture_famille.accordion_planning thead {
    display: none;
  }
  .facture_famille.accordion_planning tbody > tr {
    display: inline-grid;
    width: 100%;
  }
  .facture_famille.accordion_planning tbody tr.footerTotal {
    display: grid;
  }
  .only-media-queries {
    display: unset;
  }
  .section_facture_header,
  .section_facture_footer,
  .section_facture_montant {
    width: 94%;
  }
  .section_facture_header {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  body#sfCirilSouscription div#franceconnect p.fc-description {
    padding: 0 !important;
  }
  .table_desktop {
    display: none;
  }
  .table_mobile {
    display: table;
  }
  .j_hebdo_desktop {
    display: none;
  }
  .j_hebdo_mobile {
    display: table-cell;
  }
  .mobile {
    display: block !important;
  }
  body > div.mobile {
    padding: 0!important;
  }
  .desktop {
    display: none !important;
  }
  .column {
    float: none;
  }
  .last {
    margin-right: inherit;
  }
  .span-1,
  .span-2,
  .span-3,
  .span-4,
  .span-5,
  .span-6,
  .span-7,
  .span-8,
  .span-9,
  .span-10,
  .span-11,
  .span-12,
  .span-13,
  .span-14,
  .span-15,
  .span-16,
  .span-17,
  .span-18,
  .span-19,
  .span-20,
  .span-21,
  .span-22,
  .span-23,
  .span-24 {
    width: auto;
    margin-right: inherit;
  }
  .accordion_section {
    margin: 0;
  }
  .accordion_section > .tab-label {
    height: auto;
    min-height: 48px;
    overflow: hidden;
  }
  .accordion_section > .tab-label h2 .nb-inscriptions {
    width: 100%;
    line-height: 24px;
  }
  .accordion_section .tab-content {
    clear: right;
  }
  input.bouton,
  .bouton a,
  button,
  a.bouton {
    min-width: 160px;
  }
  #sfCirilSouscription .boutons {
    width: 100% !important;
    display: block;
  }
  #sfCirilSouscription ul.boutons li {
    display: inline-block;
    width: 49% !important;
    float: none !important;
  }
  #sfCirilSouscription .bouton {
    display: inline-block;
    width: 100% !important;
  }
  #sfCirilSouscription #form_register p label.Array {
    display: block;
    width: 100% !important;
  }
  #sfCirilSimulationMontant p {
    margin-left: inherit;
  }
  #sfCirilSimulationMontant fieldset p {
    margin-left: inherit;
  }
  #sfCirilSimulationMontant span.label:first-child {
    width: auto;
  }
  #sfGuardForgotPassword label {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: center;
  }
  #sfGuardForgotPassword input {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: center;
  }
  #contact #centre {
    margin: 0;
  }
  #compte label.obligatoire {
    display: block;
    width: 100%;
  }
  #compte ul.boutons {
    width: 100%;
    margin: 15px 0;
  }
  #compte ul.boutons li {
    width: 100%;
  }
  #compte ul.boutons input.bouton.enregistrer {
    margin: 0 auto;
  }
  #compte ul.error_list.global strong {
    font-weight: normal;
  }
  #global {
    min-width: 100% !important;
    width: 100% !important;
    height: 100%;
    border: 0 none;
  }
  #dossier.dossier_index table.tableau.historique tr td:nth-child(1) {
    width: 10%;
  }
  #dossier.dossier_index table.tableau.historique tr td:nth-child(2) {
    width: 25%;
  }
  #dossier #global,
  #planning #global {
    overflow-x: hidden;
  }
  #bandeau {
    height: auto;
    min-height: 70px;
    background-color: #ffffff;
    background-image: none;
    background-position: right top;
    background-size: auto 100%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  }
  #aide-navigation,
  #fil-ariane {
    display: none;
  }
  #aide-navigation,
  #logo_ciril,
  #sous-navigation,
  .skip {
    display: none !important;
  }
  .outils {
    display: none !important;
  }
  #footer {
    padding: 1px 0;
  }
  #footer .deco {
    margin-top: -1px;
  }
  #footer ul li {
    width: 100% !important;
    padding: 7px;
    border: none;
  }
  div.attention_ico,
  div.info_ico,
  div.flash_warning,
  div.warning,
  p.attention_ico,
  p.info_ico,
  p.flash_warning,
  p.warning,
  span.attention_ico,
  span.info_ico,
  span.flash_warning,
  span.warning {
    clear: both;
    margin: 15px 0 !important;
  }
  .tab-content div.attention_ico,
  .tab-content div.info_ico,
  .tab-content div.flash_warning,
  .tab-content div.warning,
  .tab-content p.attention_ico,
  .tab-content p.info_ico,
  .tab-content p.flash_warning,
  .tab-content p.warning,
  .tab-content span.attention_ico,
  .tab-content span.info_ico,
  .tab-content span.flash_warning,
  .tab-content span.warning {
    margin: 15px !important;
  }
  fieldset div.attention_ico,
  fieldset div.info_ico,
  fieldset div.flash_warning,
  fieldset div.warning,
  fieldset p.attention_ico,
  fieldset p.info_ico,
  fieldset p.flash_warning,
  fieldset p.warning,
  fieldset span.attention_ico,
  fieldset span.info_ico,
  fieldset span.flash_warning,
  fieldset span.warning {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .ui-state-active a,
  .ui-state-active a:link,
  .ui-state-active a:visited {
    color: rgba(0, 0, 0, 0.65);
  }
  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: inherit;
  }
  .ui-widget {
    font-family: 'Roboto', Arial, Verdanna, Helvetica, sans-serif;
  }
  .ui-widget-content {
    background: #ffffff;
  }
  body.no_nav #centre #col_gauche h2 {
    margin: 0;
  }
  #accueil {
    width: 100vw;
    height: 100vh;
  }
  #accueil #col_gauche {
    margin: 0;
    padding: 0;
  }
  #accueil .groupe_bloc {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
  #accueil .groupe_bloc h2 a {
    color: rgba(0, 0, 0, 0.65);
    border-bottom: 0px;
    margin: 0;
    padding: 0;
    text-decoration: none;
  }
  #accueil #col_gauche #bloc_facturation div.block-text > div {
    display: none !important;
  }
  #centre,
  #centre_border,
  #global,
  #col_gauche {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #centre #col_gauche h2 {
    margin: 0;
    text-indent: 0;
  }
  body.no_nav #centre #col_gauche #carte_quotient h2.ui-accordion-header {
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
  .dossier_index #col_gauche {
    width: 100%;
  }
  #accueil #centre div#centre_border {
    margin: 0;
  }
  #centre_border {
    position: relative;
    background-image: none;
  }
  #centre_border h1 {
    height: auto !important;
    margin: 15px 0;
  }
  #prev,
  #next {
    z-index: 0 !important;
  }
  .current:not (.pagination .current) {
    background-color: darkgreen !important;
  }
  .current a {
    color: #ffffff;
    font-weight: bold;
  }
  ul.boutons {
    margin: 15px 0;
  }
  ul.boutons li {
    margin: auto;
  }
  #sfCirilInscriptionVisualisation .bloc_index img {
    display: none;
  }
  #sfCirilInscriptionVisualisation ul.boutons li {
    width: 100%;
    margin: 0;
  }
  #sfCirilInscriptionVisualisation ul.boutons li input {
    margin: 0;
  }
  #sfCirilInscriptionVisualisation p.plan_hebdo_j,
  #sfCirilInscriptionVisualisation p.plan_hebdo_h {
    padding: 5px;
    text-align: left;
  }
  #sfCirilInscriptionVisualisation p.plan_hebdo_j label {
    width: 50% !important;
    text-align: right;
  }
  #sfCirilInscriptionVisualisation p.plan_hebdo_j input {
    display: inline-block;
    width: auto !important;
  }
  #sfCirilInscriptionVisualisation p.plan_hebdo_h label {
    display: inline-block;
    width: 100% !important;
    text-align: left;
  }
  #sfCirilInscriptionVisualisation p.plan_hebdo_h select {
    display: inline-block;
    width: 45% !important;
  }
  #sfCirilInscriptionVisualisation fieldset.quick_access div {
    height: auto !important;
  }
  div.dossier img {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
  }
  #notifications div.dossier > h2 {
    display: none;
  }
  ul .horizontal li {
    display: block;
    width: 100% !important;
  }
  .contact_index table.tableau,
  .contact_index .titre_detail_message,
  .contact_index .message {
    margin: 0 !important;
  }
  ul#utilisateur {
    float: none;
    font-size: 1.2em;
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 0 none;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.65);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  ul#utilisateur li.deconnexion {
    float: none;
    padding: 0;
    line-height: 32px;
  }
  ul#utilisateur li.deconnexion a {
    padding: 5px 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none;
  }
  ul#utilisateur li.deconnexion > span,
  ul#utilisateur li.deconnexion > a {
    display: table-cell;
  }
  ul#utilisateur li.deconnexion > span {
    width: 100%;
  }
  ul#utilisateur li.deconnexion > a {
    text-transform: uppercase;
  }
  ol#etapes li {
    width: auto;
  }
  ol#etapes li dl dd.define {
    padding-right: 10px;
  }
  p[id^="widget"] label,
  p[id^="widget"] input:not([type="checkbox"]):not([type="radio"]) {
    display: block;
    width: 100% !important;
  }
  form {
    position: inherit;
    padding-bottom: 5px;
    margin: 0 auto;
    width: 100%;
    padding-left: 0;
  }
  #form_alsh form {
    padding: 5px;
  }
  div#form_periscolaire select#inscription_activite,
  div#form_alsh select#inscription_activite {
    width: 100%;
    max-width: 100%;
  }
  form p#widget_telpor i {
    display: block;
  }
  fieldset.coordonnees {
    display: block;
    width: 100% !important;
  }
  form#form_coordonnees div {
    width: 100% !important;
    float: none;
  }
  p[id^="widget"] label {
    text-align: left;
    float: none !important;
  }
  #formPlanningMobile p#widget_debut label.Array.obligatoire,
  #formPlanningMobile p#widget_fin label.Array.obligatoire {
    float: left !important;
    width: 100%;
  }
  #sfCirilSouscription fieldset {
    padding: 0 2em 0 2em;
  }
  #sfCirilSouscription fieldset p#widget_is_responsive label,
  #sfCirilSouscription fieldset p#widget_is_responsive input {
    display: inline;
    width: auto !important;
  }
  #contact fieldset {
    padding: 0 2em 0 2em;
  }
  #contact fieldset p#widget_recepisse label,
  #contact fieldset p#widget_recepisse input {
    display: inline;
    width: auto !important;
  }
  #sfCirilSouscription fieldset,
  #contact fieldset,
  #sfCirilInscriptionVisualisation fieldset {
    padding: 0;
    margin: 0;
  }
  #sfCirilInscriptionVisualisation #form_creche fieldset {
    padding: 0;
  }
  #sfCirilSouscription fieldset p#widget_is_responsive label,
  #sfCirilSouscription fieldset p#widget_is_responsive input {
    display: inline !important;
    width: auto !important;
  }
  #contact fieldset p#widget_recepisse label,
  #contact fieldset p#widget_recepisse input {
    display: inline;
    width: auto !important;
  }
  #widget_password i {
    display: block;
    text-align: right;
    padding: 0;
  }
  input[value="Se connecter"] {
    width: 100% !important;
    margin: 0 !important;
  }
  #contact_message,
  #contact_objet {
    width: auto !important;
  }
  #contact fieldset p {
    padding: 0 !important;
  }
  #sfCirilPaiement p img.lien_hover {
    display: none;
  }
  #sfCirilFacturation strong.montant {
    display: block;
  }
  #sfCirilSimulationSecteur li[style="width:50%"] {
    width: auto !important;
  }
  #form_condition-generale fieldset {
    margin: 1em 1em 0.5em 0.1em;
    min-width: 100%;
  }
  #form_condition-generale fieldset div.condition {
    display: table-cell;
  }
  div.inscrValide {
    display: table-cell;
  }
  div.inscrValide {
    display: table-cell;
  }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #bandeau nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: 9999;
  }
  #bandeau nav ul {
    margin: 0;
    padding: 0;
    background: #ffffff;
    list-style: none;
  }
  #bandeau nav ul li {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 0;
  }
  #bandeau nav ul li a {
    display: block;
    padding: 10px 15px;
  }
  #bandeau nav ul li a[href="#"] {
    display: none;
  }
  #bandeau nav ul li a span.menu-number {
    top: 0;
    right: 0;
    margin: 15px 10px;
  }
  #bandeau nav ul li#accueil a:before {
    display: none;
  }
  #bandeau nav ul li.current a:after,
  #bandeau nav ul li.unitPng a:after,
  #bandeau nav ul li:hover a:after {
    display: block;
    content: " ";
    position: absolute;
    top: -1px;
    right: auto;
    bottom: -1px;
    left: 0;
    width: 3px;
    height: auto;
    opacity: 1;
    transform: translateY(0px);
  }
  #bandeau nav ul li.unitPng:not(.current) {
    background-color: rgba(0, 0, 0, 0.15);
  }
  #bandeau nav ul li.unitPng:not(.current) a {
    padding-left: 30px;
  }
  #bandeau nav ul li.selected a {
    font-weight: 700;
  }
  #bandeau nav ul li.current a,
  #bandeau nav ul li:not(.unitPng) a {
    padding: 15px;
  }
  #bandeau nav ul li.current a:before,
  #bandeau nav ul li:not(.unitPng) a:before {
    font-family: 'FontAwesome', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: "\f105";
    display: block;
    margin: 15px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
  }
  #bandeau nav ul li.current {
    background-color: rgba(0, 0, 0, 0.15);
  }
  #bandeau nav ul li.current a:before {
    content: "\f107";
  }
  #bandeau nav ul#navigation {
    width: calc(100% - 64px);
    height: 100vh;
  }
  .current em a:before {
    content: "";
  }
  nav {
    background: rgba(0, 0, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: all 0.4s ease;
  }
  #global:target nav {
    overflow: auto;
    overflow-x: hidden;
    z-index: 99999;
  }
  nav > a {
    float: right;
    display: none;
    width: 64px;
    height: 64px;
    text-decoration: none;
  }
  nav > a:before,
  nav > a:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    display: none;
    margin: 8px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  nav > a:before {
    content: "\e5cd";
  }
  nav > a:after {
    content: "\e5d2";
  }
  nav > a.nav-open {
    display: block;
  }
  nav > a.nav-open:before {
    display: none;
  }
  nav > a.nav-open:after {
    display: block;
  }
  nav > a.nav-close:before {
    display: block;
  }
  nav > a.nav-close:after {
    display: none;
  }
  .nav-open:after,
  .nav-close:after {
    margin-left: calc(100% + 6px);
  }
  #global:target,
  #global:target #global2 {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  #global:target:after,
  #global:target #global2:after {
    content: " ";
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
  }
  #global:target nav,
  #global:target #global2 nav {
    background: rgba(0, 0, 0, 0.5);
    transform: translate3d(0%, 0, 0);
  }
  #global:target nav > a.nav-open,
  #global:target #global2 nav > a.nav-open {
    display: none;
  }
  #global:target nav > a.nav-close,
  #global:target #global2 nav > a.nav-close {
    display: block;
  }
  #global:target #notification,
  #global:target #global2 #notification {
    display: none;
  }
  .ui-widget-header:not(#formPlanningMobile .ui-widget-header) {
    background: darkred !important;
    border: none !important;
  }
  .ui-widget-header span:not(#formPlanningMobile .ui-widget-header span) {
    display: inline-block;
  }
  .dossier_index #col_droite {
    display: block !important;
  }
  #notification {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: all 0.4s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #global2:target #notification {
    overflow: auto;
    overflow-x: hidden;
    z-index: 99999;
  }
  #notification > a {
    float: left;
    display: none;
    width: 64px;
    height: 64px;
    text-decoration: none;
  }
  #notification > a.nav-open:after,
  #notification > a.nav-close:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: "\e5cd";
    display: none;
    padding: 0;
    margin: 8px 0 8px auto;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 0 none!important;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #notification > a.nav-open {
    display: block;
    margin-left: -64px;
  }
  #notification > a.nav-open:before {
    display: none;
  }
  #notification > a.nav-open:after {
    display: block;
    content: "\e878";
  }
  #notification > a.nav-close:before {
    display: block;
  }
  #notification > a.nav-close:after {
    display: none;
  }
  #notification ul a:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  #planning #notification {
    z-index: 50000;
  }
  #planning #global2:target #notification {
    right: 0%;
  }
  #planning #formPlanningMobile {
    margin-left: 64px;
    width: calc(100% - 64px);
    min-height: 100vh;
    background: #ffffff;
  }
  #planning #formPlanningMobile form {
    padding: 1px 15px;
    margin: 0 auto;
  }
  #global2:target,
  #global2:target #global {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  #global2:target:after,
  #global2:target #global:after {
    content: " ";
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
  }
  #global2:target nav,
  #global2:target #global nav {
    display: none;
  }
  #global2:target #notification,
  #global2:target #global #notification {
    background: rgba(0, 0, 0, 0.5);
    transform: translate3d(0%, 0, 0);
  }
  #global2:target #notification > a.nav-open,
  #global2:target #global #notification > a.nav-open {
    display: none;
  }
  #global2:target #notification > a.nav-open:after,
  #global2:target #global #notification > a.nav-open:after {
    display: none;
  }
  #global2:target #notification > a.nav-close,
  #global2:target #global #notification > a.nav-close {
    display: block;
  }
  #global2:target #notification > a.nav-close:after,
  #global2:target #global #notification > a.nav-close:after {
    display: block;
  }
  #sfGuardAuth #col_gauche {
    margin-left: 0 !important;
  }
  #sfGuardAuth #centre {
    min-height: auto;
  }
  body#sfGuardAuth #centre h2,
  body#sfGuardAuth #centre h2.first {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    background: #ffffff !important;
    line-height: 2em !important;
    vertical-align: middle !important;
    font-size: 2.25em !important;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
    border-right-style: none;
  }
  #sfGuardAuth div {
    vertical-align: middle;
    max-width: 100%;
  }
  #sfGuardAuth div.compte_internaute {
    height: auto;
    background-color: #ffffff;
    padding-left: 15%;
    padding-top: 2%;
    padding-right: 15%;
    padding-bottom: 2%;
  }
  #sfGuardAuth div.compte_internaute div.rectangle,
  #sfGuardAuth div.compte_internaute div#divInscription div,
  #sfGuardAuth div.compte_internaute div#divInscription h2,
  #sfGuardAuth div.compte_internaute div#divInscription p {
    display: none !important;
    visibility: hidden;
  }
  #sfGuardAuth div.compte_internaute div.connexion div.identification input.login_ids {
    display: block;
  }
  #sfGuardAuth div.compte_internaute div.connexion div.identification p#perte_mdp.mdp a {
    font-size: 110%;
    position: relative;
  }
  #sfGuardAuth div.compte_internaute div.connexion ul.error_list li li {
    clear: inherit;
  }
  #sfGuardAuth div.compte_internaute div#divInscription {
    visibility: hidden;
    display: none;
  }
  #sfGuardAuth .actu {
    margin: 15px;
  }
  #sfGuardAuth .bloc_index {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: left !important;
    border: none;
  }
  #sfGuardAuth .bloc_index a {
    display: block !important;
    display: inline !important;
    font-size: 100% !important;
  }
  #sfGuardAuth h2.lien,
  #sfGuardAuth h2#connexion,
  #sfGuardAuth #Actus {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
  }
  #sfGuardAuth #Actus + .ui-widget-content {
    border: 0 none;
  }
  #sfGuardAuth h2.lien > a {
    color: rgba(0, 0, 0, 0.65);
    display: block;
    text-decoration: none;
  }
  #sfGuardAuth h2:hover {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none;
  }
  #sfGuardAuth .compte_internaute {
    width: 100% !important;
    border: none;
    border-radius: 0;
  }
  #sfGuardAuth div.mobile h2.lien {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .tableau {
    table-layout: fixed;
    margin: 0 !important;
    width: 100% !important;
  }
  .tableau th#descr,
  .tableau th#lien,
  .tableau th#envoi,
  .tableau caption,
  .tableau td[headers="envoi"],
  .tableau td[headers="descr"],
  .tableau td[headers="SeDate"],
  .tableau td[headers="SeDesc"] {
    display: none;
  }
  .doc {
    word-break: break-all;
  }
  select[id^="contact"] {
    width: 100% !important;
  }
  #contact_objet,
  #contact_message {
    width: 100% !important;
  }
  table.showbox_table_on tr,
  table.showbox_table_on th {
    overflow: hidden;
  }
  h4.inscription .caption_showbox {
    margin-bottom: 5px;
  }
  h4.inscription .lien_showbox {
    top: -32px;
    position: relative;
  }
  h4.inscription .headerTableInscription .dateInscription {
    width: 100%;
  }
  #vue_enfants,
  #vue_activites {
    display: block;
    width: 50%;
  }
  body#planning {
    min-width: 100%;
    width: 100%;
    height: 100%;
  }
  body#planning .container {
    padding: 15px;
    margin: 0;
    height: 100%;
    width: 100%;
    min-width: 100%;
  }
  #centre_planning {
    width: 100%;
    display: block;
    margin-top: 0;
  }
  .onglets_navig2,
  .bt_tab {
    position: relative;
    right: 0;
    top: 0;
  }
  #planning #module.column.span-5 {
    float: none;
    margin-bottom: 15px;
    height: auto;
    width: 100%;
    z-index: 2;
  }
  .mobile #tabs1-1 h3,
  #planning- .mobile #tabs1-1 h3 {
    padding: 0;
    margin: 0;
    border-bottom: 0 none;
    font-size: 1.6em;
    text-align: center;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .mobile #tabs1-1 h3:first-child,
  #planning- .mobile #tabs1-1 h3:first-child,
  .mobile #tabs1-1 h3:first-of-type,
  #planning- .mobile #tabs1-1 h3:first-of-type {
    margin-top: 15px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #planning .mobile #tabs1-1 > div {
    padding: 5px;
    border-top: 0 none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #planning .mobile #tabs1-1 > div:last-child,
  #planning .mobile #tabs1-1 > div:last-of-type {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  #planning .mobile #tabs1-1 > div:after {
    content: " ";
    display: block;
    clear: left;
  }
  #planning_navig {
    background: white !important;
  }
  #planning_navig li > span {
    display: inline-block;
  }
  .ui-helper-clearfix:not (#formPlanningMobile .ui-helper-clearfix) {
    display: inline-block !important;
  }
  #planning .top:not (.ui-state-active) span {
    background-image: url("/images2/ico_activites_32.png") no-repeat scroll 0% 0% transparent !important;
  }
  body#planning .bouton.mobile + #tabs1-1 {
    clear: left;
  }
  .categorie_planning,
  .sscategorie_planning {
    list-style-type: none;
  }
  .categorie_planning {
    clear: left;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .sscategorie_planning {
    font-size: 1em;
    line-height: 40px;
  }
  .sscategorie_planning.visu {
    width: 50%;
    float: left;
  }
  .sscategorie_planning.visu a {
    display: block;
  }
  #planning #etat_paiement.column.span-10 {
    height: auto !important;
    min-height: auto !important;
  }
  #nav_liste2 li p.ui-state-active a:before {
    content: "\2192  ";
  }
  span.ui-icon-triangle-1-s {
    display: none;
  }
  .ui-accordion-icons .ui-accordion-header a {
    padding-left: 5px;
  }
  #planning #tabs1-1 .ui-accordion-header:first-child {
    margin-top: 3%;
  }
  #planning #tabs1-1 div > ul {
    width: 100%;
  }
  #planning #tabs1-1 .ui-accordion-header .btnEdit {
    background-color: white;
    border-radius: 2px;
    display: inline;
    float: right;
    margin-right: 3%;
    padding: 0.2em;
  }
  #planning #formSemaineType {
    width: 100%;
  }
  #popup_message_bloquage {
    width: 100% !important;
    left: 0 !important;
  }
  #popup_message_sortie_planning {
    width: auto;
    height: auto;
    left: 0 !important;
  }
  #popup_message_sortie_planning .messageBloquageFooter {
    margin-left: 0;
  }
  #popup_message_sortie_planning .messageBloquageFooter ul.boutons {
    display: inline-block;
  }
  #planning form ul.boutons {
    height: inherit;
    display: inline-block;
  }
  #planning table.recap td:first-child {
    word-wrap: break-word;
  }
  #planning li.categorie_planning,
  #planning li.sscategorie_planning {
    text-align: left;
  }
  #planning li.sscategorie_planning label,
  #planning #formPlanningMobile .intMultiCheck li label {
    display: block;
    width: calc(100% - 8px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #planning li.sscategorie_planning input[type="checkbox"]:checked + label,
  #planning #formPlanningMobile .intMultiCheck li input[type="checkbox"]:checked + label {
    background-color: rgba(0, 0, 0, 0.1);
  }
  #planning div.flash_notice {
    margin: 5px;
  }
  #planning #formPlanningMobile p.widget_debut label {
    display: block;
  }
  #planning #formPlanningMobile ul.intMultiCheck {
    width: 100%;
  }
  #planning li.sscategorie_planning:not (.checked),
  #planning #formPlanningMobile li:not(.checked) {
    background: url("/images2/ico_supprimer_20.png") #7f8c8d no-repeat left;
  }
  #planning li.sscategorie_planning > i {
    display: none;
  }
  #planning li.sscategorie_planning.checked > i {
    display: none;
  }
  #formPlanningMobile ul.boutons li {
    background-color: white !important;
  }
  .sscategorie_planning input[type="checkbox"],
  #planning #formPlanningMobile input[type="checkbox"] {
    display: none;
  }
  #planning li.sscategorie_planning.visu {
    background: #ecf0f1;
    color: black;
    text-align: left;
  }
  #planning li.sscategorie_planning.visu:before {
    content: "\2192  ";
  }
  #planning #module form {
    z-index: 1000 !important;
  }
  .ui-accordion .ui-accordion-content {
    padding: 0;
    margin: 0;
  }
  #planning #ui-datepicker-div {
    z-index: 55000 !important;
    background: white;
  }
  #planning #formPlanningMobile fieldset {
    margin: 0;
  }
  #compte fieldset legend {
    text-align: left;
  }
  .legend {
    padding: 0;
  }
  #scrollPlanning {
    border: 0 none;
    text-align: center;
  }
  #scrollPlanning #tabs1-1 {
    border: 0 none;
    overflow: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 256px);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #scrollPlanning #tabs1-1 h3 {
    padding: 10px !important;
    margin: 15px 0 0 !important;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 20px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #scrollPlanning #tabs1-1 h3.ui-state-active {
    border-bottom: 0 none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #scrollPlanning #tabs1-1 > div {
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
  #scrollPlanning #tabs1-1 > div.ui-accordion-content-active {
    border-top: 0 none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #scrollPlanning #tabs1-1 > div.ui-accordion-content-active:after {
    content: " ";
    display: block;
    clear: left;
  }
  #headMobile .periode_wrap,
  #headMobile .monthnav_wrap {
    display: table !important;
    width: 100%;
  }
  #headMobile .periode_wrap {
    margin: 10px 0;
  }
  #headMobile .periode,
  #headMobile .flecheMois,
  #headMobile #moisActuel {
    display: table-cell;
    width: 33.33%;
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.9);
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
  }
  #headMobile .periode.periode-active,
  #headMobile .flecheMois.periode-active,
  #headMobile #moisActuel.periode-active {
    background-color: rgba(0, 0, 0, 0.65);
  }
  #headMobile .periode:first-child,
  #headMobile .flecheMois:first-child,
  #headMobile #moisActuel:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #headMobile .periode:last-child,
  #headMobile .flecheMois:last-child,
  #headMobile #moisActuel:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #headMobile .periode a,
  #headMobile .flecheMois a,
  #headMobile #moisActuel a {
    display: block;
    line-height: 32px;
    font-style: normal;
    font-weight: normal;
  }
  #headMobile .periode a,
  #headMobile .flecheMois a,
  #headMobile #moisActuel a,
  #headMobile .periode a:hover,
  #headMobile .flecheMois a:hover,
  #headMobile #moisActuel a:hover {
    color: #ffffff;
    text-decoration: none;
  }
  #headMobile .flecheMois,
  #headMobile #moisActuel {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0.9);
  }
  #headMobile .flecheMois a,
  #headMobile #moisActuel a,
  #headMobile .flecheMois a:hover,
  #headMobile #moisActuel a:hover {
    color: rgba(0, 0, 0, 0.65);
  }
  #headMobile .flecheMois a span,
  #headMobile #moisActuel a span {
    display: none;
  }
  #headMobile .flecheMois {
    width: 25%;
  }
  #headMobile .flecheMois a i {
    font-family: 'FontAwesome', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    line-height: 32px;
    font-weight: 600;
  }
  #headMobile #moisActuel {
    width: 50%;
  }
  #planning div.select {
    margin: 0 auto;
    width: 280px;
  }
  #planning div.select .button {
    width: 30px;
    height: 30px;
  }
  #planning select.select {
    width: 100% !important;
    height: 2.6em !important;
    z-index: 2;
  }
  #planning h3 div > ul {
    width: 100%;
  }
  #planning .btnPlanningMob {
    width: 90%;
    display: block;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3%;
    padding: 3%;
    font-weight: bold;
    font-size: 1.5em;
    color: white;
    background: #00755c;
  }
  #boutonsMobPlanning {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #planning .ui-datepicker .ui-datepicker-header {
    background-color: #1abc9c;
    color: white;
    font-weight: bold;
  }
  #planning .ui-datepicker .ui-corner-all {
    border: 1px solid white !important;
    border-radius: 2px;
  }
  #planning .ui-datepicker .ui-datepicker-prev,
  #planning .ui-datepicker .ui-datepicker-next {
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
    vertical-align: center;
    text-align: center;
  }
  #planning .ui-datepicker .ui-datepicker-prev:before {
    content: '<';
  }
  #planning .ui-datepicker .ui-datepicker-next:before {
    content: '>';
  }
  .reorderCol {
    clear: both;
    float: none;
    margin: 15px 0 !important;
    width: auto;
    overflow: hidden !important;
  }
  #btnModifierPlanningMob,
  #btnCaddiePlanningMob,
  #boutonsMobPlanning input[id^="bouton_"] {
    margin: 0 auto;
  }
  #btnModifierPlanningMob img {
    display: none;
  }
  #btnCaddiePlanningMob {
    width: 55% !important;
  }
  #boutonsMobPlanning input[id^="bouton_"] {
    display: inline-block;
    width: 49% !important;
  }
  #boutonsMobPlanning input[id^="bouton_"]:hover {
    background-color: #ccc;
    border: 1px solid #737B7F;
  }
  #planning .table_mobile.tableau_paiement {
    width: 100%;
  }
  #planning .table_mobile.tableau_paiement tr td:first-child {
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
  }
  #planning .tableau_paiement_separator {
    background: white !important;
    height: 0.5em;
  }
  #boutonsMobPlanning input {
    display: inline-block !important;
    width: 90% !important;
    margin-bottom: 3%;
  }
  #planning #module {
    padding: 0;
  }
  #planning #choixModule a {
    width: 100%;
    display: block;
    border: 1px solid #CCCCCC;
    margin: 0 auto;
    padding: 3%;
    font-weight: bold;
    font-size: 1.5em;
  }
  #planning #choixModule a:not (:last-child) {
    border-bottom: none;
  }
  #planning #choixModule a:first-child {
    border-radius: 3px 3px 0 0;
  }
  #planning #choixModule a:last-child {
    border-radius: 0 0 3px 3px;
  }
  #planning #choixModule {
    margin-bottom: 2%;
    text-align: center;
  }
  #planning #choixModule a:hover {
    border-color: #737B7F;
  }
  #planning #choixModule a.selected {
    color: white;
  }
  #contact h3.ui-accordion-header {
    text-align: center;
    font-size: 2em;
  }
  #contact #notification {
    display: none;
  }
  #form_rendez_vous fieldset textarea {
    height: auto !important;
    width: auto !important;
  }
  #modifEnCours {
    position: inherit;
    width: 100%;
    display: inline-block !important;
    margin-bottom: 2px;
  }
  #modifEnCours .panier {
    position: inherit;
    width: 100%;
    text-align: center;
  }
  #utilisateur ul li.deconnexion span a {
    color: #ffffff;
  }
  .spacer-vertical {
    display: none;
  }
  nav ul li:not(.current) a:hover::after,
  nav ul li:not(.current) a:focus::after {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  nav ul li.current {
    border-bottom: none;
  }
  #sfGuardAuth table {
    width: 100% !important;
  }
  body[class^="dossier_"] td[headers="faLien"] {
    float: none;
  }
  body[class^="dossier_"] td[headers="FaDate"] {
    float: none;
    width: 80px;
  }
  #centre form fieldset.quick_access ul.boutons {
    margin-left: 5%;
    margin-top: 3%;
  }
  fieldset.quick_access p {
    text-align: left;
  }
  #bandeau_famille #prev,
  #bandeau_famille #next,
  .enfant {
    display: none !important;
  }
  #bandeau_famille {
    z-index: 0;
  }
  #famille li img {
    float: left;
  }
  ul#liste_adultes,
  ul#liste_enfants {
    padding: 0;
    width: 100%;
  }
  ul#liste_adultes li,
  ul#liste_enfants li {
    display: block;
    width: 100%;
    height: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
  ul#liste_adultes li p,
  ul#liste_enfants li p {
    width: 100%;
    height: 100%;
  }
  ul#liste_adultes li p a,
  ul#liste_enfants li p a {
    width: 100%;
    float: left;
    line-height: 50px;
    border: none;
    font-size: 16px;
  }
  ul#liste_adultes li p a strong,
  ul#liste_enfants li p a strong {
    display: block;
    margin-top: -10px;
    line-height: 18px;
  }
  .dossier_coordonnees #centre #bandeau_famille ul#famille li {
    margin: 0;
  }
  .dossier_coordonnees #centre #bandeau_famille ul#famille li div.parent {
    margin: 0 0 15px;
    width: 100%;
  }
  .dossier_coordonnees #centre form#form_coordonnees > div {
    margin: 0;
  }
  .dossier_coordonnees #centre form#form_coordonnees > div fieldset.coordonnees {
    padding: 0;
  }
  .list_carousel {
    position: inherit;
  }
  #liste_enfants li {
    display: block;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #liste_enfants li p {
    width: 100%;
    height: 100%;
  }
  #liste_enfants li p a {
    width: 100%;
    float: left;
    line-height: 50px;
    border: none;
    font-size: 16px;
  }
  #liste_enfants li p a strong {
    display: block;
    margin-top: -10px;
    line-height: 18px;
  }
  .prenom_enfant {
    position: absolute;
    width: 95%;
    padding: 1.4em;
    font-size: 15px;
    padding-left: 14%;
  }
  .nomprenom_adulte {
    width: 95%;
    padding: 1.4em;
    font-size: 15px;
    padding-left: 14%;
  }
  .coordonnee_personne {
    margin: auto;
    display: block;
    float: none !important;
  }
  span.desk_panel span {
    display: inline;
  }
  body #centre #col_gauche .mobile_h2EnfantParent {
    display: block;
    text-align: left;
    margin-left: 5px;
    padding-left: 0;
    font-size: 18px;
    color: #333;
  }
  .desk_panel {
    display: inline;
  }
  .mobile_imgEnfant {
    float: left;
  }
  .separateur_inscription {
    width: 80% !important;
    display: inline-block !important;
    margin: 5px 0px 5px 0px;
  }
  .annee {
    padding-bottom: 0;
  }
  ul.btnpaiement {
    padding-bottom: 5px;
    margin-left: 15%;
    display: block;
  }
  .info_paiement {
    padding-left: 5%;
    padding-right: 5%;
  }
  div#franceconnect {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  #centre #col_droite div.identification ul {
    width: 100%;
    height: auto !important;
    margin: 0;
  }
  #centre #col_droite div.identification ul li {
    width: inherit;
    padding-left: 20%;
    padding-right: 20%;
  }
  div#franceconnect p.divide_line {
    text-align: center;
  }
  div#franceconnect a {
    text-align: center;
  }
  body {
    background: #ffffff;
  }
  html > body fieldset {
    margin: 15px 0 !important;
  }
  body[class^="dossier_"] #centre {
    margin: 0;
    padding: 0 15px;
  }
  body[class^="dossier_"] #col_gauche {
    margin: 0;
    padding: 0;
  }
  body[class^="dossier_"] thead,
  body[class^="dossier_"] td[headers="faLia"],
  body[class^="dossier_"] td[headers="faDesc"] {
    display: none;
  }
  body[class^="dossier_"] table[class="tableau historique"] {
    margin: 0;
    padding: 0;
  }
  body div {
    vertical-align: middle;
    max-width: 100%;
  }
  body div.fiche_sanitaire,
  body div.consentements_individu {
    padding: 0 0 15px;
  }
  body div.fiche_sanitaire p,
  body div.consentements_individu p {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  body div.fiche_sanitaire p span.label,
  body div.consentements_individu p span.label {
    width: auto;
  }
  body div.panierBody span.nombreModification {
    width: auto;
  }
  body #centre {
    margin: 0;
    padding: 0 15px;
  }
  body #centre #col_gauche {
    margin: 0;
    padding: 0;
  }
  body #centre #col_gauche h2#postit-box {
    padding: 0 10px;
    line-height: 32px;
    text-indent: 0;
    background-color: #ffc;
  }
  body #centre #col_gauche h2#postit-box strong,
  body #centre #col_gauche h2#postit-box i {
    display: table-cell;
  }
  body #centre #col_gauche h2#postit-box strong {
    width: 100%;
  }
  body #centre #col_gauche div.bloc_index {
    display: block;
    padding: 0;
    margin: 5px 0;
    width: auto;
    height: auto;
    min-height: auto;
    border: 0 none;
    /* for multi values */
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  body #centre #col_gauche div.bloc_index .bloc_index_img {
    display: none;
  }
  body #centre #col_gauche div.bloc_index .block-text {
    width: auto;
    height: auto;
    min-height: auto;
  }
  body #centre #col_gauche div.bloc_index .block-text .ui-widget-content {
    border: 0 none;
  }
  body #centre #col_gauche div.bloc_index div.block-text {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* for multi values */
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  body #centre #col_gauche div.bloc_index div.block-text h2 {
    padding: 1px 0;
    height: auto;
    border-width: 0 0 1px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8em;
  }
  body #centre #col_gauche div.bloc_index div.block-text h2.ui-state-active {
    background-color: rgba(0, 0, 0, 0.4);
  }
  body #centre #col_gauche div.bloc_index div.block-text h2.ui-state-active,
  body #centre #col_gauche div.bloc_index div.block-text h2.ui-state-active a,
  body #centre #col_gauche div.bloc_index div.block-text h2.ui-state-active a.hvr-underline-from-center,
  body #centre #col_gauche div.bloc_index div.block-text h2.ui-state-active a.hvr-underline-from-center:hover {
    color: #ffffff;
  }
  body #centre #col_gauche div.bloc_index div.block-text > div {
    min-height: 62px;
  }
  body #centre #col_gauche div.bloc_index div.block-text p {
    padding: 0;
    margin: 10px;
  }
  body #centre #col_gauche div.bloc_index div.block-text p a,
  body #centre #col_gauche div.bloc_index div.block-text p a:hover {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
  }
  body #centre #col_gauche div.bloc_index div.block-text ul {
    padding: 0;
    margin: 10px;
  }
  body #centre #col_gauche div.bloc_index div.block-text ul li {
    padding: 0 0 0 10px;
    margin: 15px 0;
    background-image: url("/images3/puce-index.gif");
    background-position: -1px 0.3em;
    background-repeat: no-repeat;
  }
  body #centre #col_gauche div.bloc_index div.block-text ul li a {
    font-weight: 600;
  }
  body #centre #col_gauche div.bloc_index div.block-text ul li a,
  body #centre #col_gauche div.bloc_index div.block-text ul li a:hover {
    color: rgba(0, 0, 0, 0.8);
  }
  body #centre #col_gauche div.bloc_index .montant-total {
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-align: right;
  }
  body #centre #col_gauche div.bloc_index .montant-total a,
  body #centre #col_gauche div.bloc_index .montant-total a:hover {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
  }
  body #centre #col_gauche div.bloc_index .montant-total span {
    color: rgba(0, 0, 0, 0.8);
    display: block;
  }
  body #centre #col_gauche div.bloc_index .montant-total strong {
    display: block;
    font-size: 1.6em;
  }
  body #centre #col_gauche #carte_quotient h2 {
    background-image: none;
    padding: 10px !important;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  body #centre #col_gauche #carte_quotient h2:not(.ui-state-active):not(.ui-state-hover) {
    background-color: #ffffff;
  }
  body #centre #col_droite {
    position: static !important;
  }
  body #centre #col_droite div.bloc_public {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  body #centre #col_droite div.bloc_public .content {
    padding: 0;
    margin: 0;
    display: inline;
  }
  body#sfGuardAuth #col_gauche {
    min-height: auto;
  }
  body#sfGuardAuth #centre {
    margin: 0;
  }
  body#sfGuardAuth #centre #col_gauche,
  body#sfGuardAuth #centre #col_droite {
    position: static;
    display: block;
    float: none;
    width: 100% !important;
    padding: 0;
    margin: 0;
    top: auto;
    right: auto;
  }
  body#sfGuardAuth #centre #col_gauche h2,
  body#sfGuardAuth #centre #col_droite h2,
  body#sfGuardAuth #centre #col_gauche h2.first,
  body#sfGuardAuth #centre #col_droite h2.first {
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: rgba(0, 0, 0, 0.65);
    border: 0 none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  body#sfGuardAuth #centre #col_droite > div.bloc_public .icon,
  body#sfGuardAuth #centre #col_droite > div.bloc_public .accueilImg {
    display: none;
  }
  body#sfGuardAuth #centre #col_droite > div > p {
    display: none;
  }
  body#sfGuardAuth div.compte_internaute {
    padding: 10px 20px;
    margin: 0!important;
  }
  body#sfGuardAuth div.compte_internaute div.connexion {
    background-color: #f6f6f4;
    width: auto;
    padding: 5px 0;
  }
  body#sfGuardAuth div.compte_internaute div.connexion div.identification {
    padding-left: 0 !important;
  }
  body#sfGuardAuth div.compte_internaute div.connexion div.identification :nth-last-of-type(2) {
    padding-left: 5px;
    padding-bottom: 0;
  }
  body#sfGuardAuth div.compte_internaute div.connexion div.identification label {
    margin: 0;
  }
  body#sfGuardAuth div.compte_internaute div.connexion div.identification input[type="text"],
  body#sfGuardAuth div.compte_internaute div.connexion div.identification input[type="password"] {
    width: 100%;
    margin: 0 !important;
  }
  body#sfGuardAuth div.compte_internaute div.connexion div.identification input[type='checkbox'].connexion {
    margin: 0;
  }
  body#sfGuardAuth div.compte_internaute div.connexion div.identification ul.boutons li p#perte_mdp.mdp {
    background-color: #f6f6f4;
    width: inherit;
    padding: 0;
  }
  body div#bandeau .brand-logo {
    padding: 10px;
    width: 100vw;
    height: 70px;
    text-align: center;
  }
  body div#bandeau .brand-logo img {
    float: none;
    margin: 0;
  }
  body div#bandeau .brand-logo img.mobile {
    display: inline-block !important;
  }
  body div#bandeau .outils {
    width: auto;
  }
  body div#bandeau h1 {
    display: none;
  }
  body div.actu {
    margin-right: 0;
    margin-left: 0;
  }
  body div.bloc_index h2 {
    line-height: inherit;
    height: 3.5em;
  }
  body#accueil ul#utilisateur {
    bottom: auto;
  }
  body#accueil #centre #col_gauche div.bloc_index div.block-text h2 {
    border: 0 none;
  }
  #form_nvpe .planninghebdo .listeCreneau {
    display: flex;
    flex-direction: column;
  }
  #form_nvpe .planninghebdo .listeCreneau .jours {
    display: none;
  }
  #form_nvpe .planninghebdo .planninghebdo_creneau {
    width: 70%;
    margin-bottom: 10px;
  }
  #form_nvpe .creneaux {
    flex-direction: column;
  }
  #form_nvpe .creneaux .jours {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  nav > a:after {
    right: -5.75rem;
  }
}