/*****************************************************************************************************************************/
/*													 	VARIABLES 															 */
/*****************************************************************************************************************************/
@colorBase: #116699;								/* Couleur de base du site */
@colorBandeau: #1B1B1B;								/* Couleur de fond du bandeau utilisateur et du bandeau personne selectionnee */
@colorButton: #FFFFFF;								/* Couleur du texte des boutons */
@colorNomFamille: #DDDDDD;							/* Couleur du nom de famille dans le bandeau */

@colorBackground: #FFFFFF;							/* Couleur de fond du site */
@colorinfoBulleBackground: #FFFFFF;					/* Couleur de fond des infobulles (lors du survol en haut à droite du bandeau) */
@colorBackgroundTitre: #DDDDDD;						/* Couleur de fond des titres des portlets */

@portletBorder: 1px solid;							/* Affichage ou non des bordures pour les portlets: '1px solid' ou 'none' */
@portletBorderColor: @colorBase;					/* Couleur des bordures pour les portlets */
@portletTitreColor: @colorBase;						/* Couleur du titre des portlets */
@portletElementColor: #707070;						/* Couleur des titre de formulaire pour les portlet themes */

@fieldsetBackground: #FFFFFF;						/* Couleur de fond de fieldsets */
@fieldsetBorder: 1px solid;							/* Affichage ou non des bordures pour les fieldsets: '1px solid' ou 'none' */
@fieldsetBorderColor: @colorBase;					/* Couleur des fieldsets pour les portlets */
@fieldsetTitreBackground: @colorBackgroundTitre;	/* Couleur de fond des titres des fieldsets */
@fieldsetTitreColor: @colorBase;					/* Couleur du titre des fieldsets */

@tableThBackground: @colorBackgroundTitre;			/* Couleur de fond des titres des tableaux */
@tableThColor: @colorBase;							/* Couleur des titres des tableaux */

@font: 'Telex',sans-serif;							/* Police de caracteres pour l'ensemble du site */
@colorhbandeau: #EDEDED;

/*****************************************************************************************************************************/
/*													 	FONCTIONS 															 */
/*****************************************************************************************************************************/
.font {
	font-family: @font;
}

.border( @border: 1px solid, @color: @colorBase ) {
	border: @border @color;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	.font;
}
body, #body {
	background: @colorBackground;
}
/*****************************************************************************************************************************/
/*													 INPUT BUTTON: BOUTTON 													 */
/*****************************************************************************************************************************/
input[type="submit"], input[type="reset"], input[type="button"], .accueil, .homebuttonlink {
    color: @colorButton;    
    background-color: @colorBase;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .accueil:hover, .homebuttonlink:hover {
	background-color: @colorBase - #222222;
}
/*****************************************************************************************************************************/
/*																BANDEAU											     	 	 */
/*****************************************************************************************************************************/
#bandeau-utilisateur {
    background: none;
	color: @colorhbandeau;
    font-weight: bold;
}
.hbandeau{
	min-height: auto;
}
.navbar-bandeau{
	position: static;
	&:after, &:before {
		display: none;
	}
}
.nomFamille {
    color: @colorNomFamille;
	margin-top: 15px;
}
.linkBandeau a {
	color: #FFFFFF;
	&:hover {
		color: @colorBase;
	}
}
.linkBandeau {
	margin-top: 15px;
}

.compteBandeau a {
	color: #FFFFFF;
	&:hover {
		color: @colorBase;
	}
}
.compteBandeau {
	margin-top: 15px;
}

.pwdBandeau a {
	color: #FFFFFF;
	&:hover {
		color: @colorBase;
	}
}
.pwdBandeau {
	margin-top: 15px;
}

.aideBandeau a {
	color: #FFFFFF;
	&:hover {
		color: @colorBase;
	}
}
.aideBandeau {
	margin-top: 15px;
}

.msghBandeau{
	margin-top: 15px;
}

span.infobulleUtilisateur {
	background-color: @colorinfoBulleBackground;	
	span {
		border: 1px solid @colorBase;
	}
}
a.infoUtilisateur:hover span {
    background-color: @colorinfoBulleBackground;
    color: @colorBase;
}

/*****************************************************************************************************************************/
/* 											BANDEAU PERSONNE SELECTIONNEE 													 */
/*****************************************************************************************************************************/
#bandeau-individu {
	background-color: @colorBandeau;
}

a:link:after, a:visited:after {
    content: none;
}

/*****************************************************************************************************************************/
/*												 PAGE D'ACCUEIL 															 */
/*****************************************************************************************************************************/
.hrTop {
	display: none;	
}
.demarche li a {
    color: @portletElementColor;
}
.portlet {
	.border(@portletBorder, @portletBorderColor);
	h3, h4 {
	    background: @colorBackgroundTitre;
	    color: @portletTitreColor;
	}
}
.hrTop {
	margin-top: -18px;
	background: none;
}
.favoris {
    border: 1px solid @colorBase;
	&:hover {
	    border: 1px solid @colorBase;
	    box-shadow: 0px 0px 10px @colorBase inset;
	    color: #000000;
	}
}

/*****************************************************************************************************************************/
/* 													FIELDSET, LEGEND														 */
/*****************************************************************************************************************************/
legend.formengine-legend, legend, .formengine-legend-adress, .headertitle, .egoGroupAroundStyle legend {
    .border(@fieldsetBorder, @fieldsetBorderColor);
    color: @fieldsetTitreColor;
    background: none repeat scroll 0 0 @fieldsetTitreBackground;
}
fieldset, .grayborderwrapper, fieldset.formengine-fieldset {
	.border(@fieldsetBorder, @fieldsetBorderColor);
    background: @fieldsetBackground;
}
thead th, th, #listefacture thead th {
    background: @tableThBackground;
    color: @tableThColor;
    font-weight: bold;
}
.subformtitle {
	color: @colorBase;
}

/*****************************************************************************************************************************/
/* FORMULAIRE: 										CONSULTATION AGENDA 													 */
/*****************************************************************************************************************************/
.agendasemaine-titre {
	color: #FFFFFF;
	background-color: @colorBase;
	font-weight: bold;
}
.calendar {
	.libMoisAgenda{
		color: #FFFFFF;
		background: lighten(@colorBase, 10%);
	}
	.libLegendAgendaNumero{
		color: lighten(@colorBase, 10%);
		background: #FFFFFF;
	}	
	.css-trancheagenda{
		color:#000000;
		background:#FFFFFF;
	}
} 	

/*****************************************************************************************************************************/
/* FORMULAIRE: 										PREINSCRIPTION CRECHE 													 */
/*****************************************************************************************************************************/
.insert_block .header {
	background-color : @colorBase;
}
.simplebluedata, .smallbluedata {
	color : @colorBase; 
}
a.infoUtilisateur_paris:hover span {
    color: @colorBase;
}
/*****************************************************************************************************************************/
/* FORMULAIRE: 							ACTUALISATION DE LA DEMANDE DE PR2INSCRIPTION EN CRECHES							 */
/*****************************************************************************************************************************/
.popuptitle {
	color: @colorBase;
}

#breadcrumbs-one .active, 
#breadcrumbs-one-4 .active-4, 
#breadcrumbs-one-5 .active {
	background: @colorBase;
}

#breadcrumbs-one .active:after,
#breadcrumbs-one-4 .active-4:after,
#breadcrumbs-one-5 .active:after {
  border-left-color: @colorBase;
}
.num-etape-non-active, .num-etape-non-active-4 {
	color: @colorBase;
}

.w3cBG {
	background: @colorBackground;
	background-color: @colorBackground;
}
#listehoraire tr:nth-child(even),#listemotif tr:nth-child(even) {
    background-color:@colorBackground;
}
#listehoraire tr:nth-child(odd),#listemotif tr:nth-child(odd) {
    background-color:@colorBackgroundTitre
}

#listehoraire th,#listemotif th {
	text-align: center;
}

a.formengine-submit{
	background-color: @colorBase;
}
img {
   margin: auto;
}

a.accueil {
	padding: 4.2px 10px;
	text-decoration: none;
	&:hover {
		color: #FFFFFF;	
	}
}
/*****************************************************************************************************************************/
/* FORMULAIRE: 							REVENUS																				 */
/*****************************************************************************************************************************/
.operator{
	font-size: 200%;
}

/*****************************************************************************************************************************/
/* FORMULAIRE: 							PREINSCRIPTION À UN EQUIPEMENT PETITE ENFANCE																				 */
/*****************************************************************************************************************************/
#datepicker_r1_naissance, #datepicker_r2_naissance {
    display: table-row;
    width: 52%;
}

.margin1left{
	margin-left:10px;
}

a.infoUtilisateur_paris{
	float: right;
}

.blockvisible, .blockinvisible{
	margin-top: 9%;
    margin-left: 2%;
}