@charset "utf-8";

/*=================================*/
/*---   Couleurs de référence   ---*/
/*=================================*/
:root {
	--ae-base-color: #357282;
	--ae-base-light-color: #a2ced9;
	--ae-bg-color: #f6f6f6;
	--ae-secondary-color: #EEDF48; /*#ffd200;*/
	--ae-grid-bg-color: #ffffea;
	--ae-input-bg-color: #fff;
	--ae-input-border-color: var(--ae-base-color);
	--ae-input-label-color: #333;
	--ae-input-placeholder: #999;
	--ae-link-color: var(--ae-base-color);
	--ae-link-hover-color: #000;
	--ae-button-color: #fff;
	--ae-button-bg-color: var(--ae-base-color);
    --ae-button-color-hover: #555;
	--ae-button-bg-color-hover: #FFDB2B;
	--ae-button-positive-color: #000;
	--ae-button-positive-bg-color: #e6efc2;
	--ae-button-positive-color-hover: #529214;
	--ae-button-positive-bg-color-hover: #e6efc2;
	--ae-button-negative-color: #000;
	--ae-button-negative-bg-color: #fbe3e4;
	--ae-button-negative-color-hover: #d12f19;
	--ae-button-negative-bg-color-hover: #fbe3e4;
}

/*================================*/
/*---   Balises HTML de base   ---*/
/*================================*/
*{
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}
body, html { 
	margin:0;
	padding:0;
	border: 0; 
	width:100%;
}
body{ 
	font-size:0.9em;
}
h1{
	font-size:1.4em;
	margin:2px;
}
p,h2{
	margin:2px;
}
h2{
	font-size:1.3em;
}
h3{
	margin:10px auto 20px;
}
img {
	border: none;
}
input::placeholder {
   color: var(--ae-input-placeholder);
}
input, textarea, select {
    background-color: var(--ae-input-bg-color);
	border:1px solid var(--ae-input-border-color);
	margin-left: 2px;
	margin-right: 10px;
}
input[type='text'], 
input[type='password'], 
input[type='email'], 
input[type='tel'], 
textarea:not(#suggestion) {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    padding: 2px 6px !important;
	margin: 0;
    height: 24px !important;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}
input[type="radio"], input[type="radio"]:focus,
input[type="checkbox"], input[type="checkbox"]:focus {
	border:none;
	margin: auto 10px;
	margin-left: 0px;
}
input:focus, textarea:focus, select:focus {
	color:#000;
	border-color:var(--ae-input-border-color);
	border-left-width: 3px;
	margin-left: 0;
}
label[for='enFranceHMetzCdF'], 
label[for='enFranceHMetzB'], 
label[for='adrIdentique'] {
	line-height: 32px;
}
select{
	font-size:1em;
}
fieldset{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	padding:10px;
}
legend {
	font-size: larger;
	font-weight: bold;
	padding-right: 5px;
	color: var(--ae-base-color);
}
a {
    color: var(--ae-link-color);
}
a:link, a:visited {
    color: var(--ae-link-color);
	font-weight: bold;
}
a:hover, a:active {
	color: var(--ae-link-hover-color);
}
button.image-after img {
    margin-left: 6px;
    margin-bottom: -2px;
}


.radio {
	border: none;
	margin-left: 10px;
	margin-right: 5px;
}
.checkbox {
	border: none;
}


/*==============================================================*/
/*---   Saturation lors de la réservation (saturation.htm)   ---*/
/*==============================================================*/
#saturation{
	padding:20px;
	font-size:1.6em;
	text-align:center;
}


/*==================*/
/*---   Global   ---*/
/*==================*/
#global, #milieu, #contenu { width:100% !important; }
#global{ margin: auto; text-align: left; }

#contenu { padding: 0 0px; margin: auto; }
#contenu h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #000000;
	margin: 5px 10px 10px 0;
	padding: 0 0 0 28px; 
	background: url(../images/puce_h1.gif) no-repeat left 40%;
}
#contenu h2:not(.ui-accordion-header) {
	font-weight: bold;
	color: #000000;
	margin: 8px 10px 5px 0;
	padding: 0 0 0 20px;
	background: url(../images/puce_h2.gif) no-repeat left 40%;
}
#contenu h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	margin: 6px 10px 4px 25px;
	padding: 0 0 0 12px;
	background: url(../images/puce_h3.gif) no-repeat left 40%;
}
#contenu h3 span {
	color: #F29CA8;
}
#contenu p {
	font-size: .9em;
	padding: 2px 10px 10px 10px;
	margin: 0;
}

#contenu ul {
	font-size: 1em;
}

#rattachement_content,
#detachement_content,
#vote_content {
	font-size: 1em;
}
#rattachement_content .info {
	font-weight: bold;
	text-align: justify;
	padding: 10px 0;
}
#vote_content .info {
	font-weight: bold;
	padding: 10px 0;
}
#vote_content .rating {
	text-align: center;
}
#vote_content .rating img {
	cursor: pointer;
}

/*============================================================================*/
/*---   Page d'information sur le certificat avant connexion (index.htm)   ---*/
/*============================================================================*/
#certificat {
	width: 90%;
	margin: auto;
	margin-bottom: 10px;
}
#certificat fieldset {
	border: #de00ae 4px solid;
}
#certificat legend {
	color: #de00ae;
	text-align: justify;
}
#certificat ul { margin-top: 0; margin-bottom: 10px; }
#certificat li { line-height: 150%; }


/*=================================================*/
/*---   Page de maintenance (maintenance.php)   ---*/
/*=================================================*/
#maintenance {
	width: 100%;
	margin: 0;
}
#maintenance * { width: 100% !important; }
#maintenance table { text-align: left; margin: 10px auto; background:url() no-repeat; border-collapse:collapse; border:0; }
#maintenance td { border:0; padding:0; height:105px; vertical-align: middle; }
#maintenance td.visuel { width:0px; }
#maintenance td.masque { width:0px; }
#maintenance td.maintenance { font-size:2em; font-weight:bold; color:#b70000; text-align:left; }


/*=============================*/
/*--- Accueil (accueil.php) ---*/
/*=============================*/
#site, #annees, #boutonsRecherche, #boutonsStats, #boutonsRegie, #boutonAdmin, #boutonEnquete { margin-top: 5px; margin-left: 30px; }
#annees, #annees select, #boutonsStats { margin: 0; }
#boutonsStats { margin-bottom: 20px; }
#boutonsStats div { margin: 0 0 5px 20px; }
#chiffres table { margin:5px auto 20px 20px; }
#chiffres table.stdTable { border-collapse:collapse; }
#chiffres table.stdTable th { background-color:#CCC; border:#FFF 1px solid; }
#chiffres table.stdTable td { font-size:smaller; border:#999 1px solid; padding:2px 5px; }

#recherche, #documentation{
	float:right;
	cursor:pointer; 
	margin:10px;
}
#paveIdent, #paveDernDispo, #paveCoord, #paveEnquete, #paveListeResa, #paveListeActivites, #paveRegie, #boutonsRecherche, #boutonsStats, #infos { margin-bottom: 20px; }
#paveIdent h2 img { padding-left:5px; vertical-align:bottom; cursor:pointer; }

#infos table { border:solid 1px #666; margin:5px auto 0 30px; }
#liste{ margin-top:10px; }
#liste .horsPeriode, #paveListeResa .horsPeriode{ color:#AAA; }
#liste .detailSeance, #paveListeActivites .detailSeance{ 
	color:#666; 
	font-weight:normal; 
	margin-left:35px; 
	padding-left:10px; 
	background:url(../images/puce_h3.gif) no-repeat left 2px;
}
#dataContainer .loading{ line-height: 82px; margin-left: 33px; font-size: 2em; }
#listeResa .loading{ margin-left: 35px; vertical-align: top; }

#paveCoord { margin-bottom: 0; }
#paveCoord h4 { margin: 0 0 .5em 0; }
#paveCoord p { padding: 10px 0; }
#paveCoord .grid div { float: left; }
#paveCoord .grid input { width: 90%; }
#paveCoord .grid button { margin-top: 16px; }
#paveCoord .grid::after { content: ""; clear: both; }
#paveCoord .clear { margin-bottom: 30px; }

#paveEnfants .ui-button span { margin-left: 5px; vertical-align: middle; }
#paveEnfants .ui-button img { vertical-align: middle; }
#paveEnfants button { margin-left: 10px; line-height: 0.8em; }
#paveEnfants #listeEnfants p:first-child { border-top: #ccc 1px solid; }
#paveEnfants #listeEnfants p { padding: 5px 0; border-bottom: #ccc 1px solid; }
#paveEnfants #listeEnfants p span.btnEnfant { display: inline-block; margin: 5px 0; }
#paveEnfants #listeEnfants p span.btnEnfant button.demat { background: var(--ae-base-light-color); color: #000; }

#paveIdent .ui-accordion-content,
#paveCoord .ui-accordion-content,
#paveEnfants .ui-accordion-content,
#paveListeResa .ui-accordion-content {
	padding: 1em;
}
#paveListeResa .resolutionFaible {
	background: url(../images/alerte.png) 0 50% no-repeat;
	border: 1px solid #999;
    border-radius: 4px;
	margin: 10px 0 0 10px;
	padding: 5px 5px 5px 36px;
	color: #900;
	vertical-align: middle;
	text-align: justify;
	display: none;
}
#paveListeResa .avertissement p {
	background: url(../images/info-icon.png) 3px 50% no-repeat;
	border: 1px solid #999;
    border-radius: 4px;
    padding: 5px 5px 5px 40px;
    margin-left: 10px;
	text-align: justify;
	color: var(--ae-base-color);
}
#paveListeActivites .ui-accordion-content h2 {
	display: inline;
}

#idEnft, #pwdEnft { width:100px; }

/*===============================================*/
/*--- Création d'un compte (saisieCompte.php) ---*/
/*===============================================*/
#formulaireCompte label + input[type='text'], #formulaireCompte input[type='email'],
#formulaireConfirm label + input[type='text'], #formulaireConfirm input[type='email'] {
    width: 60% !important;
}
#formulaireCompte ul,
#formulaireConfirm ul {
	margin: 0;
}
#formulaireCompte .Bouton button[type],
#formulaireConfirm .Bouton button[type] {
    line-height: 20px;
	font-weight: bold;
}
#formulaireCompte .Bouton button img,
#formulaireConfirm .Bouton button img {
    vertical-align: baseline;
}

#compteActif p { font-size: 13px; }

/*==========================================================*/
/*--- Confirmation de préinscription (confirmation1.php) ---*/
/*==========================================================*/
#infoValidation { margin-left: 48px; }
#infoValidation, #infoValidation p { line-height: 1.5em; }
#infoValidation div.col { width: 28%; float:left; border: 1px solid #ccc; background-color: #eee; margin: 0; padding: 10px; border-radius: 4px; }
#infoValidation div.col:nth-child(2) { margin: 0 4%; }
#infoValidation div.col p { padding: 0 0 10px; }
#infoValidation div.upload { margin-top: 20px; }
#infoValidation fieldset { padding: 10px 15px 15px; }
#infoValidation table { border-spacing: 0 10px; }
#infoValidation #infoCompl span { display: inline-block; }
#infoValidation #verif { width: 120px; padding: 11px 10px; vertical-align: bottom; }
#infoValidation i.icon-jfi-cloud-up-o { line-height: 1em; }
#infoValidation label.ui-checkboxradio-label.ui-button.ui-corner-all { padding: 1em 1.5em; margin-right: .75em; }
#infoValidation .jFiler-input-choose-btn.blue { background-color: var(--ae-base-color); color: #fff; border: 1px solid #ffd400; border-radius: 6px; }
#infoValidation .jFiler-input-choose-btn.blue:hover { background-color: #dbe7b5; color: #555; box-shadow: 0 0 10px #999; text-decoration: none; }
#infoValidation td.radiogroup label { padding: .4em; margin-bottom: -1px; }


/* --- F.A.Q. (faq.php) --- */
/*==========================*/
#planningOuverture { margin:auto; border:solid 1px #149C87; border-collapse:collapse; }
#planningOuverture th { border:solid 1px #999; padding:3px 10px; background-color:#ddd; }
#planningOuverture td { border:solid 1px #ccc; padding:3px 10px; }

/*=============================================*/
/*--- Recherche de club (rechercheClub.php) ---*/
/*=============================================*/
#rechercheClub {
	width: 360px !important;
	float: left;
}
#divLst_nomClub {
	width: calc(100% - 370px) !important;
	margin-left: 10px;
	float: left;
}
#rechercheClub #Criteres div { margin-bottom:10px; }
#rechercheClub #Criteres div h2 { margin-left:0; }
#rechercheClub #Criteres input[type="text"] {
	padding-right: 20px !important;
    min-width: 290px;
	/*width: 14em;*/
}
#rechercheClub #Criteres span[role="combobox"] {
    min-width: 300px;
	width: 300px;
}
#rechercheClub #Criteres #typePeriode {
	margin-top: 20px;
	display: block;
}
#rechercheClub #Criteres #typePeriode label {
    min-width: 320px;
    width: 320px;
    padding: .4em;
}
#rechercheClub #Criteres #typePeriode label.radius-top {
    border-radius: 3px 3px 0 0;
}
#rechercheClub #Criteres #typePeriode label.radius-bottom {
    border-radius: 0 0 3px 3px;
}
#rechercheClub #Criteres #datesPeriode input[type="text"] {
    min-width: inherit;
	padding-right: 4px !important;
}

#divLst_nomClub #Resultats { margin:0; }
#divLst_nomClub #Resultats {
	text-align:left;
}
#divLst_nomClub #Resultats a {
	font-weight:bold;
}
#divLst_nomClub #Resultats .noms {
	text-align:center;
	margin: 10px;
}
#divLst_nomClub #Resultats .club {
    margin-bottom: 10px;
	cursor: pointer;
}
#divLst_nomClub #Resultats .noms:hover,
#divLst_nomClub #Resultats .club:hover {
    background-color: var(--ae-base-light-color);
}
#divLst_nomClub #Resultats .activites {
	margin-left: 10px;
	font-size: smaller;
}
#divLst_nomClub #Resultats .etat {
	color: #666;
	padding-left:10px;
	background:url(../images/fleche.gif) 0 0 no-repeat;
	font-weight:normal;
	font-style:italic;
	font-size: smaller;
}
#divLst_nomClub #Resultats .info {
	color: #999;
	font-size: 10px;
	font-weight:normal;
}

#detailClub {
	width:510px;
	width:100%;
	float:left;
}
#detailIdentClub {
	border:#aaa 1px solid;
	padding:6px;
	margin-top:10px;
	margin-bottom:10px;
	/*width:490px;*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#detailActClub {
	margin-top:10px;
	height:100%;
	height:200px;
	position:relative;
}
#imagesClub {
	margin:10px 0 0 15px;
	width:100px;
	float:left;
	border:#ccc 1px solid;
	text-align:center;
}
#imagesClub a {
	display:block;
}
#imagesClub img {
	padding:2px;
}

/*==================================================*/
/*--- Recherche de disponibilités (affDispo.php) ---*/
/*==================================================*/

/*--- Sélection enfants et critères pour recherche disponibilités ---*/
/*"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
#contenu h2:not(.ui-accordion-header) {
	display:inline;
}
#identEnfant, #pwdEnfant, #numCarte {
    width: 90px;
	margin-left: 5px;
}
#identEnftSuppl{
	margin-left:20px;
	font-weight:normal;
}
#btnEnftSuppl, 
#identEnftSuppl .Bouton { margin-top: 0; padding-bottom: 0; text-align: right; }
#identEnftSuppl .Bouton button { width: 75px; margin-left: 15px; margin-right: 0; }
#identEnftSuppl { float: right; text-align: right; margin-left: 0; }
#identEnftSuppl div { display: table-cell; }

#bandeauEnfants .age { font-size:10px; }
#bandeauEnfants .listeEnftBandeau { font-weight:normal; }
#bandeauEnfants .listeEnftBandeau .inactif { color:#aaa; }
#bandeauEnfants .listeEnftBandeau img { display: none; }
#bandeauEnfants h2 { line-height: 20px; }

#listeEnft{
	line-height:200%;
}
#listeEnft img{
	padding-left:5px;
	margin-bottom:-3px;
	cursor:pointer;
}
#listeEnft .ui-checkboxradio-label { padding: 0.6em 1em; background: var(--ae-button-bg-color); color: #fff; }
#listeEnft .ui-checkboxradio-icon-space { margin-right: 0.6em; }

#ajouter { line-height: 20px; }

#listePoles, #listeCategories, #listeDomaines, #listeQuartiers, #priseEnCompteAgex, #boutonRecherche {
	display:none;
	margin-right:15px;
}
#toutConfondu, #listeSemaines, #listeActivites, #listeLieuxAcces {
	margin: 10px;
	font-size:0.9em;
}
#listeSemaines, #listeActivites, #listeLieuxAcces {
	color:#666;
}
#bandeauCriteres h2 { padding: 0.5em !important; line-height: 22px; color: #fff !important; }
#bandeauCriteres .Bouton { float: right; padding: 0; margin-top: -2px; }
#bandeauCriteres .Bouton button { margin: 0; color: #fff; }
#bandeauCriteres .Bouton button:hover { color: #000; }

#txtCritere {
	margin:0 0 15px;
	font-weight:normal;
    color: var(--ae-secondary-color);
}

#modifCriteres {
	line-height: 14px !important;
}
#modifCriteres img {
    height: 14px;
    width: 14px;
    margin-bottom: -3px !important;
}

#rechercheDispo {
	float:right;
}
#rechercheDispo img { vertical-align:top; margin-top:7px; }

#criteresDispo {
	padding-top:10px;
	margin:auto;
	text-align:left;
	font-size: 1em;
}
#criteresDispo input {
	margin-right:5px;
    accent-color: var(--ae-button-bg-color-hover);
}
#criteresDispo input[type="radio"]:focus {
	box-shadow: none;
	outline: none;
}
#criteresDispo option:hover { 
	background-color: var(--ae-base-color) !important; 
}
#criteresDispo label {
	display:block;
	float:left;
	width:80px;
}
#criteresDispo #listeLieuxAcces label {
	width:85px;
}
#criteresDispo .cadreArrondi {
	position:relative;
	z-index: 0;
	padding:0;
	border: 1px solid var(--ae-base-color);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#criteresDispo .enteteChoix {
	line-height:200%;
	padding-left:10px;
	color:#fff;
	background-color: var(--ae-base-color);
}
#criteresDispo .enteteChoix:first-child {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
#criteresDispo #Boutons {
	padding-bottom:0;
}

/*---   Plannings   ---*/
/*"""""""""""""""""""""*/
#validation{
	font-weight:normal;
	color:#900;
	padding-left:30px;
	background:url(../images/error.png) no-repeat 10px;
}

/* --- Container global --- */
#planning_container, #select_container{
	border:1px solid #aaa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin:auto;
	width:100%; 
	box-sizing:border-box;
	background-color: var(--ae-base-color);
}
#select_container{
	margin-top:4px;
}
#seancesCompletesContainer{
	margin:auto;
	text-align:right;
	padding-right:10px;
	float:right;
}
#seancesCompletesContainer span,
#seancesCompletesContainer input{
	vertical-align:middle;
}
/* --- Container pour l'entête du tableau --- */
#planning_top, #select_top{
	position:relative;
	clear:both;
	height:42px;
	width:100%;
}

/* --- Container pour le pavé en haut à gauche du tableau --- */
#planning_spacer, #select_spacer{
	position:relative;
	height:41px;
	border-right:1px solid #ACA899;	
	border-bottom:1px solid #ACA899;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	text-align:center;
	letter-spacing: .2em;
	font-size:1.1em;
	font-weight:bold;
	text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
	width:auto;
	vertical-align:middle;
	margin-right:calc(((var(--ae-act-width) + 1px) * var(--ae-nb-jours-semaine) * 2) + var(--ae-scrollbar-width));
	color: var(--ae-secondary-color);
	color: #fff;
}
#planning_spacer{ line-height:40px; }
#select_spacer{ line-height:20px; }

/* --- Container pour les lignes d'entête --- */
#planning_header, #select_header{
	position:relative;
	float:right;
	right:var(--ae-scrollbar-width);
	width:calc((var(--ae-act-width) + 1px) * var(--ae-nb-jours-semaine) * 2);
	overflow:hidden;
}

/* --- Container pour la ligne des semaines et la lignes des jours --- */
#planning_semaines, #planning_jours,
#select_semaines, #select_jours{
	position:relative;
	clear:both;
	height:21px;
	overflow:hidden;
	display:table;
}
#planning_semaines div, #planning_jours>div,
#select_semaines div, #select_jours>div{
	border-bottom:1px solid #ACA899;
}
#planning_semaines .fleches{
	position:absolute; 
	top:2px; 
	border:none;
	cursor:pointer;
}
#planning_jours>div, #select_jours>div{
	float:left;
}
#planning_jours .celJour, #select_jours .celJour{
	width:var(--ae-act-width);
	height:100%;
	float:left;
	text-align:center;
	font-size:0.9em;
	line-height:20px;
	border-right:1px solid #ACA899;	
	cursor:help;
	color:#fff;
	letter-spacing: .05em;
}
#planning_jours .celJour.celDernJour, #select_jours .celJour.celDernJour, .celJour.celDernJour{
	border-right:1px solid #ACA899;	
}

/* --- Container pour le contenu --- */
#planning_content, #select_content{
	clear:both;
	position:relative;
	overflow:auto;
	overflow-y: scroll;
}
#planning_content .actCellJours, #select_content .actCellJours{
	height:100%;
	position:relative;
	overflow:hidden;
}
#planning_sep, #select_sep{
	height:5px;
	border-top:1px solid #ACA899;
}

/* --- Container pour une activité --- */
#planning_act, #select_act{
	clear:both;
}

/* --- Container pour le pied de tableau --- */
#planning_bottom,
#select_bottom{
	position:relative;
	width:100%;
	height:8px;
	overflow:hidden;
	display:table;
}

/* --- Container pour le message en cas de conflit --- */
#msgConflit{
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#900;
}

/* --- Container pour le message patientez lors de l'enregistrement de la réservation --- */
#patientez{
	margin:auto;
	margin-top:15%;
	font-size:2em;
	text-align:center;
}

/*---   Détail club   ---*/
/*"""""""""""""""""""""""*/
#detailActivite {
	float:left;
	width:450px
}
#cartoActivite {
	float: right;
	height: 350px;
	width: 350px;
	margin-left: 4px;
}

/*=======================================================================================*/
/*---   Suppression d'une réservation (confirmSupprResa.php Ajax pour affDispo.php)   ---*/
/*=======================================================================================*/
#nomsResa{
	position:relative;
}
/* --- Liste des noms --- */
#nomsResa div{
	padding-top:3px;
	margin-bottom:10px;
}
/* --- Image interdit --- */
#nomsResa img{
	position:absolute;
	left:11px;
	/left:13px;
	padding-top:4px;
	cursor:help;
}
/* --- Case à cocher --- */
#nomsResa input{
	position:absolute;
	left:11px;
}
#nomsResa span{
	display:block;
	margin-left:30px;
}
#nomsResa div div{
	color:#666;
	font-size:smaller;
	margin-left:30px;
}


/*=================================================================================*/
/*---   Récapitulatif des réservations (recapResa.php Ajax pour affDispo.php)   ---*/
/*=================================================================================*/
#listeResa{ margin-top:10px; }
#listeResa {
	margin-top: 0;
	margin-left: 10px;
}

#listeResa .listeResaActivites {
	display:block;
	font-weight: normal;
	background: url(../images/puce_h3.gif) 7px 3px no-repeat;
	padding-left: 20px;
}
#listeResa .listeResaActivites .liensResa {
	display:block;
}
#listeResa .listeResaActivites a {
	margin-left: 15px;
	font-size: smaller;
}
#listeResa .listeResaActivites a:first-child {
	margin-left: 0;
}
#listeResa .listeResaActivites a img {
	margin-left: 20px;
}
#listeResa .nomActivite {
}

#listeResa .leaflet-bar a,
#listeResa .leaflet-bar a:hover {
	text-decoration: none;
}
#listeResa .desactivee {
	display: block;
}
#listeResa .listeResaDetail.avecCarto {
	float:left;
	width:64%;
}
#listeResa .listeResaDetail.sansCarto {
	width:100%;
}
#listeResa .cartoActivite {
	float: right;
	height: 350px;
	width: 35%;
	margin-left: 4px;
}


/*===============================================*/

#formulaire, #listeResultats, #sommaire, #formulaireRecherche {
	margin: auto;
	padding-top:15px;
}
#sommaire {
	font-size:150%;
	text-align:center;
	line-height:200%;
}
#formulaire, #listeResultats {
	width: inherit;
}
#sommaire, #formulaireRecherche {
	width: 100%;
}

#Criteres #lettres {
	margin-bottom:15px;
}
#Criteres #lettres span {
	border:1px solid #999;
	background-color:#eee;
	padding:2px 2px;
	cursor:pointer;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#Criteres #lettres span:hover {
	background-color:#ccc;
	color:#fff;
}


/*===========================*/
/*===   Pré-inscription   ===*/
/*===========================*/
#AdresseNonMessinCdF, 
#AdresseMessinCdF, 
#PaysCdF,
#Hebergeant, 
#qualiteHebergeant, 
#typeAdresseB,
#AdresseNonMessinB,
#AdresseMessinB,
#PaysB,
#divLst_nomRueMetzCdF,
#divLst_nomRueMetzH,
#divLst_nomRueMetzB,
#ListeRue {
	display: none;
}

#ChefFamille, #Telephone, #Beneficiaire {
    margin: 0 0 10px;
}

#ChefFamille input[type="text"], 
#Beneficiaire input[type="text"] {
    width: 60%;
}
#Hebergeant input[type="text"] {
    width: 96%;
}
#Hebergeant span[role="combobox"] {
	width: calc(100% - 75px) !important;
}
#premiereInscr label,
#typeAdresseCdF label,
#sexeBeneficiaire label,
#typeAdresseB label { margin-left: -1px; }

#ChefFamille input[type="radio"],
#typeAdresseB input[type="radio"] {
	margin: 0 5px 0 15px;
    width: inherit;
	vertical-align: text-top;
}
#ChefFamille input[type="radio"]:focus,
#typeAdresseB input[type="radio"]:focus {
	box-shadow: none;
}
#AdresseNonMessinCdF { margin-bottom: 10px; }
#AdresseNonMessinCdF div,
#AdresseNonMessinB div {
	margin-bottom: 5px;
}
#AdresseNonMessinCdF fieldset,
#AdresseMessinCdF fieldset,
#Hebergeant fieldset,
#AdresseNonMessinB fieldset,
#AdresseMessinB fieldset {
	width: 60% !important;
}
#AdresseNonMessinCdF input[type="checkbox"],
#Beneficiaire input[type="checkbox"] {
	vertical-align: middle;
	accent-color: var(--ae-base-color);
}
#sexeBeneficiaire {
	margin: 10px 0 5px 0;
}


#MdQ { margin-top:40px; }
#MdQ table { margin:auto auto 15px 30px; }
#MdQ table td { width:35%; border:none; }
#MdQ table td { width: initial; }


/*===================================*/
/*---   Enquête de satisfaction   ---*/
/*===================================*/
#introQuestions { 
	margin:auto 10px 15px 20px; 
	text-align:justify; 
    border: #ccc solid 1px;
    border-radius: 8px;
    padding-top: 10px;
	box-shadow: #808080 0px 0px 10px 2px;
}
#finQuestions { font-weight:bold; font-size:larger; margin:20px auto 15px 35px; text-align:justify; }
.question h3 { padding-top:10px; }
.question div { margin-left:15px; }
.question input, .question input[type="radio"]:focus { margin-left:25px; margin-right:5px; }
.question textarea { margin-left:35px; width:90%; }
.question select { margin-left:35px; }

/*==================*/
/*===   Styles   ===*/
/*==================*/

/* === Styles généraux === */
.pointer { cursor: pointer; }
.cursorDefault { cursor:default }
.gras { font-weight: bold; }
.large { font-size: large; }
.petit { font-size: smaller; }
.centrer, .center, .centre { text-align: center; }
.gauche, .left { text-align: left; }
.droite, .right { text-align:right; }
.justifier { text-align: justify; }
.obligatoire { color: #900; }
.rougeFonce { color:#900; }
.vert { color:#149C87; }
.gris { color:#999; }
.fondGrisClair { background-color:#f5f5f5; }
.uppercase { text-transform:uppercase; }
.erreur { margin-left:10px; font-weight:bold; color:#C00; }
.enCours { display:block; font-weight:bold; color:#C00; }
.noDisplay { display:none; }
.col300 { width: 290px; }
.champSaisie { margin-top: 5px; }
.champSaisie:first-child { margin-top: 0; }
.champSaisie label { color: var(--ae-input-label-color); display: inline-block; width: 100%; }

.clear { clear: both; }
.floatLeft{ float:left; }
.floatRight{ float:right; }

/* === Style pour la liste des Mairies de Quartiers === */
.titreMdQ { font-weight:bold; margin-top:10px; }
.permMdQ { font-style:italic; text-decoration:underline; }
.fermMdQ { color:#C00; }
.fermMdQ span{ text-decoration:underline; }

/* === Style pour les différents champs === */
.user, .pwd { width: 100px; }
.nom { width: 200px; text-transform: uppercase; }
.nomClub { width: 300px; }
.prenom { width: 150px; text-transform: capitalize; }
.mail { width: 300px; }
.date { width: 80px !important; }
.dateAdmin { width:110px; margin-right:2px; padding-left:2px; }
.dateHeureAdmin { width:160px; margin-right:2px; padding-left:2px; }
.date+img { position:relative; top:2px; }
.heure { width:40px; }
.telephone { width: 95px; }
.complement { width: calc(100% - 130px); margin-right: 0; }
.numero { width: 50px !important; }
.rue { width: calc(100% - 85px) !important; }
.cp { width: 80px !important; }
.ville { width: calc(100% - 115px) !important; }
.pays { width: calc(100% - 140px) !important; }
.dossier { width: 60px; }
.lien { width: 240px; }
.places { width: 40px; }
.listeNormale { font-weight:bold; }
.listeAttenteSep { background-color:#999; color:#FFC; font-weight:bold; padding-left:2px; margin-top:5px; }
.listeAttente { color:#666; }
.listeNormale span, .listeAttente span { font-weight:normal; font-size:smaller; color:#666; }
.listeAttente a { color:#000; font-weight:bold; cursor:pointer; }
.desactivee { color: #C00; font-style:italic; font-weight:bold; }
.aide { border:none; cursor:help; margin-left:10px; }
.numeroCarte { width:95px; text-transform:uppercase; }
.spam { font-size: smaller; font-style: italic; color: #62A4BE; }

.mentionCNIL {
	margin: 0 8px;
	text-align: justify;
	font-size: .9em;
	color: var(--ae-input-label-color);
}

/* === Style pour les mots de passe === */
.password {
	position: relative;
}
.password input[type="password"],
.password input[type="text"] {
	width: 200px !important;
    padding-right: 50px !important;
}
.password .glyphicon {
    display:none;
	font-size: 1.5em;
	color: #676767;
    left: 210px;
    position: absolute;
    top: 0px;
    cursor:pointer;
}

/* === Style pour les bulles d'aide === */
.aideTexte { }
.aideTexte200 { display:block; text-align:justify; width:200px; }
.aideExemple { display:block; margin-top:5px; font-style:italic; color:#666; }

/* === Style pour les appels Ajax === */
.rechercheEnCours { background:url(../images/loading.gif) no-repeat; padding-left:22px; font-size:16px; font-weight:bold; }
.erreurRecherche { color:#C00; background:url(../images/warning.png) no-repeat 0 50%; padding-left:16px; margin:20px; }
.fermeRecherche { left:320px; top:2px; position:absolute; cursor:pointer; }

/* === Style pour le type de recherche === */
.choixTypeRecherche{
	background:url(../images/fleches.gif) 0 50% no-repeat;
	padding-left:80px;
	margin:auto 10px;
}
.choixTypeRecherche input{
	margin-left:5px;
}

/* === Style pour les entêtes semaines === */
.semaines{
	width:calc(((var(--ae-act-width) + 1px) * 6) - 1px);
	display:table-cell;
	text-align:center;
	height:20px;
	font-size:1em;
	line-height:20px;
	border-right:1px solid #ACA899;	
	color:#fff;
	letter-spacing: .15em;
}
.semaine1, .semaine2 {
	display:block;
}
.semaines.semaine2 {
	display:table-cell;
}

/* === Style pour une ligne d'activité === */
.act{
	clear:both;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #F6DBA2;
	width:100%;
}
.act.sur1ligne{height:calc(var(--ae-act-height) * 1)}
.act.sur2lignes{height:calc(var(--ae-act-height) * 2)}
.act.sur3lignes{height:calc(var(--ae-act-height) * 3)}
.act.sur4lignes{height:calc(var(--ae-act-height) * 4)}
.act.sur5lignes{height:calc(var(--ae-act-height) * 5)}
.act.sur6lignes{height:calc(var(--ae-act-height) * 6)}
.act.sur7lignes{height:calc(var(--ae-act-height) * 7)}
.act.sur8lignes{height:calc(var(--ae-act-height) * 8)}
.act.sur9lignes{height:calc(var(--ae-act-height) * 9)}


/* === Style pour l'entête de l'activité === */
.actHeader{
	height:100%;
	font-size:1em;
	font-weight:bold;
	color:var(--ae-base-color);
	background-color:var(--ae-grid-bg-color);
    font-weight:normal;
	cursor:pointer;
	border-right:1px solid #ACA899;
	border-bottom:1px solid #ACA899;
	position:relative;
	z-index:99;
	margin-right:calc((var(--ae-act-width) + 1px) * var(--ae-nb-jours-semaine) * 2);
}
.actHeader div{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height: 24px;
	-o-text-overflow: ellipsis;    /* Opera */
	padding-left:2px;
}

/* === Style pour les cellules de l'activité === */
.actJours{
	float:right;
	height:100%;
	display:table-cell;
	position:relative;
	overflow:hidden;
	color:var(--ae-base-color);
	background-color:var(--ae-grid-bg-color);
}
.actJours .celJour{
	width:var(--ae-act-width);
	height:100%;
	float:left;
	/*background-color: #FFFFD5;*/
	border-right:1px solid #F6DBA2;	
	position:relative;
	color:#ddd;
}
.actJours .jourCourant{
	background-color:#BCDEBC;
}

/* === Style pour la durée d'une séance de l'activité === */
.actDuree, .actDureeSelect, .actDureeConflit, .actDureeAnnul{
	position:absolute;
	border:1px solid #000;
	font-size:0.75em;
	padding:1px;
	margin:2px auto auto 2px;
	background-color:#F6DBA2;
	text-align:center;
	white-space:nowrap;
	height:calc(var(--ae-act-height) - 8px);
}
.actDuree{
	border-color:#000;
	border-color:#ACA899;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color:#F6DBA2;
	background-color:buttonface;
	color:#000;
	border-width:1px;
}
.actDureeSelect{
	border-color:#005A00;
	background-color:#090;
	background-color:#008000;
	color:#FFFFD5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 20px;
}
.actDureeSelect .txtPlaces{
	display:none;
}
.actDureeConflit{
	border-color:#5A0000;
	background-color:#900;
	color:#FFFFD5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 20px;
}
.actDureeConflit .txtPlaces{
	display:none;
}
.actDureeAnnul{
	border-color:#F90;
	background-color:#FFFFD5;
	color:#900;
	border-width:1px 4px 1px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left:2px;
}
/* Mode de calcul : width(.actHeader) + (Rg - 1) x width(.actJours div) */
.actJourRg1{left:calc((var(--ae-act-width) + 1px) * 0);}
.actJourRg2{left:calc((var(--ae-act-width) + 1px) * 1);}
.actJourRg3{left:calc((var(--ae-act-width) + 1px) * 2);}
.actJourRg4{left:calc((var(--ae-act-width) + 1px) * 3);}
.actJourRg5{left:calc((var(--ae-act-width) + 1px) * 4);}
.actJourRg6{left:calc((var(--ae-act-width) + 1px) * 5);}
.actJourRg7{left:calc((var(--ae-act-width) + 1px) * 6);}
.actJourRg8{left:calc((var(--ae-act-width) + 1px) * 7);}
.actJourRg9{left:calc((var(--ae-act-width) + 1px) * 8);}
.actJourRg10{left:calc((var(--ae-act-width) + 1px) * 9);}
.actJourRg11{left:calc((var(--ae-act-width) + 1px) * 10);}
.actJourRg12{left:calc((var(--ae-act-width) + 1px) * 11);}

/* Mode de calcul : (width(.actJours div) + 1) x NbJours - 9 */
.actSur1Jour{width:calc(((var(--ae-act-width) + 1px) * 1) - 9px);}
.actSur2Jours{width:calc(((var(--ae-act-width) + 1px) * 2) - 9px);}
.actSur3Jours{width:calc(((var(--ae-act-width) + 1px) * 3) - 9px);}
.actSur4Jours{width:calc(((var(--ae-act-width) + 1px) * 4) - 9px);}
.actSur5Jours{width:calc(((var(--ae-act-width) + 1px) * 5) - 9px);}
.actSur6Jours{width:calc(((var(--ae-act-width) + 1px) * 6) - 9px);}

.hachures{ 
	position:absolute;
	top:0;
	height:calc(var(--ae-act-height) - 6px);
	border:none;
	background-image:url(../images/hachures.png);
}
/* Mode de calcul : ((width(.actJours div) + 1) x Rg) - 3) */
.hachuresRg2{left:calc(((var(--ae-act-width) + 1px) * 1) - 3px);}
.hachuresRg3{left:calc(((var(--ae-act-width) + 1px) * 2) - 3px);}
.hachuresRg4{left:calc(((var(--ae-act-width) + 1px) * 3) - 3px);}
.hachuresRg5{left:calc(((var(--ae-act-width) + 1px) * 4) - 3px);}
/* Mode de calcul : (width(.actJours div) + 1) x NbJours */
.hachuresSur1Jour{width:calc((var(--ae-act-width) + 1px) * 1);}
.hachuresSur2Jours{width:calc((var(--ae-act-width) + 1px) * 2);}
.hachuresSur3Jours{width:calc((var(--ae-act-width) + 1px) * 3);}
.hachuresSur4Jours{width:calc((var(--ae-act-width) + 1px) * 4);}

.txtHoraires{
	position:absolute;
	top:0;
	left:0;
	border:none;
	font-weight:bold;
	line-height:10px;
	font-size: .85em;
}
.txtHoraires1Ligne{
	position:absolute;
	top:0;
	left:0;
	border:none;
	font-weight:bold;
	line-height:calc(var(--ae-act-height) - 6px);
	font-size: .85em;
}
.txtPlaces{
	position:absolute;
	top:9px;
	left:0;
	border:none;
	color:#555;
	font-size:calc(var(--ae-act-height) / 3);
	line-height:calc(var(--ae-act-height) / 2 - 1px);
}
.erreurResa { color:#C00; background:url(../images/error.png) no-repeat 0 50%; padding-left:20px; }

/* === Style pour les titres de l'écran de recherche de Club === */
#contenu .resultatFiltre a:link, 
#contenu .resultatFiltre a:visited {
	color: #000;
	line-height:140%;
	text-align:left;
}
#contenu .resultatFiltre a:hover {
	color: #de00ae;
}

/* === Style pour la mention CNIL === */
.CNIL {
	margin: 10px;
	text-align: justify;
	font-size: 9px;
	color: #666;
}

/* === Style pour le fil d'ariane de la création de compte === */
#contenu .breadcrumb {
    display: inline-block;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag;
	margin-left: 20px;
	vertical-align: middle;
}
#contenu .breadcrumb span {
    text-decoration: none;
    display: block;
    float: left;
    font-size: 1em;
    line-height: 24px;
    line-height: 1.8em;
    color: black;
    padding: 0 10px 0 45px;
	padding: 0 10px 0 3.4em;
    background: white;
    position: relative;
}
#contenu .breadcrumb span:first-child {
    padding-left: 30px;
	padding-left: 2.2em;
    border-radius: 5px 0 0 5px;
}
#contenu .breadcrumb span:last-child {
	border-radius: 0 5px 5px 0;
	padding-right: 20px;
}
#contenu .breadcrumb span:first-child:before {
    left: 10px;
}
#contenu .breadcrumb span:before {
    content: counter(flag);
    counter-increment: flag;
	text-align: center;
    border-radius: 100%;
    width: 14px;
	width: 1.1em;
    height: 14px;
	height: 1.1em;
    line-height: 14px;
	line-height: 1.1em;
    margin: 5px 0;
	margin: .3em 0;
    position: absolute;
    top: 0;
    left: 24px;
	left: 1.8em;
    font-weight: bold;
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}
#contenu .breadcrumb span:after {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
	right: -.9em;
    width: 24px;
	width: 1.8em;
    height: 24px;
	height: 1.8em;
    -webkit-transform: scale(0.707) rotate(45deg); /* Chrome, Safari, Opera */
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
}
#contenu .breadcrumb span.active, 
#contenu .breadcrumb span.active:after {
	background-color: var(--ae-base-light-color);
}

/* === Surcharge jQuery UI === */
.ui-widget {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.ui-widget-header {
    background: var(--ae-base-color) !important;
    color: #fff !important;
}

.ui-accordion h2.ui-accordion-header {
	background: #EFEFEF url();
	color: #333;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: .5em .5em .5em .5em;
}
.ui-accordion h2.ui-accordion-header.ui-state-active {
	background: var(--ae-base-color) url() !important;
}
.ui-accordion h2.ui-accordion-header.ui-state-hover {
	border-color: var(--ae-base-color) !important;
}
.ui-accordion h2.ui-accordion-header .ui-accordion-header-icon {
	margin-right: 4px;
}
.ui-accordion h2.ui-accordion-header.ui-accordion-header-active {
	color: #fff !important;
}
.ui-accordion h2.ui-accordion-header.ui-accordion-header-active a:link,
.ui-accordion h2.ui-accordion-header.ui-accordion-header-active a:visited {
	color: var(--ae-button-bg-color-hover);
}
.ui-accordion h2.ui-accordion-header.ui-accordion-header-active a:hover {
	color: #fff;
}
.ui-accordion .ui-accordion-content {
	background: var(--ae-bg-color) url();
    padding: 1em !important;
}

.ui-button {
    border: 1px solid var(--ae-input-border-color) !important;
}
.ui-button:focus,
.ui-button.ui-state-focus {
	background-color: var(--ae-base-light-color) !important;
	box-shadow: inset 0 0 0px 1px var(--ae-base-color);
}
.ui-button:hover {
    background: var(--ae-button-bg-color-hover) !important;
}
.ui-button:active {
    background: var(--ae-button-bg-color) !important;
}
.ui-button .ui-button-text img {
	margin-right: 5px;
    vertical-align: bottom;
}
.ui-button.image-after .ui-button-text img {
	margin-left: 5px;
	margin-right: 0;
}

.ui-datepicker .ui-state-hover {
	background: var(--ae-secondary-color) !important;
}
.ui-datepicker .ui-state-active {
	background: var(--ae-base-color) !important;
}
.ui-datepicker-trigger {
	cursor: pointer;
    margin-left: 5px;
	top: 6px !important;
}

.ui-dialog-content.ui-widget-content p {
	margin: 1em 0;
}

.ui-selectmenu-menu .ui-menu-item .ui-state-active {
	background-color: var(--ae-base-color);
}

.ui-state-disabled {
    opacity: 0.5;
}
.ui-state-active {
	background-color: var(--ae-base-light-color) !important;
	color: #000 !important;
}
.ui-state-hover {
	background-color: var(--ae-secondary-color) !important;
	color: #000 !important;
}


.strength-meter {
	border-width: border-width: 0 0 0 4px !important;
	margin-right: 4px;
    vertical-align: middle;
	padding: 10px 0 !important;
}

/* === Style pour les liste déroulante de choix d'une rue === */
/*
#contenu .listeDeroulante {
	overflow:auto;
	max-height:80px;
	height:80px;
	width:340px;
	margin:0 0 0 2px;
	text-align:left;
	position:absolute;
	border:1px solid #ccc;
	background-color:#FFF;
	padding:0 0 0 1px;
}
#contenu .listeDeroulante a:link, 
#contenu .listeDeroulante a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}
#contenu .listeDeroulante a:hover {
	color: #de00ae;
}
*/

#myDialogId label {
	width:65px;
}
#myDialogId a {
	outline: none;
}

#myPwdDialogId table {
	margin-left: 20px;
}
#myPwdDialogId .pwdErr,
#myDialogId .attestErr {
	color: #c00;
	font-weight: bold;
	margin-top: 10px;
}


/*====================*/
/* === Responsive === */
/*====================*/

@media only screen and (max-width: 768px) {
	#divLst_nomClub, #rechercheClub {
		width: 100% !important;
		float: left;
	}
	#rechercheClub #Criteres input[type="text"],
	#rechercheClub #Criteres span[role="combobox"],
	#rechercheClub #Criteres #typePeriode label {
		min-width: 95%;
	}
	#rechercheClub #Criteres #datesPeriode { 
		text-align: center; 
	}
	#paveListeResa .liensResa a {
		display: block;
		margin-left: 0;
	}
	#Criteres .ui-controlgroup > .ui-controlgroup-item {
		width: 290px;
		width: 90%;
	}
	#detailActivite {
		clear: both;
		width: 100%;
	}
	#cartoActivite {
		clear: both;
		width: 100%;
		margin-top: 10px;
	}
	#modifCriteres {
		width: 105px;
		padding: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#bandeauEnfants div div:first-child { margin-bottom: 20px; }
	/*#btnEnftSuppl, #identEnftSuppl .Bouton { text-align: center; }*/
}
@media only screen and (max-width: 640px) {
	#listeResa .cartoActivite {
		clear: both;
		height: 350px;
		width: 100%;
		margin-left: 0;
	}
	#listeResa .listeResaDetail.avecCarto {
		clear: both;
		width: 100%;
	}

	#detailActivite {
		clear: both;
		width: 100%;
	}
	#cartoActivite {
		clear: both;
		width: 100%;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 480px) {
	#paveListeResa .resolutionFaible {
		display: block;
	}
	#contenu #paveEnfants #listeEnfants .erreur {
		display: block;
		margin: 0;
	}
	#contenu #paveEnfants #listeEnfants~p {
		padding-left: 0;
	}
	#contenu #paveEnfants #listeEnfants~p button,
	#contenu #paveEnfants #listeEnfants p span.btnEnfant button {
		display: block;
		width: 100%;
		margin: 5px;
	}
}

/*
@media (min-width: 28em) {
	#contenu .ui-content .ui-header .ui-field-contain > label {
		width: 100%;
	}
	#contenu .ui-content .ui-header .ui-field-contain > label ~ [class*="ui-"] {
		width: 100%;
	}
}
*/

@media only screen and (max-width: 1124px) {
	#infoValidation div.col { width: 90%; }
	#infoValidation div.col:nth-child(2) { margin: 10px 0; }
	#infoValidation fieldset { text-align: center; display: block; }
	#infoValidation fieldset:nth-child(2) { margin: 10px 0; }
	#infoValidation fieldset:nth-child(2) span:nth-child(3) { margin-top: 10px; }
	#infoValidation #verif { width: 100%; height: 60px; margin: 10px 0 0; }
	#infoValidation .ui-controlgroup > .ui-controlgroup-item { float: none; }
}