/*Defaut*/
*
{
	box-sizing: border-box;
	outline: none;
}
img
{
	max-width: 100%;
	height: inherit!important;
}

BODY
{
	background: url(../img/fond.jpg) 50% 50% fixed;

	margin: 0;
	padding: 0;

	color: #FFF;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

/*Général*/
.center
{
	text-align: center;
}
.panel
{
	display: block;
	background-color: #EAEAEA;
	color: #2F2F2F;
	padding: 10px;
	border-radius: 3px;
}
#loader
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
}
#loader > div,
.overlay
{
	display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.9);
}
#loader > div > div,
.loader
{
	color: #E3428A;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 45px;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
.loader.xs
{
	font-size: 10px;
	margin: 5px;
}
.loader.sm
{
	font-size: 30px;
	margin: 20px;
}
.loader.md
{
	font-size: 60px;
	margin: 30px;
}
.loader.lg
{
	font-size: 90px;
	margin: 45px;
}
.loader.center
{
	margin: 0 auto;
}
@-webkit-keyframes load6
{
	0%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@keyframes load6
{
	0%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@-webkit-keyframes round
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes round
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.notification
{
	padding: 10px 20px;
    border-radius: 3px;
    color: #FFF;
    text-align: left;
    
    margin: 10px;
}
.notification:before
{
    display: inline-block;
	font-size: 18px;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 10px 0 0;
}
.notification > span
{
	display: inline-block;
	width: calc(100% - 40px);
}
.notification.closable:after
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	content: "\f00d";
	font-size: 18px;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.notification.absolute
{
	position:  absolute;
    top: 0;
    left: 0;
}
.notification.validation
{
	background-color: #37bc9b;
}
.notification.validation:before
{
	content: "\f00c";
}
.notification.information
{
	background-color: #5D9CEC;
}
.notification.information:before
{
	content: "\f05a";
}
.notification.erreur
{
	background-color: #F05050;
}
.notification.erreur:before
{
	content: "\f06a";
}
.notification.alert
{
	background-color: #f0bd50;
}
.notification.alert:before
{
	content: "\f071";
}
.highlight
{
	color: #E3428A;
}
.highlight-bg
{
	background-color: #E3428A;
}
.lead
{
	font-size: 20px;
}

/*Pages spécifiques*/
BODY.defaut #logo
{
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translateX(-50%);
}
BODY.paiement .panel
{
	max-width: 500px;
	margin: 5% auto;
}
BODY.paiement #logo
{
	text-align: center;
}
BODY.paiement h1
{
	text-align: center;
}
BODY.paiement fieldset
{
	display: block;
	max-width: 450px;
	margin: 0 auto;
}
BODY.paiement button
{
	margin-top: 40px;
}

/*Formulaires*/
fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
fieldset > ul > li:first-child
{
	border-top: 1px solid #CCC;
}
fieldset > ul > li
{
	margin: 0;
	padding: 10px 0;
    border-bottom: 1px solid #CCC;
}
fieldset > ul > li .input-simple > label
{
	display: inline-block;
	width: 185px;
	font-weight: bold;
}
fieldset > ul > li.table,
fieldset > ul > li .table
{
	display: table;
}
fieldset > ul > li.table > *,
fieldset > ul > li .table > *
{
	display: table-cell;
	vertical-align: top;
}
input, textarea, select, button
{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}
button,
input[type='button'],
input[type='submit'],
.button
{
	display: inline-block;
	margin: 5px;
	padding: 10px 20px;
	border: 0;
	border-radius: 3px;

	text-decoration: none;
	color: #FFF;
	background-color: #E3428A;

	cursor: pointer;
}
button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.button:hover
{
	background-color: #F368A6;
}

/*Contenu*/
.container
{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
}


/*Jquery*/
.ui-dialog > .ui-dialog-content
{
	display: table;
}
.ui-dialog > .ui-dialog-content > div
{
	display: table-cell;
	vertical-align: middle;
}
.ui-dialog > .ui-dialog-content > div:first-child + div
{
	padding-left: 10px;
}