body
{
	margin: 0px;
	font-family: Comfortaa;
}

a
{
	text-decoration: none;
	color: black;
}

input::placeholder
{
	color: #b2cad5;
	font-family: Comfortaa;
}


.LabelChamp :disabled
{
	background-color: #d2d2d2;
}
select
{
    border: 1px solid #4986a4;
    margin: auto;
    margin-bottom: 4px;
    font-size: 12px;
    padding: 5px;
    color: #4986a4;
}

/* SURCOUCHE MATERIAL */

.mdl-button--accent.mdl-button--accent
{
	color: white;
	background-color: #4986a4;
}

.mdl-button--primary.mdl-button--primary
{
	color: #e4e4e4;
	background-color: #adadad;
}

.mdl-button
{
	border-radius: 0px;
}

.mdl-badge[data-badge]:after
{
	background: #4986a4;
}

.mdl-button
{
	font-family: Comfortaa;
}

.mdl-textfield
{
	padding: initial;
}

.mdl-radio.is-checked .mdl-radio__outer-circle
{
	border: 2px solid #4986a4;
}

.mdl-radio__inner-circle
{
	background-color: #4986a4;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline
{
	border: 2px solid #4986a4;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline
{
	background-color: #4986a4;
	width: 13px;
}

.mdl-textfield.is-disabled .mdl-textfield__input
{
	background-color: #d2d2d2;
	color: #4986a4;
}

/* SURCOUCHE MCUSTOMSCROLLBAR */

.mCSB_inside>.mCSB_container
{
	margin-right: 10px;
}

.mCS-dark.mCSB_scrollTools
{
	width: 8px;
	border-left: 1px solid #4986a4;
}


.mCS-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{
	/* set buttons height to 26 pixels (their width is 100% so it fits .mCSB_scrollTools width we set above) */
	height: 8px; 
	/* change their background-position to use your own separate custom images */
	background-position: center; 
}

.mCSB_scrollTools .mCSB_buttonUp{
	background-image: url(../include/arrow_up.png);
}

.mCSB_scrollTools .mCSB_buttonDown{
	background-image: url(../include/arrow_down.png);
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #9a9a9a; opacity: 0.15; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #4986a4; opacity: 0.85; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #4986a4; opacity: 0.85; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #4986a4; opacity: 0.9; }


.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label, .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label
{
	color: #b2cad5;
	font-family: Comfortaa;
}

/***************************
Configurations de classes
***************************/

.Horizontal
{
	display: flex;
}

.Rapproche
{
	justify-content: space-around;
}

.SansMarge
{
	margin-left: 0px;
	margin-right: 0px;
}

.Centre
{
	text-align: center;
}