body {	margin:0; 
	background: rgb(243, 243, 243) url('lear-bg1.gif') no-repeat fixed bottom left; text-align:center;  }

div.corps {
	padding:0.5em; 
	padding-top:1em; 
	max-width: 850px;
	_width: 850px; /* le mieux pour IE6, calcul de max-width plantant...s */
	margin-right:auto; margin-left:auto; 
	  }

div.bc {	width:470px; float:right; 
	margin-right:auto; margin-left:auto; margin-top:1em;
	padding-right:1em; padding-top:0; padding-left:0em; padding-bottom:1.4em;
	text-align:left;
}

div.sommaire {width:15.6em;  float: left; 
	margin-right:auto; margin-left:auto; margin-top:1em;  
	padding-right:0em; padding-top:0; padding-left:1em; padding-bottom:1.4em;
	text-align:left;
}
div.bs {width:15.6em;}

p {margin:0;  }

body {font-family:sans-serif;}

div.boite p {padding-left:20px; padding:10px 0 10px 0; text-indent:0px; text-align:left;}
div.bs p { margin:0; padding: 0; text-indent:0px; text-align:center; font-size:8pt;}

hr {
  height: 1px;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 ;
  color: #aaa;
  background-color: #aaa;
  border: 0;
}

h1, h2, div.bs p {text-align:center;}
h1 { font-size: 1.05em; margin: 0; text-transform:uppercase; }
h2 { font-size: 1.15em; margin: 0;  }
h6, div.annee {text-align:right;padding:10px;margin:0;font-weight:bold; }
div.annee {padding-left:5px;}
a { color:#004444; text-decoration:none; } 
a:hover {text-decoration:underline;}

div.bs { background:#fff; border:1px solid #ccc; padding: 5px 0px 5px 0; margin:0; }
div.prai { background:#fff; border:1px solid #ccc; padding:0px; margin:0; }
#tout h6  {  border-top:4px double #ccc; }
#tout h6.premier  {  border-top:none; }

div.ZZZboiteC {  padding:0; margin:0; }

div.titremenu {
	text-align:center; line-height:1.2em; width:10.5em; 
	padding-top:0.15em; padding-left:0.33em; padding-right:0em; padding-bottom:0.33em; 
	margin-right:auto; margin-left:auto; 
	border: solid #000 1px; background:#fff;
}

ul#tomes {list-style-type: upper-roman; margin-left: 2em;; padding-left: 0;}
ul#tomes li {padding-top: 0.25em;}
div.titremenu span {letter-spacing:0.16em;}
p, h6, li, ul, blockquote, div.annee {  font-size:11pt; }

div.prai p {border-top:1px solid #ccc; padding:10px;  text-align:left; text-indent:0em;}
div.prai p.lb {border-top:none; padding-top:0; }

div.autindex p.lst {padding-top:0px; padding-bottom:3px;}
div.autindex p.s {padding-top:0px; padding-bottom:0px; font-size:8px;}
div.autindex p {border-top:0px;}

a.facebook, a.twitter { background-color:#448888; color:#fff; letter-spacing:-1px;}
a.facebook {vertical-align:-1px;}
a.facebook:hover { background-color:#4460aa; color:#fff; }
a.twitter:hover { background-color:#22aadd; color:#fff; }

var {font-weight:bold; font-style:normal;}
em {font-weight:normal; font-style:normal; color:#777;}
div.prai p i, strong {color:#404;}
div.prai p tt {font-family: Arial Narrow, sans-serif;color:#404;}
div#a2012 p tt {font-family: Arial, sans-serif; color:#000;}

div.prai p strong {font-weight:normal; font-style:italic;color:#404; }

div.h { float:right; color:#999; font-size:8pt; vertical-align:bottom; margin-right:3px;}
div.h a { color:#88aaaa;}

/* limité à 6 paragraphe par tweet, mais le "~" est trop puissant */
div.bof, blockquote.bof, p.bof, p.bof+p.lb, p.bof+p.lb+p.lb
, p.bof+p.lb+p.lb+p.lb 
, p.bof+p.lb+p.lb+p.lb+p.lb
	{display:none;}
div.tout div.bof, div.tout p.bof, div.tout p.bof+p.lb
, div.tout p.bof+p.lb+p.lb
, div.tout p.bof+p.lb+p.lb+p.lb
, div.tout p.bof+p.lb+p.lb+p.lb+p.lb
 {display:block; color:#862}

div.togol {margin:8px;float:left;}
div.annee {float:right;}

ol {display:none;}
ol.mois {display:block;}

blockquote {font-size:9pt; margin-left:14px; margin-right:6px; padding:0;}

div.autindex p.intro {margin-top:0px; margin-left:14px; margin-right:6px; padding:0; text-indent:10px;}

/* == Coins arrondis == */

div.bs, div.prai
 {
     -moz-border-top-left-radius: 14px;
    -webkit-border-top-left-radius: 14px;
    -khtml-border-top-left-radius: 14px;
    border-top-left-radius: 14px;

     -moz-border-top-right-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -khtml-border-top-right-radius: 14px;
    border-top-right-radius: 14px;
}

div.bs, div.prai
 {
     -moz-border-bottom-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -khtml-border-bottom-right-radius: 14px;
    border-bottom-right-radius: 14px;
     -moz-border-bottom-left-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -khtml-border-bottom-left-radius: 14px;
    border-bottom-left-radius: 14px;
}



/* == Calendrier == */

/* liste des mois et années */
#navMonth, #navYear{
	margin: 10px 0 0 20%;
	padding: 0;
}
#navMonth li, #navYear li{
	margin: 0;
	padding: 0;
	display: inline;
}
#calendarWrap ul li input, #navMonth li input, #navYear li input{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #004444;
	font-size: 12px;
}
#navMonth li input:hover, #navYear li input:hover{
	background-color: #fff;
}

/* conteneur bouton + calendrier */
#calMain{
	margin-left: 15px;
	margin-right: 15px;
}
/* conteneur calendrier */
#calendarWrap{
	width: 210px;
	height: 143px;
	padding: 3px 10px 10px 10px;
	background-color: #fff;
	font-size: 10px;
}

/* navigation dans le calendrier */
#calendarWrap ul{
	vertical-align:top;
	margin: 0 0 0 0;
	padding: 0;
}
#calendarWrap li{
	margin: 0;
	padding: 0;
	width: 28px;
	display: inline-block;
	*display: inline;
}
#calendarWrap li#calendarTitle{
	width: 97px;
	_width: 75px; /* IE... :( */
	color: #000;
	font-size: 10px;
	text-align: center;
}
#calendarWrap li input{
	width: 28px;
	height: 22px;
	vertical-align:baseline;
	background-color: rgb(243, 243, 248);
	border: none;
	color: #004444;
	font-size: 11px;
}
#ZcalendarWrap li input:hover{
	color: #82ff00;
}
/* calendrier */
.calendar{
	color: #000;
	border-collapse: collapse;
	font-size: 10px;
}
.calendar th{
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top:4px;
}
.calendar td{
	padding: 0;
	border: none;
}
.calendar a{
	display: block;
	width: 28px;
	border: 1px solid #ccc;
	padding: 3px 0 3px 0;
	background-color: #fff;
	color: #004444;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: center;
}
.calendar .day:hover a{
	background-color: #fff;
	NOcolor: #004444;
}
.calendar .selectedDay {
	background-color: rgb(243, 243, 248);
}
.calendar .selectedDay a{
	border: 1px solid #888;
	background-color: rgb(243, 243, 248);
}