/* $VERSION: skin_3.css 4.14.007.1.2025.05.14.14.15	 */
/*## PORTAIL V3 - 2019 ##*/
/* 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
*/
/* FONTS
========================== */
/*Roboto*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Roboto-Italic.woff2') format('woff2'), url('../fonts/Roboto-Italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'), url('../fonts/Roboto-BoldItalic.woff') format('woff');
}
/*Montserrat*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff');
}
/*Material Design Icons*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.eot');
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.woff') format('woff'), url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  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';
}
/* STRUCTURE
========================== */
/* En-tete */
html,
body {
  background: #f9f9f9;
  min-height: 100vh;
  height: auto;
}
body {
  font-family: 'Roboto', Arial, Verdanna, Helvetica, sans-serif;
}
/* --- POSITIONNEMENT --- */
/* Page */
#global {
  max-width: 1180px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0 none;
  border-bottom: 0 none;
}
#bandeau {
  height: auto;
  min-height: 11em;
}
body#sfCirilDocumentation #content {
  padding-bottom: inherit !important;
  border: 0 none !important;
}
#centre {
  margin-left: auto;
  min-height: calc(100vh - 192px);
  min-height: calc(100vh - 214px);
  background: #ffffff;
}
body#sfCirilDocumentation #centre {
  margin: auto;
  background: none;
  border-left: none !important;
}
@media only screen and (min-width: 1024px) {
  body#sfCirilDocumentation #centre {
    margin-left: 175px;
  }
}
@media only screen and (min-width: 1024px) {
  #sous-navigation + #centre {
    margin-left: 175px;
  }
}
#sous-navigation:empty + #centre {
  margin-left: 0;
}
#centre_border {
  background-color: #ffffff;
}
nav li.skip,
#sous-navigation li.skip {
  width: 0px;
  margin: 0;
  padding: 0;
}
nav li.skip a,
#sous-navigation li.skip a {
  display: block;
  position: absolute;
  top: -2em;
  left: -200em;
  height: 1.5em;
  color: #1272bc;
  text-decoration: underline;
}
#sous-navigation li.skip a,
ul#sous-navigation li.skip a:hover,
ul#sous-navigation li.skip a:focus {
  top: -2em;
  width: 21em;
  z-index: 1;
}
nav li.skip a:hover,
nav li.skip a:focus,
ul#sous-navigation li.skip a:hover,
ul#sous-navigation li.skip a:focus {
  left: 2em;
  background: #fff;
  height: 1.5em;
  font-size: 120%;
  border: 2px solid #ccc;
  padding: 0.3em;
  color: #1272bc;
  text-decoration: underline;
}
ul .horizontal li {
  width: 50%;
}
#sf_admin_footer {
  clear: both;
}
.nav_dr.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.desktop {
  background: white;
}
.j_hebdo_desktop {
  display: table-cell;
}
.j_hebdo_mobile {
  display: none;
}
.table_desktop {
  display: table;
}
.table_mobile {
  display: none;
}
.mobile {
  display: none !important;
}
.desktop {
  display: block;
}
@media only screen and (min-width: 50em) {
  #col_gauche h2.hroot,
  #col_gauche h3.hroot {
    margin-right: 15px!important;
    margin-left: 15px!important;
    width: auto!important;
  }
  body #centre #col_gauche {
    padding: 0;
  }
  body #centre #col_droite {
    background: transparent;
  }
  body #centre #col_droite > div.dossier {
    margin: 0 15px 30px;
    padding: 0;
  }
  body#sfGuardAuth #centre_border {
    overflow: hidden;
  }
  body#sfGuardAuth #centre #col_droite {
    position: relative;
  }
}
@media screen and (max-width: 50em) {
}
@media only screen and (max-width: 50em) {
}
/* LIQUID
========================== */
.container {
  width: calc(100% - 16px);
  min-height: calc(100vh - 192px);
  margin: 0 auto;
  padding: 0 5px;
}
.block {
  overflow: hidden;
}
.column {
  float: left;
}
.last {
  margin-right: 0;
}
[class*="span-"] {
  box-sizing: border-box;
}
.span-1 {
  width: 4%;
}
.span-2 {
  width: 8%;
}
.span-3 {
  width: 12%;
}
.span-4 {
  width: 16%;
}
.span-5 {
  width: 20%;
}
.span-6 {
  width: 25%;
}
.span-7 {
  width: 29%;
}
.span-8 {
  width: 33%;
}
.span-9 {
  width: 37%;
}
.span-10 {
  width: 41%;
}
.span-11 {
  width: 45%;
}
.span-12 {
  width: 50%;
}
.span-13 {
  width: 54%;
}
.span-14 {
  width: 58%;
}
.span-15 {
  width: 62%;
}
.span-16 {
  width: 66%;
}
.span-17 {
  width: 70%;
}
.span-18 {
  width: 75%;
}
.span-19 {
  width: 79%;
}
.span-20 {
  width: 83%;
}
.span-21 {
  width: 87%;
}
.span-22 {
  width: 91%;
}
.span-23 {
  width: 95%;
}
.span-24 {
  width: 100%;
  margin-right: 0;
}
.span-1 > div,
.span-2 > div,
.span-3 > div,
.span-4 > div,
.span-5 > div,
.span-6 > div,
.span-7 > div,
.span-8 > div,
.span-9 > div,
.span-10 > div,
.span-11 > div,
.span-12 > div,
.span-13 > div,
.span-14 > div,
.span-15 > div,
.span-16 > div,
.span-17 > div,
.span-18 > div,
.span-19 > div,
.span-20 > div,
.span-21 > div,
.span-22 > div,
.span-23 > div,
.span-24 > div {
  margin: 0 0.833em 0 0;
  overflow: hidden;
  overflow: visible;
  box-sizing: border-box;
}
.append-1 {
  padding-right: 4%;
}
.append-2 {
  padding-right: 8%;
}
.append-3 {
  padding-right: 12%;
}
.append-4 {
  padding-right: 16%;
}
.append-5 {
  padding-right: 20%;
}
.append-6 {
  padding-right: 25%;
}
.append-7 {
  padding-right: 29%;
}
.append-8 {
  padding-right: 33%;
}
.append-9 {
  padding-right: 37%;
}
.append-10 {
  padding-right: 41%;
}
.append-11 {
  padding-right: 45%;
}
.append-12 {
  padding-right: 50%;
}
.append-13 {
  padding-right: 54%;
}
.append-14 {
  padding-right: 58%;
}
.append-15 {
  padding-right: 62%;
}
.append-16 {
  padding-right: 66%;
}
.append-17 {
  padding-right: 70%;
}
.append-18 {
  padding-right: 75%;
}
.append-19 {
  padding-right: 79%;
}
.append-20 {
  padding-right: 83%;
}
.append-21 {
  padding-right: 87%;
}
.append-22 {
  padding-right: 91%;
}
.append-23 {
  padding-right: 95%;
}
.prepend-1 {
  padding-left: 4%;
}
.prepend-2 {
  padding-left: 8%;
}
.prepend-3 {
  padding-left: 12%;
}
.prepend-4 {
  padding-left: 16%;
}
.prepend-5 {
  padding-left: 20%;
}
.prepend-6 {
  padding-left: 25%;
}
.prepend-7 {
  padding-left: 29%;
}
.prepend-8 {
  padding-left: 33%;
}
.prepend-9 {
  padding-left: 37%;
}
.prepend-10 {
  padding-left: 41%;
}
.prepend-11 {
  padding-left: 45%;
}
.prepend-12 {
  padding-left: 50%;
}
.prepend-13 {
  padding-left: 54%;
}
.prepend-14 {
  padding-left: 58%;
}
.prepend-15 {
  padding-left: 62%;
}
.prepend-16 {
  padding-left: 66%;
}
.prepend-17 {
  padding-left: 70%;
}
.prepend-18 {
  padding-left: 75%;
}
.prepend-19 {
  padding-left: 79%;
}
.prepend-20 {
  padding-left: 83%;
}
.prepend-21 {
  padding-left: 87%;
}
.prepend-22 {
  padding-left: 91%;
}
.prepend-23 {
  padding-left: 95%;
}
.border {
  border-right: 1px solid #eee;
}
.colborder {
  padding-right: 2%;
  margin-right: 2%;
  border-right: 1px solid #eee;
}
.colborder > div {
  margin: 0;
}
.pull-1 {
  margin-left: -3.333em;
}
.pull-2 {
  margin-left: -6.666em;
}
.pull-3 {
  margin-left: -10em;
}
.pull-4 {
  margin-left: -13.333em;
}
.push-0 {
  margin: 0 0 0 1.5em;
}
.push-1 {
  margin: 0 -3.333em 0 1.5em;
}
.push-2 {
  margin: 0 -6.666em 0 1.5em;
}
.push-3 {
  margin: 0 -10em 0 1.5em;
}
.push-4 {
  margin: 0 -13.333em 0 1.5em;
}
.push-0,
.push-1,
.push-2,
.push-3,
.push-4 {
  float: right;
}
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #eee;
}
hr {
  background: #ddd;
  color: #ddd;
  width: 100%;
  height: 0.083em;
  margin: 0 0 1.583em;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
}
/* SELECT
========================== */
.select {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  position: relative;
  float: none;
  min-width: 100px;
  max-width: 100%;
  padding: 8px 20px 8px 8px;
  margin: 0;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.select:hover,
.select:active,
.select:focus {
  -webkit-box-shadow: 0 0 5px rgba(0, 88, 252, 0.5);
  box-shadow: 0 0 5px rgba(0, 88, 252, 0.5);
  border-color: #0058FC;
}
.select .label {
  font-size: 1em;
  line-height: 1;
}
.select .button {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230357FD%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
  background-size: 10px auto;
}
.select .button img {
  display: none;
}
.select .list {
  position: absolute;
  top: calc(100% + 1px);
  left: -1px;
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.select .option {
  box-sizing: border-box;
  width: 100%;
  background: transparent;
  border: 0 none;
}
.select .option:hover {
  background: #0058FC;
  color: #ffffff;
}
/* ACCES
========================== */
body #centre #col_droite h2.titre_module {
  display: none;
}
body #centre #col_droite div.bloc_public {
  position: relative;
  margin: 10px 0;
  padding: 15px;
  /* ( content-box | border-box | inherit ) */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #10CBC4;
  background-image: -webkit-gradient(linear, 160deg, from(#89E0DB), to(#10CBC4));
  background-image: -webkit-linear-gradient(160deg, #89E0DB, #10CBC4);
  background-image: -moz-linear-gradient(160deg, #89E0DB, #10CBC4);
  background-image: -o-linear-gradient(160deg, #89E0DB, #10CBC4);
  background-image: linear-gradient(160deg, #89E0DB, #10CBC4);
  border: 0 none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
body #centre #col_droite div.bloc_public.documents {
  background: #FFB8A1;
  background-image: -webkit-gradient(linear, 160deg, from(#FFEDD3), to(#FFB8A1));
  background-image: -webkit-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: -moz-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: -o-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: linear-gradient(160deg, #FFEDD3, #FFB8A1);
}
body #centre #col_droite div.bloc_public .content {
  margin-left: 120px;
  padding: 0;
}
body #centre #col_droite div.bloc_public .content h2 {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-size: 130%;
  font-weight: bold;
}
body #centre #col_droite div.bloc_public .content h2 a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
}
body #centre #col_droite div.bloc_public .icon {
  position: absolute;
  left: 15px;
  top: 15px;
  right: auto;
  z-index: 0;
}
body #centre #col_droite div.bloc_public > a.accueilImg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
body #centre #col_droite div.bloc_public > a.accueilImg img {
  display: none;
}
body #centre #col_droite div.bloc_public > p {
  margin-left: 120px;
}
body #centre #col_droite div.bloc_public > p a {
  position: relative;
  z-index: 2;
}
body#sfCirilDocument #global {
  width: 75em;
}
body#sfGuardAuth #centre div.compte_internaute {
  margin: 20px 0 10px;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion {
  background: #29323c;
  background-image: -webkit-gradient(linear, 160deg, from(#485563), to(#29323c));
  background-image: -webkit-linear-gradient(160deg, #485563, #29323c);
  background-image: -moz-linear-gradient(160deg, #485563, #29323c);
  background-image: -o-linear-gradient(160deg, #485563, #29323c);
  background-image: linear-gradient(160deg, #485563, #29323c);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion#divInscription {
  padding-bottom: 1px;
  background: #2d5060;
  background-image: -webkit-gradient(linear, 160deg, from(#3e606f), to(#2d5060));
  background-image: -webkit-linear-gradient(160deg, #3e606f, #2d5060);
  background-image: -moz-linear-gradient(160deg, #3e606f, #2d5060);
  background-image: -o-linear-gradient(160deg, #3e606f, #2d5060);
  background-image: linear-gradient(160deg, #3e606f, #2d5060);
}
body#sfGuardAuth #centre div.compte_internaute div.connexion h2,
body#sfGuardAuth #centre div.compte_internaute div.connexion p,
body#sfGuardAuth #centre div.compte_internaute div.connexion label {
  color: #ffffff;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion h2,
body#sfGuardAuth #centre div.compte_internaute div.connexion h2.first,
body#sfGuardAuth #centre div.compte_internaute div.connexion h2#connexion,
body#sfGuardAuth #centre div.compte_internaute div.connexion h2#inscription {
  padding: 20px 0 0;
  margin: 0;
  height: auto;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 22px;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion p {
  margin: 10px 20px 15px;
  padding: 0;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion p.txt_inscription {
  text-align: center;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion p.txt_inscription .bouton {
  display: block;
  margin: 0;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion label {
  float: none;
  display: inline-block;
  width: auto;
  text-align: left;
  font-weight: 400;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .rectangle {
  display: none;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion a#signin_forgot_password,
body#sfGuardAuth #centre div.compte_internaute div.connexion a#signin_forgot_password:active {
  color: rgba(255, 255, 255, 0.9);
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_username,
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_password {
  display: block;
  position: relative;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_username:before,
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_password:before {
  content: " ";
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #29323c;
  background-image: -webkit-gradient(linear, 160deg, from(#485563), to(#29323c));
  background-image: -webkit-linear-gradient(160deg, #485563, #29323c);
  background-image: -moz-linear-gradient(160deg, #485563, #29323c);
  background-image: -o-linear-gradient(160deg, #485563, #29323c);
  background-image: linear-gradient(160deg, #485563, #29323c);
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_username:after,
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_password:after {
  content: " ";
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-repeat: no-repeat;
  background-position: center;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_username:after {
  background-image: url("../images3/ico_ident.png");
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .input_password:after {
  background-image: url("../images3/ico_mdp.png");
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification input[type=text],
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification input[type=password] {
  padding: 0 10px 0 42px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
  /* ( content-box | border-box | inherit ) */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification input[type=text]:focus,
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification input[type=password]:focus {
  background-color: #ffffff;
  border-color: #ffffff;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .connect_remember {
  float: left;
  margin-right: 0;
  text-align: left;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .connect_lostpw {
  float: right;
  margin-left: 0;
  text-align: right;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .connect_remember,
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification .connect_lostpw {
  margin-top: 0;
  width: 50%;
  line-height: 22px;
  box-sizing: border-box;
}
body#sfGuardAuth #centre div.compte_internaute div.connexion .identification:after {
  content: " ";
  display: block;
  clear: both;
}
body#sfGuardAuth #centre p#perte_mdp {
  width: auto;
}
div#franceconnect a {
  margin: 0;
}
div#franceconnect p.divide_line span {
  color: rgba(255, 255, 255, 0.7);
}
div#franceconnect p.divide_line span:before,
div#franceconnect p.divide_line span:after {
  border-color: rgba(255, 255, 255, 0.3);
}
body#sfGuardAuth a#lienFranceConnectEnSavoirPlus {
  color: #ffffff;
}
body#sfCirilSouscription div#franceconnect p.divide_line {
  margin: 2em;
}
@media only screen and (min-width: 50em) {
  body#sfGuardAuth #centre #col_gauche div.actu {
    margin-right: 0px;
    margin-left: 20px;
  }
}
/* ACCORDEON
========================== */
.accordion_section {
  overflow: hidden;
  margin: 15px;
  width: auto;
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.accordion_section .accordion_section {
  margin: 0;
  padding: 0;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.accordion_section .accordion_section > input[type=checkbox]:checked + .tab-label {
  border: 0 none;
}
.accordion_section .accordion_section > input:checked ~ .tab-content {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  border: 0 none;
}
.accordion_section > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion_section > .tab-label {
  position: relative;
  display: block;
  border-bottom: 0 none;
  color: #000000;
  padding: 0 0 0 48px;
  background: transparent;
  height: 48px;
  line-height: 48px;
  font-family: inherit;
  font-size: 16px;
  user-select: none;
  cursor: pointer;
}
.accordion_section > .tab-label h2 {
  margin: inherit !important;
  padding: 0 !important;
  /* Le padding se trouve sur le label même */
  line-height: inherit !important;
  text-indent: inherit !important;
  text-transform: uppercase;
}
.accordion_section > .tab-label h2 .nb-inscriptions {
  float: right;
  padding-right: 1em;
  font-family: Arial, serif;
  font-size: 14px;
  text-transform: none;
}
.accordion_section > .tab-label h2,
.accordion_section > .tab-label h3,
.accordion_section > .tab-label h4 {
  color: rgba(0, 0, 0, 0.75);
}
.accordion_section > input[type=checkbox] + .tab-label:before {
  content: "\f105";
  font-family: FontAwesome, serif;
  font-size: 26px;
  line-height: 44px;
}
.accordion_section > input[type=checkbox]:checked + .tab-label {
  background: #ffffff;
  font-weight: bold;
  border-bottom: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion_section > input[type=checkbox]:checked + .tab-label:before {
  transform: rotate(90deg);
}
.accordion_section > input[type=checkbox]:checked + .tab-label h2,
.accordion_section > input[type=checkbox]:checked + .tab-label h3,
.accordion_section > input[type=checkbox]:checked + .tab-label h4 {
  color: rgba(0, 0, 0, 0.99);
}
.accordion_section > input:checked ~ .tab-content {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.accordion_section .tab-content {
  position: relative;
  height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.tab-label:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.tab-label h1,
.tab-label h2,
.tab-label h3,
.tab-label h4,
.tab-label h5,
.tab-label h6 {
  padding: 0 !important;
  /* Le padding se trouve sur le label même */
}
.accordion_level2 > .tab-label h3 {
  margin: inherit !important;
  padding: 0 !important;
  /* Le padding se trouve sur le label même */
  line-height: inherit !important;
  text-indent: inherit !important;
}
.accordion_level2 > input[type=checkbox] + .tab-label:before {
  content: "\f105";
  font-family: FontAwesome, serif;
  font-size: 22px;
}
.accordion_level2 > input:checked {
  padding: 0;
}
.accordion_level2 > input:checked ~ .tab-content {
  padding: 0;
  border: 0 none;
}
.accordion_level3 {
  border: 0 none;
}
.accordion_level3:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.accordion_level3:last-child {
  border-bottom: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.accordion_level3 > h3,
.accordion_level3 > h4 {
  position: relative !important;
  border-left: 4px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
  margin: 0 0 1px !important;
}
.accordion_level3 > h3 > input,
.accordion_level3 > h4 > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion_level3 > h3 > input:checked,
.accordion_level3 > h4 > input:checked {
  height: auto;
}
.accordion_level3 > h3 > input:checked ~ .tab-content,
.accordion_level3 > h4 > input:checked ~ .tab-content {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.accordion_level3 > h3 > input:checked + .tab-label-level3:before,
.accordion_level3 > h4 > input:checked + .tab-label-level3:before {
  transform: rotate(90deg);
}
.tab-content .accordion_level3 > h3 {
  margin: 0 0 1px 48px !important;
}
.tab-content .accordion_level3 > h4 {
  margin: 0 0 1px 24px !important;
}
h4.demande .headerTableInscription .etatInscription {
  float: right;
  display: inline-block;
  margin: 5px 3em 0 0;
}
.accordion_etat_vert {
  border-left: 4px solid #70DDD5 !important;
  border-bottom: 0 none !important;
  background-color: #E2F8F6 !important;
}
.PLAAC,
.DEMATT,
.accordion_etat_jaune {
  border-left: 4px solid #E5DD5C !important;
  border-bottom: 0 none !important;
  background-color: #FEF9AA !important;
}
.accordion_etat_attente {
  border-left: 4px solid #c66600 !important;
  border-bottom: 0 none !important;
  background-color: #edd79A !important;
}
.accordion_etat_rouge {
  border-left: 4px solid #864747 !important;
  border-bottom: 0 none !important;
  background-color: #d4adaf !important;
}
.accordion_etat_gris {
  border-left: 4px solid #B1B1B1 !important;
  border-bottom: 0 none !important;
  background-color: #dfdfdf !important;
}
.tab-label-level3 {
  user-select: none;
  cursor: pointer;
}
.tab-label-level3:before {
  content: "\f105";
  font-family: FontAwesome, serif;
  font-size: 16px;
  position: absolute;
  right: calc(100% - 24px);
  top: 12px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.tmpOpacity::before {
  opacity: 0;
}
.section_inscription_header,
.section_inscription_date {
  display: inline-block;
  width: calc(100% - (2em + 10px));
  margin-left: 2em;
  margin-right: 10px;
}
.section_inscription_header > .bouton,
.section_inscription_date > .bouton {
  float: right;
}
.accordion_planning {
  border: 1px solid #ccc !important;
  margin-left: 18px !important;
  width: calc(100% - 30px) !important;
  margin-top: 1em;
}
.accordion_planning caption {
  color: #000;
  font-weight: normal;
  background-color: #fff;
  margin: 0;
  padding: 3px;
  text-align: left;
}
.accordion_planning tr,
.accordion_planning th,
.accordion_planning td {
  background: #fff;
  border: 1px solid #ccc;
}
.only-media-queries {
  display: none;
}
.accordion_ie_compat {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#centre h3.reglement span strong.montant,
#centre table.reglement_famille p strong.montant {
  float: none;
}
#centre h3.facture,
#centre h3.reglement {
  border-left: 4px solid rgba(0, 0, 0, 0.15) !important;
}
/* STYLES
========================== */
a,
a:visited {
  color: rgba(0, 88, 252, 0.9);
  text-decoration: underline;
  border-bottom: 0 none;
  padding-bottom: inherit;
}
a:active,
a:link,
a:visited {
  color: #0046c9;
}
a:hover,
div.bloc_index h2 a:hover {
  color: #003496;
  text-decoration: none;
  border-bottom: 0 none;
  padding-bottom: inherit;
}
h3 {
  background: transparent;
}
div.fiche_sanitaire,
div.consentements_individu {
  box-sizing: border-box;
  padding: 0 15px 15px;
}
div.dossier {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
div.dossier h2 {
  position: relative;
  margin: 0;
  height: 24px;
  text-transform: uppercase;
  text-indent: -9999em;
  color: #f17c26;
}
div.dossier h2:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  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: "\e866";
  text-indent: 0;
  display: block;
  height: 32px;
  position: absolute;
  top: -10px;
  left: 15px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
div.dossier h2 img {
  display: none;
}
div.dossier div.pi-contenu {
  padding: 25px 10px;
  background: transparent;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
div.divider span {
  display: none;
}
div.fiche_sanitaire p,
div.fiche_sanitaire table {
  margin-right: 15px;
  margin-left: 15px;
}
div.fiche_sanitaire p {
  margin: 0 15px 15px;
}
div.fiche_sanitaire p.impaire,
div.fiche_sanitaire p.paire {
  background: transparent;
}
div.fiche_sanitaire p span.label {
  padding-right: 2px;
  width: 250px;
  text-align: right;
  color: rgba(0, 0, 0, 0.6);
}
div.fiche_sanitaire form p {
  float: left;
  width: calc(50% - 30px);
}
fieldset {
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
fieldset legend {
  float: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}
fieldset div.divider {
  margin: 0 0 1em;
  font-size: 0.4em;
}
ul#liste_adultes,
ul#liste_enfants {
  float: none;
  overflow: hidden;
  padding: 0 15px;
}
ul#liste_adultes li,
ul#liste_enfants li {
  padding: 0;
  margin: 0 15px 15px 0;
  width: calc(50% - 15px);
  max-width: inherit;
  height: auto;
  min-height: 72px;
  box-sizing: border-box;
  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;
  transition: all 0.2s ease;
}
ul#liste_adultes li:hover,
ul#liste_enfants li:hover {
  background-color: #fef5ef;
  border-color: rgba(241, 124, 38, 0.9);
  -webkit-box-shadow: 0 0 5px rgba(241, 124, 38, 0.3);
  box-shadow: 0 0 5px rgba(241, 124, 38, 0.3);
}
ul#liste_adultes li.selected,
ul#liste_enfants li.selected {
  background-color: #f2f6ff;
  border-color: rgba(0, 88, 252, 0.9);
  -webkit-box-shadow: 0 0 5px rgba(0, 88, 252, 0.3);
  box-shadow: 0 0 5px rgba(0, 88, 252, 0.3);
}
#famille {
  background: transparent;
  overflow: inherit;
  float: none;
}
#famille > li {
  padding: 0;
  float: none;
  overflow: hidden;
}
#famille li p {
  float: none;
  text-align: left!important;
}
.desk_panel {
  position: relative;
}
a.desk_panel {
  padding: 10px;
  text-decoration: none;
  min-height: 48px;
}
a.desk_panel,
a.desk_panel:active {
  color: rgba(0, 0, 0, 0.9);
}
a.desk_panel img {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 48px;
  width: 48px;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
span.desk_panel {
  margin-top: 5px;
  margin-left: 64px;
}
span.desk_panel span {
  display: block;
}
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
  background-color: rgba(0, 0, 0, 0.1);
}
#ui-datepicker-div .ui-state-hover,
.ui-widget-content .ui-state-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#ui-datepicker-div .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
  color: inherit;
  background: inherit;
}
#centre h1 {
  padding: 0;
  margin: 15px;
  height: auto;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0;
}
#centre div.ombre {
  background: transparent;
  border: 0 none;
}
#centre div#bandeau_famille {
  border: 0 none;
  margin: 0;
}
#centre #col_gauche h1 {
  padding: 0;
  margin: 15px 0;
  height: auto;
  text-indent: 0;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
}
#dossier #centre div#bandeau_famille {
  padding: 0;
}
#dossier #centre #col_gauche div h2 {
  clear: left;
  margin: 15px;
  padding: 0;
  width: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-indent: 0;
  text-transform: uppercase;
}
div.divider span {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  height: 1px;
}
.dossier_coordonnees fieldset.coordonnees div.divider span {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  height: 1px;
}
.dossier_coordonnees #centre #bandeau_famille {
  min-height: 90px!important;
}
.dossier_coordonnees #centre #bandeau_famille ul#famille li {
  margin: 0 15px;
  text-align: left;
}
.dossier_coordonnees #centre #bandeau_famille ul#famille li div.parent {
  position: relative;
  padding: 10px;
  margin: 0 15px 15px 0;
  width: calc(50% - 30px);
  max-width: inherit;
  height: auto;
  min-height: 72px;
  box-sizing: border-box;
  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;
  -webkit-transition: all 0.2s ease 0.2s ease-out 0;
  -moz-transition: all 0.2s ease 0.2s ease-out 0s;
  -o-transition: all 0.2s ease 0.2s ease-out 0;
  /* Opera 10.5+ */
  transition: all 0.2s ease 0.2s ease-out 0;
}
.dossier_coordonnees #centre #bandeau_famille ul#famille li div.parent img.coordonnee_personne {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 48px;
  width: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.dossier_coordonnees #centre #bandeau_famille ul#famille li div.parent span.coordonnee_personne span {
  display: inline-block;
}
.dossier_coordonnees #centre #bandeau_famille ul#famille li div.parent address {
  margin-top: 5px;
  margin-left: 64px;
}
.dossier_coordonnees #centre form#form_coordonnees > div {
  position: relative;
  margin: 0 0 15px 15px;
  width: calc(50% - 30px);
  max-width: inherit;
  height: auto;
  min-height: 72px;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease 0.2s ease-out 0;
  -moz-transition: all 0.2s ease 0.2s ease-out 0s;
  -o-transition: all 0.2s ease 0.2s ease-out 0;
  /* Opera 10.5+ */
  transition: all 0.2s ease 0.2s ease-out 0;
}
.dossier_coordonnees #centre form#form_coordonnees > div fieldset.coordonnees {
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  border: 0 none;
}
.dossier_coordonnees #centre form#form_coordonnees > div fieldset p + input[type="hidden"] {
  display: none;
}
ol#etapes {
  position: static;
  left: auto;
  top: auto;
  margin: 10px auto!important;
  height: auto;
  text-align: center;
  word-spacing: -4px;
}
ol#etapes li {
  float: none;
  display: inline-block;
  word-spacing: normal;
  vertical-align: top;
}
ol#etapes li dl.en_cours dt.etape {
  font-weight: 600;
}
ol#etapes li dl.en_cours dd.define {
  position: relative;
  background: transparent;
}
ol#etapes li dl.en_cours dd.define:after {
  content: " ";
  display: block;
  position: absolute;
  left: 26px;
  bottom: -4px;
  width: 10px;
  height: 10px;
  border-top: 0.4em solid #06c;
  border-right: 0.4em solid #06c;
  background-color: #ffffff;
  /* clear transform function */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body:not(.accueil_index):not(.sfCirilFacturation_historique):not([class*="sfCirilPaiement_"]):not([class*="Visualisation_index"]) #centre #col_gauche h1 {
  padding: 0;
  margin: 15px 0;
  height: auto;
  text-indent: 0;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
}
body:not(.accueil_index):not(.sfCirilFacturation_historique):not([class*="sfCirilPaiement_"]):not([class*="Visualisation_index"]) #centre #col_gauche h2:not(#Actus):not(#postit-box) {
  padding: 0;
  margin: 15px 0;
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-indent: 0;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}
body:not(.accueil_index):not(.sfCirilFacturation_historique):not([class*="sfCirilPaiement_"]):not([class*="Visualisation_index"]) #centre #col_gauche h3:not(.date) {
  padding: 0;
  margin: 15px 0 8px;
  text-indent: 0;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
}
body:not(.accueil_index):not(.sfCirilFacturation_historique):not([class*="sfCirilPaiement_"]):not([class*="Visualisation_index"]) #centre #col_gauche h3:not(.date):before {
  content: " ";
  display: inline-block;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}
html > body fieldset {
  margin: 15px;
}
html > body fieldset legend {
  padding: 0;
  margin: 0;
  text-indent: 0;
  font-size: 18px;
  text-transform: uppercase;
}
html > body fieldset fieldset {
  margin: 0 !important;
}
#accueil #centre div#centre_border {
  margin: 0;
}
#footer {
  background-color: #303030;
  color: #ffffff;
}
#footer a {
  color: #ffffff;
}
#footer a:active,
#footer a:link,
#footer a:visited {
  color: rgba(255, 255, 255, 0.8);
}
#footer ul {
  width: auto;
  height: auto;
  text-align: center;
}
#footer ul li {
  float: none;
  display: inline-block;
}
#footer ul li:first-child {
  border: none;
}
#circleGraph {
  width: calc(40% - 40px);
  padding: 5px 0 0px 40px;
}
#barGraph {
  width: calc(60% - 50px);
  padding: 0 0 0 50px;
}
[class^="popup_"],
div[class^="popup_"] {
  display: none;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  width: 100vw !important;
  z-index: 1000000;
}
[class^="popup_"] [id^="popup_cache"],
div[class^="popup_"] [id^="popup_cache"] {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: auto !important;
  width: auto !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  opacity: 1 !important;
}
[class^="popup_"] [id^="popup_message"],
div[class^="popup_"] [id^="popup_message"] {
  position: relative !important;
  top: 50% !important;
  left: calc(50% - 230px) !important;
  padding: 5px !important;
  margin: -35px 0 0 !important;
  display: block !important;
  width: 460px !important;
  max-width: 100% !important;
  background-color: #ffffff !important;
  border: 0 none !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;
  text-align: center;
}
/* MENUS
========================== */
nav {
  position: absolute;
  left: auto;
  bottom: auto;
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
nav ul {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.03em;
}
nav ul li {
  padding: 0;
}
nav ul li a {
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  font-size: 100%;
}
@media only screen and (min-width: 1024px) {
  nav ul li:not(.current).unitPng {
    display: none;
  }
}
nav ul li:not(.current) a {
  padding: 12px 10px;
}
nav ul li:not(.current) a:after {
  /* clear transform function */
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
nav ul li:not(.current) a:focus,
nav ul li:not(.current) a:hover {
  color: #1a1a1a;
  background-color: rgba(0, 0, 0, 0.1);
}
nav ul li:not(.current) a:focus:after,
nav ul li:not(.current) a:hover:after {
  height: 3px;
}
nav ul li:not(.current):hover {
  background-color: transparent;
}
nav ul li.current {
  background-color: transparent;
  border-bottom: 0 none;
}
nav ul li.current a {
  color: #000000;
  padding: 12px 10px;
  position: relative;
  font-weight: 700;
}
nav ul li.current a:after {
  content: " ";
  display: block;
  position: absolute;
  left: 10px;
  bottom: 0;
  width: calc(100% - 20px);
  height: 3px;
  background-color: rgba(0, 0, 0, 0.5);
}
nav ul li#accueil i.fa-home {
  font-family: 'Material Icons';
  font-size: 20px;
  line-height: 12px;
  vertical-align: middle;
}
nav ul li#accueil i.fa-home:before {
  content: "\e88a";
}
nav ul li#accueil:focus i,
nav ul li#accueil:hover i {
  color: rgba(0, 0, 0, 0.8);
}
nav ul li#accueil a {
  color: rgba(0, 0, 0, 0.8);
}
ul#fil-ariane {
  padding: 0;
  margin: 0 0 0 200px;
}
ul#fil-ariane li {
  margin: 0;
  line-height: 40px;
}
ul#fil-ariane li i.fa-caret-right {
  color: #0058FC;
}
ul#fil-ariane li a {
  text-transform: uppercase;
}
ul#aide-navigation {
  position: relative;
  right: auto;
  padding: 0;
  margin: 0;
  height: auto;
  min-height: 32px;
  background-color: rgba(255, 255, 255, 0.8);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  opacity: 1;
}
ul#aide-navigation:empty {
  display: none!important;
}
ul#aide-navigation li {
  padding: 0;
  margin: 0 5px;
  line-height: 32px;
}
ul#aide-navigation li a {
  display: inline-block;
}
ul#utilisateur {
  clear: right;
  float: right;
  position: relative;
  right: auto;
  bottom: auto;
  padding: 0;
  margin: 0;
  margin-top: 31px;
  list-style: none;
  height: auto;
  background-color: rgba(255, 255, 255, 0.85);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -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;
}
ul#utilisateur:empty {
  display: none!important;
}
ul#utilisateur li {
  line-height: 24px;
}
ul#utilisateur li.deconnexion {
  padding: 5px 10px;
  margin: 0;
  height: auto;
  border: 0 none;
  background-color: transparent;
}
ul#utilisateur li.deconnexion a {
  display: inline-block;
  padding: 0;
  margin: 0;
}
ul#utilisateur li.deconnexion span {
  color: #444c57 !important;
}
#bandeau nav ul {
  float: none;
  margin: 0 auto;
  height: auto;
}
.menu-number {
  position: absolute;
  top: 1px;
  right: -5px;
  bottom: auto;
  box-sizing: border-box;
  padding: 0 4px;
  min-width: 18px;
  line-height: 18px;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  text-align: center;
  background-color: #cc0000;
  color: #ffffff;
  -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 ul#sous-navigation {
  box-sizing: border-box;
  top: 0;
  height: 100%!important;
  width: 175px;
  background-color: #ffffff;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.03em;
}
body ul#sous-navigation:empty {
  display: none!important;
}
body ul#sous-navigation li {
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body ul#sous-navigation li a {
  padding: 10px 6px 10px 15px;
}
body ul#sous-navigation li:not(.selected) a {
  color: #1a1a1a;
}
body ul#sous-navigation li:not(.selected) a:after {
  transition: width 0.3s, opacity 0.3s, transform 0.3s;
  /* clear transform function */
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
body ul#sous-navigation li:not(.selected):hover {
  background-color: rgba(0, 0, 0, 0.1);
}
body ul#sous-navigation li.selected em {
  top: auto;
  padding: 0;
  margin: 0;
  width: auto;
}
body ul#sous-navigation li.selected a {
  color: #000000;
}
body#sfCirilDocumentation ul#sous-navigation {
  position: absolute !important;
  float: none;
  padding: 0 !important;
  margin: 0 !important;
}
body#sfCirilDocumentation ul#sous-navigation li span {
  box-sizing: border-box;
  padding: 10px 6px 10px 15px;
  margin: 0;
  top: auto;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  color: #1a1a1a;
}
body#sfCirilDocumentation ul#sous-navigation li span:after {
  transition: width 0.3s, opacity 0.3s, transform 0.3s;
  /* clear transform function */
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
body#sfCirilDocumentation ul#sous-navigation ul {
  padding-left: 0;
  background: #ffffff;
}
body#sfCirilDocumentation ul#sous-navigation ul li:last-child {
  border: 0 none;
}
body#accueil ul#utilisateur {
  bottom: auto;
}
body #global #bandeau .outils {
  display: table-cell;
  width: 100%;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
body #fil-ariane li#localisation {
  display: none;
}
body#sfGuardAuth ul#sous-navigation,
body#sfGuardUser ul#sous-navigation,
body#sfCirilAdminApplication ul#sous-navigation,
body#sfCirilAdministration ul#sous-navigation,
body#sfCirilAdminMessage ul#sous-navigation,
body#sfCirilModule ul#sous-navigation,
body#sfCirilLog ul#sous-navigation,
body#sfCirilTraduction ul#sous-navigation,
body#sfCirilSouscriptionEnfance ul#sous-navigation,
body#sfCirilSouscriptionEnfsmd ul#sous-navigation {
  border-right: 0 none;
}
body#sfGuardAuth nav ul li,
body#sfGuardUser nav ul li,
body#sfCirilAdminApplication nav ul li,
body#sfCirilAdministration nav ul li,
body#sfCirilAdminMessage nav ul li,
body#sfCirilModule nav ul li,
body#sfCirilLog nav ul li,
body#sfCirilAdminPaiement nav ul li,
body#sfCirilAdminParameter nav ul li,
body#sfCirilTraduction nav ul li,
body#sfCirilSouscriptionEnfance nav ul li {
  padding: 0;
}
/********************************************************
******           Aide et accessibilite           *******
*********************************************************/
/********************************************************
******                Menu niv.1                  *******
*********************************************************/
/* On ne veut pas la couleur sur le menu du backend */
/* **************** Indicateur nombre *************** */
/* **************** Effect *************** */
/* pour regler les differences entre les navigateurs */
/* **************** Indicateur nombre *************** */
/* **************** Look home *************** */
/* **************** Different sur le backend car plus de menus *************** */
/********************************************************
******                Menu niv.2                  *******
*********************************************************/
/* **************** Effect *************** */
/* **************** Different sur le backend *************** */
/********************************************************
******                Breadcrumb                  *******
*********************************************************/
/* pas de fil d'ariane alors autant le cacher */
/********************************************************
******                Utilisateur                 *******
*********************************************************/
/* Empeche le panneau "Compte - Deconnexion" de chevaucher le menu dans le backend sur des petites resolutions */
/* **************** Look Icone utilisateur *************** */
/*********************************************************/
/*design menus*/
h4.inscription,
h4.demande {
  margin: 0;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
h4.inscription .caption_showbox,
h4.demande .caption_showbox {
  margin-bottom: 5px;
}
h4.inscription .headerTableInscription,
h4.attente .headerTableInscription,
h4.demande .headerTableInscription {
  display: inline-block;
  width: 100%;
  font-weight: normal;
}
h4.inscription .headerTableInscription .etatInscription,
h4.attente .headerTableInscription .etatInscription,
h4.demande .headerTableInscription .etatInscription {
  float: right;
  display: inline-block;
  margin: 0 5px;
  font-weight: 600;
  font-size: 1.2em;
}
h4.inscription .headerTableInscription .etatInscription img,
h4.attente .headerTableInscription .etatInscription img,
h4.demande .headerTableInscription .etatInscription img {
  margin-right: 5px;
}
h4.inscription .headerTableInscription .dateInscription,
h4.demande .headerTableInscription .dateInscription {
  margin-top: 5px;
  display: inline-block;
}
h4.inscription .formDeleteInscriptionDemande,
h4.demande .formDeleteInscriptionDemande {
  float: right;
  display: inline;
}
.headerTableInscription a.lien_planning {
  margin: 0 15px 0 0;
}
/* PAGINATION
========================== */
ul.pagination {
  float: none;
  text-align: right;
  padding: 0;
  margin: 15px;
}
ul.pagination li {
  float: none;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
ul.pagination li:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
ul.pagination li a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  transition: all 0.2s ease;
}
ul.pagination li.current {
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 1em;
}
ul.pagination li.current a {
  color: #000000;
}
ul.pagination li.previous:hover,
ul.pagination li.next:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
/* INPUT
========================== */
label:first-child,
span.label:first-child,
label.labelfirst,
p.plan_hebdo_h label {
  margin: 0 5px 0 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.4em;
}
p.plan_hebdo_j label,
p.plan_hebdo_h label {
  display: inline-block;
  float: none;
  line-height: 32px;
  vertical-align: middle;
}
div#form_periscolaire p,
div#form_alsh p {
  overflow: hidden;
  text-overflow: ellipsis;
}
label .erreur {
  color: red;
}
label .focus {
  color: #2E8B57;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="url"] {
  padding-left: 0.2em;
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  vertical-align: top;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
}
input[type="file"] {
  padding-right: 0.4em;
  height: 32px;
  line-height: 32px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
}
input[type="radio"],
input.radio,
input.radio_custom,
input[type="checkbox"],
input.checkbox,
input.checkbox_custom {
  vertical-align: middle;
}
select,
textarea {
  color: rgba(0, 0, 0, 0.7);
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
textarea {
  width: 100% !important;
  box-sizing: border-box;
}
select {
  font-size: 1em;
  line-height: 1;
  padding: 0.6em 1.6em 0.6em 0.4em;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
}
select:not([multiple]) {
  height: 32px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23CCCCCC%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}
select:not([multiple]):not([disabled]) {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230357FD%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}
select::-ms-expand {
  display: none;
}
select:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
select:focus {
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: rgba(0, 0, 0, 0.9);
  outline: none;
}
select option {
  font-weight: normal;
}
select.focus option {
  color: rgba(0, 0, 0, 0.7);
  background-color: #ffffff;
}
option {
  color: rgba(0, 0, 0, 0.7);
}
input.focus,
select.focus,
textarea.focus,
input:focus,
select:focus,
textarea:focus {
  color: rgba(0, 0, 0, 0.7);
  background-color: #ffffff;
  border: 1px solid rgba(0, 88, 252, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 88, 252, 0.2);
  box-shadow: 0 0 5px rgba(0, 88, 252, 0.2);
}
p.intMultiCheck {
  float: none;
  margin: inherit;
  width: auto;
  text-align: left;
  font-weight: 600;
}
.ui-datepicker-trigger {
  padding: 6px;
}
form p {
  margin: 0.05em 0 15px;
}
form p:empty {
  display: none;
}
form p label {
  display: block;
}
.sfGuardAuth_signin form p label {
  display: inline-block;
  width: auto;
}
form p input[type=text],
form p input[type=password],
form p input[type=email],
form p input[type=url],
form p input[type=search] {
  padding: 0 8px;
}
form p input[type=text]:not([size="2"]),
form p input[type=password]:not([size="2"]),
form p input[type=email]:not([size="2"]),
form p input[type=url]:not([size="2"]),
form p input[type=search]:not([size="2"]) {
  width: 100%;
}
form p .legend {
  padding: 0;
  color: rgba(0, 0, 0, 0.7);
}
form ul.boutons {
  clear: left;
}
form fieldset ul.intMultiCheck {
  float: none;
  width: auto;
}
form fieldset ul.intMultiCheck li {
  display: inline-block;
}
input.radio_custom:checked,
input.checkbox_custom:checked,
input.radio_custom:not(:checked),
input.checkbox_custom:not(:checked) {
  position: absolute !important;
  left: -9999px !important;
}
input.radio_custom:checked + label,
input.checkbox_custom:checked + label,
input.radio_custom:not(:checked) + label,
input.checkbox_custom:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  margin: 2px 4px;
  cursor: pointer;
  line-height: 20px;
  min-height: 20px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.75);
}
input.radio_custom:checked + label:before,
input.checkbox_custom:checked + label:before,
input.radio_custom:not(:checked) + label:before,
input.checkbox_custom:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
input.radio_custom:checked + label:after,
input.checkbox_custom:checked + label:after,
input.radio_custom:not(:checked) + label:after,
input.checkbox_custom:not(:checked) + label:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input.radio_custom:not(:checked) + label:after,
input.checkbox_custom:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
input.radio_custom:checked + label:after,
input.checkbox_custom:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
input.radio_custom:checked + label:before,
input.radio_custom:not(:checked) + label:before {
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  background: #ffffff;
}
input.radio_custom:checked + label:after,
input.radio_custom:not(:checked) + label:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #0058FC;
  border-radius: 100%;
}
input.radio_custom:checked + label {
  color: rgba(0, 0, 0, 0.98);
}
input.checkbox_custom:checked + label:before,
input.checkbox_custom:not(:checked) + label:before {
  width: 16px;
  height: 16px;
  border: 2px solid #0058FC;
  border-radius: 3px;
  background: #ffffff;
}
input.checkbox_custom:checked + label:after,
input.checkbox_custom:not(:checked) + label:after {
  content: '';
  width: 6px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 6px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input.checkbox_custom:checked + label:before {
  background: #0058FC;
}
input.checkbox_custom:checked + label:after {
  -webkit-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked,
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked),
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) {
  position: absolute /**/;
  left: -9999px /**/;
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label,
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked) + label,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  margin: 2px 4px;
  cursor: pointer;
  line-height: 20px;
  min-height: 20px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.75);
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label:before,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:before,
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked) + label:before,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label:after,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:after,
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked) + label:after,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) + label:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked) + label:after,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label:after,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label:before,
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked) + label:before {
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  background: #ffffff;
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label:after,
[id^="form_"]:not(#form_planning) input[type="radio"]:not(:checked) + label:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #0058FC;
  border-radius: 100%;
}
[id^="form_"]:not(#form_planning) input[type="radio"]:checked + label {
  color: rgba(0, 0, 0, 0.98);
}
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:before,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) + label:before {
  width: 16px;
  height: 16px;
  border: 2px solid #0058FC;
  border-radius: 3px;
  background: #ffffff;
}
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:after,
[id^="form_"]:not(#form_planning) input[type="checkbox"]:not(:checked) + label:after {
  content: '';
  width: 6px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 6px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:before {
  background: #0058FC;
}
[id^="form_"]:not(#form_planning) input[type="checkbox"]:checked + label:after {
  -webkit-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
}
[id^="form_"]:not(#form_planning) table.tableau input[type="radio"]:checked,
[id^="form_"]:not(#form_planning) table.tableau input[type="checkbox"]:checked,
[id^="form_"]:not(#form_planning) table.tableau input[type="radio"]:not(:checked),
[id^="form_"]:not(#form_planning) table.tableau input[type="checkbox"]:not(:checked) {
  position: static;
  left: 0;
}
[id^="form_"] label + input[type="radio"]:checked,
[id^="form_"] label + input[type="checkbox"]:checked,
[id^="form_"] label + input[type="radio"]:not(:checked),
[id^="form_"] label + input[type="checkbox"]:not(:checked) {
  position: relative !important;
  left: auto !important;
}
div#consentement p {
  margin-left: 2em;
}
div#form_creche fieldset p:not(.plan_hebdo_j):not(.plan_hebdo_h) label {
  width: 100%;
}
div#form_creche fieldset p label {
  width: auto;
}
body#sfCirilSouscription form fieldset label,
body.sfCirilSouscription_condition form fieldset label,
#form_register fieldset label,
#form_step fieldset label {
  width: auto !important;
  display: inline-block;
}
/*Formulaire recherche*/
form#formulaire-recherche input {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
/* The slider */
.slider {
  background-color: #ffffff;
}
input:checked + .slider {
  background-color: #0058FC;
}
input:focus + .slider {
  box-shadow: 0 0 1px #0058FC;
}
fieldset p[id^="widget_"] label {
  font-weight: 600;
}
fieldset p[id^="widget_"] input[type="text"] {
  width: calc(100% - 15px);
}
#coord_bancaire fieldset p#widget_titulaire,
#coord_bancaire fieldset p#widget_codeBanque,
#coord_bancaire fieldset p#widget_guichet,
#coord_bancaire fieldset p#widget_bic,
#coord_bancaire fieldset p#widget_designationBanque,
#coord_bancaire fieldset p#widget_numCompte {
  float: left;
  width: 50%;
}
#coord_bancaire fieldset p#widget_titulaire,
#coord_bancaire fieldset p#widget_guichet,
#coord_bancaire fieldset p#widget_designationBanque {
  margin-right: 15px;
  width: calc(50% - 15px);
}
#coord_bancaire fieldset p#widget_cleCompte {
  clear: left;
  display: block;
  width: 100%;
}
#coord_bancaire fieldset p#widget_cleCompte label {
  display: block;
  width: 100%;
}
#coord_bancaire fieldset p#widget_cleCompte input {
  width: calc(15% - 15px);
}
#coord_bancaire fieldset p#widget_codePays {
  width: 15%;
}
#coord_bancaire fieldset p#widget_codePays label {
  display: block;
  width: 100%;
}
#coord_bancaire fieldset p#widget_codePays input {
  width: calc(100% - 15px);
}
#coord_bancaire fieldset p#widget_cleIban {
  width: 14%;
}
#coord_bancaire fieldset p#widget_cleIban input {
  width: calc(100% - 15px);
}
#coord_bancaire fieldset p#widget_suiteIban {
  width: 69%;
}
#coord_bancaire fieldset p#widget_suiteIban input {
  width: 100%;
}
#coord_bancaire fieldset p#widget_suiteIban input#prelevement_suiteIban {
  width: 100%;
}
#coord_bancaire fieldset p#widget_dateApplication label {
  display: block;
  width: 100%;
}
#coord_bancaire fieldset p#widget_codePays,
#coord_bancaire fieldset p#widget_cleIban,
#coord_bancaire fieldset p#widget_suiteIban {
  display: inline-block;
  margin-left: 0;
}
/* BOUTONS
========================== */
body #boutonsMobPlanning input[id^="bouton_"] {
  margin: auto 10px 5px auto !important;
  width: auto!important;
}
input.bouton,
.bouton a,
button,
a.bouton {
  display: inline-block;
  padding: 0 15px;
  margin-right: 10px;
  margin-bottom: 5px;
  width: auto!important;
  min-width: 180px;
  height: 35px;
  line-height: 32px;
  background-color: #ffffff;
  border: 1px solid #cacaca;
  color: #757575;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}
input.bouton:hover,
.bouton a:hover,
button:hover,
a.bouton:hover,
input.bouton:active,
.bouton a:active,
button:active,
a.bouton:active,
input.bouton:focus,
.bouton a:focus,
button:focus,
a.bouton:focus {
  background-color: #757575;
  border-color: #757575;
  color: #ffffff;
}
input.bouton.btn-focused,
.bouton a.btn-focused,
button.btn-focused,
a.bouton.btn-focused {
  background-color: #757575 !important;
  border-color: #757575;
  color: #ffffff;
}
input.bouton.btn-focused:hover,
.bouton a.btn-focused:hover,
button.btn-focused:hover,
a.bouton.btn-focused:hover,
input.bouton.btn-focused:active,
.bouton a.btn-focused:active,
button.btn-focused:active,
a.bouton.btn-focused:active,
input.bouton.btn-focused:focus,
.bouton a.btn-focused:focus,
button.btn-focused:focus,
a.bouton.btn-focused:focus {
  background-color: #494949 !important;
  border-color: #494949;
}
input.bouton.btn_connect,
.bouton a.btn_connect,
button.btn_connect,
a.bouton.btn_connect {
  background-color: #ff786d;
  border-color: #ff786d;
  color: rgba(0, 0, 0, 0.8);
}
input.bouton.btn_connect:hover,
.bouton a.btn_connect:hover,
button.btn_connect:hover,
a.bouton.btn_connect:hover,
input.bouton.btn_connect:active,
.bouton a.btn_connect:active,
button.btn_connect:active,
a.bouton.btn_connect:active,
input.bouton.btn_connect:focus,
.bouton a.btn_connect:focus,
button.btn_connect:focus,
a.bouton.btn_connect:focus {
  background-color: #931816;
  border-color: #931816;
  color: #ffffff;
}
input.bouton.btn_connect_log,
.bouton a.btn_connect_log,
button.btn_connect_log,
a.bouton.btn_connect_log {
  display: block;
  width: 100% !important;
  margin: 0;
}
.table_showbox caption input.bouton.btn_compact,
.table_showbox caption .bouton a.btn_compact,
.table_showbox caption button.btn_compact,
.table_showbox caption a.bouton.btn_compact,
.caption_showbox span input.bouton.btn_compact,
.caption_showbox span .bouton a.btn_compact,
.caption_showbox span button.btn_compact,
.caption_showbox span a.bouton.btn_compact,
input.bouton.btn_compact,
.bouton a.btn_compact,
button.btn_compact,
a.bouton.btn_compact,
.table_showbox caption input.bouton.bouton_small,
.table_showbox caption .bouton a.bouton_small,
.table_showbox caption button.bouton_small,
.table_showbox caption a.bouton.bouton_small,
.caption_showbox span input.bouton.bouton_small,
.caption_showbox span .bouton a.bouton_small,
.caption_showbox span button.bouton_small,
.caption_showbox span a.bouton.bouton_small,
input.bouton.bouton_small,
.bouton a.bouton_small,
button.bouton_small,
a.bouton.bouton_small {
  display: inline-block;
  padding: 0 10px;
  width: auto !important;
  min-width: auto;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  background-size: 14px;
}
a.bouton:before,
input.bouton:before,
a.bouton:after,
input.bouton:after {
  display: inline-block;
  content: " ";
}
a.btn-grey,
input.btn-grey {
  background-color: #757575 !important;
  border-color: #757575;
  color: #ffffff;
}
a.btn-grey:hover,
input.btn-grey:hover,
a.btn-grey:active,
input.btn-grey:active,
a.btn-grey:focus,
input.btn-grey:focus {
  background-color: #494949 !important;
  border-color: #494949;
}
a.btn-blue,
input.btn-blue {
  background-color: #0480a9 !important;
  border-color: #0480a9;
  color: #ffffff;
}
a.btn-blue:hover,
input.btn-blue:hover,
a.btn-blue:active,
input.btn-blue:active,
a.btn-blue:focus,
input.btn-blue:focus {
  background-color: #00547a !important;
  border-color: #00547a;
}
a.btn-red,
input.btn-red {
  background-color: #931816 !important;
  border-color: #931816;
  color: #ffffff;
}
a.btn-red:hover,
input.btn-red:hover,
a.btn-red:active,
input.btn-red:active,
a.btn-red:focus,
input.btn-red:focus {
  background-color: #430200 !important;
  border-color: #430200;
}
a.btn-green,
input.btn-green,
a.payer,
input.payer {
  background-color: #048767 !important;
  border-color: #048767;
  color: #ffffff;
}
a.btn-green:hover,
input.btn-green:hover,
a.payer:hover,
input.payer:hover,
a.btn-green:active,
input.btn-green:active,
a.payer:active,
input.payer:active,
a.btn-green:focus,
input.btn-green:focus,
a.payer:focus,
input.payer:focus {
  background-color: #00593d !important;
  border-color: #00593d;
}
a.enregistrer,
input.enregistrer {
  background-image: url("../images3/btn/sprite.svg#floppy-white");
  background-color: #048767;
  border-color: #048767;
  color: #ffffff;
  padding: 0 15px 0 30px;
}
a.enregistrer.btn_compact,
input.enregistrer.btn_compact {
  padding: 0 10px 0 20px;
}
a.enregistrer:hover,
input.enregistrer:hover,
a.enregistrer:active,
input.enregistrer:active,
a.enregistrer:focus,
input.enregistrer:focus {
  background-color: #00593d;
  border-color: #00593d;
}
a.enregistrervalider,
input.enregistrervalider {
  background-image: url("../images3/btn/sprite.svg#doublecheck");
  color: #048767;
  padding: 0 15px 0 30px;
}
a.enregistrervalider.btn_compact,
input.enregistrervalider.btn_compact {
  padding: 0 10px 0 20px;
}
a.enregistrervalider:hover,
input.enregistrervalider:hover,
a.enregistrervalider:active,
input.enregistrervalider:active,
a.enregistrervalider:focus,
input.enregistrervalider:focus {
  background-image: url("../images3/btn/sprite.svg#doublecheck-white");
  background-color: #048767;
  border-color: #048767;
}
a.enregistrervalider.btn-focused,
input.enregistrervalider.btn-focused {
  background-image: url("../images3/btn/sprite.svg#doublecheck-white");
  background-color: #048767 !important;
  border-color: #048767;
  color: #ffffff;
}
a.enregistrervalider.btn-focused:hover,
input.enregistrervalider.btn-focused:hover,
a.enregistrervalider.btn-focused:active,
input.enregistrervalider.btn-focused:active,
a.enregistrervalider.btn-focused:focus,
input.enregistrervalider.btn-focused:focus {
  background-color: #00593d !important;
  border-color: #00593d;
}
a.valider,
input.valider {
  background-image: url("../images3/btn/sprite.svg#check");
  color: #048767;
  padding: 0 15px 0 30px;
}
a.valider.btn_compact,
input.valider.btn_compact {
  padding: 0 10px 0 20px;
}
a.valider:hover,
input.valider:hover,
a.valider:active,
input.valider:active,
a.valider:focus,
input.valider:focus {
  background-image: url("../images3/btn/sprite.svg#check-white");
  background-color: #048767;
  border-color: #048767;
}
a.valider.btn-focused,
input.valider.btn-focused {
  background-image: url("../images3/btn/sprite.svg#check-white");
  background-color: #048767 !important;
  border-color: #048767;
  color: #ffffff;
}
a.valider.btn-focused:hover,
input.valider.btn-focused:hover,
a.valider.btn-focused:active,
input.valider.btn-focused:active,
a.valider.btn-focused:focus,
input.valider.btn-focused:focus {
  background-color: #00593d !important;
  border-color: #00593d;
}
a.rechercher,
input.rechercher {
  background-image: url("../images3/btn/sprite.svg#pencil");
  padding: 0 15px 0 30px;
}
a.rechercher.btn_compact,
input.rechercher.btn_compact {
  padding: 0 10px 0 20px;
}
a.rechercher:hover,
input.rechercher:hover,
a.rechercher:active,
input.rechercher:active,
a.rechercher:focus,
input.rechercher:focus {
  background-image: url("../images3/btn/sprite.svg#pencil-white");
}
a.rechercher.btn-focused,
input.rechercher.btn-focused {
  background-image: url("../images3/btn/sprite.svg#pencil-white");
  background-color: #757575 !important;
  border-color: #757575;
  color: #ffffff;
}
a.rechercher.btn-focused:hover,
input.rechercher.btn-focused:hover,
a.rechercher.btn-focused:active,
input.rechercher.btn-focused:active,
a.rechercher.btn-focused:focus,
input.rechercher.btn-focused:focus {
  background-color: #494949 !important;
  border-color: #494949;
}
a.annuler,
input.annuler {
  background-image: url("../images3/btn/sprite.svg#left");
  padding: 0 15px 0 30px;
}
a.annuler.btn_compact,
input.annuler.btn_compact {
  padding: 0 10px 0 20px;
}
a.annuler:hover,
input.annuler:hover,
a.annuler:active,
input.annuler:active,
a.annuler:focus,
input.annuler:focus {
  background-image: url("../images3/btn/sprite.svg#left-white");
}
a.annuler.btn-focused,
input.annuler.btn-focused {
  background-image: url("../images3/btn/sprite.svg#left-white");
  background-color: #757575 !important;
  border-color: #757575;
  color: #ffffff;
}
a.annuler.btn-focused:hover,
input.annuler.btn-focused:hover,
a.annuler.btn-focused:active,
input.annuler.btn-focused:active,
a.annuler.btn-focused:focus,
input.annuler.btn-focused:focus {
  background-color: #494949 !important;
  border-color: #494949;
}
a.editer,
input.editer {
  background-image: url("../images3/btn/sprite.svg#pencil");
  padding: 0 15px 0 30px;
}
a.editer.btn_compact,
input.editer.btn_compact {
  padding: 0 10px 0 20px;
}
a.editer:hover,
input.editer:hover,
a.editer:active,
input.editer:active,
a.editer:focus,
input.editer:focus {
  background-image: url("../images3/btn/sprite.svg#pencil-white");
}
a.editer.btn-focused,
input.editer.btn-focused {
  background-image: url("../images3/btn/sprite.svg#pencil-white");
  background-color: #757575 !important;
  border-color: #757575;
  color: #ffffff;
}
a.editer.btn-focused:hover,
input.editer.btn-focused:hover,
a.editer.btn-focused:active,
input.editer.btn-focused:active,
a.editer.btn-focused:focus,
input.editer.btn-focused:focus {
  background-color: #494949 !important;
  border-color: #494949;
}
.table_showbox caption a.retirer,
.table_showbox caption input.retirer,
.caption_showbox span a.retirer,
.caption_showbox span input.retirer,
a.retirer,
input.retirer,
.table_showbox caption a.supprimer.bouton_small,
.table_showbox caption input.supprimer.bouton_small,
.caption_showbox span a.supprimer.bouton_small,
.caption_showbox span input.supprimer.bouton_small,
a.supprimer.bouton_small,
input.supprimer.bouton_small,
#sfCirilInscriptionVisualisation a.supprimer,
#sfCirilInscriptionVisualisation input.supprimer,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small {
  background-color: #931816;
  border-color: #931816;
  color: #ffffff;
}
.table_showbox caption a.retirer:hover,
.table_showbox caption input.retirer:hover,
.caption_showbox span a.retirer:hover,
.caption_showbox span input.retirer:hover,
a.retirer:hover,
input.retirer:hover,
.table_showbox caption a.supprimer.bouton_small:hover,
.table_showbox caption input.supprimer.bouton_small:hover,
.caption_showbox span a.supprimer.bouton_small:hover,
.caption_showbox span input.supprimer.bouton_small:hover,
a.supprimer.bouton_small:hover,
input.supprimer.bouton_small:hover,
#sfCirilInscriptionVisualisation a.supprimer:hover,
#sfCirilInscriptionVisualisation input.supprimer:hover,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small:hover,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small:hover,
.table_showbox caption a.retirer:active,
.table_showbox caption input.retirer:active,
.caption_showbox span a.retirer:active,
.caption_showbox span input.retirer:active,
a.retirer:active,
input.retirer:active,
.table_showbox caption a.supprimer.bouton_small:active,
.table_showbox caption input.supprimer.bouton_small:active,
.caption_showbox span a.supprimer.bouton_small:active,
.caption_showbox span input.supprimer.bouton_small:active,
a.supprimer.bouton_small:active,
input.supprimer.bouton_small:active,
#sfCirilInscriptionVisualisation a.supprimer:active,
#sfCirilInscriptionVisualisation input.supprimer:active,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small:active,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small:active,
.table_showbox caption a.retirer:focus,
.table_showbox caption input.retirer:focus,
.caption_showbox span a.retirer:focus,
.caption_showbox span input.retirer:focus,
a.retirer:focus,
input.retirer:focus,
.table_showbox caption a.supprimer.bouton_small:focus,
.table_showbox caption input.supprimer.bouton_small:focus,
.caption_showbox span a.supprimer.bouton_small:focus,
.caption_showbox span input.supprimer.bouton_small:focus,
a.supprimer.bouton_small:focus,
input.supprimer.bouton_small:focus,
#sfCirilInscriptionVisualisation a.supprimer:focus,
#sfCirilInscriptionVisualisation input.supprimer:focus,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small:focus,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small:focus {
  background-color: #430200;
  border-color: #430200;
}
.table_showbox caption a.supprimer.bouton_small,
.table_showbox caption input.supprimer.bouton_small,
.caption_showbox span a.supprimer.bouton_small,
.caption_showbox span input.supprimer.bouton_small,
a.supprimer.bouton_small,
input.supprimer.bouton_small,
#sfCirilInscriptionVisualisation a.supprimer,
#sfCirilInscriptionVisualisation input.supprimer,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small {
  padding: 0 15px 0 25px;
}
.table_showbox caption a.supprimer.bouton_small:hover,
.table_showbox caption input.supprimer.bouton_small:hover,
.caption_showbox span a.supprimer.bouton_small:hover,
.caption_showbox span input.supprimer.bouton_small:hover,
a.supprimer.bouton_small:hover,
input.supprimer.bouton_small:hover,
#sfCirilInscriptionVisualisation a.supprimer:hover,
#sfCirilInscriptionVisualisation input.supprimer:hover,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small:hover,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small:hover,
.table_showbox caption a.supprimer.bouton_small:active,
.table_showbox caption input.supprimer.bouton_small:active,
.caption_showbox span a.supprimer.bouton_small:active,
.caption_showbox span input.supprimer.bouton_small:active,
a.supprimer.bouton_small:active,
input.supprimer.bouton_small:active,
#sfCirilInscriptionVisualisation a.supprimer:active,
#sfCirilInscriptionVisualisation input.supprimer:active,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small:active,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small:active,
.table_showbox caption a.supprimer.bouton_small:focus,
.table_showbox caption input.supprimer.bouton_small:focus,
.caption_showbox span a.supprimer.bouton_small:focus,
.caption_showbox span input.supprimer.bouton_small:focus,
a.supprimer.bouton_small:focus,
input.supprimer.bouton_small:focus,
#sfCirilInscriptionVisualisation a.supprimer:focus,
#sfCirilInscriptionVisualisation input.supprimer:focus,
#sfCirilInscriptionVisualisation a.supprimer.bouton_small:focus,
#sfCirilInscriptionVisualisation input.supprimer.bouton_small:focus {
  background-image: none;
}
a.supprimer,
input.supprimer {
  background-image: url("../images3/btn/sprite.svg#trash");
  color: #931816;
  padding: 0 15px 0 30px;
}
a.supprimer.btn_compact,
input.supprimer.btn_compact {
  padding: 0 10px 0 20px;
}
a.supprimer:hover,
input.supprimer:hover,
a.supprimer:active,
input.supprimer:active,
a.supprimer:focus,
input.supprimer:focus {
  background-image: url("../images3/btn/sprite.svg#trash-white");
  background-color: #931816;
  border-color: #931816;
}
a.supprimer.btn-focused,
input.supprimer.btn-focused {
  background-image: url("../images3/btn/sprite.svg#trash-white");
  background-color: #931816 !important;
  border-color: #931816;
  color: #ffffff;
}
a.supprimer.btn-focused:hover,
input.supprimer.btn-focused:hover,
a.supprimer.btn-focused:active,
input.supprimer.btn-focused:active,
a.supprimer.btn-focused:focus,
input.supprimer.btn-focused:focus {
  background-color: #430200 !important;
  border-color: #430200;
}
a.supprimervalider,
input.supprimervalider {
  background-image: url("../images3/btn/sprite.svg#trash");
  color: #931816;
  padding: 0 15px 0 30px;
}
a.supprimervalider.btn_compact,
input.supprimervalider.btn_compact {
  padding: 0 10px 0 20px;
}
a.supprimervalider:hover,
input.supprimervalider:hover,
a.supprimervalider:active,
input.supprimervalider:active,
a.supprimervalider:focus,
input.supprimervalider:focus {
  background-image: url("../images3/btn/sprite.svg#trash-white");
  background-color: #931816;
  border-color: #931816;
}
a.supprimervalider.btn-focused,
input.supprimervalider.btn-focused {
  background-image: url("../images3/btn/sprite.svg#trash-white");
  background-color: #931816 !important;
  border-color: #931816;
  color: #ffffff;
}
a.supprimervalider.btn-focused:hover,
input.supprimervalider.btn-focused:hover,
a.supprimervalider.btn-focused:active,
input.supprimervalider.btn-focused:active,
a.supprimervalider.btn-focused:focus,
input.supprimervalider.btn-focused:focus {
  background-color: #430200 !important;
  border-color: #430200;
}
a.etape,
input.etape,
a.continuer,
input.continuer,
a.suivant,
input.suivant {
  background-image: url("../images3/btn/sprite.svg#right");
  color: #0480a9;
  padding: 0 15px 0 30px;
}
a.etape.btn_compact,
input.etape.btn_compact,
a.continuer.btn_compact,
input.continuer.btn_compact,
a.suivant.btn_compact,
input.suivant.btn_compact {
  padding: 0 10px 0 20px;
}
a.etape:hover,
input.etape:hover,
a.continuer:hover,
input.continuer:hover,
a.suivant:hover,
input.suivant:hover,
a.etape:active,
input.etape:active,
a.continuer:active,
input.continuer:active,
a.suivant:active,
input.suivant:active,
a.etape:focus,
input.etape:focus,
a.continuer:focus,
input.continuer:focus,
a.suivant:focus,
input.suivant:focus {
  background-image: url("../images3/btn/sprite.svg#right-white");
  background-color: #0480a9;
  border-color: #0480a9;
}
a.etape.btn-focused,
input.etape.btn-focused,
a.continuer.btn-focused,
input.continuer.btn-focused,
a.suivant.btn-focused,
input.suivant.btn-focused {
  background-image: url("../images3/btn/sprite.svg#right-white");
  background-color: #0480a9 !important;
  border-color: #0480a9;
  color: #ffffff;
}
a.etape.btn-focused:hover,
input.etape.btn-focused:hover,
a.continuer.btn-focused:hover,
input.continuer.btn-focused:hover,
a.suivant.btn-focused:hover,
input.suivant.btn-focused:hover,
a.etape.btn-focused:active,
input.etape.btn-focused:active,
a.continuer.btn-focused:active,
input.continuer.btn-focused:active,
a.suivant.btn-focused:active,
input.suivant.btn-focused:active,
a.etape.btn-focused:focus,
input.etape.btn-focused:focus,
a.continuer.btn-focused:focus,
input.continuer.btn-focused:focus,
a.suivant.btn-focused:focus,
input.suivant.btn-focused:focus {
  background-color: #00547a !important;
  border-color: #00547a;
}
a.ajouter,
input.ajouter {
  background-image: url("../images3/btn/sprite.svg#plus");
  color: #0480a9;
  padding: 0 15px 0 30px;
}
a.ajouter.btn_compact,
input.ajouter.btn_compact {
  padding: 0 10px 0 20px;
}
a.ajouter:hover,
input.ajouter:hover,
a.ajouter:active,
input.ajouter:active,
a.ajouter:focus,
input.ajouter:focus {
  background-image: url("../images3/btn/sprite.svg#plus-white");
  background-color: #0480a9;
  border-color: #0480a9;
}
a.ajouter.btn-focused,
input.ajouter.btn-focused {
  background-image: url("../images3/btn/sprite.svg#plus-white");
  background-color: #0480a9 !important;
  border-color: #0480a9;
  color: #ffffff;
}
a.ajouter.btn-focused:hover,
input.ajouter.btn-focused:hover,
a.ajouter.btn-focused:active,
input.ajouter.btn-focused:active,
a.ajouter.btn-focused:focus,
input.ajouter.btn-focused:focus {
  background-color: #00547a !important;
  border-color: #00547a;
}
a.envoyer,
input.envoyer {
  background-image: url("../images3/btn/sprite.svg#send-white");
  background-color: #0480a9;
  border-color: #0480a9;
  color: #ffffff;
  padding: 0 15px 0 30px;
}
a.envoyer.btn_compact,
input.envoyer.btn_compact {
  padding: 0 10px 0 20px;
}
a.envoyer:hover,
input.envoyer:hover,
a.envoyer:active,
input.envoyer:active,
a.envoyer:focus,
input.envoyer:focus {
  background-color: #00547a;
  border-color: #00547a;
}
a.precedent,
input.precedent,
a.retour,
input.retour {
  background-image: url("../images3/btn/sprite.svg#left");
  padding: 0 15px 0 30px;
}
a.precedent.btn_compact,
input.precedent.btn_compact,
a.retour.btn_compact,
input.retour.btn_compact {
  padding: 0 10px 0 20px;
}
a.precedent:hover,
input.precedent:hover,
a.retour:hover,
input.retour:hover,
a.precedent:active,
input.precedent:active,
a.retour:active,
input.retour:active,
a.precedent:focus,
input.precedent:focus,
a.retour:focus,
input.retour:focus {
  background-image: url("../images3/btn/sprite.svg#left-white");
}
a.attente,
input.attente {
  color: #048767;
  padding: 0 15px 0 30px;
}
a.attente.btn_compact,
input.attente.btn_compact {
  padding: 0 10px 0 20px;
}
a.fermer,
input.fermer {
  padding: 0 15px 0 30px;
}
a.fermer.btn_compact,
input.fermer.btn_compact {
  padding: 0 10px 0 20px;
}
a.planning,
input.planning {
  background-image: url("../images3/btn/sprite.svg#calendar");
  color: #0480a9;
  background-position: 0.4em;
  padding: 0 15px 0 30px;
}
a.planning.btn_compact,
input.planning.btn_compact {
  padding: 0 10px 0 20px;
}
a.planning:hover,
input.planning:hover,
a.planning:active,
input.planning:active,
a.planning:focus,
input.planning:focus {
  background-image: url("../images3/btn/sprite.svg#calendar-white");
  background-color: #0480a9;
  border-color: #0480a9;
}
a.planning.btn-focused,
input.planning.btn-focused {
  background-image: url("../images3/btn/sprite.svg#calendar-white");
  background-color: #0480a9 !important;
  border-color: #0480a9;
  color: #ffffff;
}
a.planning.btn-focused:hover,
input.planning.btn-focused:hover,
a.planning.btn-focused:active,
input.planning.btn-focused:active,
a.planning.btn-focused:focus,
input.planning.btn-focused:focus {
  background-color: #00547a !important;
  border-color: #00547a;
}
ul.boutons {
  margin: 15px;
}
ul.boutons li {
  margin-left: 5px;
}
ul.boutons li.relance_quotient input.relancer_calcul {
  background-image: none;
  background-position: 0;
}
ul.boutons li input.bt_qt {
  background-image: none;
  background-position: 0;
}
#sfCirilPaiement ul.boutons {
  display: block;
  text-align: right;
}
#sfCirilPaiement ul.boutons input.bouton:last-child,
#sfCirilPaiement ul.boutons .bouton a:last-child,
#sfCirilPaiement ul.boutons button:last-child,
#sfCirilPaiement ul.boutons a.bouton:last-child {
  margin-right: 0;
}
body.contact_messagesEnvoyes form li {
  margin-left: auto;
}
/* FACTURES
========================== */
p.light {
  width: auto;
}
h3.facture > label,
h3.reglement > label {
  width: 100% !important;
  margin: 0.5em 0 0.5em 0;
}
.selection_facture {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 45px !important;
  padding: 15px 0 !important;
  text-align: center !important;
}
input.checkbox_custom:checked + label.selection_facture:before,
input.checkbox_custom:not(:checked) + label.selection_facture:before {
  top: 15px;
  left: 10px;
}
input.checkbox_custom:checked + label.selection_facture:after,
input.checkbox_custom:not(:checked) + label.selection_facture:after {
  top: 16px;
  left: 16px;
}
.accordion_section .section_facture {
  position: relative !important;
}
.headerTableFacture {
  width: calc(100% - 32px) !important;
  margin: 0 0 0 2em;
}
.section_facture_footer {
  position: relative;
  min-height: 18px;
}
body .section_facture_boutons > input.bouton,
body .section_facture_boutons > .bouton a,
body .section_facture_boutons > button,
body .section_facture_boutons > a.bouton {
  float: right;
}
.section_facture_montant {
  float: right;
  margin-top: -20px;
  margin-left: 15px;
  min-width: 109px;
  text-align: right;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.7) !important;
}
.section_facture_montant strong.montant {
  display: block !important;
  color: #000000 !important;
  font-size: 1.2em;
}
.section_facture_recap_total {
  margin: 10px 30px;
  text-align: right;
}
.section_facture_pdf {
  display: inline-block;
}
.section_facture_pdf a {
  color: #000000;
  font-size: 0.8em;
}
.section_facture_pdf a.doc:link span,
.section_facture_pdf a.doc:visited span {
  color: #000000;
  text-transform: uppercase;
}
.section_facture_pdf a.doc:link span.infodoc img,
.section_facture_pdf a.doc:visited span.infodoc img {
  display: none;
}
.section_facture_pdf a.doc:link span.infodoc:before,
.section_facture_pdf a.doc:visited span.infodoc:before {
  content: "\e2c0";
  margin-right: 4px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  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';
  vertical-align: bottom;
  color: #9D0F0C;
}
.section_facture_pdf a.doc:hover {
  font-weight: normal;
}
/* PLANNING
========================== */
table.planning th {
  background-color: transparent;
}
table.planning thead,
table.planning tfoot {
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
}
table.planning thead tr th,
table.planning tfoot tr th,
table.planning thead tr.onglets th,
table.planning tfoot tr.onglets th,
table.planning thead tr td,
table.planning tfoot tr td,
table.planning thead tr.onglets td,
table.planning tfoot tr.onglets td {
  background-color: transparent;
  border: 0 none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
table.planning thead tr th:last-child,
table.planning tfoot tr th:last-child,
table.planning thead tr.onglets th:last-child,
table.planning tfoot tr.onglets th:last-child,
table.planning thead tr td:last-child,
table.planning tfoot tr td:last-child,
table.planning thead tr.onglets td:last-child,
table.planning tfoot tr.onglets td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
table.planning thead tr th.vide,
table.planning tfoot tr th.vide,
table.planning thead tr.onglets th.vide,
table.planning tfoot tr.onglets th.vide,
table.planning thead tr td.vide,
table.planning tfoot tr td.vide,
table.planning thead tr.onglets td.vide,
table.planning tfoot tr.onglets td.vide {
  background-color: transparent;
  border-top: rgba(255, 255, 255, 0);
}
table.planning thead tr th[id$="We"],
table.planning tfoot tr th[id$="We"],
table.planning thead tr td[id$="We"],
table.planning tfoot tr td[id$="We"],
table.planning thead tr th[id^="We"],
table.planning tfoot tr th[id^="We"],
table.planning thead tr td[id^="We"],
table.planning tfoot tr td[id^="We"] {
  background-color: rgba(255, 255, 255, 0.45);
}
table.planning thead tr th[id^="Sa"],
table.planning tfoot tr th[id^="Sa"],
table.planning thead tr td[id^="Sa"],
table.planning tfoot tr td[id^="Sa"],
table.planning thead tr th[id$="Sa"],
table.planning tfoot tr th[id$="Sa"],
table.planning thead tr td[id$="Sa"],
table.planning tfoot tr td[id$="Sa"],
table.planning thead tr th[id^="Su"],
table.planning tfoot tr th[id^="Su"],
table.planning thead tr td[id^="Su"],
table.planning tfoot tr td[id^="Su"],
table.planning thead tr th[id$="Su"],
table.planning tfoot tr th[id$="Su"],
table.planning thead tr td[id$="Su"],
table.planning tfoot tr td[id$="Su"] {
  background-color: rgba(0, 0, 0, 0.05);
}
table.planning thead tr th,
table.planning thead tr.onglets th,
table.planning thead tr td,
table.planning thead tr.onglets td {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
table.planning thead tr th.vide,
table.planning thead tr.onglets th.vide,
table.planning thead tr td.vide,
table.planning thead tr.onglets td.vide {
  background-color: #fefefe;
  border-bottom: 1px solid #fefefe;
}
table.planning tfoot tr th,
table.planning tfoot tr.onglets th,
table.planning tfoot tr td,
table.planning tfoot tr.onglets td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
table.planning tfoot tr th.vide,
table.planning tfoot tr.onglets th.vide,
table.planning tfoot tr td.vide,
table.planning tfoot tr.onglets td.vide {
  background-color: #fbfbfb;
  border-bottom: 1px solid #fbfbfb;
}
table.planning tbody tr th,
table.planning tbody tr.impaire th,
table.planning tbody tr.last th,
table.planning tbody tr td,
table.planning tbody tr.impaire td,
table.planning tbody tr.last td {
  border: 0 none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1) !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
table.planning tbody tr th:last-child,
table.planning tbody tr.impaire th:last-child,
table.planning tbody tr.last th:last-child,
table.planning tbody tr td:last-child,
table.planning tbody tr.impaire td:last-child,
table.planning tbody tr.last td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
table.planning tbody tr th.we,
table.planning tbody tr.impaire th.we,
table.planning tbody tr.last th.we,
table.planning tbody tr td.we,
table.planning tbody tr.impaire td.we,
table.planning tbody tr.last td.we {
  background-color: rgba(0, 0, 0, 0.05);
}
table.planning tbody tr th.we:hover,
table.planning tbody tr.impaire th.we:hover,
table.planning tbody tr.last th.we:hover,
table.planning tbody tr td.we:hover,
table.planning tbody tr.impaire td.we:hover,
table.planning tbody tr.last td.we:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
table.planning tbody tr th[id$="me"],
table.planning tbody tr.impaire th[id$="me"],
table.planning tbody tr.last th[id$="me"],
table.planning tbody tr td[id$="me"],
table.planning tbody tr.impaire td[id$="me"],
table.planning tbody tr.last td[id$="me"],
table.planning tbody tr th[id^="me"],
table.planning tbody tr.impaire th[id^="me"],
table.planning tbody tr.last th[id^="me"],
table.planning tbody tr td[id^="me"],
table.planning tbody tr.impaire td[id^="me"],
table.planning tbody tr.last td[id^="me"],
table.planning tbody tr th[id$="We"],
table.planning tbody tr.impaire th[id$="We"],
table.planning tbody tr.last th[id$="We"],
table.planning tbody tr td[id$="We"],
table.planning tbody tr.impaire td[id$="We"],
table.planning tbody tr.last td[id$="We"],
table.planning tbody tr th[id^="We"],
table.planning tbody tr.impaire th[id^="We"],
table.planning tbody tr.last th[id^="We"],
table.planning tbody tr td[id^="We"],
table.planning tbody tr.impaire td[id^="We"],
table.planning tbody tr.last td[id^="We"] {
  background-color: rgba(0, 0, 0, 0.025);
}
table.planning tbody tr th[id$="me"]:hover,
table.planning tbody tr.impaire th[id$="me"]:hover,
table.planning tbody tr.last th[id$="me"]:hover,
table.planning tbody tr td[id$="me"]:hover,
table.planning tbody tr.impaire td[id$="me"]:hover,
table.planning tbody tr.last td[id$="me"]:hover,
table.planning tbody tr th[id^="me"]:hover,
table.planning tbody tr.impaire th[id^="me"]:hover,
table.planning tbody tr.last th[id^="me"]:hover,
table.planning tbody tr td[id^="me"]:hover,
table.planning tbody tr.impaire td[id^="me"]:hover,
table.planning tbody tr.last td[id^="me"]:hover,
table.planning tbody tr th[id$="We"]:hover,
table.planning tbody tr.impaire th[id$="We"]:hover,
table.planning tbody tr.last th[id$="We"]:hover,
table.planning tbody tr td[id$="We"]:hover,
table.planning tbody tr.impaire td[id$="We"]:hover,
table.planning tbody tr.last td[id$="We"]:hover,
table.planning tbody tr th[id^="We"]:hover,
table.planning tbody tr.impaire th[id^="We"]:hover,
table.planning tbody tr.last th[id^="We"]:hover,
table.planning tbody tr td[id^="We"]:hover,
table.planning tbody tr.impaire td[id^="We"]:hover,
table.planning tbody tr.last td[id^="We"]:hover {
  background-color: rgba(255, 204, 102, 0.9);
}
table.planning tbody tr th[id^="sa"],
table.planning tbody tr.impaire th[id^="sa"],
table.planning tbody tr.last th[id^="sa"],
table.planning tbody tr td[id^="sa"],
table.planning tbody tr.impaire td[id^="sa"],
table.planning tbody tr.last td[id^="sa"],
table.planning tbody tr th[id$="sa"],
table.planning tbody tr.impaire th[id$="sa"],
table.planning tbody tr.last th[id$="sa"],
table.planning tbody tr td[id$="sa"],
table.planning tbody tr.impaire td[id$="sa"],
table.planning tbody tr.last td[id$="sa"],
table.planning tbody tr th[id^="di"],
table.planning tbody tr.impaire th[id^="di"],
table.planning tbody tr.last th[id^="di"],
table.planning tbody tr td[id^="di"],
table.planning tbody tr.impaire td[id^="di"],
table.planning tbody tr.last td[id^="di"],
table.planning tbody tr th[id$="di"],
table.planning tbody tr.impaire th[id$="di"],
table.planning tbody tr.last th[id$="di"],
table.planning tbody tr td[id$="di"],
table.planning tbody tr.impaire td[id$="di"],
table.planning tbody tr.last td[id$="di"],
table.planning tbody tr th[id^="Sa"],
table.planning tbody tr.impaire th[id^="Sa"],
table.planning tbody tr.last th[id^="Sa"],
table.planning tbody tr td[id^="Sa"],
table.planning tbody tr.impaire td[id^="Sa"],
table.planning tbody tr.last td[id^="Sa"],
table.planning tbody tr th[id$="Sa"],
table.planning tbody tr.impaire th[id$="Sa"],
table.planning tbody tr.last th[id$="Sa"],
table.planning tbody tr td[id$="Sa"],
table.planning tbody tr.impaire td[id$="Sa"],
table.planning tbody tr.last td[id$="Sa"],
table.planning tbody tr th[id^="Su"],
table.planning tbody tr.impaire th[id^="Su"],
table.planning tbody tr.last th[id^="Su"],
table.planning tbody tr td[id^="Su"],
table.planning tbody tr.impaire td[id^="Su"],
table.planning tbody tr.last td[id^="Su"],
table.planning tbody tr th[id$="Su"],
table.planning tbody tr.impaire th[id$="Su"],
table.planning tbody tr.last th[id$="Su"],
table.planning tbody tr td[id$="Su"],
table.planning tbody tr.impaire td[id$="Su"],
table.planning tbody tr.last td[id$="Su"] {
  background-color: rgba(0, 0, 0, 0.075);
}
table.planning tbody tr th[id^="sa"]:hover,
table.planning tbody tr.impaire th[id^="sa"]:hover,
table.planning tbody tr.last th[id^="sa"]:hover,
table.planning tbody tr td[id^="sa"]:hover,
table.planning tbody tr.impaire td[id^="sa"]:hover,
table.planning tbody tr.last td[id^="sa"]:hover,
table.planning tbody tr th[id$="sa"]:hover,
table.planning tbody tr.impaire th[id$="sa"]:hover,
table.planning tbody tr.last th[id$="sa"]:hover,
table.planning tbody tr td[id$="sa"]:hover,
table.planning tbody tr.impaire td[id$="sa"]:hover,
table.planning tbody tr.last td[id$="sa"]:hover,
table.planning tbody tr th[id^="di"]:hover,
table.planning tbody tr.impaire th[id^="di"]:hover,
table.planning tbody tr.last th[id^="di"]:hover,
table.planning tbody tr td[id^="di"]:hover,
table.planning tbody tr.impaire td[id^="di"]:hover,
table.planning tbody tr.last td[id^="di"]:hover,
table.planning tbody tr th[id$="di"]:hover,
table.planning tbody tr.impaire th[id$="di"]:hover,
table.planning tbody tr.last th[id$="di"]:hover,
table.planning tbody tr td[id$="di"]:hover,
table.planning tbody tr.impaire td[id$="di"]:hover,
table.planning tbody tr.last td[id$="di"]:hover,
table.planning tbody tr th[id^="Sa"]:hover,
table.planning tbody tr.impaire th[id^="Sa"]:hover,
table.planning tbody tr.last th[id^="Sa"]:hover,
table.planning tbody tr td[id^="Sa"]:hover,
table.planning tbody tr.impaire td[id^="Sa"]:hover,
table.planning tbody tr.last td[id^="Sa"]:hover,
table.planning tbody tr th[id$="Sa"]:hover,
table.planning tbody tr.impaire th[id$="Sa"]:hover,
table.planning tbody tr.last th[id$="Sa"]:hover,
table.planning tbody tr td[id$="Sa"]:hover,
table.planning tbody tr.impaire td[id$="Sa"]:hover,
table.planning tbody tr.last td[id$="Sa"]:hover,
table.planning tbody tr th[id^="Su"]:hover,
table.planning tbody tr.impaire th[id^="Su"]:hover,
table.planning tbody tr.last th[id^="Su"]:hover,
table.planning tbody tr td[id^="Su"]:hover,
table.planning tbody tr.impaire td[id^="Su"]:hover,
table.planning tbody tr.last td[id^="Su"]:hover,
table.planning tbody tr th[id$="Su"]:hover,
table.planning tbody tr.impaire th[id$="Su"]:hover,
table.planning tbody tr.last th[id$="Su"]:hover,
table.planning tbody tr td[id$="Su"]:hover,
table.planning tbody tr.impaire td[id$="Su"]:hover,
table.planning tbody tr.last td[id$="Su"]:hover {
  background-color: rgba(255, 204, 102, 0.9);
}
table.planning tbody tr:last-child th,
table.planning tbody tr.impaire:last-child th,
table.planning tbody tr.last:last-child th,
table.planning tbody tr:last-child td,
table.planning tbody tr.impaire:last-child td,
table.planning tbody tr.last:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
table.planning tbody tr.last th.we,
table.planning tbody tr.last td.we {
  border-bottom: 0 none!important;
}
table.planning tbody tr.last:last-child th,
table.planning tbody tr.last:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
table.recap {
  width: 98%;
}
#centre_planning {
  background-color: transparent!important;
  margin: 15px 0;
}
.header_planning h2 {
  margin: 0!important;
  min-width: 205px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.header_planning h2 span {
  display: block;
  width: auto;
  text-indent: -8px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
}
ul.onglets_navig2 {
  margin: 0;
}
ul.onglets_navig2 li {
  padding: 0;
  background-color: transparent;
  text-transform: uppercase;
}
ul.onglets_navig2 li a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.75);
  line-height: 32px;
}
ul.onglets_navig2 li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
ul.onglets_navig2 li a.hvr-current,
ul.onglets_navig2 li a.hvr-underline-from-center {
  padding: 0 4px;
  vertical-align: middle;
}
ul.onglets_navig2 li a.hvr-current {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 600;
  text-decoration: none;
  border: 0 none;
}
ul.onglets_navig2 li a.hvr-underline-from-center:before {
  display: none;
}
ul.onglets_navig2 li .button2 {
  padding: 0;
  margin: 0;
  top: 0;
}
ul.onglets_navig2 li .button2 a {
  width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.2s ease;
}
ul.onglets_navig2 li .button2 a img {
  display: none;
}
ul.onglets_navig2 li .button2 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;
}
ul.onglets_navig2 li .button2 a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
ul.onglets_navig2 li .button2 a.hvr-current {
  color: rgba(0, 0, 0, 0.9);
}
ul.onglets_navig2 li .button2 a.hvr-underline-from-center {
  color: rgba(0, 0, 0, 0.75);
}
ul.bt_tab {
  height: auto;
  top: 0;
  right: 0;
}
ul.bt_tab li {
  width: auto;
  height: auto;
}
ul.bt_tab li a.bouton {
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 180px;
  height: 35px;
  line-height: 32px;
  background-color: #ffffff;
  border: 1px solid #cacaca;
  color: #757575;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}
ul.bt_tab li a.bouton:hover,
ul.bt_tab li a.bouton:active,
ul.bt_tab li a.bouton:focus {
  background-color: #757575;
  border-color: #757575;
  color: #ffffff;
}
ul.bt_tab li a.planning_modification {
  background-image: url("../images3/btn/sprite.svg#pencil");
  background-position: 0.4em;
  width: auto!important;
  min-width: 100px;
  padding: 0 15px 0 30px;
}
ul.bt_tab li a.planning_modification.btn_compact {
  padding: 0 10px 0 20px;
}
ul.bt_tab li a.planning_modification:hover,
ul.bt_tab li a.planning_modification:active,
ul.bt_tab li a.planning_modification:focus {
  background-image: url("../images3/btn/sprite.svg#pencil-white");
}
.reorderCol {
  box-sizing: border-box;
  padding: 6px 1px;
  margin-bottom: 5px;
  width: 260px;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1450px) {
  .reorderCol {
    width: auto;
    min-width: 260px;
    max-width: 20%;
  }
}
ul.planning_navig_liste:before {
  display: none;
}
ul.planning_navig_liste li a {
  font-size: 100%;
}
ul.planning_navig_liste li p.ui-state-active,
ul.planning_navig_liste li p.ui-state-active img {
  background: transparent;
}
ul.planning_navig_liste li p.ui-state-active a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
ul.planning_navig_liste li .ui-accordion-content-active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul.planning_navig_liste li .ui-accordion-content-active li h3 {
  font-weight: 400;
  font-size: 100%;
}
#droite_planning {
  background-color: transparent;
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
  padding: 15px 10px 5px;
}
ul#planning_navig {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
ul#planning_navig li span a {
  padding: 0;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  text-transform: uppercase;
  text-shadow: none!important;
  color: rgba(0, 0, 0, 0.75);
}
ul#planning_navig li.top span {
  height: auto;
  border: 0 none;
}
ul#planning_navig li.ui-tabs-selected {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
ul#planning_navig li.ui-tabs-selected span a {
  color: #ffffff;
  font-size: 1em;
}
ul#planning_navig li#vue_enfants.top span {
  padding-left: 0;
  background: transparent;
  line-height: 32px;
}
ul#planning_navig li#vue_activite.top span {
  padding-left: 0;
  background: transparent;
  line-height: 32px;
}
#centre div.date-now,
.container div.date-now {
  float: left;
  padding: 0;
  margin: 0;
}
#centre div.date-now div.date,
.container div.date-now div.date {
  float: none;
  right: auto;
  padding: 0 10px;
  margin: 0;
  width: auto;
  height: 25px;
  line-height: 23px;
  background-color: #BC2020;
  border: 0 none;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  vertical-align: middle;
}
#centre div.date-now div.date .jour,
.container div.date-now div.date .jour,
#centre div.date-now div.date .mois,
.container div.date-now div.date .mois,
#centre div.date-now div.date .annee,
.container div.date-now div.date .annee {
  display: inline-block;
  padding: auto;
  margin: auto;
  width: auto;
  height: auto;
  font-size: 100%;
  color: #ffffff;
  background: transparent;
  font-weight: normal;
}
#centre div.date-now > a,
.container div.date-now > a {
  padding: 4px;
  line-height: 25px;
}
#planning #global {
  box-sizing: border-box;
}
div#tabs-1.ui-tabs-panel ul.planning_navig_liste li .ui-accordion-content-active,
div#tabs-2.ui-tabs-panel ul.planning_navig_liste li .ui-accordion-content-active {
  padding: 0 0.2em 0.8em;
}
#nav_liste li ul.nav_dr li h3 {
  padding: 0;
  margin: 4px 0;
}
#nav_liste li ul.nav_dr li ul li {
  padding: 0;
  margin: 0 0 0 18px;
  min-height: auto;
  line-height: 1.4;
  list-style: disc;
  background: transparent;
}
#popup_message_sortie_planning,
div#popup_message_sortie_planning {
  height: auto;
  min-width: 350px;
}
#popup_message_sortie_planning div,
div#popup_message_sortie_planning div {
  margin: 1em;
}
#popup_message_sortie_planning p,
div#popup_message_sortie_planning p {
  margin: 0;
}
body div.panier {
  background: transparent;
}
body div.panierHeader {
  padding: 6px 0;
  margin: 0 10px;
  height: auto;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.25em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
body div.panierHeader img {
  display: none;
}
body div.panierBody {
  margin: 0 10px;
}
body div.panierBody ul {
  padding: 0;
  margin: 8px 0;
  list-style: none;
}
body div.panierBody ul li {
  margin: 0;
}
body div.panierBody ul li a {
  color: rgba(0, 0, 0, 0.75);
}
body div.panierBody ul li a:hover {
  color: rgba(0, 0, 0, 0.9);
}
body div.panierBody span.nombreModification {
  width: 44px;
}
body div.panierCout {
  height: auto;
  background: transparent;
}
body div.panierFooter {
  margin: 15px 10px;
  height: auto;
  background-color: #f17c26;
  font-size: 1em;
  -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 div.panierFooter a {
  display: block;
  height: 32px;
  line-height: 32px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  border: 0 none;
  -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 div.panierFooter a:hover {
  background-color: #d6630e;
}
body div.panierFooter i {
  display: none;
}
/* INSCRIPTIONS
========================== */
fieldset.quick_access p {
  padding: 0;
  margin: 0.5em 0;
}
fieldset.quick_access div {
  height: auto;
  background: transparent;
}
fieldset.quick_access label {
  float: none;
  display: block;
  margin: 0.1em 0;
}
fieldset.quick_access select {
  float: none;
  margin-top: inherit;
  height: 32px;
}
form fieldset.quick_access {
  padding: 5px 0;
  margin: 0 15px;
  background: transparent;
  border: 0 none;
}
form fieldset.quick_access legend {
  padding: 5px 0 0;
  margin: 0.5em 0;
  background: transparent;
  font-size: 18px;
  line-height: 1.5em;
}
/* MESSAGES
========================== */
ul.error_list,
#sf_admin_container ul.error_list {
  position: relative;
  bottom: 0;
  padding: 14px 10px 14px 40px;
  margin: 15px;
  list-style: none;
  max-width: 100%;
  background: #F2DEDE url(/images/icones/ico_erreur.gif) no-repeat 10px 10px !important;
  background: #fdf6f6 !important;
  border: 1px solid #dd625e;
  color: #b02925;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
ul.error_list:after,
#sf_admin_container ul.error_list:after {
  font-family: 'Material Icons';
  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: "\e8b2";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
}
ul.error_list.global,
#sf_admin_container ul.error_list.global {
  margin-bottom: 5px;
  bottom: 0;
  border: 1px solid #cc3333;
  background-color: #fdedef;
  font-weight: normal;
}
ul.error_list.global li,
#sf_admin_container ul.error_list.global li {
  bottom: 0;
  margin-top: 10px;
}
ul.error_list li,
#sf_admin_container ul.error_list li {
  bottom: 0;
  color: #b02925;
}
ul.error_list li:first-child,
#sf_admin_container ul.error_list li:first-child {
  margin-top: 0;
}
form ul.error_list li,
form #sf_admin_container ul.error_list li {
  clear: left;
  display: block;
  position: relative;
  bottom: 0;
  padding: 0 !important;
  margin: 10px 0;
  list-style-type: none;
}
.sf_admin_form form ul.error_list li,
.sf_admin_form form #sf_admin_container ul.error_list li {
  bottom: 0px;
  margin-top: 0px;
}
ul.error_list li.dernier,
#sf_admin_container ul.error_list li.dernier {
  margin-bottom: 0;
  background-image: none;
}
ul.error_list li.dernier:after,
#sf_admin_container ul.error_list li.dernier:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -29px;
  height: 15px;
  width: 100%;
  background: url(/images3/fd_message_bas.png) no-repeat right bottom;
}
/* CONTACT
========================== */
#global #centre #col_gauche h2.titre_detail_message {
  padding: 0 0 10px;
  margin: 30px 15px 15px !important;
  width: auto;
}
div.message {
  margin: 15px;
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.corps_message {
  padding: 30px 15px;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#centre ul.entete {
  padding: 1px 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.03);
  list-style: none;
  width: auto;
  overflow: hidden;
}
#centre ul.entete li {
  float: left;
  padding: 0;
  margin: 5px 15px;
  background: transparent;
}
#centre ul.entete > li {
  width: calc(50% - 30px);
}
#centre ul.entete > li:nth-child(2n+0) {
  text-align: right;
}
fieldset p {
  padding-right: 0;
  padding-left: 0;
  min-height: 16px;
}
div.actu {
  margin: 20px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
div.actu:last-child {
  border-bottom: 0 none;
}
div.actu > h4 {
  padding: 0;
  margin: 15px 0 0.4em;
  font-family: 'Roboto', sans-serif;
  font-size: 150% !important;
  font-weight: normal;
  text-transform: inherit !important;
}
div.actu > h4:before {
  display: none !important;
}
div.zonemairie,
div.zone_conditions,
div.zone_mentions,
div.zone_contact,
div.zone_accessibilite,
div.zone_aide {
  margin: 20px 15px;
}
/*Messages*/
div.important,
div.attention,
div.erreur,
div.note,
div.astuce,
p.attention {
  padding: 1em 0em;
}
div.attention,
span.attention,
p.attention {
  color: #be2f00;
}
div.attention_ico,
div.flash_warning,
div.warning,
span.attention_ico,
p.attention_ico,
p.flash_warning,
p.warning {
  margin: 15px;
  padding: 14px 10px 14px 40px;
  background: #FCF8E3 url(/images/icones/ico_attention.gif) no-repeat 10px 10px;
  border-color: #FAEBCC;
  background: #ffede7 !important;
  border: 1px solid #ff5b25;
  color: #be2f00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
fieldset div.attention_ico,
fieldset div.flash_warning,
fieldset div.warning,
fieldset span.attention_ico,
fieldset p.attention_ico,
fieldset p.flash_warning,
fieldset p.warning {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
div.attention_ico:after,
div.flash_warning:after,
div.warning:after,
span.attention_ico:after,
p.attention_ico:after,
p.flash_warning:after,
p.warning:after {
  font-family: 'Material Icons';
  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: "\e160";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
}
div.important,
span.important {
  color: #b02925;
}
div.erreur,
span.erreur,
p.erreur {
  margin: 15px;
  padding: 14px 10px 14px 40px;
  background: #FCF8E3 url(/composants/images/triangle_attention.gif) no-repeat 10px 10px;
  border-color: #FAEBCC;
  background: #fffefe !important;
  border: 1px solid #dd625e;
  color: #b02925;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
fieldset div.erreur,
fieldset span.erreur,
fieldset p.erreur {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
div.erreur:after,
span.erreur:after,
p.erreur:after {
  font-family: 'Material Icons';
  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: "\e8b2";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
}
div.note,
span.note {
  font-weight: 700;
  color: #55768F;
}
div.info_ico,
span.info_ico,
p.info_ico {
  margin: 15px !important;
  /* les "!important" sont là pour overide le style par défaut de symfony */
  padding: 14px 10px 14px 40px !important;
  background: #D9EDF7 url(/images/composants/ico_info_barre.gif) no-repeat 10px 10px !important;
  border: 0px solid;
  border-color: #BCE8F1;
  background: #d7f4fe !important;
  border: 1px solid #19c2fa;
  color: #0480a9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
fieldset div.info_ico,
fieldset span.info_ico,
fieldset p.info_ico {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
div.info_ico:after,
span.info_ico:after,
p.info_ico:after {
  font-family: 'Material Icons';
  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: "\e88e";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
}
div.notice,
div.flash_notice,
p.notice,
p.flash_notice {
  margin: 15px !important;
  /* les "!important" sont là pour overide le style par défaut de symfony */
  padding: 14px 10px 14px 40px !important;
  background: #DFF0D8 url(/images/ico_valider.gif) no-repeat 10px 10px !important;
  border-color: #D6E9C6;
  color: #3C763D;
  background: #d1f0c7 !important;
  border: 1px solid #54c333;
  color: #31721e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
fieldset div.notice,
fieldset div.flash_notice,
fieldset p.notice,
fieldset p.flash_notice {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
div.notice:after,
div.flash_notice:after,
p.notice:after,
p.flash_notice:after {
  font-family: 'Material Icons';
  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: "\e5ca";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
}
#sf_admin_container .error,
div.error,
div.flash_error,
p.flash_error {
  margin: 15px !important;
  /* les "!important" sont là pour overide le style par défaut de symfony */
  padding: 14px 10px 14px 40px !important;
  background: #F2DEDE url(/images/icones/ico_erreur.gif) no-repeat 10px 10px !important;
  border-color: #EBCCD1;
  color: #A94442;
  background: #fdf6f6 !important;
  border: 1px solid #dd625e;
  color: #b02925;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
fieldset #sf_admin_container .error,
fieldset div.error,
fieldset div.flash_error,
fieldset p.flash_error {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#sf_admin_container .error:after,
div.error:after,
div.flash_error:after,
p.flash_error:after {
  font-family: 'Material Icons';
  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: "\e8b2";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
}
/*Dates*/
body#sfGuardAuth #centre h3.date {
  float: none;
  right: auto;
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  width: auto;
  height: 25px;
  line-height: 23px;
  background-color: #BC2020;
  border: 0 none;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
body#sfGuardAuth #centre h3.date .jour,
body#sfGuardAuth #centre h3.date .mois,
body#sfGuardAuth #centre h3.date .annee {
  display: inline-block;
  padding: auto;
  margin: auto;
  width: auto;
  height: auto;
  font-size: 100%;
  color: #ffffff;
  background: transparent;
  font-weight: normal;
}
h3.date {
  float: none;
  right: auto;
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  width: auto;
  height: 25px;
  line-height: 23px;
  background-color: #BC2020;
  border: 0 none;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
h3.date .jour,
h3.date .mois,
h3.date .annee {
  display: inline-block;
  padding: auto;
  margin: auto;
  width: auto;
  height: auto;
  font-size: 100%;
  color: #ffffff;
  background: transparent;
  font-weight: normal;
}
/* ACCUEIL
========================== */
#ciril-cookie-banner {
  background: #444444;
  height: auto;
  overflow: hidden;
}
#ciril-cookie-banner ~ #bandeau {
  box-shadow: inset 0 3px 4px -2px #0c0c0c;
}
#ciril-cookie-banner ~ #bandeau .outils {
  top: 0 !important;
}
#ciril-cookie-banner span {
  float: none;
  display: table-cell;
  box-sizing: border-box;
  padding: 15px;
  margin: 0;
  height: auto;
  width: auto;
  color: #fff;
  line-height: 1.4;
  font-weight: 300;
}
#ciril-cookie-banner btn {
  float: none;
  display: table-cell;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: inherit;
  width: 110px;
  background: #0480a9;
  text-align: center;
  color: #FFF;
  vertical-align: middle;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
#ciril-cookie-banner btn:hover {
  background-color: #00547a;
}
#ciril-cookie-banner btn strong {
  font-weight: normal;
}
.block-text {
  padding: 0;
  margin: 0;
  width: 250px;
  width: auto;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.hover-item-circle:hover {
  cursor: default;
}
.hover-item-circle .blanc,
.hover-item-circle .spinner {
  display: none;
}
.hover-item-circle .bloc_index_img {
  display: table-cell;
  vertical-align: bottom;
  padding: 0;
  margin: 0;
  width: auto;
  min-width: 233px;
  height: 180px;
  text-align: center;
  overflow: hidden;
  background: #9DC3FD;
  background-image: -webkit-gradient(linear, 160deg, from(#BDE9FB), to(#9DC3FD));
  background-image: -webkit-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -moz-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -o-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: linear-gradient(160deg, #BDE9FB, #9DC3FD);
}
#bloc_dossier.hover-item-circle .bloc_index_img {
  background: #9AD8AD;
  background-image: -webkit-gradient(linear, 160deg, from(#DEF2E4), to(#9AD8AD));
  background-image: -webkit-linear-gradient(160deg, #DEF2E4, #9AD8AD);
  background-image: -moz-linear-gradient(160deg, #DEF2E4, #9AD8AD);
  background-image: -o-linear-gradient(160deg, #DEF2E4, #9AD8AD);
  background-image: linear-gradient(160deg, #DEF2E4, #9AD8AD);
}
#bloc_inscription.hover-item-circle .bloc_index_img {
  background: #FFB8A1;
  background-image: -webkit-gradient(linear, 160deg, from(#FFEDD3), to(#FFB8A1));
  background-image: -webkit-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: -moz-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: -o-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: linear-gradient(160deg, #FFEDD3, #FFB8A1);
}
#bloc_planning.hover-item-circle .bloc_index_img {
  background: #F79CA8;
  background-image: -webkit-gradient(linear, 160deg, from(#FFDEE1), to(#F79CA8));
  background-image: -webkit-linear-gradient(160deg, #FFDEE1, #F79CA8);
  background-image: -moz-linear-gradient(160deg, #FFDEE1, #F79CA8);
  background-image: -o-linear-gradient(160deg, #FFDEE1, #F79CA8);
  background-image: linear-gradient(160deg, #FFDEE1, #F79CA8);
}
#bloc_facturation.hover-item-circle .bloc_index_img,
.bloc_facturation.hover-item-circle .bloc_index_img,
.bloc_facturation .hover-item-circle .bloc_index_img,
#bloc_regie.hover-item-circle .bloc_index_img,
.bloc_regie.hover-item-circle .bloc_index_img,
.bloc_regie .hover-item-circle .bloc_index_img {
  background: #A68AD2;
  background-image: -webkit-gradient(linear, 160deg, from(#FFC1EB), to(#A68AD2));
  background-image: -webkit-linear-gradient(160deg, #FFC1EB, #A68AD2);
  background-image: -moz-linear-gradient(160deg, #FFC1EB, #A68AD2);
  background-image: -o-linear-gradient(160deg, #FFC1EB, #A68AD2);
  background-image: linear-gradient(160deg, #FFC1EB, #A68AD2);
}
.bloc_facturation:nth-child(1n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(1n).hover-item-circle .bloc_index_img {
  background: #A68AD2;
  background-image: -webkit-gradient(linear, 160deg, from(#FFC1EB), to(#A68AD2));
  background-image: -webkit-linear-gradient(160deg, #FFC1EB, #A68AD2);
  background-image: -moz-linear-gradient(160deg, #FFC1EB, #A68AD2);
  background-image: -o-linear-gradient(160deg, #FFC1EB, #A68AD2);
  background-image: linear-gradient(160deg, #FFC1EB, #A68AD2);
}
.bloc_facturation:nth-child(2n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(2n).hover-item-circle .bloc_index_img {
  background: #2FA2B0;
  background-image: -webkit-gradient(linear, 160deg, from(#C1E1E6), to(#2FA2B0));
  background-image: -webkit-linear-gradient(160deg, #C1E1E6, #2FA2B0);
  background-image: -moz-linear-gradient(160deg, #C1E1E6, #2FA2B0);
  background-image: -o-linear-gradient(160deg, #C1E1E6, #2FA2B0);
  background-image: linear-gradient(160deg, #C1E1E6, #2FA2B0);
}
.bloc_facturation:nth-child(3n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(3n).hover-item-circle .bloc_index_img {
  background: #9DC3FD;
  background-image: -webkit-gradient(linear, 160deg, from(#BDE9FB), to(#9DC3FD));
  background-image: -webkit-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -moz-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -o-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: linear-gradient(160deg, #BDE9FB, #9DC3FD);
}
.bloc_facturation:nth-child(4n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(4n).hover-item-circle .bloc_index_img {
  background: #9AD8AD;
  background-image: -webkit-gradient(linear, 160deg, from(#DEF2E4), to(#9AD8AD));
  background-image: -webkit-linear-gradient(160deg, #DEF2E4, #9AD8AD);
  background-image: -moz-linear-gradient(160deg, #DEF2E4, #9AD8AD);
  background-image: -o-linear-gradient(160deg, #DEF2E4, #9AD8AD);
  background-image: linear-gradient(160deg, #DEF2E4, #9AD8AD);
}
.bloc_facturation:nth-child(5n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(5n).hover-item-circle .bloc_index_img {
  background: #0094B1;
  background-image: -webkit-gradient(linear, 160deg, from(#51D6ED), to(#0094B1));
  background-image: -webkit-linear-gradient(160deg, #51D6ED, #0094B1);
  background-image: -moz-linear-gradient(160deg, #51D6ED, #0094B1);
  background-image: -o-linear-gradient(160deg, #51D6ED, #0094B1);
  background-image: linear-gradient(160deg, #51D6ED, #0094B1);
}
.bloc_facturation:nth-child(6n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(6n).hover-item-circle .bloc_index_img {
  background: #FFB8A1;
  background-image: -webkit-gradient(linear, 160deg, from(#FFEDD3), to(#FFB8A1));
  background-image: -webkit-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: -moz-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: -o-linear-gradient(160deg, #FFEDD3, #FFB8A1);
  background-image: linear-gradient(160deg, #FFEDD3, #FFB8A1);
}
.bloc_facturation:nth-child(7n).hover-item-circle .bloc_index_img,
.bloc_regie:nth-child(7n).hover-item-circle .bloc_index_img {
  background: #F79CA8;
  background-image: -webkit-gradient(linear, 160deg, from(#FFDEE1), to(#F79CA8));
  background-image: -webkit-linear-gradient(160deg, #FFDEE1, #F79CA8);
  background-image: -moz-linear-gradient(160deg, #FFDEE1, #F79CA8);
  background-image: -o-linear-gradient(160deg, #FFDEE1, #F79CA8);
  background-image: linear-gradient(160deg, #FFDEE1, #F79CA8);
}
#bloc_comptefamille.hover-item-circle .bloc_index_img {
  background: #2FA2B0;
  background-image: -webkit-gradient(linear, 160deg, from(#C1E1E6), to(#2FA2B0));
  background-image: -webkit-linear-gradient(160deg, #C1E1E6, #2FA2B0);
  background-image: -moz-linear-gradient(160deg, #C1E1E6, #2FA2B0);
  background-image: -o-linear-gradient(160deg, #C1E1E6, #2FA2B0);
  background-image: linear-gradient(160deg, #C1E1E6, #2FA2B0);
}
#bloc_simulation.hover-item-circle .bloc_index_img {
  background: #9DC3FD;
  background-image: -webkit-gradient(linear, 160deg, from(#BDE9FB), to(#9DC3FD));
  background-image: -webkit-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -moz-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -o-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: linear-gradient(160deg, #BDE9FB, #9DC3FD);
}
#bloc_contact.hover-item-circle .bloc_index_img {
  background: #9DC3FD;
  background-image: -webkit-gradient(linear, 160deg, from(#BDE9FB), to(#9DC3FD));
  background-image: -webkit-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -moz-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -o-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: linear-gradient(160deg, #BDE9FB, #9DC3FD);
}
#bloc_actualites.hover-item-circle .bloc_index_img {
  background: #0094B1;
  background-image: -webkit-gradient(linear, 160deg, from(#51D6ED), to(#0094B1));
  background-image: -webkit-linear-gradient(160deg, #51D6ED, #0094B1);
  background-image: -moz-linear-gradient(160deg, #51D6ED, #0094B1);
  background-image: -o-linear-gradient(160deg, #51D6ED, #0094B1);
  background-image: linear-gradient(160deg, #51D6ED, #0094B1);
}
#bloc_sf2inscription.hover-item-circle .bloc_index_img {
  background: #9DC3FD;
  background-image: -webkit-gradient(linear, 160deg, from(#BDE9FB), to(#9DC3FD));
  background-image: -webkit-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -moz-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: -o-linear-gradient(160deg, #BDE9FB, #9DC3FD);
  background-image: linear-gradient(160deg, #BDE9FB, #9DC3FD);
}
.hover-item-circle .imgAccueil {
  position: static;
  top: inherit;
  left: inherit;
  margin: 0 auto;
  max-width: 100%;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.inscrValide {
  margin: 20px;
  width: auto;
  background: transparent;
}
div.groupe_bloc {
  padding-top: 10px;
  text-align: center;
}
div.groupe_bloc .bloc_index_img:hover {
  cursor: pointer;
}
div.bloc_index {
  position: relative;
  float: none;
  display: inline-block;
  padding: 0;
  margin: 30px 20px;
  height: 350px;
  overflow: hidden;
  background-color: #ffffff;
  text-align: left;
  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;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
div.bloc_index,
div.bloc_index * {
  box-sizing: border-box;
}
div.bloc_index p {
  padding: 0;
  margin: 0.6em 1.1em 0.6em;
}
div.bloc_index p a,
div.bloc_index p a:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
div.bloc_index ul {
  padding: 0;
  margin: 0.6em 1.1em 0.6em;
  list-style: none;
}
div.bloc_index ul li {
  padding: 0 0 0 0.7em;
  margin: 0 0 0.6em;
  background-image: url("/images3/puce-index.gif");
  background-position: -1px 0.3em;
  background-repeat: no-repeat;
}
div.bloc_index ul li a {
  font-weight: 600;
}
div.bloc_index ul li a,
div.bloc_index ul li a:hover {
  color: rgba(0, 0, 0, 0.8);
}
div.bloc_index .montant-total {
  position: absolute;
  right: 15px;
  bottom: 15px;
  text-align: right;
}
div.bloc_index .montant-total a,
div.bloc_index .montant-total a:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
div.bloc_index .montant-total span {
  color: rgba(0, 0, 0, 0.8);
  display: block;
}
div.bloc_index .montant-total strong {
  display: block;
  font-size: 1.6em;
}
div.contenu-message {
  overflow: hidden;
}
div.contenu-message img {
  max-height: 100%;
  max-width: 100%;
}
body #centre {
  padding: 0.01em 0 0;
}
body #centre #col_gauche div.bloc_index h2 {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}
body #centre #col_gauche div.bloc_index div.block-text h2 a.hvr-underline-from-center {
  display: block;
  padding: 4px;
  text-decoration: none;
  color: #1a1a1a;
  font-size: 0.9em;
  font-weight: 500;
  text-align: center;
  text-indent: 0;
}
body #centre #col_gauche div.bloc_index div.block-text h2 a.hvr-underline-from-center:before {
  display: none;
}
body #centre #col_gauche div.bloc_index#bloc_contact div.block-text h2 a.hvr-underline-from-center {
  font-size: 0.85em;
}
body#sfGuardAuth #centre {
  padding: 0;
  background-color: #ffffff;
}
body#sfGuardAuth #centre #col_gauche {
  padding: 0;
}
body#sfGuardAuth #centre #col_gauche h2 {
  display: none;
}
body div#bandeau .brand-logo {
  display: table-cell;
  box-sizing: border-box;
  padding: 15px 20px;
  margin: 0;
  height: 80px;
  width: auto;
  border: 0 none;
  vertical-align: middle;
}
body div#bandeau .brand-logo img {
  float: none;
  max-height: 50px;
}
body div#bandeau h1 {
  display: block;
  padding: 0;
  margin: 0 auto;
  height: auto;
  background: #ffffff;
  font-weight: 500;
  color: #485462;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 43px;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  font-size: 125%;
  letter-spacing: 0;
  width: 100%;
  text-indent: 1.4em;
  text-transform: uppercase;
}
body div#bandeau h1 span {
  transform: none;
  position: relative;
  display: block;
  top: auto;
}
a.readmore {
  float: none;
  margin: 0;
}
a.returnTop {
  margin: 0;
}
/* ACTUALITES
========================== */
a.readmore {
  position: relative;
  bottom: auto;
  right: auto;
}
a.returnTop {
  float: right;
  position: relative;
  top: auto;
  right: auto;
}
#actualites #col_gauche {
  margin: 0 230px 0 0;
}
#actualites div.actu {
  position: relative;
  padding: 0 0 2em;
}
#actualites div.actu h3 {
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
}
#actualites h3.date {
  float: none;
  right: auto;
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  width: auto;
  height: 25px;
  line-height: 23px;
  background-color: #BC2020;
  border: 0 none;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#actualites h3.date .jour,
#actualites h3.date .mois,
#actualites h3.date .annee {
  display: inline-block;
  padding: auto;
  margin: auto;
  width: auto;
  height: auto;
  font-size: 100%;
  color: #ffffff;
  background: transparent;
  font-weight: normal;
}
div#form_declaration ul.radio_list {
  padding: 0;
  margin: auto;
  list-style: none;
}
div#form_declaration ul.radio_list li {
  padding: 0;
  margin: 0 10px;
  vertical-align: top;
}
@media only screen and (max-width: 425px) {
  div#form_declaration ul.radio_list li {
    display: block;
    width: auto;
  }
}
div#form_declaration .flash_warning {
  margin: 25px 0 15px 0;
}
div#form_declaration .flash_warning p {
  margin-bottom: 0;
  padding: 0;
}
div#form_declaration #widget_nombre_declarant {
  margin-bottom: 0 !important;
}
div#form_declaration #widget_nombre_declarant label {
  margin-left: 0 !important;
}
div#form_declaration #widget_nombre_declarant select {
  margin-left: 0 !important;
}
div#form_recapitulatif label {
  text-align: left !important;
}
ul #utilisateur li .deconnexion {
  padding-right: 5px !important;
}
#fconnect-profile #fc_logout_anchor {
  color: #0c0c0c !important;
}
#fconnect-access a {
  color: #3273dc;
  cursor: pointer;
  text-decoration: none;
}
#fconnect-access h5 {
  padding: 0 !important;
  margin: 0 !important;
}
#fconnect-access .btn-default {
  padding: 6px 12px !important;
}
.sf_admin_list_td_username a {
  display: block;
  width: 179px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*## GENERAL ##*/
a,
a:active {
  color: rgba(0, 88, 252, 0.9);
}
abbr {
  cursor: help;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
div.accordion_section h1,
div.accordion_section h2,
div.accordion_section h3,
div.accordion_section h4,
div.accordion_section h5,
div.accordion_section h6 {
  font-family: 'Roboto', sans-serif;
}
p {
  margin: 0 0.2em 0.2em;
  line-height: 140%;
}