a:visited, a:link,a:hover
{
	color:Blue;
}
a
{
	text-decoration:none;
}
a:hover
{
	background-color: inherit/*Navy*/;
	color:Green;
	text-decoration:underline;
}
.ul-menu
{
	list-style:none;
	padding-left:5px;
}
.ul-menu li
{
	margin-left:3px;
	margin-bottom:1px;
}
.ul-menu li img
{
	height:24px;
	width:22px;
	vertical-align:middle;
}
.menu-item
{
	margin-left:3px;
	margin-bottom:1px;
}
.menu-item img
{
	height:24px;
	width:22px;
	vertical-align:middle;
}
h2
{
	margin:0 0 0 0px;
}
/*main site page inside the window*/
#page
{
	/*width:1024px;*/
	margin:5px;/*auto;*/
	/*margin-top:30px;*/
	background-color:#FAFAFA;
	padding:5px;
	min-width:1024px;
}
.wrap
{
    background-color: #fff;
    min-width: 1024px;
    margin: 10px auto;
    text-align: left;
    border: 1px solid #ffffff;
}
body 
{
    font-family: "Segoe UI", sans-serif;
	font-size:13px;
	background:#303030;
}
body #page
{
    margin:10px;
    min-height:600px;
}
.clear
{
    clear: both;
}
.separator-bot
{
	border-bottom:1px solid #ddd;
}
.logorightside
{
	margin-left:55%/*447px*/;
	height:100px;
	width:561px;
	text-align:center;
	padding:5px;
	padding-top:10px;
	float:none;
}
.inline
{
	display:inline;
}
.schoolLogo
{
	width: 447px;
	height:/*(100px */76px;
	margin-right:3px;
	float:left;
	padding:5px;
}
.right
{
    text-align:right;
}
.smallschoolLogo
{
	float:left;
	height:76px;
	width:100px;
	margin-right:3px;
}
.reportpage
{
	width:1024px;
	margin:auto;
}
.reportformview
{
	width:628px;
}
.reportcoredataleft
{
	width:314px;
	float:left;
}
.footerreportcoredataright
{
	width:314px;
	margin-left:314px;
	text-align:left;
}
.onleft
{
	text-align:left;
	padding-left:2px;
}
.reportcoredataright
{
	width:314px;
	margin-left:314px;
	text-align:right;
	padding-right:5px;
}
.smallschoollogorightside
{
	margin-left:104px;
	height:76px;
	width:500px;/*this is (windows width-logoside width)*/
	background-color:ButtonFace;
	text-align:center;
}
/* For the leftMenu column*/
#LeftColumn
{
	float:left;
	width:50px;
	position:static;
}
#RightColumn /*used by the 2sideMasterPage*/
{
	width:200px;
	margin-left:610px;
}
/* this is used by the main master page divided into 2 parts: left menu and content*/
#ContentColumn
{
	/*float:right;*/
	margin-left:50px; /*la largeur de la colonne de gauche*/
	margin-right:20px;
	margin-top:0px;
	padding:10px;
}
/*this is for the second master with 2 content sides*/
#LeftContentPlaceHolder
{
	float:left;
	width:610px;
}
.leftmenutext {
	color: #7d7b7b;
	float: left;
	font-size: 11px;
	margin-top: 7px;
	width: auto;
	font-family:Arial
}
.leftmenuimage {
	float: left;
	margin-top: 10px;
}
.leftmenu-block:hover {
	/*background-color: #f5f5f5;*/
	text-decoration:none;
	background-color:ThreeDFace
}
.leftmenu-block {
	background-color: #ffffff;
	border-top: 1px solid #dddddd;
	display: block;
	overflow: hidden;
	text-decoration: none;
	width: auto;
	margin:2px 0px 2px 0px;
}
.leftmenu-block-title {
	color: #000000;
	font-size: 13px;
	font-family:Arial;
	font-weight:lighter
}
/*properties for the site footer div*/
.site-footer {
	overflow: hidden;
	text-align: center;
	margin-top:30px;
	z-index:999999999 !important;
	bottom:0px;
}

/*Utilise pour l'image de l'utlisateur dans le menu de gauche*/
.UserImage
{
	width:150px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
	margin-bottom:7px;
}
.ContentPanel
{
	margin:2px 2px 2px 2px;
	border-left-style:solid;
}
.right_item
{
	float:right;
}
/*Le panel prend ceci comme couleur de fond*/
.MenusBackColor
{
	background-color:ButtonFace;
}
#Content
{
	/*margin:3px 5px 5px 5px;*/
	margin:auto;
	width:100%
}

/*used by many div controls to set inner controls on the left side*/
.leftdiv
{
	width:auto;
	float:left;
}
/*used by many div controls to center their inner items*/
.centerItem
{
	float:none;
	 text-align:center;
}
/*used by many div controls to set inner controls on the right side*/
.rightdiv
{
	width:auto;
	float:right;
}
.simplediv
{
	width:auto;
	float:inherit;
	margin-left:20px;
}
.userMenu
{
	margin-left:9px;
	margin-top:5px;
}
.numEtab
{
    font-size:large;
    font-family:Calibri;
    font-weight:bold;
    color:Black;
}
.innertube{
	margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
.inform-zone
{
  margin-top:0px;
}
.mainContainer
{
	/*width:1024px;*/
	margin:auto;
}
/*Cualquier div dentro de algun elemento con esta clase tendra las reglas contenidas*/
.site-footer div 
{
	text-align:center;
	font-size:11px;
}
/*Cualquier parrafa tendra estas propiedades*/
p
{
	margin-left: 0px;
}
legend
{
	/*background-color:Gray;
	color:White;*/
}
/*site-footer logo image properties*/
.footer-logoImage
{
	height:60px;
	width:115px;
}
/*The textbox in the header uses it */
.HeaderSearchTxtBx
{
	width:250px;
}
body 
{
	margin: 10px ;
	/*color:#aaa;*/
	padding-bottom: 10px;
    font-family: "Segoe UI", sans-serif;
	font-size:13px;
	/*background-color:InfoBackground;*/
}
.CommonPanel
{
	border-width:2px;
}
/*utilise par l'entete de la master page Main */
.header
{
	height:35px;
}
.mainPageHeaderDiv
{
	color:Teal;
	font-size:13px;
	font-weight:normal;
	width:100%;
}
/*used for title's background*/
.background
{
	background-color:ButtonFace;
	font-size:14px;
	color:Maroon;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #ddd;
}
.datalist-report
{
padding:5px;	
}
.top2
{
	margin-top:2px;
}
.RightinfoTxtDiv /*used for the divs that will contain only an information about anything situated on its left side*/
{
	width:290px;
	height:200px;
	margin-left:400px; /*width of the left side div*/
}
.singleContentDiv
{
	width:824px;
	margin:10 10 10 10px;
	text-align:center;
}
.leftContentDiv
{
	width:400px;
	text-align:center;
}
.rightContentDiv
{
	margin-left:400px;
	width:424px;
	text-align:center;
}
.pointer
{
	cursor:pointer;
	font-weight:normal;
}
/* used by icon images used */
.iconImage
{
	width:15px;
}
.gridItem_selected
{
	color:Black;
	background-color:White
}
.notebackground
{
	background-color:White;
}
img
{
	border-width:2px;
}
.markpage
{
	width:100%;
	margin:auto;
}
.headerleftdiv
{
	width:50%;
	float:left;
}
.headerrightdiv
{
	width:50%;
	margin-left:50%;
	text-align:right;
}
/*useed by the main master left side*/
.leftside
{
	height:500px;
}
/*used by the 2side master page right side*/
.rightside
{
	height:350px;
}
.itemsgroup
{
	width:150px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
	margin-bottom:7px;
}
.underline
{
	text-decoration:underline;
}

/*used in the pages that display marks without modifying options*/
.w2cent
{
	width:250px;
	height:80px;
	float:left;
}
.wc2cent
{
	height:80px;
	width:auto;
	margin-left:250px;
}
/* @@ SITE FOOTER CSS*/

#appfooter
{
    padding-left:5px;
    text-align:center;
    bottom:0px;
}
#appfooter img
{
    width:80px;
    height:65px; 
    bottom:0px;
}
/*Main content page header*/

.inner-double
{
    margin:0px 10px 0 10px;
    padding:2px;
}
.absolute
{
    position:absolute;
}
.relative
{
    position:relative;
}
.fixed
{
    position:fixed;
}
.teal
{
    color:Teal;
}
.upper
{
    text-transform:uppercase;
}