body
{
	background-color: #f3fff3;
	background-image: linear-gradient(0deg, #f3fff3 0%, #bdffe2 73%);
    background-repeat : no-repeat;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
}

h1
{
	font-size: 50px;
	border-bottom: 4px solid green
}

table
{
	border-collapse: collapse;
	-webkit-box-shadow: 5px 5px 13px -3px rgba(0,0,0,0.61);
	box-shadow: 5px 5px 13px -3px rgba(0,0,0,0.61);
	width:1000px;
	height:200px;
	margin: 2%;
}

th
{

  background-color: #5bba5b;
	padding-left:2%;

}

td
{
	background-color: white;

}

.competences {
	text-align: left;
	width: 75%;
}

.user {
	text-align: center;
}

p
{
	 font-family: 'Oswald', sans-serif;
}

 .lienCompetence {
	 margin-top: -8%;
 }

/* FLEXBOX */


#containerbuttons
{
	display: flex;
	justify-content: space-around;
}

#containerlogin
{
	display: flex;
}



/* FLEXBOX */



/* Code buttons style */

.boutonajouter {
	background-color:#1cad43;
	border-radius:28px;
	border:0px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:9px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1cad43;
	font-family: 'Oswald', sans-serif;
}
.boutonajouter:hover {
	background-color:#49c96b;
}
.boutonajouter:active {
	position:relative;
	top:1px;
}

.boutonsupprimer
{
	background-color:#f02424;
	border-radius:28px;
	border:0px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:9px 21px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
}

.boutonsupprimer:hover
{
	background-color:#ff7f7f;
}

.boutonsupprimer:active
{
	position:relative;
	top:1px;
}

.boutonmodifier
{
	font-family: 'Oswald', sans-serif;
	background-color:#477ad1;
	border-radius:28px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:9px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2c67c7;

}

.boutonmodifier:hover
{
	background-color:#81a8e6;
}

.boutonmodifier:active
{
	position:relative;
	top:1px;
}

.boutonAccueil {
	.boutondeconnexion
	{
		font-family: 'Oswald', sans-serif;
		background-color:#9e31c2;
		border-radius:24px;
		border:0px solid #9e31c2;
		cursor:pointer;
		color:#ffffff;
		font-size:14px;
		padding:14px 26px;
		text-decoration:none;
		text-shadow:0px 1px 0px #2f6627;
		position: absolute;
		bottom: 20px;
		background-color:#d193e6;
	}
}

/* Code buttons style */


/* Login style */

.login
{
	width: 340px;
	height:250px;
	padding-top: 0.1%;
	margin-left:auto;
	margin-right: auto;
	margin-top: 12.5%;
	font-family: 'Oswald', sans-serif;
	background: rgb(103,198,17);
    background: linear-gradient(180deg, rgba(103,198,17,0.4096989137451855) 0%, rgba(255,255,255,1) -60%, rgba(255,255,255,1) 34%, rgba(255,255,255,0.908000700280112) 90%, rgba(103,198,17,0) 100%);
    border-radius: 10px 36px 10px 10px;
	-moz-border-radius: 10px 36px 10px 10px;
	-webkit-border-radius: 10px 36px 10px 10px;
}

.boutonlogin

{
	background-color:#1cad43;
	border-radius:28px;
	border:0px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1cad43;
	font-family: 'Oswald', sans-serif;
	margin-top: 7%;
}



/* Login style */


/* Formulaire modification utilisateur */

.box
{
	width : 800px;
	height: 340px;
	background: rgb(103,198,17);
    background: linear-gradient(180deg, rgba(103,198,17,0.4096989137451855) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,0.908000700280112) 60%, rgba(103,198,17,0) 100%);
    margin-left: auto;
    margin-right: auto;
    font-style: 'Oswald', sans-serif;
    border-radius: 10px 36px 10px 10px;
	-moz-border-radius: 10px 36px 10px 10px;
	-webkit-border-radius: 10px 36px 10px 10px;

}

.colonne
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
-webkit-column-rule: 1px solid rgba(140,140,140,0.5);
-moz-column-rule: 1px solid rgba(140,140,140,0.5);
column-rule: 1px solid rgba(140,140,140,0.5);
padding: 30px;
font-family: 'Oswald', sans-serif;
}


.boutonenvoyer
{


}
/* Formulaire modification utilisateur */




/* Formulaire ajout utilisateur */

.boxADD
{
	width : 800px;
	height: 390px;
	background: rgb(103,198,17);
    background: linear-gradient(180deg, rgba(103,198,17,0.4096989137451855) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,0.908000700280112) 60%, rgba(103,198,17,0) 100%);
    margin-left: auto;
    margin-right: auto;
    font-style: 'Oswald', sans-serif;
    border-radius: 10px 36px 10px 10px;
	-moz-border-radius: 10px 36px 10px 10px;
	-webkit-border-radius: 10px 36px 10px 10px;

}

.colonneADD
{
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
-webkit-column-rule: 1px solid rgba(140,140,140,0.5);
-moz-column-rule: 1px solid rgba(140,140,140,0.5);
column-rule: 1px solid rgba(140,140,140,0.5);
padding: 30px;
font-family: 'Oswald', sans-serif;
}


.boutonenvoyerADD
{


}
/* Formulaire ajout utilisateur */


/* Bouton deconnexion */

.boutondeconnexion
{
	font-family: 'Oswald', sans-serif;
	background-color:#9e31c2;
	border-radius:24px;
	border:0px solid #9e31c2;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:14px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	position: absolute;
	bottom: 20px;
}

.boutondeconnexion:hover
{
	background-color:#d193e6;
}

.boutondeconnexion:active
{

}


/* Bouton deconnexion */

.boutonvalidation
{
	background-color:#1cad43;
	border-radius:28px;
	border:0px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1cad43;
	font-family: 'Oswald', sans-serif;
}




/* Bouton deconnexion */






/* Espacement




/* Espacement  */