/*!
 * Bootstrap Responsive v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

/*Polices texte*/
/*Polices titre*/
/*ALERTE*/
/*INFOS VERTES*/
/*INFOS BLEUES*/
/*INFOS oranges*/
/*208.0*/

/*210.12*/
/*211.0*/
/*211.0*/

/* Mixin Arpege (pour ne pas toucher aux fichiers bootstrap */
/* DEFINITION DES PARAMETRES POLICES TEXTE ET TITRE */
/* --- SI POLICE TITRE CUPRUM OU EUROFURENCE ---- Param�tres de base-------------------------------*/
/* --- SI POLICE TITRE TORID OU LINUX LIBERTINE OU NILLAND -------------------------------*/
/* DEFINITION DES PARAMETRES GENERAUX DU SITE */
/*COULEURS PERSONNALISATION */
/* DEFINITION DES PICTOGRAMMES DU SITE */
/* DEFINITIONS DES COULEURS DES LIENS DU SITE */
/* DEFINITION DES RADIUS ASSOCIES AUX ELEMENTS DU SITE */
/* DEFINITION DES PARAMETRES STANDARDS - NE PAS TOUCHER */
/* ombres port�es - ne pas toucher */
/* transition - ne pas toucher */
/* bordure - ne pas toucher */
/* -------PERSONNALISATION PARAMETRES GENERAUX -------------------------------------------------------------------------*/
/* -------PERSONNALISATION MENUS----------------------------------------------------------------------------------------------- */
/* style | variant (normal, (no-)common-ligatures, small-caps) | weight | stretch | size | family */
/*----------PERSONNALISATION TITRES-------------------------------------------------------------------------------------------------------*/
/*----------PERSONNALISATION ZONE DE CONNEXION----------------------------------------------------------------------------------------*/
/*-------------PERSONNALISATION MISE EN AVANT ----------------------------------------------------------------------------------------------------*/
/*-------------PERSONNALISATION BOUTONS----------------------------------------------------------------------------------------------------*/
/*-----------TABLEAUX-----------------------------------------------------------------------------*/
/*-----------TIMELINE---------------------------------------------------------------------------*/
/*------------DALLES------------------------------------------------------------------------------*/
/*@pastilleMessageCouleur: lighten(@green, 45%);                      // couleur de fond de la pastille
@pastilleMessageCouleurPolice: @couleurDecline10;                   // couleur de la police
@pastilleMessageBorder:@couleurDecline10;                           // couleur du contour de la pastille*/
/*------- PERSONNALISATION PARTIE DEMARCHES CITOYENNES-----------------------------------------------------------------------------*/
/*------- PERSONNALISATION PARTIE FAMILLE -----------------------------------------------------------------------------------*/
/* ---- PERSONNALISATION PARTIE------- MON TABLEAU DE BORD ---- MA FAMILLE ---- MES DEMARCHES ---------------------------------*/
/*---------PAGES ACTUALITES ---------------------------------------------------------------------------------------------------*/
/*ACTU publique*/
/* style | variant (normal, (no-)common-ligatures, small-caps) | weight | stretch | size/line-height | family */
/*ACTU priv�e*/
/*----------- CALENDRIERS ------------------------------------------------------------------------------------------------------*/
/* partie de droite de confirmation de rdv*/
/* couleurs du calendrier*/
/* tableau du calendrier*/
/*--------PERSONNALISATION PARTIE CITOYEN -------------------------------------------------------------------------------------------------*/
/*-----------PAGE SONDAGE--------------------------------------------------------------------------------------------------------------*/
/*-----------CALENDRIER DES PERIODICITES-----------------------------------------------------------------------*/
/*-----------FOOTER - PIED DE PAGE-----------------------------------------------------------------------*/
/*----------- PAGE D'AIDE -----------------------------------------------------------------------*/
/* style | variant | weight | stretch | size/line-height | family */
/* style | variant (normal, (no-)common-ligatures, small-caps) | weight | stretch | size/line-height | family */
/*_EVOLUTIONS_206.0*/
/*207.0*/
/*211.0*/
/*212.0*/
/*212.0*/
/*212.0*/
/*212.1*/
/*212.1*/
/*212.3*/
/*212.4*/
/*224.1*/
/* DEFINITION DES PARAMETRES POLICES TEXTE ET TITRE */
/* --- SI POLICE TITRE CUPRUM OU EUROFURENCE ---- Paramètres de base-------------------------------*/
/* --- SI POLICE TITRE TORID OU LINUX LIBERTINE OU NILLAND -------------------------------*/
/* DEFINITION DES PARAMETRES GENERAUX DU SITE */
/*COULEURS PERSONNALISATION */
/* DEFINITION DES PICTOGRAMMES DU SITE */
/* DEFINITIONS DES COULEURS DES LIENS DU SITE */
/* DEFINITION DES RADIUS ASSOCIES AUX ELEMENTS DU SITE */
/* DEFINITION DES RADIUS ASSOCIES AUX ELEMENTS DU SITE */
/* DEFINITION DES PARAMETRES STANDARDS - NE PAS TOUCHER */
/* ombres portées - ne pas toucher */
/* transition - ne pas toucher */
/* bordure - ne pas toucher */
/* -------PERSONNALISATION PARAMETRES GENERAUX -------------------------------------------------------------------------*/
/* -------PERSONNALISATION MENUS----------------------------------------------------------------------------------------------- */
/* style | variant (normal, (no-)common-ligatures, small-caps) | weight | stretch | size | family */
/*----------PERSONNALISATION TITRES-------------------------------------------------------------------------------------------------------*/
.dalle-suite h3 {
  color: #c01068;
}
/*----------PERSONNALISATION ZONE DE CONNEXION----------------------------------------------------------------------------------------*/
/*-------------PERSONNALISATION MISE EN AVANT ----------------------------------------------------------------------------------------------------*/
/*-------------PERSONNALISATION BOUTONS----------------------------------------------------------------------------------------------------*/
.btn {
  text-shadow: none !important;
}
/*-----------TABLEAUX-----------------------------------------------------------------------------*/
/*-----------TIMELINE---------------------------------------------------------------------------*/
/*------------DALLES------------------------------------------------------------------------------*/
/*------- PERSONNALISATION PARTIE DEMARCHES CITOYENNES-----------------------------------------------------------------------------*/
/*------- PERSONNALISATION PARTIE FAMILLE -----------------------------------------------------------------------------------*/
.btns_mon_espace a {
  color: #555555;
}
#divMonEspace h2 {
  border-radius: 15px;
  text-align: center;
}
/* ---- PERSONNALISATION PARTIE------- MON TABLEAU DE BORD ---- MA FAMILLE ---- MES DEMARCHES ---------------------------------*/
/*---------PAGES ACTUALITES ---------------------------------------------------------------------------------------------------*/
/*ACTU publique*/
/* style | variant (normal, (no-)common-ligatures, small-caps) | weight | stretch | size/line-height | family */
/*ACTU privée*/
/*----------- CALENDRIERS ------------------------------------------------------------------------------------------------------*/
/* partie de droite de confirmation de rdv*/
/* couleurs du calendrier*/
/* tableau du calendrier*/
/*--------PERSONNALISATION PARTIE CITOYEN -------------------------------------------------------------------------------------------------*/
/*-----------PAGE SONDAGE--------------------------------------------------------------------------------------------------------------*/
/*-----------CALENDRIER DES PERIODICITES-----------------------------------------------------------------------*/
/*-----------FOOTER - PIED DE PAGE-----------------------------------------------------------------------*/
/*----------- PAGE D'AIDE -----------------------------------------------------------------------*/
/* style | variant | weight | stretch | size/line-height | family */
/* style | variant (normal, (no-)common-ligatures, small-caps) | weight | stretch | size/line-height | family */
/*206.0*/
/*208.0*/
/*210.12*/
/*211.0*/
/*212.0*/
/*212.1*/
/*----------PERSONNALISATION ZONE DE CONNEXION----------------------------------------------------------------------------------------*/
/*212.1*/
/*----------PERSONNALISATION ZONE DE CONNEXION----------------------------------------------------------------------------------------*/
/*212.1*/
/*----------PERSONNALISATION ZONE DE CONNEXION----------------------------------------------------------------------------------------*/
/*212.1*/
/*----------PERSONNALISATION ZONE DE CONNEXION----------------------------------------------------------------------------------------*/
/*212.1*/
/*212.4*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 19pt;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 999px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: normal;
  }
  .navbar-fixed-bottom {
    margin-top: normal;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 0.525rem;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 0.525rem 15px;
    margin: 0.525rem 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 767px) {
  body {
    background: white;
  }
  .row,
  .row-old {
    margin-left: -8px;
    *zoom: 1;
  }
  [class*="span"] {
    float: left;
    /*min-height: 1px;*/
    margin-left: 8px;
  }
  header .bandeau {
    width: 100%;
    background-position: 0;
  }
  .footer-list {
    display: flex;
    gap: 0.2rem;
    list-style: none;
    margin: 0;
    flex-wrap: wrap;
    font-size: 0.7rem;
    width: calc(100% - 78px);
  }
  section.menu {
    width: 100%;
    margin-left: 0px;
    border-bottom: 5px solid #e5e9ea;
    min-height: 30px;
    display: flex;
  }
  section.menu1Colonne {
    border-bottom: 1px solid #eeeeee;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 98%;
  }
  .containerprincipal {
    width: 95%;
    padding: 5px 3px 0 4px;
    overflow-x: hidden;
  }
  .span-sectionmenudalle {
    width: 99%;
    float: none;
  }
  .span-sectionfocus {
    width: 99%;
  }
  .span-sectiongenerale {
    width: 98%;
    display: flex;
    flex-direction: column;
  }
  .span-sectiongenerale form {
    overflow-x: scroll;
  }
  .span-sectionprincipale {
    width: 99%;
  }
  .span-sectionprincipale-responsive {
    float: none;
    margin-left: 0px;
  }
  .span-sectionsecondaire {
    width: 99%;
  }
  .span-sectionchoixdemarche {
    width: 99%;
  }
  .span-sectionprincipaleetroitehaute {
    width: 99%;
    min-height: 0;
  }
  .span-sectionprincipaleetroite {
    width: 99%;
  }
  .span-sectionactualitesaccueil {
    width: 99%;
    float: right;
  }
  .span-sectionactualitesaccueil .article-secondaire {
    width: auto;
  }
  .span-sectionmenuinterne {
    width: 97%;
  }
  .span-sectionmenuinternesondage {
    width: 97%;
  }
  .container-listActus {
    width: 100%;
    overflow: hidden;
  }
  .container-listDocuments {
    width: 100%;
    overflow: hidden;
  }
  .container-listSondage {
    width: 100%;
    overflow: hidden;
  }
  .span-sectiondemarche {
    width: 99%;
    float: right;
  }
  #secDemandeFocus h2,
  #divSectionActualites h2 {
    margin-top: 30px;
  }
  #secDemandeFocus div.span-sectionprincipaleetroite {
    float: right;
  }
  .span-alerte {
    margin-left: 6px;
  }
  .article-principale {
    width: 99%;
  }
  .article-principale-resume {
    width: 99%;
  }
  .article-document-resume {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  .article-secondaire {
    width: auto;
    float: none;
    margin-left: 94px;
  }
  .article-principaleetroite {
    width: 99%;
  }
  .span-infosprincipales {
    width: 66%;
  }
  .ac_TypeDemande_detail {
    width: 92%;
  }
  .dalle {
    margin-left: 8px;
    /*width: 99% / 3;*/
  
  }
  .dalleActu {
    width: 88px;
    height: 80px;
  }
  .divBlocDalles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.3rem 0.5rem;
    padding-left: 0;
  }
  .dallearrondi {
    margin-left: 7px;
    /*width: 99% / 3;*/
  
  }
  .dallearrondi:hover,
  .dallearrondi:focus {
    -moz-opacity: 1;
    opacity: 1;
  }
  #hActualiteTitre_detail,
  #hActiviteTitre_detail,
  #hInfoTitre_detail {
    margin-left: 8px;
    float: none;
    width: auto;
    padding-top: 10px;
  }
  #artActualite_detail {
    margin: -8px;
  }
  .superUserBar {
    padding: 0;
    width: 100%;
    margin-left: -13px;
  }
  #accepterCookies {
    width: auto;
    margin: 0;
    padding: 20px;
  }
  /* ----------------- login     ----------------------------------------------*/
  
  .span-sectionlogin {
    width: 100%;
  }
  .para-style7 .username-login-old,
  .para-style7 .password-login-old {
    height: 40px;
  }
  .span-sectionlogin-home {
    width: 100%;
    border-right: none;
    margin-bottom: 1rem;
  }
  .menu-login {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: 3px solid #07bb9c;
  }
  .menu-login li {
    display: block;
    list-style: none;
    float: left;
    width: 50%;
    cursor: pointer;
    /*border-width:1px 1px 0 1px;
              border-style:solid;
              border-color:@gris;
              margin-right: 5px;*/
  
  }
  .menu-login li:first-child {
    margin-right: 5px;
  }
  .menu-login li:last-child {
    margin-right: -4px;
  }
  .menu-login li h2 {
    margin: 0;
    font-size: 1.05rem;
    background-color: #07bb9c;
    text-align: center;
    padding: 2.5%;
  }
  .menu-login li h2.login-unselected {
    background-color: #bcbcbc;
  }
  .menu-login:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .btn-connexion-local-old {
    height: 48px;
    width: auto;
  }
  .menu-login ~ div.bloc-style1 {
    padding-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #bcbcbc;
    border-top: none;
    padding-right: 3px;
  }
  .menu-login ~ div.row {
    display: none;
  }
  .bloc-style1 {
    padding-bottom: 10px;
    border-radius: 0;
  }
  .bloc-style1-old {
    padding-bottom: 10px;
    border-radius: 0;
    width: 100%;
    padding-top: 1rem;
  }
  .titre-login-monespaceperso,
  .titre-login-sansespace {
    background-image: none;
    padding-left: 0 7px;
  }
  .titre-login-monespaceperso-rattachement {
    width: 100%;
  }
  .titre-login-sansespace {
    background-image: none;
    padding-left: 0 7px;
  }
  #connexionAvecOIDC {
    margin-top: 0;
  }
  .styleRapproFcMargin {
    margin-right: 0;
  }
  .div-login-espace .titre-style3 {
    display: none;
  }
  /*------------------actualit�s-----------------------------------------------*/
  
  .sectionDouble {
    width: 200%;
  }
  #containerActu.span-sectionprincipale {
    width: 49%;
  }
  #containerActuArticle {
    width: 49%;
  }
  #divActualiteImage_detail,
  #divActiviteimage_detail,
  #divInfoImage_detail {
    display: none;
  }
  #divFocusActuPrive {
    margin: 10px 0;
    padding-left: 0px;
  }
  #divFocusActu {
    margin-left: 0;
  }
  /*------------------documents publi�s----------------------------------------*/
  
  #containerDocument.span-sectionprincipale {
    width: 49%;
  }
  #containerDocumentArticle {
    width: 49%;
  }
  .document-focus {
    width: 98%;
  }
  /*------------------- Menu de navigation ------------------ */
  
  #menuhorizontal {
    align-items: center;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
  }
  .boutonConnexionModale {
    margin: 0.5% 0;
    width: 9.125rem;
  }
  ul.horizontal {
    display: none;
    background-color: white;
    position: absolute;
    top: 38px;
    left: 5px;
    z-index: 2000;
    -moz-box-shadow: 0px 3px 6px #00000029;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    width: 90%;
    margin-left: 10px;
    border-radius: 4px;
    padding-left: 10px;
    padding-bottom: 20px;
  }
  ul.horizontal li {
    width: 97%;
  }
  ul.horizontal li:active,
  ul.horizontal li:hover {
    background-color: #ffeed4;
  }
  ul.horizontal li a {
    width: 97%;
    margin: 4px 2px 5px 0;
  }
  ul.horizontal li a.couleurMenuPriveMonAccueil,
  ul.horizontal li a.couleurMenuPublicAccueil {
    border-bottom: 5px solid #86b1f2;
  }
  ul.horizontal li a.couleurMenuPriveActualites,
  ul.horizontal li a.couleurMenuPublicActualites {
    border-bottom: 5px solid #f47458;
  }
  ul.horizontal li a.couleurMenuPriveActivites,
  ul.horizontal li a.couleurMenuPublicActivites {
    border-bottom: 5px solid #07bb9c;
  }
  ul.horizontal li a.couleurMenuPriveInfosPratiques,
  ul.horizontal li a.couleurMenuPublicInfosPratiques {
    border-bottom: 5px solid #f3c20b;
  }
  ul.horizontal li a.couleurMenuPriveSondage,
  ul.horizontal li a.couleurMenuPublicSondage {
    border-bottom: 5px solid #f64a9b;
  }
  ul.horizontal li a.couleurMenuPublicNlleDemarche {
    border-bottom: 5px solid #1c69dc;
  }
  ul.horizontal li a.couleurMenuPublicSiteMairie {
    border-bottom: 5px solid #34cde9;
  }
  ul.horizontal li a.couleurMenuPriveDocuments,
  ul.horizontal li a.couleurMenuPublicDocuments {
    border-bottom: 5px solid #c989e1;
  }
  ul.horizontal li a.borderBottom1ColonneMonAccueil {
    border-bottom: 2px solid #86b1f2;
  }
  ul.horizontal li a.borderBottom1ColonneActualite {
    border-bottom: 2px solid #f47458;
  }
  ul.horizontal li a.borderBottom1ColonneActivite {
    border-bottom: 2px solid #07bb9c;
  }
  ul.horizontal li a.borderBottom1ColonneInfoPratique {
    border-bottom: 2px solid #f3c20b;
  }
  ul.horizontal li a.borderBottom1ColonneSondage {
    border-bottom: 2px solid #f64a9b;
  }
  ul.horizontal li a.borderBottom1ColonneDemarche {
    border-bottom: 2px solid #1c69dc;
  }
  ul.horizontal li a.borderBottom1ColonneDocument {
    border-bottom: 2px solid #c989e1;
  }
  ul.horizontal li a h3 {
    font-size: 0.90355rem;
    margin: 5px;
  }
  ul.horizontal li a.couleurMenuPriveDeconnexion {
    border-bottom: none;
    padding-top: 5px;
  }
  ul.horizontal li a.couleurMenuPriveDeconnexion h3 {
    color: #c90505;
  }
  span.identifiantConnexion {
    background-color: transparent;
    border: none;
    padding: 0;
    padding-right: 5px;
    float: right;
    margin-right: 2px;
  }
  span.identifiantConnexion a.deconnexion {
    background: url('images/deconnexion.png') no-repeat center center #c90505;
    border: 1px solid #b00404;
    width: 22px;
    height: 22px;
    padding: 2px;
    display: block;
    border: none;
    text-decoration: none;
    text-align: center;
    margin-right: 5px;
  }
  .lnkMenuMobile {
    /*border-bottom: solid 5px @borderMenuHorizontalCouleur;*/
    z-index: 3;
  }
  .lnkMenuMobile span {
    font-size: 1.125rem;
    font-family: 'Arial', sans-serif;
    line-height: 32px;
    vertical-align: bottom;
    color: #333333;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    text-rendering: optimizeLegibility;
  }
  .lnkMenuMobile .imgMenuMobile {
    width: 32px;
    height: 32px;
    vertical-align: top;
    padding: 0 5px 0 2px;
  }
  .filter a {
    line-height: 25px;
  }
  table.menu_deroulant tr {
    height: 35px;
  }
  .lien-accueil-public {
    -moz-box-shadow: 0px 0px 0px 1px rgba(98, 98, 98, 0.2), 0px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(98, 98, 98, 0.2), 0px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 0px 1px rgba(98, 98, 98, 0.2), 0px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 2px 2px rgba(0, 0, 0, 0.15);
    text-align: center;
  }
  #divDetailWrapping {
    width: calc(100vw - 32px);
  }
  #divDetailWrapping ul .heureDemarche,
  #divDetailWrapping ul .typeDemarche,
  #divDetailWrapping ul .messageDemarche {
    display: none;
  }
  #divDalle_DemarchesSuite-new {
    width: calc(100% - 8px);
    margin-top: 0.5rem;
    margin-left: 0.5rem;
  }
  #pMonEspaceEmail.para-style2 {
    width: 66%;
  }
  /* D�marches mises en avant */
  
  .dallefocus + .article-principaleetroite {
    width: auto;
    float: none;
    padding-left: 88px;
  }
  /*------------------- Recherche d'un type de demande ------------------- */
  
  .span-sectionrechercheqdtinput {
    width: 75%;
  }
  /*.span-sectionrechercheqdtbtn {
          width: 15%;
      }*/
  
  /*----------------------------- La demande ----------------------------- */
  
  .nav-haut,
  .nav-bas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .nav-haut .btn-style2,
  .nav-haut .btn-styleAnnuler,
  .nav-haut .btn-styleLienRetour,
  .nav-haut .btn-style3 {
    display: none;
  }
  .nav-bas .btn-styleSubmitBrouillon {
    display: none;
  }
  #issues > li.selected > div.nav-bas,
  #issues > li.selected > div.nav-haut {
    display: flex;
    flex-direction: column;
  }
  .nav-bas .btn,
  .nav-haut .btn {
    width: 80%;
    font-size: 1rem;
    height: 2rem;
    float: left;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
  }
  .nav-bas .btn-style3 {
    width: 84%;
  }
  /*----------------------------- La timeline ---------------------------- */
  
  .arpege-timln a {
    display: none;
  }
  .arpege-timln a.arpege-timln-inactive {
    display: none;
  }
  .arpege-timln a.selected {
    display: inline-block;
  }
  #timeline {
    margin: 0 auto;
  }
  .arpege-timln {
    width: 100%;
  }
  .arpege-timln li {
    width: 100%;
  }
  #issues {
    margin: 0;
    width: 100%;
  }
  #issues > li {
    width: 100%;
  }
  .menu_deroulant_calendrier {
    width: auto;
  }
  .contentMenuDeroulant_calendrier {
    width: 100%;
  }
  .contentMenuDeroulant_calendrier .dateDemarche {
    display: none;
  }
  table.menu_deroulant_calendrier {
    width: 100%;
  }
  .menu_deroulant_calendrier tr td table tr td {
    padding-left: 0;
    padding-right: 0;
  }
  .slider-range {
    width: auto !important;
  }
  .menu_deroulant_calendrier tr td table tr td.libellePlage {
    width: auto;
  }
  .span-sectionformulaire {
    width: 99%;
    margin-bottom: 5px;
  }
  .formulaire-blocinterne {
    width: 98%;
  }
  .plagesHorairesSemaine div.menu_deroulant_calendrier {
    width: 100%;
  }
  .plagesHorairesSemaine table.menu_deroulant_calendrier {
    width: 98%;
  }
  .plagesHorairesSemaine .contentMenuDeroulant_calendrier {
    padding-left: 10px;
  }
  .recapPlagesHorairesSemaine {
    max-width: 98%;
  }
  .recapPlagesHorairesSemaine ul {
    max-width: 98%;
  }
  .formulaire-blocinterne .span-sectionformulaire {
    width: 99%;
  }
  .span-sectionformulaire-recap {
    width: 584px;
  }
  .span-sectionformulaire-recap .formulaire-label + span {
    display: inline;
    padding-left: 0;
    width: auto;
  }
  .span-sectionformulairelarge {
    width: 99%;
  }
  .span-sectionformulaire-recap {
    width: 99%;
    margin-bottom: 5px;
  }
  #recapitulatif-rdv .row {
    margin-left: auto;
  }
  .metierDemarche ul {
    margin-top: 8px;
  }
  .detailDemarche a {
    width: 24px;
    display: block;
  }
  .pjObligatoire {
    position: absolute;
    left: 14%;
  }
  .span-sectionformulaire_DFU {
    width: 94%;
    margin-left: 0;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne {
    width: 100%;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne .span-sectionformulaire_DFU {
    margin-left: 10px;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne .span-sectionformulaire_DFU .formulaire-blocinterne {
    width: 90%;
  }
  .span-adresse-sectionformulaire_DFU {
    width: 94%;
  }
  .formulaire-label,
  .formulaire-label_DFU {
    margin-left: 0px;
    float: none;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 0;
    font-weight: bold;
    width: 100%;
  }
  .formulaire-label-simple {
    margin-left: 0px;
    width: 0px;
  }
  .formulaire-span {
    margin-left: 0;
    padding: 0;
    margin-bottom: 5px;
    width: 100%;
  }
  .formulaire-habilitations {
    display: inline-block;
    min-width: 120px;
  }
  .toolTip {
    display: none;
  }
  span.toolTip img {
    margin-right: 10px;
  }
  .oeil {
    position: absolute;
    left: 92%;
    top: 44px;
  }
  .oeil-accueil,
  .oeil-accueil-old {
    bottom: 11px;
    top: auto;
  }
  div.map_canvas {
    width: 95%;
    margin-left: 0px;
  }
  .btns-adresse {
    width: 95%;
  }
  .errors {
    position: fixed;
    top: 0;
    left: 10px;
    z-index: 3000;
  }
  .formulaire textarea,
  .formulaire input[type="text"],
  .formulaire input[type="password"],
  .formulaire input[type="datetime"],
  .formulaire input[type="datetime-local"],
  .formulaire input[type="date"],
  .formulaire input[type="month"],
  .formulaire input[type="time"],
  .formulaire input[type="week"],
  .formulaire input[type="number"],
  .formulaire input[type="email"],
  .formulaire input[type="url"],
  .formulaire input[type="search"],
  .formulaire input[type="tel"],
  .formulaire input[type="color"] {
    width: 93%;
    padding: 0.5rem;
  }
  .formulaire select {
    width: 99%;
    padding: 0.5rem;
  }
  .sCheckBox label {
    width: 85%;
  }
  .formulaire input[type="text"].numRNA {
    width: 92%;
  }
  .tempsDemarche {
    margin: 10px 0 5px 0;
    float: none;
    padding: 10px 10px 10px 60px;
  }
  .MinuteDemarche {
    margin: 3px;
  }
  #pTempsDemarcheLibelle {
    float: left;
    margin: 3px;
  }
  .bloc-captcha {
    margin-left: 8px;
  }
  .help-block,
  .informations {
    margin-left: 0px;
    max-width: calc(100vw - 56px);
  }
  /*---------------------formulaires-------------------------------------*/
  
  .formulaire select.btqAdr {
    width: 25%;
  }
  .ac_TypeDemande_detail ul li {
    margin: 15px 0;
  }
  /*----------------------------- Les rendez-vous ---------------------------- */
  
  .calendarND {
    width: 99%;
  }
  .jcarousel-skin-rdv {
    width: 97%;
  }
  .jcarousel-skin-rdv .jcarousel-container-horizontal {
    width: 98%;
  }
  .jcarousel-skin-rdv .jcarousel-clip-horizontal {
    width: 83%;
    margin-left: 8%;
  }
  .dateRdv {
    width: 99%;
    float: none;
    min-height: 80px;
    /*font-size: 9pt;*/
  
  }
  .dateRdv p {
    margin: 10px 8px;
    padding: 0;
  }
  .dateRdv .boutonsAction > .btn-normal {
    width: 86%;
  }
  .bloc-imgRdv {
    display: none;
  }
  .bloc-dateChoisie {
    width: 99%;
  }
  .bloc-dateChoisie p.rdvNomSite,
  .bloc-dateChoisie p.rdvDateHeure,
  .rdvProgrammer,
  .rdvNotifier {
    width: 90%;
    float: left;
    padding: 5px 0 3px;
    margin: 3px 18px;
    line-height: 15px;
  }
  .bloc-dateChoisie p.rdvDescription {
    width: 90%;
    float: left;
    margin-left: 8px;
  }
  .optionsRdv {
    padding: 0px;
  }
  .menu_deroulant_rdv {
    width: 99%;
    margin: 3px;
  }
  .nbCreneauxRdv {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
  }
  .nbCreneauxRdv p {
    margin: 13px 0 5px 10px;
  }
  /*----------------------------- Les pi�ces jointes ---------------------------- */
  
  .menu_deroulant_upload {
    width: 95%;
  }
  .divPJListeInfos {
    width: auto !important;
  }
  .divPJAjoutFichiersInformations {
    margin-left: 0px;
    max-width: 97%;
  }
  .qq-uploader {
    margin-left: 5px;
  }
  .contentMenuDeroulant_upload {
    width: 99%;
  }
  .contentMenuDeroulant_upload form {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .ligne_btn_pj {
    margin-left: 5px;
  }
  .lstArtFilePJUpload,
  .divPieces {
    margin: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 190px;
    border: none;
  }
  .lstArtFilePJUpload .libQualifPJ,
  .divPieces .libQualifPJ {
    margin-top: 0;
    width: 100%;
    text-align: center;
    margin-left: 20px;
  }
  .pj-wide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .popUp {
    background-color: white;
    display: none;
    z-index: 4000;
    border: solid 1px #f89406;
    position: fixed !important;
    left: 0;
    top: 0;
    -moz-box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.5);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(98, 98, 98, 0.2), 0px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.5);
    overflow-y: auto;
    overflow-x: hidden;
    width: 99%;
    height: 99%;
    max-height: 99%;
  }
  .popUp h3:before {
    display: none;
  }
  /*MatthieuB 010622-1 Jira GRC2-5657 Probl�mes de boutons sortant de l'�cran en responsive   >>> D�but*/
  
  #divPJAjoutActions,
  .divPJBoutons,
  .divPJbtnActionCRUD,
  #divPJAjoutActions.pjActionPaf,
  div[id^="divPJConcAjoutActions"],
  div[id^="divPJConcAjoutActions"].pjActionPaf {
    width: 100%;
    margin: auto;
    padding-top: 15px;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
  }
  #formPJAjout {
    margin-left: 8px;
  }
  .labelAjoutPjMargin {
    margin-left: 8px;
  }
  /*MatthieuB 010622-1        <<< Fin*/
  
  /*----------------------------- Le r�capitulatif ---------------------------- */
  
  .ui-tabs {
    margin-left: 0;
    /* 20161124 - Retrait de la largeur... � remettre si effet de bord constat� */
    /* 18012024 - Effet de bord constat� dans le r�cap de la demande */
    width: 99%;
  }
  .span-recap {
    width: 79%;
    margin-left: 0px;
    z-index: 120;
    min-height: 275px;
  }
  /* ------------------------------ Le tab de suivi ---------------------------- */
  
  .span-tabs-v {
    margin-left: 0;
  }
  .row-tabs {
    width: 99%;
    margin-left: 4px;
  }
  ul.arpege-tabs {
    width: 98%;
  }
  ul.arpege-tabs li {
    width: auto;
    padding: 10px 15px;
  }
  .span-sectionsuivi {
    width: 100%;
  }
  .illustrSuivi {
    display: none;
  }
  .divContenuSuivi {
    float: left;
    margin-left: 8px;
    width: 256px;
    width: 93%;
  }
  .divContenuSuivi:after,
  .divContenuSuivi:before {
    border: none;
  }
  .row-fluid .span-sectiondate {
    float: left;
    width: 15%;
    padding-left: 5px;
  }
  .row-fluid .span-sectioncontenusuiviinterieur {
    float: left;
    width: 98%;
    padding: 5px 0;
  }
  .row-fluid .span-sectiondaterdv {
    float: left;
    width: 15%;
    padding-left: 5px;
  }
  .row-fluid .span-sectioncontenusuiviinterieurrdv {
    float: left;
    width: 65.333333333%;
    padding: 5px 0;
  }
  .divContenuSuiviRdv {
    width: 99%;
  }
  .row-fluid .span-rdvplanifiesuivi {
    width: 98%;
  }
  .row-fluid .span-rdvhistoriquesuivi {
    width: 98%;
  }
  .dateRdvSuivi {
    margin-left: 0px;
    width: 98%;
  }
  .arpege-tabs > li a {
    width: auto;
  }
  #Suivi h2.titre-formulaire {
    text-align: left;
    margin-left: 10px;
  }
  ul.arpege-tabs-v {
    width: 68px;
  }
  ul.arpege-tabs-v li.arpege-tabs-v,
  ul.arpege-tabs-v li a,
  .label-radio-2 {
    width: 68px;
    height: 68px;
    padding-right: 5px;
  }
  ul.arpege-tabs-v li.arpege-tabs-v img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 0 5px 15px;
  }
  ul.arpege-tabs-v li.ui-state-default {
    background-color: white;
    box-shadow: none;
    border: solid 1px #e5e9ea;
  }
  .label-radio-2 {
    font-size: 0.642rem;
    line-height: 10px;
    padding: 3px 0;
  }
  .smartiesSuivi {
    width: 14px;
    height: 14px;
  }
  span.smarties {
    right: -6px;
    top: 22px;
  }
  div.divContenuSuivi div.span-sectiondate,
  div.divContenuSuivi div.span-sectiondaterdv {
    width: 80%;
  }
  div.dateDemarche {
    width: auto;
    padding: 5px;
    margin-left: 0;
  }
  .dateJour,
  .dateMois,
  .dateAn {
    float: left;
    margin: 0 3px;
    font-size: 0.938rem;
  }
  .Lu,
  .Nonlu,
  .rdvEtat {
    float: none;
  }
  #dateRdv,
  #dateRdvSuivi {
    padding: 0 0 15px 0;
  }
  #Suivi .formulaire {
    padding: 5px;
    margin: 8px;
    width: 99%;
  }
  #divSyntheseDemandeSuivi .heureDemarche,
  #divSyntheseDemandeSuivi .typeDemarche {
    display: none;
  }
  #divSyntheseDemandeSuivi .actionDemarche,
  #divSyntheseDemandeArchivee .actionDemarche {
    width: 25%;
  }
  /*----------------------------tab recapitulatif ---------------------- */
  
  #divRecapDemandeur .formulaire {
    margin: 8px 0;
  }
  #Suivi .formulaire {
    padding: 5px;
    margin: 8px;
    width: 99%;
  }
  /*----------------------------la liste des demandes ---------------------- */
  
  .inclureDemandeArchivee {
    float: left;
    text-align: left;
  }
  .titreMetier {
    display: block;
  }
  /*----------------------------- page sondages ---------------------------- */
  
  #filter div img {
    float: left;
  }
  .span-sectionsondage {
    width: 50%;
  }
  #btnVoter button.btn-style5 {
    float: left;
  }
  .RepondreSondage input {
    margin: 10px 10px 10px 0;
  }
  div.span-blocsimple.para-style4 {
    width: 99%;
    float: none;
    text-align: left;
  }
  div.fondBarreSondage {
    width: 65%;
  }
  /*----------------------------- page mon compte ---------------------------- */
  
  .blocvide {
    display: none;
  }
  .span-sectionbtnpayer {
    width: 99%;
    margin: 0 0 20px 0 !important;
  }
  .span-sectionbtnpayer a {
    margin: 3px 0;
  }
  .EnteteReleve {
    padding: 0;
  }
  .span-simplereleve {
    width: 19%;
  }
  #detail div.span-sectionprincipale {
    margin-left: 0;
  }
  /* Ma photo */
  
  .maPhotoPreview {
    min-width: 0px;
    width: 95%;
  }
  .cropImage {
    max-width: 95%;
    max-height: 95%;
  }
  .divEcheances {
    grid-template-columns: 1fr 1fr;
    margin: auto;
    text-align: left;
    width: auto;
  }
  .divEcheances .span-sectionbtnpayer {
    grid-column: 1 / -1;
  }
  /*----------------------------- page mon relev� ---------------------------- */
  
  .para-style5 {
    margin: 5px 0;
    font-size: 0.7rem;
  }
  .span-MonCompte {
    width: 99%;
    margin-left: 10px;
  }
  .span-releveOperations {
    width: 39%;
  }
  .responsiveSpan {
    display: none;
  }
  .span-telechargerFacture {
    width: 99%;
    margin-left: 2px;
  }
  #divDetailCompte_Operation,
  #divDetailCompte_Date,
  #divDetailCompte_Debit,
  #divDetailCompte_Credit {
    min-height: 50px;
  }
  .CompteEtatFacture {
    width: 90%;
    margin-bottom: 17px;
    margin-left: 5px;
  }
  .span-btn {
    float: right;
  }
  div.rowcompte div.span-btn a.btn-style5 {
    float: right;
    width: 75px;
  }
  #voirDetail,
  #masquerDetail {
    color: #07bb9c;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
    line-height: 50px;
  }
  #voirDetail {
    background: url('images/details.png') no-repeat left;
  }
  #masquerDetail {
    background: url('images/modifier.png') no-repeat left;
  }
  /*-----------------------------Page tiPi tresorerie ---------------------------- */
  
  .formulaire-label-tipi {
    margin-left: 0;
    padding-left: 0;
    width: 40%;
  }
  #panel_Tipi input {
    width: 50%;
    margin-bottom: 15px;
  }
  /*----------------------------- fiche personne ---------------------------- */
  
  .monEspace {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sectionlarge {
    width: 99% !important;
  }
  .masque {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .span-sectionprofilfamille {
    width: 100%;
    border-right: none;
  }
  .span-sectionprofilfamilletitre {
    width: calc(100% - 8px);
  }
  .sectionprofilfamilleinfos {
    max-width: none;
  }
  .span-sectionidentite {
    width: 262px;
  }
  div.profilfamilletitregauche,
  div.profilfamilletitredroit,
  .retourAccueil {
    position: relative;
  }
  .profilfamilletitregauche,
  .profilfamilletitredroit,
  .retourAccueil {
    min-height: 32px;
    margin: 0 0 5px 8px;
    width: 50px;
    float: right;
  }
  div.profilfamilletitregauche,
  div.profilfamilletitredroit {
    width: 60px;
  }
  .profilfamilletitregauche {
    background: url('images/btn_fleche_mon_espace2_suivant.png') no-repeat right center transparent;
  }
  .profilfamilletitredroit {
    background: url('images/btn_fleche_mon_espace2_precedent.png') no-repeat left center transparent;
  }
  .retourAccueil {
    background: url('images/btn_retourAccueil.png') no-repeat right center transparent;
  }
  .retourAccueil a {
    height: 32px;
    width: 50px;
    display: block;
  }
  .span-sectionfichepersonnedetail,
  .span-sectionfichepersonnedetail_fiche,
  .span-sectionlisterbullinscr {
    width: 99%;
    margin-top: 10px;
  }
  .sectionprofilfamilleboutons {
    margin-left: 0.5rem;
    max-width: 97%;
  }
  .span-infofichepersonne {
    width: 59%;
  }
  .enteteSante {
    flex-wrap: wrap;
  }
  .span-calendrierdetail {
    width: 99%;
  }
  ul.semaine,
  ul.semain_fiche {
    width: 99%;
    margin-left: -4px;
  }
  ul.heuredetail,
  ul.heuredetail_fiche {
    width: 80%;
  }
  ul.heuredetail li.horloge,
  ul.heuredetail_fiche li.horloge,
  ul.heuredetail li.horloge_fiche,
  ul.heuredetail_fiche li.horloge_fiche {
    width: 99%;
  }
  ul.heuredetail div,
  ul.heuredetail_fiche div {
    width: 99%;
  }
  li.FichePersonne_calendrier_CaseJourEntete a {
    width: 12.5%;
    margin-left: 0.5%;
    text-align: center;
    padding: 5px 2px;
  }
  li.FichePersonne_calendrier_CaseJour a,
  li.FichePersonne_calendrier_CaseJour span {
    width: 12.5%;
    margin-left: 0.5%;
    padding: 4px 2px;
  }
  .span-sectionfichepersonneliste {
    display: none;
  }
  .div-infosFichePersonne {
    flex-direction: column;
  }
  .listeEvenements_Agenda {
    margin-top: 10px;
    width: 100%;
  }
  .FichePersonne_calendrier_CaseJour img {
    display: block;
    margin: 2px 10px;
  }
  ul.heure {
    width: auto;
  }
  .span-sectioninfosfichepersonne {
    width: 100%;
  }
  .span-sectioninfosfichepersonne h2 {
    margin-top: 15px;
  }
  .fichedetail-container-ficheinscription {
    padding: 10px;
    display: inline-block;
    width: 90%;
    margin-left: 0px;
  }
  .heure_fiche {
    width: 44px !important;
  }
  .heuredetail_fiche li.horloge_fiche > div {
    padding: 8px 0px 8px 2px;
  }
  .formulaire-labelCoordonnees {
    margin-left: 0px;
    float: none;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 0;
    font-weight: bold;
    width: 100%;
    padding-top: 10px;
  }
  .tbsaisietel {
    width: 150px !important;
  }
  .inputTelDomicileListeRouge {
    margin-left: auto;
  }
  .inputTelPro {
    width: 150px !important;
  }
  .inputTelProPoste {
    width: 60px !important;
  }
  /*#divSaisieTelephones input[type="text"] {
          width:90%;
      }*/
  
  .tbsaisiecourriel {
    width: 150px !important;
  }
  .formulaire-label-document-dynamique {
    text-align: left;
    display: block;
    float: none;
    color: #333333;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0px;
    font-style: italic;
    font-weight: bold;
  }
  .formulaire-label-document-dynamique-GCN {
    text-align: left;
    display: block;
    float: none;
    color: #333333;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0px;
    font-style: italic;
    font-weight: bold;
  }
  /*------------------------apparence-----------------------------------------*/
  
  .titre-alerte,
  .popup-infos1 .titre-alerte {
    margin-left: 5px;
    padding-left: 40px;
  }
  #spanActualiteDate_pretitre {
    position: static;
    float: none;
  }
  .bloc-style7 {
    margin-bottom: 10px;
  }
  form {
    margin: 0 0 5px;
  }
  .popup-alerte,
  .popup-infos1 {
    margin-left: 0;
  }
  .popup-infos1 .span-sectionprincipale,
  .popup-alerte .span-sectionprincipale {
    margin-left: 30px;
  }
  #divAlerte .span-sectionsecondaire,
  #divInfos .span-sectionsecondaire,
  #divAlerte .span-sectionprincipale,
  #divInfos .span-sectionprincipale {
    width: auto;
  }
  .popup-infos2 {
    width: 97%;
    margin: 0 0 30px 0;
  }
  .dalle-suite {
    float: left;
  }
  .btn {
    margin: 7px 0;
  }
  .content-sep-horizontal {
    margin-bottom: 0;
  }
  input.btn.btn-styleloupe {
    margin: 0;
  }
  .alertecalendrier {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
  }
  .case_calendrier_inactive,
  .case_calendrier,
  .case {
    width: 320px;
  }
  .case .numerojour span,
  .case_calendrier_inactive .numerojour span,
  .case_calendrier .numerojour span {
    width: auto;
    float: left;
  }
  .case .numerojourgris span,
  .case_calendrier_inactive .numerojourgris span,
  .case_calendrier .numerojourgris span {
    width: auto;
    float: left;
  }
  .case .numerojour span:first-child,
  .case_calendrier_inactive .numerojour span:first-child,
  .case_calendrier .numerojour span:first-child {
    margin-right: 5px;
  }
  .case .numerojourgris span:first-child,
  .case_calendrier_inactive .numerojourgris span:first-child,
  .case_calendrier .numerojourgris span:first-child {
    margin-right: 5px;
  }
  span.semaines {
    width: 325px;
    height: 30px;
    margin-bottom: 5px;
  }
  span.semaines span:first-child {
    display: inline !important;
  }
  .numerojour,
  .numerojourgris {
    width: 280px;
  }
  .navigation_calendrier {
    height: 50px;
  }
  .navigation_calendrier ul {
    margin: 0;
  }
  .navigation_calendrier ul li.selectdate {
    float: none;
    height: 37px;
    margin-left: 5px;
  }
  .datePointage {
    margin: 0 auto;
  }
  .datePointage img {
    margin: 0;
    padding: 10px;
  }
  .datePointage p {
    margin-top: 10px;
    /*min-width: 45px;*/
  
  }
  .panierResa {
    margin: 2px 0 0;
    width: auto;
    border: none;
    border-left: 5px solid #deedef;
    border-right: 5px solid #deedef;
    padding: 12px 5px;
  }
  .panierResa:hover {
    border: none;
    border-left: 5px solid #deedef;
    border-right: 5px solid #deedef;
  }
  .titre-ajoutpiece {
    background-position: center left;
  }
  #divReconPopup {
    width: 100%;
  }
  #divReconPopup .span-sectionlogin {
    padding-left: 15px;
    width: 90%;
  }
  .Illus_FC {
    display: none;
  }
  #creationAvecFC {
    float: none;
    /*border-bottom: 1px solid @grayLightMedium;*/
    border-right: none;
    min-height: unset;
    margin-top: 30px;
    padding-bottom: 10px;
    width: 100%;
  }
  .sep-vertical {
    border-top: solid 1px;
    border-right: none;
    border-color: #bcbcbc;
    width: 45%;
    display: inline-block;
    height: 2px;
  }
  .sep-content-vertical {
    display: flex;
    height: 100%;
    margin-bottom: 30px;
    float: none;
    margin-right: 0px;
    align-items: center;
    justify-content: center;
  }
  .sep-text-vertical {
    display: inline;
    margin: 0px 5px;
  }
  .kit-FranceConnect #fconnect-profile #fconnect-access {
    width: auto;
  }
  .bodyAPropos {
    padding: 0 0 0 5px;
  }
  .preLicence {
    margin: 10px 0;
  }
  dt {
    width: 30%;
  }
  dd {
    width: 67%;
  }
  .blocFcInfoImage {
    display: none;
  }
  .blocFcRight {
    float: inherit;
    width: 100%;
  }
  .blocFcRight .bloc-style1 {
    float: inherit;
  }
  .blocMailRapproFC {
    display: inline;
    vertical-align: top;
  }
  .blocLogOnPartial {
    display: inline;
    vertical-align: top;
  }
  .blocSeparationFC {
    display: inline;
  }
  .sep-vertical {
    border-top: solid 1px;
    border-color: #bcbcbc;
    width: 40%;
    display: inline-block;
    height: 2px;
  }
  .content-sep-vertical {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
  }
  .text-sep-vertical {
    display: inline-block;
    margin: 0px 5px;
  }
  #btnFermer {
    width: 90%;
    float: inherit !important;
    display: inline-block !important;
  }
  /*----------------------r�servation-----------------------*/
  
  .zoneUnitaire div div div {
    display: none;
  }
  span.semainesResas {
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
  }
  table.ZoneHoraire {
    width: 99%;
  }
  .Popupcase_calendrier {
    width: 280px !important;
  }
  .Popupcase_calendrier_inactive {
    width: 280px !important;
  }
  span.semainesResas span:first-child {
    display: inline !important;
  }
  .unJour,
  .deuxJours,
  .troisJours,
  .quatreJours,
  .cinqJours,
  .sixJours,
  .septJours {
    width: 100%;
  }
  .codeUnite {
    float: left;
    line-height: 25px;
    display: table-cell;
    vertical-align: baseline;
    margin: 2px 0;
  }
  .codeUnite.unJour,
  .codeUnite.deuxJours,
  .codeUnite.troisJours,
  .codeUnite.quatreJours,
  .codeUnite.cinqJours,
  .codeUnite.sixJours,
  .codeUnite.septJours {
    width: 170px;
  }
  /*----------------------r�servation s�ances-----------------------*/
  
  .section-filtre-reservations-container {
    min-height: 0;
  }
  .section-filtre-reservations.filtre-reservations-fixed {
    width: 99%;
    margin-left: -50%;
    left: 50%;
  }
  #filtreTexte {
    margin-top: 7px;
  }
  .menu_deroulant_resa tr {
    height: 50px;
  }
  #detail_reservation_seance.span-detailreservations,
  #detail_panier.span-detailreservations,
  #detail_devis.span-detailreservations,
  #confirmation_annulation,
  #confirmation_inscription,
  #confirmation_inscriptionlisteattente {
    width: 95%;
    margin: 0;
    padding: 0;
    display: none;
    position: fixed;
    left: 2%;
  }
  #detail_panier table.menu_deroulant_resa tr td {
    padding: 5px;
  }
  .fleche_reservation {
    display: none;
  }
  .titre-style7 {
    margin-top: 7.5px;
  }
  .titre-style19 {
    margin-top: 25px;
  }
  .bloc-style14 {
    margin-bottom: 15px;
  }
  .bloc-style14-old {
    margin-bottom: 15px;
    width: 100%;
    margin-bottom: 0;
  }
  #detail_reservation_seance .span-infosprincipales {
    width: 95%;
  }
  #detail_reservation_seance .span-fiche_personne_petit_calendrier {
    margin: 20px;
  }
  #Reservations .entete {
    width: 100%;
  }
  #Reservations .entete_jours {
    /*height: 30px;*/
    padding-top: 15px;
  }
  #Reservations .entete_jours.unJourDansLaSemaine {
    width: 83.3%;
    /*width: 856px;*/
  
  }
  #Reservations .entete_jours.deuxJoursDansLaSemaine {
    width: 83.3%;
    /*width: 446px;*/
  
  }
  #Reservations .entete_jours.troisJoursDansLaSemaine {
    width: 83.3%;
    /*width: 293px;*/
  
  }
  #Reservations .entete_jours.quatreJoursDansLaSemaine {
    width: 83.3%;
    /*width: 218px;*/
  
  }
  #Reservations .entete_jours.cinqJoursDansLaSemaine {
    width: 83.3%;
    /*width: 174px;*/
  
  }
  #Reservations .entete_jours.sixJoursDansLaSemaine {
    width: 83.3%;
    /*width: 143px;*/
  
  }
  #Reservations .entete_jours.septJoursDansLaSemaine {
    width: 83.3%;
    /*width: 121px;*/
  
  }
  #Reservations .entete_sem {
    display: none;
  }
  .uneSemaine {
    width: 100%;
    margin-left: 0;
  }
  .unJourDansLaSemaine {
    width: 90%;
  }
  .deuxJoursDansLaSemaine {
    width: 90%;
  }
  .troisJoursDansLaSemaine {
    width: 90%;
  }
  .quatreJoursDansLaSemaine {
    width: 90%;
  }
  .cinqJoursDansLaSemaine {
    width: 90%;
  }
  .sixJoursDansLaSemaine {
    width: 90%;
  }
  .septJoursDansLaSemaine {
    width: 90%;
  }
  #recapfsDevis .panierDevis a {
    margin: 0;
  }
  .zoneAlertePaiement {
    width: auto;
  }
  div.zonePaiement.span-infosprincipales {
    width: auto;
  }
  /*----------------------------- Adh�sion en ligne------------------------------------------*/
  
  #page_adhesion_en_ligne .dalle {
    margin-left: 0;
  }
  #page_adhesion_en_ligne .formulaire-label {
    width: 60%;
  }
  #page_adhesion_en_ligne .span-infosprincipales {
    width: 80%;
  }
  /*----------------------------- Aide en ligne------------------------------------------*/
  
  div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    width: 350px !important;
  }
  /*----------------------------- Aide en ligne------------------------------------------*/
  
  .tocible {
    width: 97%;
  }
  .contenuAide {
    margin-left: 0;
  }
  .aidePiedPage {
    width: 25%;
    height: 25px;
    line-height: 25px;
  }
  .aidePiedPage a {
    padding: 0;
  }
  #siteinfo p {
    width: 74%;
  }
  .calendrier_Reservations_seances {
    width: 100%;
    position: relative;
  }
  .moment {
    width: 70px;
  }
  /*--------------------Entourage--------------------------*/
  
  #page_synthese_entourage {
    width: 95%;
  }
  #page_synthese_entourage .bloc-contourOmbre {
    width: 95%;
  }
  .fenetre_detail_resa {
    margin: 2px;
  }
  #info_personnes_formulaire .span-sectionprofilfamille {
    width: 99%;
  }
  #info_personnes_formulaire .span-sectionprofilfamille .span-sectionprofilfamilletitre {
    width: 99%;
  }
  #info_personnes_formulaire .span-sectionprofilfamille .span-sectionprofilfamilletitre .titre-style3 {
    margin-right: 5px;
  }
  #info_personnes_formulaire.span_info_personnes_formulaire {
    width: 95%;
    position: static !important;
  }
  .bloc-contourOmbre_entourageRecapLong {
    width: 100%;
    margin-left: 0;
  }
  /*.clearFormAdresse {
          margin-top: -34px !important;
          margin-left: 0px !important;
          margin-right: 30px !important;
          position: relative !important;
          float: right !important;
      }*/
  
  .clearFormAdresse {
    display: inline !important;
    position: absolute !important;
    background-color: white !important;
    margin-top: 12px !important;
    margin-left: -25px !important;
    margin-right: 10px !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    float: inherit !important;
  }
  .popup-pass-confirm {
    background-color: white;
    display: none;
    z-index: 4000;
    border: solid 1px #f89406;
    width: 300px !important;
    height: 260px;
    position: fixed !important;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -130px;
    -moz-box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.5);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(98, 98, 98, 0.2), 0px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.5);
    max-height: 92%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .menu-deroulant-pass-confirm {
    background: white;
    background-repeat: repeat-x;
    margin-bottom: 5px;
    height: auto;
  }
  .container-pass-confirm {
    padding-top: 10px;
    text-align: center;
  }
  .label-pass-confirm {
    display: block;
    white-space: pre-line;
    text-align: left;
    padding-left: 14%;
    margin-right: 10%;
  }
  .input-pass-confirm {
    width: 75% !important;
  }
  .titre-pass-confirm {
    margin-left: 7px;
    padding-left: 25%;
  }
  .modal-pass-confirm {
    width: 300px !important;
  }
  .boutons-container-pass-confirm {
    margin-left: 10%;
    margin-right: 10%;
  }
  .hiddenLiStep {
    width: 0% !important;
    visibility: hidden !important;
  }
  .visibleLiStep {
    width: 33.3% !important;
  }
  .titleChoix {
    width: auto;
    margin-left: 0;
    padding-left: 0;
  }
  #pageSimulationTarifs .bloc-style7 {
    margin: 0 0 0 -8px;
  }
  #choixService h3.text-center {
    text-align: left;
    padding-top: 20px;
  }
  .inputParam {
    width: 96%;
  }
  .rightParam {
    width: auto;
  }
  .rightParam .titleChoix {
    width: auto;
    margin-left: 0;
    margin-bottom: 0;
  }
  .rightParam .inputParam {
    width: 256px;
  }
  .rightParam-noAffichageQfRevenu {
    margin-left: 0em !important;
  }
  #dialog-calculQFrevenu h3,
  .dialog-calculQfRevenu h3 {
    background-position: left;
  }
  #dialog-calculQFrevenu #btnCalculer,
  .dialog-calculQfRevenu #btnCalculer,
  #dialog-calculQFrevenu .btnCalculer,
  .dialog-calculQfRevenu .btnCalculer {
    margin-left: 0;
  }
  #dialog-calculQFrevenu .commentBind,
  .dialog-calculQfRevenu .commentBind {
    margin: 5px 20px 20px 0px;
  }
  .dialog-calculQfRevenu .inputParam {
    width: 90%;
  }
  #dialog-affichageQFrevenu,
  dialog-mapLeaflet,
  .dialog-detailsQfRevenu {
    left: 0px;
    font-size: 80%;
  }
  #resultatsCalcul .popup-informations #btnAppliquerCalcul,
  .resultatsCalcul .popup-informations .btnAppliquerCalcul {
    padding: 10px;
    height: 30px;
  }
  #dialog-calculQFrevenu .commentBind,
  .dialog-calculQfRevenu .commentBind {
    margin: 15px 5px 5px;
  }
  #legende {
    display: inline-grid;
    margin-left: 0px;
  }
  #legende .legende-item {
    margin-left: 0px;
  }
  /*----------------------------- Pr�l�vements SEPA ------------------------------------------*/
  
  .payeur-mandat-action {
    display: block;
    line-height: 20px;
  }
  .payeur-mandat-action .col-identitePayeur {
    width: 100%;
  }
  .payeur-mandat-action .col-etatMandat,
  .payeur-mandat-action .col-actionMandat {
    width: 100%;
    margin-left: 20px;
  }
  /*----------------------------- Contr�le IBAN ------------------------------------------*/
  
  .colIban.col-iban {
    padding-right: 2px;
  }
  .colIban.col-iban input {
    width: 30px;
    text-transform: uppercase;
    padding: 3px;
  }
  .toolTipIban {
    display: none;
  }
  /*----------------------------- Choix type demande -------------------------------*/
  
  .choix-demande-titre {
    margin-top: 25px;
  }
  /*----------------------------- Cr�ation de compte -----------------------------*/
  
  .choixtypecompte {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  /*--------------- Partie boutons filtres D�marches individuelles ---------------------*/
  
  #divDemandeurNavBas,
  #divDemarcheNav,
  #divDemandeNavBas,
  #divRecapNavBas,
  #divChxInsNavBas,
  #divRecapNavHaut,
  #divDemandeurNavHaut,
  #divDemandeNavHaut,
  #divChxInsNavHaut {
    display: flex;
    flex-direction: column;
  }
  #divDemarche {
    max-width: 100%;
  }
  #divDemandeEtp table {
    width: 320px;
  }
  /*--------------- choix des personnes du calendrier multi-activit�s --------------------*/
  
  .menu_deroulant_resamultiactivites tr td.menu_deroulant_resamultiactivites_activite,
  .menu_deroulant_resamultiactivites tr td.menu_deroulant_resamultiactivites_lieu,
  .menu_deroulant_resamultiactivites tr td.menu_deroulant_resamultiactivites_clg,
  .menu_deroulant_resamultiactivites tr td.menu_deroulant_resamultiactivites_date {
    display: block;
    width: auto;
  }
  .menu_deroulant_resamultiactivites tr td.menu_deroulant_resamultiactivites_chkbox,
  .menu_deroulant_resamultiactivites tr td.menu_deroulant_resamultiactivites_detail {
    width: 70px;
  }
  /*-------------------------- calendrier multi-activit�s --------------------------------*/
  
  .options_reservations_multiactivites {
    flex-direction: column;
    align-items: center;
  }
  .selectdate_multiactivites {
    width: 99% !important;
  }
  .calendrier_reservations_multiactivites {
    display: flex;
    flex-direction: column;
  }
  .calendrier_reservations_multiactivites > div:first-child {
    width: auto;
  }
  .deplier_personne_reservations_multiactivites {
    float: right !important;
    padding-right: 5px;
    padding-top: 5px;
  }
  .unite_multiactivites {
    float: left;
    width: 45%;
    margin-right: 5px;
  }
  .haut_calendrier_multiactivites {
    height: auto;
    display: block;
  }
  .case_content {
    min-height: auto;
  }
  .case_calendrier_multiactivites,
  .case_multiactivites,
  .case_calendrier_inactive_multiactivites {
    min-height: 30px;
    margin: 0px 0px 5px 0px;
  }
  .periodicite_vide_multiactivites {
    margin-left: 0px;
  }
  .legende_reservations_multiactivites {
    flex-direction: column;
  }
  .img-infos_multiactivites {
    margin-left: 5px;
  }
  .div_activite_reservations_multiactivites {
    min-height: 32px;
  }
  .recap_multiactivites {
    display: block;
  }
  .datepickerMultiActivites .ui-datepicker-calendar tr:hover {
    background-color: transparent;
  }
  .datepickerMultiActivites .ui-state-hover,
  .datepickerMultiActivites .ui-state-active.ui-button:hover {
    border: none;
    background: gray !important;
  }
  .titre_activite_reservations_multiactivites {
    float: left;
  }
  .case_unite_multiactivites {
    padding: 5px;
    margin-left: 5px;
  }
  .popup-erreurs_multiactivites,
  .popup-infos_multiactivites {
    margin: 10px 0px !important;
  }
  .titre_jour_reservations_multiactivites {
    border: none;
    background-color: transparent;
  }
  .cocherDecocherMultiactivites {
    margin-left: 0px !important;
  }
  .recapCalendrierMultiActivites ol[id^='pagination'] {
    height: auto;
  }
  .recapCalendrierMultiActivites ol[id^='pagination'] .prev,
  .recapCalendrierMultiActivites ol[id^='pagination'] .next {
    position: initial;
    width: auto;
  }
  .recapCalendrierMultiActivites ol[id^='pagination'] .prev {
    float: left;
  }
  .recapCalendrierMultiActivites ol[id^='pagination'] .next {
    float: right;
  }
}
@media (max-width: 320px) {
  .tablePlugins td {
    font-size: 0.5rem;
  }
  .preLicence {
    text-align: left;
    padding: 5px;
    white-space: normal;
    word-break: normal;
  }
  .span-sectionfichepersonneliste {
    display: none;
  }
  dt {
    width: 100%;
    margin: 0;
    padding: 0 0 5px 0;
    border-top: none;
  }
  dd {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    border-top: none;
  }
  #divPayerMaFactureEnLigne .span-sectionBlocsMontant,
  #divPayerMaFactureEnLigne .span-blocsimple {
    width: 140px;
  }
  /*----------------------------- Adh�sion en ligne------------------------------------------*/
  
  #page_adhesion_en_ligne .formulaire-label {
    width: 50%;
  }
  #page_adhesion_en_ligne .span-infosprincipales {
    width: 100%;
  }
  /*----------------------------- Contr�le IBAN ------------------------------------------*/
  
  .colIban.col-iban {
    padding-right: 2px;
  }
  .colIban.col-iban input {
    width: 28px;
    text-transform: uppercase;
    padding: 2px;
  }
  .toolTipIban {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .row {
    margin-left: -8px;
    *zoom: 1;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 8px;
  }
  header .bandeau {
    width: 736px;
    float: none;
    margin: auto;
    background-position: 0;
  }
  .footer-list {
    display: flex;
    gap: 0.2rem;
    list-style: none;
    margin: 0;
    flex-wrap: wrap;
    font-size: 0.7rem;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    float: left;
    margin-left: 8px;
    width: 696px;
  }
  .container-fluid {
    padding-right: 0;
  }
  .containerprincipal {
    width: 728px;
  }
  .span-sectionmenudalle {
    float: left;
    margin-left: 8px;
    width: 432px;
    float: right;
  }
  #divDetailWrapping ul .heureDemarche,
  #divDetailWrapping ul .typeDemarche,
  #divDetailWrapping ul .messageDemarche {
    display: initial;
  }
  .span-sectionfocus {
    float: left;
    margin-left: 8px;
    width: 432px;
  }
  .span-sectiongenerale {
    float: left;
    margin-left: 8px;
    width: 696px;
  }
  .span-sectionprincipale {
    /*.makeColumn(5);*/
    width: 100%;
  }
  .span-sectionprincipaleetroitehaute {
    min-height: auto;
    float: left;
    margin-left: 8px;
    width: 432px;
    float: right;
  }
  .span-sectionprincipaleetroite {
    float: left;
    margin-left: 8px;
    width: 432px;
  }
  .span-sectionidentite {
    min-height: 120px;
  }
  .span-sectionlogin {
    float: left;
    margin-left: 8px;
    width: 256px;
    margin-left: 16px;
    /* EricM040222-1 (GRC2-4824 Bug d'affichage 212.1.1.9) Ajout pour faire un peu plus de place � gauche*/
  
  }
  .span-sectionlogin-home {
    float: left;
    margin-left: 8px;
    width: 256px;
    margin-left: 16px;
    /* EricM040222-1 (GRC2-4824 Bug d'affichage 212.1.1.9) Ajout pour faire un peu plus de place � gauche*/
  
  }
  .span-sectionactualitesaccueil {
    float: left;
    margin-left: 8px;
    width: 432px;
    float: right;
  }
  .container-listActus {
    /*width: @gridColumnWidth * 5 + 5 * @gridGutterWidth;*/
    overflow: hidden;
  }
  .container-listDocuments {
    /*width: @gridColumnWidth * 5 + 5 * @gridGutterWidth;*/
    overflow: hidden;
  }
  .container-listSondage {
    /*width: @gridColumnWidth * 5 + 5 * @gridGutterWidth;*/
    overflow: hidden;
  }
  .document-focus {
    width: 98%;
  }
  .span-sectiondemarche {
    float: left;
    margin-left: 8px;
    width: 432px;
  }
  .span-sectionchoixdemarche {
    float: left;
    margin-left: 8px;
    width: 256px;
  }
  .span-alerte {
    margin-left: 6px;
  }
  .article-principale {
    float: left;
    margin-left: 8px;
    width: 432px;
  }
  .article-principale-resume {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  .article-document-resume {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  .article-secondaire {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  .span-sectionactualitesaccueil .article-secondaire {
    width: 312px;
  }
  .article-principaleetroite {
    float: left;
    margin-left: 8px;
    width: 256px;
  }
  .span-infosprincipales {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  div.identifiantConnexion {
    width: auto;
  }
  .ac_TypeDemande_detail {
    float: left;
    margin-left: 8px;
    width: 432px;
  }
  .ac_TypeDemande_detail ul li {
    margin: 15px 0;
  }
  #divSectionActualites h2 {
    margin-top: 30px;
  }
  .superUserBar {
    width: 696px;
    padding: 0 12px;
  }
  #accepterCookies {
    width: 696px;
    padding: 10px 4px;
    margin: 0;
  }
  /*------------------- Menu de navigation------------------ */
  
  #menuhorizontal {
    margin-left: 0;
    margin-right: -16px;
  }
  ul.horizontal li a h3 {
    margin: 5px;
  }
  .filter a {
    line-height: 25px;
  }
  table.menu_deroulant tr {
    height: 35px;
  }
  /*----------------------------- formulaires  ---------------------------- */
  
  .help-block {
    margin-left: 276px;
  }
  .informations {
    margin-left: 256px;
    padding: 6px 3px;
    max-width: 340px;
  }
  .formulaire textarea,
  .formulaire input[type="text"],
  .formulaire input[type="password"],
  .formulaire input[type="datetime"],
  .formulaire input[type="datetime-local"],
  .formulaire input[type="date"],
  .formulaire input[type="month"],
  .formulaire input[type="time"],
  .formulaire input[type="week"],
  .formulaire input[type="number"],
  .formulaire input[type="email"],
  .formulaire input[type="url"],
  .formulaire input[type="search"],
  .formulaire input[type="tel"],
  .formulaire input[type="color"] {
    width: 330px;
  }
  .formulaire select {
    width: 344px;
  }
  .sCheckBox label {
    width: 330px;
  }
  /*----------------------------- La timeline ---------------------------- */
  
  .arpege-timln {
    width: 712px;
  }
  #issues {
    width: 712px;
  }
  #issues > li {
    width: 712px;
  }
  .span-sectionformulaire {
    width: 680px;
  }
  .formulaire-blocinterne {
    width: 670px;
  }
  .formulaire-blocinterne .legende {
    width: 665px;
  }
  .plagesHorairesSemaine div.menu_deroulant_calendrier {
    width: 670px;
  }
  .plagesHorairesSemaine .contentMenuDeroulant_calendrier {
    padding-left: 10px;
  }
  .recapPlagesHorairesSemaine {
    width: 584px;
  }
  .recapPlagesHorairesSemaine ul {
    max-width: 584px;
  }
  .formulaire-blocinterne .span-sectionformulaire {
    width: 663px;
  }
  .span-sectionformulaire-recap {
    width: 584px;
  }
  .span-sectionformulaire-recap .formulaire-label + span {
    padding-left: 276px;
    width: 304px;
  }
  .span-sectionformulairelarge {
    width: 701px;
  }
  .formulaire select.btqAdr {
    width: 10%;
    margin-left: 1rem;
  }
  .formulaire-label {
    margin-left: 0px;
  }
  .formulaire-label-simple {
    margin-left: 12px;
  }
  .formulaire-span {
    margin-left: 0;
    padding: 0;
    margin-bottom: 5px;
    width: 100%;
  }
  .toolTip {
    left: 630px;
  }
  .oeil {
    position: absolute;
    left: 88%;
  }
  div.map_canvas {
    width: 560px;
    margin-left: 60px;
  }
  .btns-adresse {
    width: 330px;
  }
  .bloc-captcha {
    margin-left: 256px;
  }
  /*----------------------------- Les rendez-vous ---------------------------- */
  
  .jcarousel-skin-rdv {
    float: left;
    margin-left: 6px;
    width: 432px;
  }
  .jcarousel-skin-rdv .jcarousel-container-horizontal {
    float: left;
    margin-left: 6px;
    width: 432px;
  }
  .jcarousel-skin-rdv .jcarousel-clip-horizontal {
    width: 376px;
  }
  .dateRdv {
    float: left;
    margin-left: 8px;
    width: 696px;
    float: none;
    min-height: 80px;
  }
  .dateRdv p {
    margin: 10px 8px;
    padding: 0;
  }
  .dateRdv .boutonsAction > .btn-normal {
    width: 40%;
  }
  .bloc-imgRdv {
    display: none;
  }
  .bloc-dateChoisie p.rdvNomSite {
    width: 344px;
    float: left;
    margin: 0;
    margin-left: 8px;
    min-height: 60px;
    padding: 10px 0 3px;
  }
  .bloc-dateChoisie p.rdvDescription {
    width: 696px;
    float: left;
    margin-left: 8px;
  }
  .bloc-dateChoisie p.rdvDateHeure {
    width: 344px;
    float: left;
    margin: 0;
    margin-left: 8px;
    min-height: 60px;
    padding: 10px 0 3px;
  }
  .rdvProgrammer {
    width: 344px;
    float: left;
    margin: 0;
    margin-left: 8px;
    height: 60px;
    padding: 10px 0 3px;
  }
  .optionsRdv {
    padding: 0px;
  }
  .rdvNotifier {
    width: 344px;
    float: left;
    margin: 0;
    margin-left: 8px;
    padding: 10px 0 3px;
  }
  .menu_deroulant_rdv {
    width: 99%;
    margin: 3px;
  }
  /*----------------------------- Les pi�ces jointes ---------------------------- */
  
  #divPJAjoutActions.pjActionPaf,
  div[id^="divPJConcAjoutActions"].pjActionPaf {
    margin-left: 17rem;
  }
  .menu_deroulant_upload {
    width: 696px;
  }
  .contentMenuDeroulant_upload {
    width: 696px;
  }
  .tblPJListe .pj-wide,
  .tblPJListeEspaceStockage .pj-wide {
    display: flex;
    justify-content: center;
  }
  .pjObligatoire {
    position: absolute;
    left: 15%;
  }
  .ligne_btn_pj {
    margin-left: 256px;
  }
  .divPJAjoutFichiersInformations {
    margin-left: 277px;
    max-width: 377px;
  }
  /*----------------------------- Le r�capitulatif ---------------------------- */
  
  .ui-tabs {
    margin-left: 8px;
  }
  .span-recap {
    width: 602px;
    margin-left: 0px;
    z-index: 120;
    min-height: 275px;
  }
  /* ------------------------------ Le tab de suivi ---------------------------- */
  
  .row-tabs {
    width: 691px;
    margin-left: 4px;
  }
  #divSyntheseDemandeSuivi {
    margin-left: 0;
  }
  .divContenuSuivi {
    width: 500px;
  }
  .row-fluid .span-sectiondate {
    float: left;
    width: 16.333333333%;
    padding-left: 22px;
  }
  .row-fluid .span-sectioncontenusuiviinterieur {
    float: left;
    width: 81.666666667%;
    padding: 5px 0;
  }
  .row-fluid .span-sectiondaterdv {
    float: left;
    width: 16.333333333%;
    padding-left: 22px;
  }
  .row-fluid .span-sectioncontenusuiviinterieurrdv {
    float: left;
    width: 81.666666667%;
    padding: 5px 0;
  }
  .divContenuSuiviRdv {
    width: 496px;
  }
  .row-fluid .span-rdvplanifiesuivi {
    width: 98%;
  }
  .row-fluid .span-rdvhistoriquesuivi {
    width: 98%;
  }
  .dateRdvSuivi {
    margin-left: 0px;
    width: 98%;
  }
  #dateRdv,
  #dateRdvSuivi {
    padding: 0 0 10px 0;
  }
  #divSyntheseDemandeSuivi .actionDemarche,
  #divSyntheseDemandeArchivee .actionDemarche {
    width: 15%;
  }
  /*----------------------------- page sondages ---------------------------- */
  
  .span-sectionsondage {
    float: left;
    margin-left: 8px;
    width: 168px;
  }
  #btnVoter button.btn-style5 {
    float: left;
  }
  .RepondreSondage input {
    margin: 10px 10px 10px 0;
  }
  .fondBarreSondage {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  /*----------------------------- page mon compte ---------------------------- */
  
  .blocvide {
    display: none;
  }
  .span-sectionbtnpayer {
    float: left;
    margin-left: 8px;
    width: 432px;
    margin-bottom: 20px;
  }
  div.rowcompte div.span-btn a.btn-style5 {
    float: right;
    width: 75px;
  }
  .para-style4 {
    text-align: left;
  }
  .divEcheances {
    grid-template-columns: 1fr 1fr;
    margin: auto;
    text-align: left;
    width: auto;
  }
  .divEcheances .span-sectionbtnpayer {
    grid-column: 1 / -1;
  }
  .monEspace {
    display: flex;
  }
  /*----------------------------- page mon relev� ---------------------------- */
  
  .para-style5 {
    margin: 5px 0;
    font-size: 0.74375rem;
  }
  .span-MonCompte {
    float: left;
    margin-left: 8px;
    width: 80px;
    margin-left: 10px;
  }
  .span-releveOperations {
    float: left;
    margin-left: 8px;
    width: 168px;
  }
  .responsiveSpan {
    display: none;
  }
  .span-telechargerFacture {
    float: left;
    margin-left: 8px;
    width: 256px;
    margin-left: 2px;
  }
  /*-----------------------------Page tiPi tresorerie ---------------------------- */
  
  .formulaire-label-tipi {
    margin-left: 20px;
    width: 30%;
  }
  /*----------------------------- fiche personne ---------------------------- */
  
  .span-sectionfichepersonnedetail,
  .span-sectionfichepersonnedetail_fiche {
    float: left;
    margin-left: 8px;
    width: 608px;
  }
  .span-sectionlisterbullinscr {
    float: left;
    margin-left: 8px;
    width: 696px;
  }
  .span-infofichepersonne {
    float: left;
    margin-left: 8px;
    width: 520px;
  }
  .span-calendrierdetail {
    float: left;
    margin-left: 8px;
    width: 344px;
  }
  ul.semaine,
  ul.semaine_fiche {
    width: 643px;
    margin-left: -4px;
  }
  ul.heuredetail,
  ul.heuredetail_fiche {
    width: 520px;
  }
  ul.heuredetail li.horloge,
  ul.heuredetail_fiche li.horloge,
  ul.heuredetail li.horloge_fiche,
  ul.heuredetail_fiche li.horloge_fiche {
    width: 520px;
  }
  ul.heuredetail div,
  ul.heuredetail_fiche div {
    width: 504px;
  }
  .calendarND {
    float: left;
    margin-left: 8px;
    width: 696px;
  }
  li.FichePersonne_calendrier_CaseJourEntete a {
    width: 66px;
  }
  li.FichePersonne_calendrier_CaseJour a,
  li.FichePersonne_calendrier_CaseJour span {
    width: 66px;
  }
  .listeEvenements_Agenda {
    width: 344px;
  }
  .span-sectioninfosfichepersonne {
    width: 99%;
  }
  .span-sectioninfosfichepersonne h2 {
    margin-top: 15px;
  }
  .formulaire-labelCoordonnees {
    margin-left: 0px;
    width: 160px;
    margin-left: 10px;
  }
  .tbsaisietel {
    width: 150px !important;
  }
  .inputTelDomicileListeRouge {
    margin-left: 60px !important;
  }
  .inputTelPro {
    width: 150px !important;
  }
  .inputTelProPoste {
    width: 100px !important;
  }
  .tbsaisiecourriel {
    width: 150px !important;
  }
  /************************** le calendrier de r�servation ********************** */
  
  .alertecalendrier {
    width: 696px;
  }
  /* R�servation */
  
  #timeline2 {
    width: 736px;
  }
  #popupPeriodicite {
    width: 736px;
  }
  #issues2 {
    width: 736px;
  }
  #issues2 > li {
    width: 736px;
  }
  .menu_deroulant_calendrier {
    width: 700px;
  }
  table.menu_deroulant_calendrier {
    width: 495px;
  }
  .slider-range {
    width: 542px !important;
  }
  .plage {
    width: 700px;
  }
  .Popuphaut_calendrier {
    width: 77px;
  }
  .case_semaine {
    width: 77px;
  }
  .Popuplegende {
    width: 100%;
    margin-left: 0;
  }
  .Popuplegende span.Popuplegende_sem {
    width: 34px;
  }
  .legende span.legende_sem {
    width: 30px;
  }
  .legende span.legende_jours {
    width: 88px;
  }
  div.PopupPlageHoraire {
    width: 73px;
  }
  table.ZoneHoraire2 {
    width: 77px;
  }
  .RecapCalendrier ul li {
    width: 77px;
  }
  span.semaines,
  div.semaines,
  a.semaines,
  span.semainesResas {
    width: 30px;
  }
  .numerojour,
  .numerojourgris {
    width: 57px;
    margin: 2px 0;
  }
  div.semaines_semaine {
    width: 30px;
  }
  .semaines_semaine table.planningheure tr td.heurePlanningSemResa {
    width: auto;
  }
  table.zoneUnitaire tr {
    border-bottom: 1px solid white;
    margin-bottom: 2px;
  }
  table.zoneUnitaire tr:first-child {
    border-top: 1px solid white;
  }
  .codeUnite {
    margin-top: 7px;
    height: auto;
    line-height: 10px;
    width: 100%;
  }
  .codeUnite.unJour,
  .codeUnite.deuxJours,
  .codeUnite.troisJours,
  .codeUnite.quatreJours,
  .codeUnite.cinqJours,
  .codeUnite.sixJours,
  .codeUnite.septJours {
    width: 100%;
  }
  .inputUnite {
    height: auto;
    float: left;
  }
  table.zoneUnitaire td input[type="text"],
  table.zoneUnitaire td input[type="number"] {
    width: 30px;
  }
  /* .notifUnite {
          float: right;
      }*/
  
  .inputUnitaire {
    float: left;
  }
  .datePointage img {
    margin: 1px 15px;
  }
  .unJour {
    width: 91.5%;
  }
  .deuxJours {
    width: 44.5%;
  }
  .troisJours {
    width: 28.9%;
  }
  .quatreJours {
    width: 21%;
  }
  .cinqJours {
    width: 16.37%;
  }
  .sixJours {
    width: 13.24%;
  }
  .septJours {
    width: 11%;
  }
  .plagePeriode {
    margin-left: 0px;
  }
  .entete {
    width: 100%;
    margin-left: 0;
  }
  .entete .entete_sem {
    width: 35px;
  }
  .codeUnite {
    float: left;
    line-height: 25px;
    display: table-cell;
    vertical-align: baseline;
    margin: 2px 0;
  }
  .codeUnite.unJour,
  .codeUnite.deuxJours,
  .codeUnite.troisJours,
  .codeUnite.quatreJours,
  .codeUnite.cinqJours,
  .codeUnite.sixJours,
  .codeUnite.septJours {
    width: 100%;
  }
  .uneSemaine {
    width: 100%;
    margin-left: 0;
  }
  /*----------------------apparences-----------------------*/
  
  /*----------------------r�servation s�ances-----------------------*/
  
  .menu_deroulant_resa tr {
    height: 50px;
  }
  .section-filtre-reservations.filtre-reservations-fixed {
    float: left;
    margin-left: 8px;
    width: 696px;
    margin-left: -360px;
    left: 50%;
  }
  #Reservations .entete {
    width: 100%;
  }
  #Reservations .entete {
    width: 100%;
    margin-left: 0;
  }
  #Reservations .entete .entete_sem {
    width: 59px !important;
  }
  #Reservations .entete_jours {
    height: 30px;
  }
  #Reservations .entete_jours.unJourDansLaSemaine {
    width: 83.3%;
    /*width: 856px;*/
  
  }
  #Reservations .entete_jours.deuxJoursDansLaSemaine {
    width: 41.65%;
    /*width: 446px;*/
  
  }
  #Reservations .entete_jours.troisJoursDansLaSemaine {
    width: 27.766666667%;
    /*width: 293px;*/
  
  }
  #Reservations .entete_jours.quatreJoursDansLaSemaine {
    width: 20%;
    /*width: 218px;*/
  
  }
  #Reservations .entete_jours.cinqJoursDansLaSemaine {
    width: 14.66%;
    /*width: 174px;*/
  
  }
  #Reservations .entete_jours.sixJoursDansLaSemaine {
    width: 12.216666667%;
    /*width: 143px;*/
  
  }
  #Reservations .entete_jours.septJoursDansLaSemaine {
    width: 10.471428571%;
    /*width: 121px;  83.3%*/
  
  }
  .unJourDansLaSemaine {
    width: 90%;
  }
  .deuxJoursDansLaSemaine {
    width: 45%;
  }
  .troisJoursDansLaSemaine {
    width: 30%;
  }
  .quatreJoursDansLaSemaine {
    width: 22.5%;
  }
  .cinqJoursDansLaSemaine {
    width: 18%;
  }
  .sixJoursDansLaSemaine {
    width: 15%;
  }
  .septJoursDansLaSemaine {
    width: 12.857142857%;
  }
  .panierResa {
    margin-right: 10px;
  }
  .navigation_calendrier ul li.selectdate {
    float: left;
  }
  #detail_reservation_seance.span-detailreservations,
  #detail_panier.span-detailreservations,
  #detail_devis.span-detailreservations,
  #confirmation_annulation,
  #confirmation_inscription,
  #confirmation_inscriptionlisteattente {
    width: 95%;
  }
  .titre_nom_personne {
    margin-left: 5px;
  }
  .pictos2 {
    float: none;
  }
  /*----------------------------- Entourage------------------------------------------*/
  
  .span-sectionformulaire_DFU {
    width: 59%;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne {
    width: 100%;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne .span-sectionformulaire_DFU {
    margin-left: 10px;
    padding-left: 10px;
    width: 85%;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne .span-sectionformulaire_DFU .help-block {
    margin-left: 5px;
    width: 150%;
  }
  .span-sectionformulaire_DFU .formulaire-blocinterne .span-sectionformulaire_DFU .numeroAdresse {
    float: left;
    margin-right: 5px;
    width: 100px;
  }
  .formulaire-label_DFU {
    margin-left: 0;
    float: none;
    margin-bottom: 0;
    text-align: left;
    padding-left: 0;
    font-weight: bold;
    width: 150%;
  }
  /*----------------------------- Aide en ligne------------------------------------------*/
  
  div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    width: 350px !important;
  }
  /*----------------------------- Aide en ligne------------------------------------------*/
  
  .aidePiedPage {
    width: 25%;
    height: 25px;
    line-height: 25px;
  }
  #siteinfo p {
    width: 74%;
  }
  /*----------------------------- integrationHTML------------------------------------------*/
  
  #page_adhesion_en_ligne .dalle {
    margin-left: 0;
  }
  #page_adhesion_en_ligne .formulaire-label {
    width: 168px;
  }
  .titleChoix {
    font-size: 1.5em;
    width: 235px;
  }
  .commentBind {
    margin: 15px 5px 5px;
  }
  #btnCalculer,
  .btnCalculer {
    margin: 0 0 0 250px;
  }
  #pageSimulationTarifs .bloc-style7 {
    width: auto;
    margin: 10px;
  }
  #dialog-calculQFrevenu h3,
  .dialog-calculQfRevenu h3 {
    background-position: left;
  }
  #dialog-calculQFrevenu .commentBind,
  .dialog-calculQfRevenu .commentBind {
    margin: 5px 20px 20px 0px;
  }
  .rightParam-noAffichageQfRevenu {
    margin-left: -1.75em !important;
  }
  #legende {
    margin-left: 0px;
  }
  #legende .legende-item {
    margin-left: 10px;
  }
  /*----------------------------- Contr�le IBAN ------------------------------------------*/
  
  .colIban.col-iban input {
    width: 30px;
    text-transform: uppercase;
  }
  .toolTipIban {
    position: absolute;
    left: 664px;
    top: 0px;
  }
  /*----------------------------- Choix Type Demande -----------------------------*/
  
  .recherche-demande {
    width: 32%;
  }
  .choix-demande-titre {
    float: right;
    margin-top: 25px;
    width: 428px;
    margin-left: 4px;
  }
  .choix-demande-liste {
    float: right;
    width: 455px;
  }
  /*--------------------------- Rapprochement France Connect -----------------------*/
  
  .blocFcRight {
    float: inherit;
    width: 100%;
  }
  .blocFcInfoImage {
    display: none;
  }
  .spanFiltrePublicConcerne {
    width: 100%;
  }
  /*-------------------------- Calendrier multi-activit�s --------------------------*/
  
  .calendrier_reservations_multiactivites > div:first-child {
    width: 150px;
  }
  .case_unite_multiactivites {
    display: block;
    padding: 5px;
  }
  .codeUnite_multiactivites {
    display: block;
    width: auto;
  }
  .notifUnite_multiactivites {
    display: block;
    margin-left: 5px;
    margin-top: 2px;
    float: left;
  }
  .titre_libjour_reservations_multiactivites {
    display: flex;
    flex-direction: row;
    line-height: 1.2em;
  }
  .titre_datejour_reservations_multiactivites {
    float: left;
    line-height: 1.2em;
  }
  div.anterieure {
    height: auto;
    background: #fdf5ce;
  }
}
@media (max-width: 767px) {
  .titre-login-monespaceperso,
  .titre-login-sansespace {
    border-radius: 15px 15px 0 0;
  }
}