body 
{ 
   font-size: 10pt;
   background-color:#F2F5A9; 
   color:#585858;
   font-family: 'LearningCurveProRegular', Arial, serif;
} 

h1
{
   font-size: 30pt;
   background-color:#F2F5A9; 
   color:#585858;
   font-family: 'LearningCurveProRegular', Arial, serif;
}

table
{
   font-size: 20pt;
   background-color:#F2F5A9; 
   color:#585858;
   font-family: 'LearningCurveProRegular', Arial, serif;
}

table td, table th
{
    padding: 15px; /* 'cellpadding' equivalent */
	text-align: center;
}

#envoyemail
{
	color:#0000FF;
	font-weight : bold;
}

.menu1 
{ 
   border-bottom:solid 2px black ; 
   padding-top:12px ; 
   padding-bottom:7px;
 }  

.onglet 
{ 
   border:solid 1px black ; 
   margin:5px 5px 0px 5px ; 
   padding:7px 10px 7px 10px;
   color:#585858;
   font-family: 'LearningCurveProRegular', Arial, serif;
   font-size: 20pt;   
   background-color:#F5DA81; 
} 

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

.onglet-actif 
{ 
    border:solid 2px black ; 
    border-bottom:solid 3px #F2F5A9 ; 
    margin:5px 5px 0px 5px ; 
    padding:7px 10px 7px 10px ;
    background-color:#F2F5A9;
    color:#585858;
	font-family: 'LearningCurveProRegular', Arial, serif;
    font-size: 20pt;	
} 


@font-face {
    font-family: 'LearningCurveProRegular';
    src: url('LearningCurve_OT-webfont.eot');
    src: url('LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('LearningCurve_OT-webfont.woff') format('woff'),
         url('LearningCurve_OT-webfont.ttf') format('truetype'),
         url('LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
}

div#colonne1 {
    float: left;
    width: 384px;
    background: lightblue;
}
div#colonne2 {
    float: right;
    width: 384px;
    background: burlywood;
}
div#centre {
    background: khaki;
	margin-left: 394px;
    margin-right: 394px;
}

table td{  border:1px solid #A3A3A3;  width:80px;  height:80px;}
table th{  font-weight:normal;  color:#A8A8A8;}

.year{  color:#D90000;  font-size:85px;}
.relative{  position:relative;}
.months{}
.month{  margin-top:12px;}
.months ul{  list-style:none;  margin:0px;  padding:0px;}
.months ul li a{  float:left;  margin:-1px;  padding:0px 15px 0px 0px;  color:#888888;  text-decoration:none;  font-size:35px;  font-weight:bold;  text-transform:uppercase;}
.months ul li a:hover, .months ul li a.active{  color:#D90000;}
table{  border-collapse:collapse;}
table td.today{  border:2px solid #D90000;  width:80px;  height:80px;}
table td.padding{  border:none;}
table td:hover{  background:#DFDFDF;  cursor:pointer;}
table td .day{  position:absolute;  color:#8C8C8C;  bottom:-40px;  right:5px;  font-weight:bold;  font-size:24.3pt;}
table td .events{  position:relative;  width:79px;  height:0px;  margin:-39px 0px 0px;  padding:0px;}
table td .events li{  width:10px;  height:10px;  float:left;  background:#000;  /*+border-radius:10px;*/  -moz-border-radius:10px;  -webkit-border-radius:10px;  -khtml-border-radius:10px;  border-radius:10px 10px 10px 10px;  margin-left:6px;  overflow:hidden;  text-indent:-3000px;}
table td:hover .events{  position:absolute;  left:582px;  top:66px;  width:442px;  list-style:none;  margin:0px;  padding:11px 0px 0px;}
table td:hover .events li{  height:40px;  line-height:40px;  font-weight:bold;  border-bottom:1px solid #D6D6D6;  padding-left:41px;  text-indent:0;  background:none;  width:500px;}
table td:hover .events li:first-child{  border-top:1px solid #D6D6D6;}
table td .daytitle{  display:none;}
table td:hover .daytitle{  position:absolute;  left:582px;  top:21px;  width:442px;  list-style:none;  margin:0px 0px 0px 16px;  padding:0px;  color:#D90000;  font-size:41px;  display:block;  font-weight:bold;}
.clear{  clear:both;}