/*****************************\
/*       INIT.CSS           * \
\*****************************/

/**** FONTS ****/
*{
	/*font-family:;*/
	font-weight: 600;
}

h1,h2,h3{
	/*font-family:;*/
}

h4,h5,h6{
	/*font-family:;*/
}

h1{
	/*font-size: ;*/
}
h2{
	/*font-size: ;*/
}
h3{
	/*font-size: ;*/
}
h4{
	/*font-size: ;*/
}
h5{
	/*font-size: ;*/
}
h6{
	/*font-size: ;*/
}
p{
	/*font-size: ;*/
}
.small{
	font-size: 0.8em;
}
.medium{
	font-size: 1.3em;
}
.large{
	font-size: 1.8em;
}
.xlarge{
	font-size: 2.2em;
}

.bold{
	font-weight: bold;
}

a{
	color: #111111;
	transition: .3s;
	-webkit-transition: .3s;
}
a:hover,a:focus, a:active{
	color: #111111;
	transition: .3s;
	-webkit-transition: .3s;
}

/**** COLORS ****/
.first-color{
	color: #3D3D3D;
}
.second-color{
	color: #263269;
}
.third-color{
	color: #6869F6;
}
.fourth-color{
	color: #ffffff!important;
}
.fifth-color{
	color: #283365!important;
}
.sixth-color{
	color: #2699FB!important;
}

/**** BACKGROUND ****/
.first-background{
	background-color: #3D3D3D;
}
.second-background{
	background-color: #263269;
}
.third-background{
	background-color: #6869F6;
}
.fourth-background{
	background-color: #ffffff!important;
}
.fifth-background{
	color: #283365!important;
}
.sixth-background{
	background-color: #bcdffd!important;
}

/*/
 *
 *
 *   ELEMENTS
 *
 *
/*/

.buttonarea{
	margin: 20px 0;
}
.buttonarea-left{
	text-align: left;
}
.buttonarea-right{
	text-align: right;
}
.buttonarea-center{
	text-align: center;
}
.bouton{
	padding: 0.55em 2em;
    border-radius: 5px;
    border: none;
    transition: .3s;
    -webkit-transition: .3s;
}
.bouton:hover{
	transition: .3s;
	-webkit-transition: .3s;
	opacity: 0.85;
}

.bouton-2{
	padding: 1em 2em;
	border-radius: 10px;
	transition: .3s;
	-webkit-transition: .3s;
}
.bouton-2:hover{
	opacity: 0.85;
	transition: .3s;
	-webkit-transition: .3s;
}



/*/
 *
 *
 *   FORMS
 *
 *
/*/

label{
	font-weight: bold;
	display: block;
	margin: 10px 0;
}

input:not(input[type='submit']),textarea{
	border: 2px solid #3e3e3e;
	display: block;
	width: 100%;
	max-width: 80%;
}


