BODY {
scrollbar-face-color: #C8DEF9;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #A8BED9;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #C0D0F0;
scrollbar-arrow-color: #000055;
font-family:manub;
font-size:24px;
background-image: url(./Images/fond_body.jpg);
background-attachment:fixed;
}

@font-face {
    font-family: "cursive";
    src: url('./Images/Cursive_Bold.ttf');
}
@font-face {
    font-family: "craie";
    src: url('./Images/erasdust.ttf');
}
@font-face {
    font-family: "opend";
    src: url('./Images/OpenDyslexic.otf');
}
@font-face {
    font-family: "lettres";
    src: url('./Images/Turtles.otf');
}
@font-face {
    font-family: "symboles";
    src: url('./Images/symbol.ttf');
}
@font-face {
    font-family: "manub";
    src: url('./Images/KGINeedAFont.ttf');
}

fieldset
{
	border:1px solid;
	background-image:url(./Images/fond0.jpg);
	padding:2px;
	z-index:1;
	-moz-border-radius:8px;
	border-radius:8px;
}
.inner3
{
	border:1px solid;
	background-image:url(./Images/seyes.jpg);
	padding:2px;
	-moz-border-radius:8px;
	border-radius:8px;
	font-family: "manu";
	z-index:2;
}
#title,
LEGEND,
LEGEND A
{
    background-color: rgba(208,208,208,0.8);
    font-family: "cursive";
    font-size: 30px;
    float:center;
    padding: 4px 30px;
    margin-left: 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #4C715F;
}
.title
{
    /* border:2px solid #476691;page principale */
	/* border:2px solid #595E58; mémos */
	/* border:2px solid #517370; Le compte est bon */
	/* border:2px solid #818D4B; A imprimer */
	/* border:2px solid #AA44AA; Boulier */
	/* border:2px solid #FFEEAA; Mentis Calculation */
	/* border:2px solid #B0E5B1; Rallye */
	/* border:2px solid #AA44AA; L'Avare */
	/* border:2px solid #C9AC5C; Exerciseur */
	/* border:2px solid #AAAA44; Dossiers classe */
	/* border:2px solid #638662; Carré magique */
	border:2px solid #882222;/*  lancer dés*/
}


a:link,visited,A.menulink2, A.menulink2:visited,A.menul6,A.menul6:visited,A.menul5,A.menul5:visited,A.menul4,A.menul4:visited,A.menul3,A.menul3:visited
{
	text-decoration:none;
	color:#222222;
	font-family:"manub";
	font-size:20px;
	font-weight:bold;
	border: none;
}
a:hover
{
	
}
A.menulink4, A.menulink4:visited
{
color:#2222FF;
}
A.menulink2:hover,A.menul6:hover,A.menul5:hover,A.menul4:hover,A.menul3:hover,A.menulink4:hover
{
	background-color:#BBBBBB;
}
A.menulink4:hover
{
	color:#FFFFFF;
}
A.menulink2:hover
{
	color:#476691;
}
A.menul6:hover
{
	color:#568255;
}
A.menul5:hover
{
	color:#B78547;
}
A.menul4:hover
{
	color:#1694BD;
}
A.menul3:hover
{
	color:#5F418B;
}


A.ardoise1, A.ardoise1:visited, A.ardoise2, A.ardoise2:visited, A.ardoise3, A.ardoise3:visited, A.ardoise4, A.ardoise4:visited
{
color:#FFFFFF;
font-family:"craie";
font-size:36px;
font-weight:bold;
border: none;
}

A.ardoise1:hover
{
color:#00AA00;
}
A.ardoise2:hover
{
color:#EE7600;
}
A.ardoise3:hover
{
color:#BB0000;
}

A.ardoise4, A.ardoise4:visited
{
color:#0000DD;
font-family:"craie";
font-size:60px;
border: none;
text-shadow: 0px 1px 3px;
}

A.ardoise4:hover
{
text-shadow:none;
}

A.simple, A.simple:visited
{
color:#0000DD;
background-color:#FFFFFF;
border: none;
}

A.ardoise5, A.ardoise5:visited
{
color:#0000DD;
font-family:"craie";
font-size:40px;
border: none;
text-shadow: 0px 1px 3px;
}

A.ardoise5:hover
{
text-shadow:none;
}

A.simple, A.simple:visited
{
color:#0000DD;
background-color:#FFFFFF;
border: none;
}

A.simple:hover
{
color:#0000FF;
background-color:#FFFFFF;
}



.symbol {font-family:"symboles";font-variant:normal;}
.texte {font-family:"opend";font-size:16px;color:#4C715F }
.texte2 {font-family:"Arial";font-size:32px;color:#444477 }
.texte3 {font-family:"cursive";font-size:24px;color:#FF0000 }
.chiffres {font-family:"Arial";font-size:250px;color:#DDDDDD }
.chiffres30 {font-family:"cursive";font-size:30px;color:#222222 }
.chiffres40 {font-family:"cursive";font-size:40px;color:#222222 }
.chiffres50 {font-family:"cursive";font-size:50px;color:#222222 }
.chiffres60 {font-family:"cursive";font-size:60px;color:#222222 }
.chiffres70 {font-family:"cursive";font-size:70px;color:#222222 }
.chiffres80 {font-family:"cursive";font-size:80px;color:#222222 }
.chiffres100 {font-family:"cursive";font-size:100px;color:#222222 }
.chiffres120 {font-family:"cursive";font-size:120px;color:#222222 }
.chiffres140 {font-family:"cursive";font-size:140px;color:#222222 }
.timer {font-family:"cursive";font-size:60px;color:#AA5555 }
.corrige {font-family:"Arial";font-size:60px;color:#DD0000 }
.corrige70 {font-family:"cursive";font-size:70px;color:#DD0000 }
.corrige60 {font-family:"cursive";font-size:60px;color:#DD0000 }
.corrige50 {font-family:"cursive";font-size:50px;color:#DD0000 }
.corrige40 {font-family:"cursive";font-size:40px;color:#DD0000 }
.corrige30 {font-family:"cursive";font-size:30px;color:#DD0000 }
.variable {font-family:"Times New Roman";}
.textecraie {font-family:"craie";font-size:36px;color:#000000 }
.textecraie2 {font-family:"craie";font-size:20px;color:#FFFFFF }
.textemanu {font-family:"manu";font-size:20px;color:#000000 }
.textemanub {font-family:"manub";font-size:18px;color:#000000;font-weight:bold; }
.textemanub30 {font-family:"manub";font-size:30px;color:#000000;font-weight:bold; }
.textecursive_n {font-family:"cursive";font-size:48px;color:#000000 }
.textecursive_m {font-family:"cursive";font-size:48px;color:#5F418B }
.textecursive_b {font-family:"cursive";font-size:48px;color:#1694BD }
.textecursive_r {font-family:"cursive";font-size:48px;color:#DD4400 }
.textecursive_o {font-family:"cursive";font-size:48px;color:#B78547 }
.textecursive_v {font-family:"cursive";font-size:48px;color:#568255 }

h1 {font-family:Arial;font-size:14px;color:#444477 }
h2 {font-family:Arial;font-size:12px;color:#43003A }
h3 {font-family:Arial;font-size:300px;color:#0000DD }
h4 {font-family:Arial;font-size:60px;color:#555555 }
h5 {font-family:Arial;font-size:24px;color:#444477 }
h6 {font-family:Arial;font-size:16px;color:#444477 }

.grayscale img
{
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
}

input
{
color:#FFFFFF;
background-color:#4C715F;
font-size:16px;
font-family:"opend";
border:solid 1px #D8AE94;
border-radius:6px;
text-align:center;
box-shadow:0 0 6px;
vertical-align:middle;
}

.input_compte {
background-color:#404040;
border:dotted 2px grey;
border-radius:5px;
font-family:"manub";
font-size:18px;
}

.input_c {
background-color:rgba(40,40,40,0.1);
border:solid 1px #404040;
border-radius:5px;
font-family:"cursive";
font-size:28px;
color:#000000;
}


.input_mentis {
color:#000000;
background-color:#FFFFFF;
border:none;
border-radius:0px;
font-family:craie;
text-align:left;
vertical-align:middle;
box-shadow:0 0 0px;
font-size:95px;
text-decoration:bold;
}

table.uneligne {
border-style:solid;
border-width:1px;
border-color:#0000FF;
border-collapse:collapse;
}

tr.uneligne {
border-style:solid;
border-width:1px;
border-color:#0000FF;
border-collapse:collapse;
}

td.uneligne {
border-style:solid;
border-width:1px;
border-color:black;
}

td.colonne2 {
width:350px;
}

td.colonne3 {
width:450px;
}

td.colonne4 {
width:550px;
}

td.colonne5 {
width:650px;
}

	/*###### Bouton gauche des mois ######*/
	.MonthLeft{
		width:14px;
		height:50px;
		background:url('Images/calendrier.png') -112px -250px;
		position:absolute;
		left:-2px;
		top:0px;
	}
	.MonthLeftOver{
		width:14px;
		height:50px;
		background:url('Images/calendrier.png') -126px -250px;
		position:absolute;
		left:-2px;
		top:0px;
	}
	.MonthLeftClick{
		width:14px;
		height:50px;
		background:url('Images/calendrier.png') -140px -250px;
		position:absolute;
		left:-2px;
		top:0px;
	}
	/*###### Bouton droit des mois ######*/
	.MonthRight{
		width:14px;
		height:50px;
		background:url('Images/calendrier.png') -154px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	.MonthRightOver{
		width:14px;
		height:50px;
		background:url('Images/calendrier.png') -168px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	.MonthRightClick{
		width:14px;
		height:50px;
		background:url('Images/calendrier.png') -182px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	
	/*###### Bouton haut des années ######*/
	
	.YearTop{
		width:14px;
		height:25px;
		background:url('Images/calendrier.png') -196px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	.YearTopOver{
		width:14px;
		height:25px;
		background:url('Images/calendrier.png') -210px -250px;
		position:absolute;
		right:-2px;
		top:0px;		
	}
	.YearTopClick{
		width:14px;
		height:25px;
		background:url('Images/calendrier.png') -224px -250px;
		position:absolute;
		right:-2px;
		top:0px;		
	}
	/*###### Bouton bas des années ######*/
	
	.YearBottom{
		width:14px;
		height:25px;
		background:url('Images/calendrier.png') -196px -275px;
		position:absolute;
		right:-2px;
		bottom:0px;		
	}
	.YearBottomOver{
		width:14px;
		height:25px;
		background:url('Images/calendrier.png') -210px -275px;
		position:absolute;
		right:-2px;
		bottom:0px;			
	}
	.YearBottomClick{
		width:14px;
		height:25px;
		background:url('Images/calendrier.png') -224px -275px;
		position:absolute;
		right:-2px;
		bottom:0px;			
	}
	/*###### conteneur principal ######*/
	.calendar{
		width:300px;
		height:250px;
		background:url('Images/calendrier.png') no-repeat;
		position:absolute;
		left:400px;
		font-weight:bold;
		font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		text-align:center;
	}
	
	.contentMonth{
		width:130px;
		height:50px;
		background:url('Images/calendrier.png') -100px -300px repeat-x;
		position:absolute;
		left:85px;
		top:5px;
	}
	.pMonth{
		width:130px;
		height:50px;
		line-height:50px;
		display:block;
	}
	.contentDay{
		width:56px;
		height:50px;
		line-height:25px;
		text-align:center;
		background:url('Images/calendrier.png') 0px -250px;
		position:absolute;
		left:15px;
		top:5px;
	}
	.contentYear{
		width:56px;
		height:50px;
		background:url('Images/calendrier.png') -56px -250px;
		position:absolute;
		left:230px;
		top:5px;
	}
	.pYear{
		width:42px;
		height:50px;
		line-height:50px;
		display:block;
	}
	.contentListDay{
		width:290px;
		height:155px;
		overflow:hidden;
		position:absolute;
		left:5px;
		top:90px;

	}
	.contentListDay ul{
		width:100%;
		height:100%;
		position:absolute;
		margin:0px;
		padding:2px 0px 0px 1px;
	}
	.dayCurrent{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('Images/calendrier.png') -41px -352px;
	}
	.liOut{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('Images/calendrier.png') 0px -352px;
		cursor:pointer;
	}
	.liHover{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('Images/calendrier.png') -41px -352px;
		cursor:pointer;
	}
	.liInactive{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('Images/calendrier.png') -82px -352px;
	}
	.contentNameDay{
		width:290px;
		height:27px;
		line-height:27px;
		overflow:hidden;
		position:absolute;
		left:5px;
		top:63px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
	
	.contentNameDay li{
		width:41px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
	}

	.bugFrame{
		position:absolute;
		top:0px;
		left:0px;
		background:url('Images/calendrier.png') no-repeat;
		z-index:0;
		width:100%;
		height:100%;
		border:0px;
	}