/* $VERSION: input.css 4.14.006.1.2025.04.14.15.15	 */
fieldset span {}
form p{ margin:0.05em; }
label.erreur { color: red; }
label.focus { color: #2E8B57; }

label:first-child, span.label:first-child, label.labelfirst{
	float: left;
	text-align: right;
	width: 30%;
	margin-right: 1%;
	white-space: nowrap;
	overflow:hidden;
    line-height:1.5em;
}

/* Quand on a plus le choix... */
.labelReset {
	float: unset !important;
	text-align: unset !important;
	width: unset !important;
	margin: unset !important;
	white-space: unset !important;
	overflow: unset !important;
	line-height: unset !important;
}

div#consentement p {
    margin-left: 2em;
}

div#consentement input[type="checkbox"] {
    float: left;
    margin-right: 1em;
}

div#consentement label {
    float: unset !important;
    text-align: unset !important;
    display: inline-block;
    width: 80% !important;
    margin: unset !important;
    white-space: unset !important;
    overflow: unset !important;
    line-height: unset !important;
}

.compte_index label:first-child,.compte_index  span.label:first-child,.compte_index  label.labelfirst{
	width: 40%;
}

label.obligatoire, .label.obligatoire {	font-weight: bold; }

/* Pour aligner les zones sans avoir � mettre un label */
.labelmargin{
	margin-left:31%;
	padding:2px;
}

input{
    color: #0066cc;
    background-color: #FFFFFC;
    border: 1px solid #55768F;
    padding-left:0.2em;
    vertical-align:top;
    height:1.8em;
}

input#contact_fichier{
	border: none;
	width: 400px;
}
/*phrase intr multi checkbox*/
p.intMultiCheck{
    float:left;
    width:29.5%;
    text-align:right;
    margin-right: 1%;
}
input[type="radio"], input.radio, input[type="checkbox"], input.checkbox{
	padding: 2px;
	margin-right: 2px;
	border:none;
	background-color:transparent;
	height: unset;
}

input[type="checkbox"][class="coordonnees_fac_email"] {
	vertical-align: middle;
}

input.radioie{ margin-top: -1px; }
input.radioother{ margin-top: 2px; }
input[disabled]{ color: #666; }
table.admin_table input { float:left; }

select, textarea {
	color: #333399;
	background-color: #FFFFFC;
	border-color: #55768F;
	border: 1px solid #55768F;
}

select { height: 1.8em;; }

option { color: #333399; }

input.focus, select.focus, textarea.focus,input:focus,  select:focus, textarea:focus {
	color: #333399;
	background-color: #FFFFE0;
	border: 1px solid #a8bfcf;
}

select.focus option {
	color: #333399;
	background-color: #FFFFE0;
}

/*Formulaire recherche*/
html body form#formulaire-recherche{
  position:relative;
  float:right;
  width:184px;
  padding:0;
  top:-2.3em;
  right:0;
  margin:0;
  z-index:1
}

#bandeau #outils form#formulaire-recherche, form#formulaire-recherche p, form#formulaire-recherche input{
	margin:0;
	padding:0;
}

form#formulaire-recherche p{
	margin:0;
    padding:0;
}

form#formulaire-recherche input{
    line-height:1.5em;
    float:left;
	background:#fff;
	padding:3px;
	margin:0;
	border:1px solid #999;
    padding:0;
    margin:0;
}

form#formulaire-recherche input#recherche{
	height:22px;
	width:150px;
	-moz-border-radius-topleft :2px;
	-webkit-border-top-left-radius :2px;
	-moz-border-radius-bottomleft :2px;
	-webkit-border-bottom-left-radius :2px;
}

form#formulaire-recherche input#bt_form_recherche{
	float:left;
	top:0px;
    height:22px;
    padding:0;
    margin:0;
	border-left:none;
	-moz-border-radius-topright :2px;
	-webkit-border-top-right-radius :2px;
	-moz-border-radius-bottomright :2px;
	-webkit-border-bottom-right-radius :2px;
}

input.num { width:5em; }

form fieldset ul.intMultiCheck{
    float:left;
    padding:0;
    margin-top:0;
    width:67%;
    margin-top: 0.05em;
    margin-right: 0.05em;
    margin-bottom: 1em;
    margin-left: 0.05em;
    padding-top:3px;
}

form fieldset ul.intMultiCheck li label{ line-height: 1.8em; }
div#form_choice form fieldset ul li { }

/*Gestion de l'espace des modules des souscriptions'*/
#compte ul.checkbox_list{
	float: left;
    margin-top: 0px;
    padding-left: 0px;
}

#sfCirilSouscription ul.checkbox_list{
	padding: 0;
    /* float: left; */
    width: 30%;
    margin-top: 8px;
    margin-left: 41%;
}

#sfCirilSouscription p.intMultiCheck{
    float:left;
    width:39.5%;
    text-align:right;
    margin-right: 0;
}

#form_register fieldset label,#form_step fieldset label{
	width:40%;
	white-space:normal;
}

#form_register ul.boutons{
	width: auto !important;
}

#form_register .g-recaptcha > div {
	margin-left: 35%;
	margin-bottom: 2em;
	margin-top: 1em;
}

#form_step ul.boutons{
	width: auto !important;
}

/*Cas des planning hebdo - inscriptions */
div#form_creche fieldset{
    margin-left: 0.8em;
    margin-right:0.8em;
}

div#form_creche fieldset p label{ width:37%; }
div#form_creche fieldset #planningCreche{
    margin-left:0.5em;
    margin-right:0.5em;
}

div#form_creche fieldset #planningCreche p.plan_hebdo label{
	width:12.5%;
	padding-right:0;
	margin-right:0;
}

div#form_creche fieldset #planningCreche p.plan_hebdo select{}

div#form_creche fieldset #planningCreche p.plan_hebdo input, div#form_creche fieldset #planningCreche p.plan_hebdo input[type="checkbox"]{
	padding:0;
	margin-top:0
}

/*Alignement pour select des pointages*/
#widget_annee{ width:11em; }
#widget_mois{ width:10em; }
#widget_numins{ min-width:0em; }

#widget_annee label,
#widget_mois label,
#widget_numins label{
    width:100%;
    float:left;
}

#widget_annee,
#widget_annee input,
#widget_mois,
#widget_mois input,
#widget_numins,
#widget_numins input{
    float:left;
    margin:0;
}

div#form_periscolaire p, div#form_alsh p{ max-width:55em; }

div#form_periscolaire select, div#form_alsh select  {
	word-wrap: break-word;
	word-break: break-all;
	max-width: 65%;
	-moz-hyphens: auto;
}

/* Pour aligner les zones sans avoir de l'iban dans les coordonnées bancaires */
  div#coord_bancaire p#widget_codePays
, div#coord_bancaire p#widget_cleIban
, div#coord_bancaire p#widget_suiteIban  {
		display: inline;
		margin-left: -3px;
}

/* Pour aligner les zones sans avoir de l'iban dans les coordonnées bancaires */
  #coord_bancaire #widget_codePays label
, #coord_bancaire #widget_codePays #prelevement_codePays
, #coord_bancaire #widget_cleIban #prelevement_cleIban
, #coord_bancaire #widget_suiteIban #prelevement_suiteIban
, div#coord_bancaire p#widget_suiteIban  {
		margin-top: 4px;
		margin-bottom: 4px;
}
#coord_bancaire #widget_suiteIban #prelevement_suiteIban  {
		width: 40%;
}

body#compte p label:first-child.switch
{
	width: 6%;
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}