pa4home/applications/GSPC/style.css

html {
	height: 100%;
}

body {
    background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.31, #9eeaff),
		color-stop(0.66, #e4f9ff),
		color-stop(1.00, #9eeaff)
    );
    background: -moz-linear-gradient(
		center bottom,
		#9eeaff 31%,
		#e4f9ff 66%,
		#9eeaff 100%
    );

    font-family: serif;
	min-height: 80%;
}

a:link, a:visited {
    text-decoration: none;
    color:#000000;
}

h1 {
    text-align: center;
    margin-left: 250px;
}

#GSPC_menu a:link, #GSPC_menu a:visited, .pagination a:link, .pagination a:visited {
    text-decoration: none;
    color:#FFFFFF;
}

#GSPC_menu a:hover, .pagination a:hover, a:hover {
    text-decoration: underline;
}

.news {
    background: -webkit-gradient(
		linear,
	    left top,
	    right bottom,
		color-stop(0.31, #93b4ff),
		color-stop(0.66, #c5ceff)
    );
    background: -moz-linear-gradient(
		right bottom,
		#93b4ff 31%,
		#c5ceff 66%
    );

    border: 2px solid #5290ff;
    border-radius: 17px;
    box-shadow: 3px 4px 5px #444466;

    height: 127px;
    margin: auto;
    padding: 20px;
    text-align: left;
    width: 75%;
}

.vp {
    color: orange;
}

#GSPC_menu {
    background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.31, #5290ff),
	color-stop(0.90, #a3c4ff)
    );
    background: -moz-linear-gradient(
	center bottom,
	#5290ff 31%,
	#a3c4ff 90%
    );

    border-right: 2px dotted white;
    color:#FFFFFF;
    font-weight: bold;
    height: 100%;
    left: 0px;
    list-style: none;
    margin: 0;
    -webkit-padding-start: 0;
    position: fixed;
    text-align: center;
    top: 0px;
    width: 250px;
}

#GSPC_menu h2 {
	margin-left: 69px;
}

#GSPC_menu li {
    margin-bottom: 40px;
    text-align: center;
    width: 250px;
}
#GSPC_menu li[onclick] {
    cursor: pointer;
}
#GSPC_menu li[onclick]:hover {
    text-decoration: underline;
}

span#nompc img {
	margin-top: 3px;
}

div#contenu {
    margin-left: 250px;
    text-align: center;
}

form#add {
    background: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.31, #c9b5e8),
		color-stop(0.95, #e4daf4)
    );
    background: -moz-linear-gradient(
		center bottom,
		#c9b5e8 31%,
		#e4daf4 95%
    );

    border: 1px solid #8A77A1;
    border-radius: 25px;
    box-shadow: 2px 2px 5px #333355;
    height: 205px;
    margin: auto;
    padding: 13px;
    text-align: left;
    width: 456px;
}

label {
    float: left;
    display: block;
    font-weight: bold;
    margin: 10px 7px 10px 0;
    text-align: right;
    width: 170px;
}
label:hover {
    text-decoration: underline;
}

input[type=text], select {
    margin: 10px 0;
    transition: background 0.75s;
    -moz-transition: background 0.75s;
    -webkit-transition: background 0.75s; 
    -o-transition: background 0.75s;
}
input, select {
    background: #00EAF5;
    border: #009AA5 solid 1px;
    border-radius: 3px;
    margin-top: 5px;
}
input:hover, input:focus, select:hover, select:focus {
    background: #95cdff;
}

input#nompc {
    font-variant: small-caps;
}
input#lignepc {
    text-transform:uppercase;
}

input.erreur, select.erreur {
    background: #CC0000;
    border: #A59A00 solid 1px;
}

.table {
    border: 1px solid black;
    border-radius: 10px;
    box-shadow: 3px 3px 5px #666666;
	margin: auto;
}
.table .body div {
    transition: background 500ms;
    -moz-transition: background 500ms;
    -webkit-transition: background 500ms;
    -o-transition: background 500ms;
}
.table .body div.elt0 {
	background: #5c93a0;
}
.table .body div.elt1 {
	background: #5c96a5;
}
.table .body div:hover {
	background: #73B14b;
}
.table.cols2 div span {
	display: inline-block;
    width: 50%;
}
.table.cols3 div span {
	display: inline-block;
    width: 45%;
}
.table.cols3 div span+span+span {
    width: 10%;
}
.table.cols3 div.body span {
    text-transform: uppercase;
}
.table.cols3 div.body span+span {
    text-transform: none;
}
.table.cols3 div.body span+span+span {
    text-transform: uppercase;
}
.table div.lign {
	display: inline-block;
    width: 100%;
}

.table .head {
	background: #1070c9;
    border-bottom: 1px solid black;
    border-radius: 10px 10px 0 0;
    font-weight: bolder;
    display: block;
    text-align: center;
    width: 100%;
}
.table .foot { border-radius: 0 0 10px 10px; }

.table#stats {
    width: 42%;
}
.table#list {
    width: 83%;
}
.table#list .head {
	cursor: pointer;
}
.table .body div {
	cursor: pointer;
}

.pagination {
	background: #1070c9;
    border: 1px solid black;
    color: white;
    margin: auto;
    width: 442px;
}
.pagination.top {
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.pagination.bottom {
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 7px #666666;
}
.pagination a {
	cursor: pointer;
	padding: 0 5px;
}