/*****************************************************************************************************************************/
/*													 	VARIABLES 															 */
/*****************************************************************************************************************************/

/** Variables g�n�riques */

@colorFondPrimary: #3C8DBC;
@colorTextOnFond: #FFFFFF;

/* Couleurs bandeau */
@colorBandeau: #00A3D3;					/* Couleur de fond du bandeau utilisateur et du bandeau personne selectionnee */
@colorBandeauGradient: @colorBandeau;	/* Couleur de d�grad� du bas du bandeau (coupler � @colorBandeau) */
@colorTextBandeau: @colorTextOnFond;	/* Couleur du nom de famille dans le bandeau */

/* Couleurs boutons */
@colorButtonPrimary: #337AB7;					/* Couleur de fond des boutons primaires */
@colorButtonPrimaryGrad: @colorButtonPrimary;	/* Couleur de gradient du fond des boutons primaires */
@colorButtonPrimaryBorder: @colorButtonPrimary;	/* Couleur de la bordure des boutons primaires */
@colorButtonPrimaryText: #ffffff;				/* Couleur du texte dans les boutons primaires */
@colorButtonSecondary: #EEEEEE;						/* Couleur du texte dans les boutons secondaires */
@colorButtonSecondaryGrad: @colorButtonSecondary;	/* Couleur du texte dans les boutons secondaires */
@colorButtonSecondaryBorder: @colorButtonSecondary;	/* Couleur du texte dans les boutons secondaires */
@colorButtonSecondaryText: #000000;					/* Couleur du texte dans les boutons secondaires */

/* Accueil */
@portletBorder:1px;						/* Epaisseur du trait des portlets */
@portletBorderColor: @colorFondPrimary;	/* Couleur du trait des portlets */
@portletTitreColor:#FFFFFF;				/* Couleur du titre des portlets */
@portletElementColor:@colorFondPrimary;	/* Couleur de fond du titre des portlets */
@portletText:#707070;					/* Couleur du contenu des portlets */

/* Fieldset */
@fieldsetTitreColor: #FFFFFF;					/* Couleur du texte du titre */
@fieldsetTitreBackground: @colorButtonPrimary;	/* Couleur du fond du titre */
@fieldsetBorder: 1px;							/* Epaisseur de la bordure */
@fieldsetBorderColor: @colorFondPrimary;		/* Couleur de la bordure */
@tableThColor: #000000;							/* Couleur du titre des tableaux */
@tableThBackgroundColor: #FFFFFF;				/* Couleur de fond du titre des tableaux */
@tableTdColor: #000000;							/* Couleur de texte des tableaux */
@tableTdBackgroundColor: #FFFFFF;				/* Couleur de fond des tableaux */


@colorFondFooter:@colorFondPrimary;
@colorTextFooter:@colorTextOnFond;

.simplemodal-overlay {
	background-color: black;
}

/*****************************************************************************************************************************/
/* 											BANDEAU PERSONNE SELECTIONNEE 													 */
/*****************************************************************************************************************************/
.navbar {
	background: linear-gradient(to bottom,@colorBandeau 0,@colorBandeauGradient 100%);
}
.navbar .navbar-brand, .navbar .glyphicon{
	color: @colorTextBandeau;
}

.navbar .icon-bar{
	background-color: @colorTextBandeau !important;
}

/*****************************************************************************************************************************/
/* 													BUTTONS																	 */
/*****************************************************************************************************************************/
.btn-primary{
	background-image: linear-gradient(to bottom,@colorButtonPrimary 0,@colorButtonPrimaryGrad 100%);
	border-color: @colorButtonPrimaryBorder;
	color: @colorButtonPrimaryText;
}
.btn-secondary{
	background-image: linear-gradient(to bottom,@colorButtonSecondary 0,@colorButtonSecondaryGrad 100%);
	border-color: @colorButtonSecondaryBorder;
	color: @colorButtonSecondaryText;
}
/*****************************************************************************************************************************/
/* 													FIELDSET, LEGEND														 */
/*****************************************************************************************************************************/

.form-fieldset{
	border: @fieldsetBorderColor @fieldsetBorder 1px;
}
.form-fieldset legend{
	color:@fieldsetTitreColor;
	background-color: @fieldsetTitreBackground;
}
.table th {
    background-color: @tableThBackgroundColor;
    color: @tableThColor;
}
.table td {
    background-color: @tableTdBackgroundColor;
    color: @tableTdColor;
}
.errorsdetail{
	color:red;
}

/*****************************************************************************************************************************/
/* 													PORTLETS																 */
/*****************************************************************************************************************************/
.portlet {
    border: @portletBorderColor @portletBorder solid ;
}
.portlet h3, .portlet h4 {
    background: @portletElementColor;
    color: @portletTitreColor;
}

.demarche li a {
    color: @portletText;
}

/*****************************************************************************************************************************/
/* 													FOOTER																	 */
/*****************************************************************************************************************************/

footer{
	background-color:@colorFondFooter;
	color:@colorTextFooter;
}
footer a{
	color:@colorTextFooter;
}
footer a:visited{
	color:@colorTextFooter;
}

.row-eq-height{
    display: flex;
}

#simplemodal-container {
    width: 0px;
	min-height:0px;
}

.bg-agenda-day {
	background-color: #ffe082;
}

.bg-agenda-week {
	background-color: #b2dfdb;
}

.agenda .checkbox{
	padding-left: 5%;
}

.agenda{
	text-align: center;
}