@CHARSET "ISO-8859-1";
body {
	background-color: #6682ba;
    color: #7a8288;
    font-family: Tahoma, Calibri, Verdana;
    font-size: 0.8em;
    width: 100%;
}

body, div, section, article, img, a, input, form, span, h1, h2, h3, h4, p, ul {
    border: 0 none;
    display: inline-block;
    margin: 0;
}

#header {
    background-color: #FFFFFF;
    box-shadow: 0 -10px 50px rgba(102, 130, 186, 0.8) inset;
    /* border-bottom: 2px solid #446098; */
    color: #6682ba;
    text-align: center;
    height:100px;
    width:100%;
}

#content {
	background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center top , #ffffff 0%, #6682ba 50%) repeat scroll 0 0 / 100% auto;
    text-align: center;
    width: 100%;
}

a {
    text-decoration: none;
    color: #6682ba;
}

.entete {
    font-size: 3.6em;
    margin-top:10px;
    float:left;
    width:80%;
}

.identification {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center top , #ffffff 0%, #6682ba 50%) repeat scroll 10 0 / 100% auto;
    border: 2px solid #446098;
    box-shadow: 0 0 10px #000000;
    color: #6682ba;
    margin: 80px auto auto;
    padding: 20px;
    width: 800px;
}

.separator {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #6682ba;
    margin: auto auto 20px;
    width: 50%;
}

h2 {
    display: block;
    margin: 10px;
}

.identification p {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: left;
    color: #ffffff;
}

input {
    background-color: #ffffff;
    border: 1px solid #446098;
    color: #6682ba;
    font-family: Calibri;
    padding: 10px;
    transition: all 0.5s ease 0s;
}

input[type="submit"] {
    margin-top: 20px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #6682ba;
    font-family: Calibri;
    padding: 10px;
    width: 20%;
    font-weight:bold;
    font-size: 1.1em;
}

input[type="submit"]:hover {
	border: 1px solid #446098;
	color: #ffffff;
	background-color: #6682ba;
	box-shadow: 0 0 10px #ffffff;
	transition: all 0.5s ease 0s;
	cursor:pointer;	
}

input[type="text"], input[type="password"] {
    width: 97.2%;
}

.identification form {
    width: 100%;
}

input:focus {
	border: 1px solid #7ee3ff;
	box-shadow: 0 0 10px #7ee3ff;
	outline: medium none;
	transition: all 0.3s ease 0s;
}

.bords_entete_left, .bords_entete_right {
	width:9%;
	height:90px;
	float:left;
	padding-right:1%;
	padding-top:10px;
}

.bords_entete_right {
	text-align:right;
}

a.logout:hover {
	text-decoration:underline;
}