@import "../../css/base.css";

/* Couleur */
div#menu {
	background: linear-gradient(to bottom, #b8a360, #8d7a3f);
}
table.tableau th {
	background: linear-gradient(to bottom, #b8a360, #8d7a3f);
}
table.tableaufiche th {
	background: linear-gradient(to bottom, #b8a360, #8d7a3f);
}
table.tableaufiche .groupe {
	background: linear-gradient(to bottom, #b8a360, #8d7a3f);
}
.ui-widget-header {
	background: linear-gradient(to bottom, #b8a360, #8d7a3f);
}
table.tableau .groupe {
    background:linear-gradient(to bottom, #d0c195, #b8a260);
}
table.tableau tr.eleve td{
    background:linear-gradient(to bottom, #e2ddcd, #d0c195);
}


div#colgauche {
	position: fixed; 
	top: 200px;
	left: 0px;
	bottom: 0px;
	right: 40%;
	margin: auto auto auto auto;
	padding: 0px 30px 40px 40px;
	overflow-x: hidden;
	overflow-y: scroll;
	border-right: solid #aaaaaa;
	/*border: solid;border-color:black;*/
}
div#coldroite {
	position: fixed; 
	top: 200px;
	left: 60%;
	bottom: 0px;
	right: 0px;
	margin: auto auto auto auto;
	padding: 0px 40px 40px 30px;
	overflow-x: hidden;
	overflow-y: hidden;
	/*border: solid;border-color:black;*/
}
@media screen and (max-width: 850px) {
    div#colgauche {
        width: 100%;
	    top: auto;
	    position: relative;
	    overflow: visible;
    	padding: 0px;
		border-right: none;
	}
    div#coldroite {
	    position: relative;
	    overflow: visible;
	    left: 0px;
	    top: 0px;
	    padding: 0px;
    }
}
div.fonction {
    display: block;
}
textarea {
    width: 100%;
    resize: none;
    white-space: pre;
}
@media screen and (max-width: 850px) {
	textarea {
	    min-height: 10em;
	}
}