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

/** Variables generiques */

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

/* Couleurs bandeau */
@colorBandeau: #3C8DBC;					/* Couleur de fond du bandeau utilisateur et du bandeau personne selectionnee */
@colorBandeauGradient: @colorBandeau;	/* Couleur de degrade du bas du bandeau (coupler a @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 */
@colorError: #d60000;				/* Couleur de erreur */


@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: @fieldsetBorder solid @fieldsetBorderColor;
}
.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;
}

.error{
	color: @colorError;
}

body #tarteaucitronAlertBig #tarteaucitronCloseAlert, body #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, body #tarteaucitronPrivacyUrlDialog {
    font-size: 1.6rem;
    padding: 0.7rem 1rem 0.6rem;
    margin-bottom: 0;
    margin-left: 0.7rem;
}

body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, body #tarteaucitron #tarteaucitronInfo, body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, body #tarteaucitronRoot #tarteaucitronPrivacyUrl {
    background-color: #049cdb;
    color: @colorTextFooter;
}


#tarteaucitronRoot #tarteaucitronAlertBig {
	background: @colorFondPrimary !important;
    color: @colorTextFooter !important;
    opacity: 1;
}

body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background-color: @colorFondPrimary !important;
    color: @colorTextFooter !important;
    border: 0;
}

.infoTextC{
	font-size: 17px;
}

.waitCSS{
	position:fixed;
	width:220px;
	top:40%;
	left:40%;
	text-align:center;
	font-weight:bold;
}

.tddispoind{
	background-color: rgb(255, 207, 118) !important;
}

.tdouvert, .tdinscrit{
	background-color: rgb(141, 243, 141) !important;
}

.tdferme{
	background-color: rgb(253, 168, 168) !important;
}
.thcolfixe {
    width: 100px;
}