@font-face {

font-family:'jd_hands';
src:url('jd_hands-webfont.oet');
src:url('jd_hands-webfont.oet?#iefix') format('embedded-opentype'),
	url('jd_hands-webfont.woff') format('woff'),
	url('jd_hands-webfont.ttf') format('truetype'),
	url('jd_hands-webfont.svg') format('svg');
	font-weight: normal;
	font-style:normal;

}
#contenant
{
width : 100%;

}
#tab,#formulaire
{
position: relative; 
float : left;
width: 55%; 

}
#affiche 
{position: relative; 
float : left;
width: 45%; 
}
#fond
{
width: auto; 
}

body 
{
	background-color : transparent; 

	
}
#image{
max-width:40%;
}

html
{
	font-size : 12pt; 
	background-color : #ffffff;


}

html.demande{
font-size : 10pt; 
background-color : #d8dde0;
background-color : #ffffff;
}

table .tab {
border: small solid #6495ed;
border-collapse: collapse;
/* width: 100%; */
/* margin: auto; */

}

td.date { 
font-family: jd_hands;
border: thin solid #6495ed;
width: 1%;
padding: 5px;
text-align: center;
background-color: #e6eaf3;
}

th {
font-size : 10pt; 
font-family: jd_hands;
/* border: thin solid #6495ed; */
/*width: 25%;*/
/* padding: 5px; */
background: transparent;
/*background-image: url(sky.jpg);*/
}

th.prof {
font-size : 10pt; 
font-family: jd_hands;
 border: thin solid #6495ed; 
width: 25%;
padding: 5px;
background: transparent;
}

th.prof_lire {
font-size : 10pt; 
font-family: jd_hands;
 border: thin solid #6495ed; 
width: 20%;
padding: 5px;
background: transparent;
}

th .n1
{
background-color: #D0E3FA;
}
th .n2
{
background-color: #D0E3FA;
}
th .n3
{
background-color: #D0E3FA;
}
th .n4
{
background-color: #D0E3FA;
}
th .n5
{
background-color: #D0E3FA;
}
th .n6
{
background-color: #D0E3FA;
}

td .tab{
font-family: sans-serif;
border: thin solid #6495ed;
/* width: 25%; */
/* padding: 5px; */
text-align: left;
}



tr {
/* background-color: #ffffff; */
}


caption {
font-family: jd_hands;
}

p, td {
font-size:14pt;
font-family :  jd_hands, Arial, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : white; 
}
h1.pouet {
font-size : 14pt; 
font-family :  jd_hands, Arial, Helvetica, Geneva, sans-serif;
color : navy; 
text-align: left;
}

h1 {
font-size : 200%; 
font-family :  jd_hands, Arial, Helvetica, Geneva, sans-serif;
color : navy; 
text-align: center;
}

h2 {
font-size : 150%; 
font-family :  jd_hands, Arial, Helvetica, Geneva, sans-serif; 
color : red; 
padding-left:15px;
}



/*body {margin: 10px; padding: 0; font: 1em Verdana, sans-serif;}*/
ul {
	z-index: 4;	
}
ul.menu {
list-style-type: none;
width: 95%; /* pr�cision pour Opera */
	
}

ul.fichier {
list-style-type: none;
width: 95%; /* pr�cision pour Opera */
}

ul.menu li {
float: right-m;
display: inline;
}

ul.menu a{
float: right;
margin: 0px 2px;
padding: 5px 15px;
display: inline;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
}

ul.menu a:hover {
background: #ccc;
border: 1px solid gray; 
}
ul.menu a.clique {
background: #ccc;
border: 1px solid gray; 
}

ul.agenda {
list-style-type: none;
width: 80%; /* pr�cision pour Opera */
}

ul.agenda li {
float: left; /* position */

}


ul.agenda a {
float: left;
margin: 0px 2px;
padding: 5px 15px;
display: inline;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
}

ul.agenda input {
float: left;
margin: 0px 2px;
padding: 5px 15px;
display: inline;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
}


ul.agenda a:hover {
background: #ccc;
border: 1px solid gray; 
}

ul.agenda input:hover {
background: #ccc;
border: 1px solid gray; 
}


ul.agenda a.clique {
float: left;
margin: 0px 2px;
padding: 5px 15px;
display: inline;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background:  #FFF7D2;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
}



dt {
float: left;
margin: 0px 2px;
padding: 5px 15px;
display: inline;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
  -moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
  border-radius:10px;

}
.conteneur{
width: 95%;
}



a:link {
color: gray; text-decoration:underline;
}

a:visited {
color: gray; text-decoration:underline;
}

a:hover {
color:blue; text-decoration:none;
}

a.menu:link {
  text-decoration: none;
  color: #222;
}
a.menu:visited {
  text-decoration: none;
  color: #222;
}
a.menu:hover {
  text-decoration: none;
  color: #222;
}
a.supprime:link {
  text-decoration: none;
  color: #f10101;
}

a.supprime:hover {
  text-decoration: none;
  color: #ffc436;
}
#tableau {

	position: absolute;
	top: 267px;
	left: 220px;
	width: 850px;
	height: 83px;
	z-index: 3;
}

#letableau td
{
font-size : 8pt; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : white; 
}

#cahier
{

	position: absolute;
	top: 417px;
	left: 525px;
	width: 720px;
	height: 83px;
	z-index: 4;
}
#cahier img 
{ 
border: none;
}


#imagescahierhaut
{
	position: absolute;
	top: 207px;
	left: 170px;
	width: 899px;

	z-index: 3;
}
#imagescahier
{
	position: absolute;
	top: 207px;
	left: 1068px;
	width: 47px;

	z-index: 3;
}
#imagemiseenpage
{
	position: absolute;
	top: 207px;
	left: 170px;
	width: 946px;

	z-index: 3;
}

#menu2
{
	position: absolute;
	top: 507px;
	left: 370px;
	width: 946px;
	z-index: 3;
}



#imagescorps
{
	position: absolute;
	top: 287px;
	left: 170px;
	width: 899px;

	z-index: 3;
}

.matiere
{
max-width: 16px;
min-width: 16px;
}
.afaire
{
max-width: 40px;
min-width: 40px;
overflow:auto;
}
.cours
{
max-width: 40px;
min-width: 40px;
overflow:auto;
}
.fait
{
max-width: 40px;
min-width: 40px;
overflow:auto;
}

.dateag
{
max-width: 1px;
min-width: 1px;

}

div#mentions 
{
position: absolute;
top: 700px;
left: 370px;
width: 546px;

  background: #FFF7D2;
  -moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
z-index: 5;
}

div#mentions2 
{
position: absolute;
top: 400px;
left: 370px;
width: 546px;

  background: #FFF7D2;
  -moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
z-index: 3;
text-align:center;
}
div#mentions2 p {
background-color : #FFF7D2; 
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions p {
background-color : #FFF7D2; 
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}

div#mentions3 
{
position: absolute;
top: 240px;
left: 370px;
width: 546px;

  background: #FFF7D2;
  -moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
z-index: 3;
text-align:center;
}
div#mentions3 p {
background-color : #FFF7D2; 
}