.titre_gras {
text-align: left;
font-size: 14px;
word-spacing: 1pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
}

 .titre_gras02 {
text-align: left;
font-size: 12px;
word-spacing: 1pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
}
 
.aide {
text-align: left;
font-size: 10px;
word-spacing: 1pt;
font-family: Arial, Helvetica, sans-serif;
color: #999;
font-style:italic;
 }

.about_the_works {
text-align: left;
font-size: 11px;
word-spacing: 1pt;
font-family: Arial, Helvetica, sans-serif;
color: #999;
font-style:italic;
 } 
 
body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background-color: #ffffff;
 }

.site {
	position: relative; /* positioning the container */
	margin-left: auto;
	margin-right: auto;
    width: 1000px;
 }

.principale {
 float: left;
 width: 1000px;
 }
 
 .haut {
 float: left;
 width: 992px;
 margin: 0 4px 0 4px;
 height: 27px;
 text-align:right;
 }

.flash {
 float: left;
 width: 992px;
 padding: 0 4px 0 4px;
 height: 772px;
 }
 
 .page_contenu {
 float: left;
 width: 992px;
 padding: 0 4px 0 4px;
 height: 772px;
 text-align: left;
 /* not used : background: url(../images/some-image.jpg) no-repeat top right; */
 }
 
 .page_titre {
 float: left;
 width: 992px;
 height: 80px;
 text-align: left;
 }
 
 .page {
 float: left;
 width: 992px;
 text-align: left;
 font-size: 13px;
word-spacing: 1pt;
font-family: Arial, Helvetica, sans-serif;
color: #666;
padding-bottom: 30px;
 }
 
 .partie_gauche {
 float: left;
 width: 231px;
 padding: 0 0 280px 19px;
 text-align: left;
 
 }
 
 .selection_entree {
 font-size: 18px;
 color: #000;
 font-weight: bold;
 padding-bottom: 10px;
 }
 
 .menu_gauche {
	 
line-height: 150%; 
 width: 231px;
 padding-bottom: 5px;
 }
 
 
 .menu_gauche a{
 margin: 0 0;
 padding: 0 0;
 text-decoration: none;
 color:#666;
 }
 .menu_gauche a:hover{
 margin: 0 0;
 padding: 0 0;
 font-weight: bold;
 text-decoration: none;
 color: #000;
 }
 
  .partie_droite {
 float: right;
 padding: 0 20px 0 22px;
 width: 700px;
 text-align: left;
 }
 
 .bloc01 {
 float: left;
 width: 700px;
 text-align: left;
 padding-bottom: 20px;
 border-bottom: #61798e 1px solid;
 }
 
   .bloc01 a{
	 text-decoration: none;
	 padding: 0 0;
	 margin: 0 0;
	 border-bottom: 1px dotted #666;
	 color: #666;
 }
 
 .bloc01 a:hover{
	 text-decoration: none;
	 padding: 0 0;
	 margin: 0 0;
	 border-bottom: 1px solid #666;
	 color: #666;
 }
 
.bloc {
 float: left;
 width: 700px;
 text-align: left;
 }
 
 .haut_page {
 float: left;
 width: 700px;
 height: 8px;
 text-align: right;
 border-bottom: #61798e 1px solid;
 }

 .titre_bloc {
 float: left;
 width: 700px;
 text-align: left;
 padding: 20px 0 10px 0;
 color: #000;
 }
 
  .titre_bloc a{
 margin: 0 0;
 padding: 0 0;
 font-size: smaller;
 font-style:italic;
 font-weight: bold;
 text-decoration: none;
 color:#666;
 }
 .titre_bloc a:hover{
 margin: 0 0;
 padding: 0 0;
 font-size: smaller;
 font-style:italic;
 font-weight: bold;
 text-decoration: none;
 color: #000;
 }
 
 .titre_bloc02 {
 float: left;
 width: 700px;
 text-align: left;
 padding: 0 0 10px 0;
 color: #000;
 }
 
 
  .listen {
 float: left;
 width: 700px;
 text-align: left;
 padding: 8px 0 0px 0;
 color: #000;
 }
 
  .listen a{
 margin: 0 0;
 padding: 0 0;
 font-style:italic;
 font-weight: bold;
 text-decoration: none;
 color:#666;
 }
 .listen a:hover{
 margin: 0 0;
 padding: 0 0;
 font-style:italic;
 font-weight: bold;
 text-decoration: none;
 color: #000;
 }
 
 .bloc_date {
 float: left;
 width: 700px;
 padding-bottom: 10px;
 text-align: left;
 color: #000;
 }
 
 
 .date {
 float: left;
 width: 55px;
 text-align: left;
 color: #61798e;
 font-weight: bold;
 font-size: 14px;
 }
 
 .txt {
 float: left;
 width: 640px;
 text-align: left;
 color: #666;
 }
 
  .txt a{
	 text-decoration: none;
	 padding: 0 0;
	 margin: 0 0;
	 border-bottom: 1px dotted #666;
	 color: #666;
 }
 
 .txt a:hover{
	 text-decoration: none;
	 padding: 0 0;
	 margin: 0 0;
	 border-bottom: 1px solid #666;
	 color: #666;
 }
 
  .bas_page {
 float: left;
 width: 990px;
 margin: 20px 4px 10px 4px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#999;
 }
 
  .statement {
 float: left;
 width: 640px;
 text-align: left;
 line-height: 130%;
 color: #555;
 
 font-size: 14px;
 }
 
 
  .bas_page a{
text-decoration: none;
color:#999;
 }
 
   .bas_page a:hover{
text-decoration: none;
color:#000;
 }

 .kris {
 padding:0;
 margin:0;
  text-align: left;/*pour IE*/
 list-style-type: none;

 }
.kris02 {
 float:left;
 text-align: left;
 width: 640px;/*pour IE*/
 }
 
 .espace_vertical {
 float:left;
 height: 15px;
 width: 640px;/*pour IE*/
 }
 
 .kris03 {
 float:left;
 text-align: left;
 padding-bottom: 2px;
 width: 640px;/*pour IE*/
 }
 
 .livre {
 float:left;
 text-align: left;
 width: 290px;/*pour IE*/
 padding: 110px 0 0 350px;
 height: 100px;
 font-size: 11px;
  /* not used :   background: url(../images/livre.jpg) no-repeat top left;   */
 
 }
 

 .bloc_diapo {
 float: left;
 width: 700px;
 padding-bottom: 10px;
 text-align: left;
 color: #000;
 }
 
 .diapo_neutre {
 float: left;
 width: 84px;
 height: 84px;
 padding: 8px 8px;
 }
 
 .diapo a img {
 float: left;
 width: 84px;
 height: 84px;
 padding: 8px 8px;
 }
 
 .diapo a:hover img {
 float: left;
 width: 84px;
 height: 84px;
 padding: 8px 8px;
 }

.comm_diapo {
 float: left;
 width: 84px;
 padding: 4px 8px;
 text-align: center;
 color: #61798e;
 font-weight: bold;
 font-size: 14px;
 }
 
 .lien_diapo {
 float: left;
 width: 100px;
 text-align: center;
 color: #61798e;
 font-size: 10px;
 }
 
  .lien_diapo a{
	  text-decoration: none;
	  color: #61798e;
 }
 
   .lien_diapo a:hover{
	  text-decoration: none;
	  color: #000;
 }
 
   .bloc_expo {
 float: left;
 width: 700px;
 }
 
  .expo {
 float: left;
 width: 565px;
 text-align: left;
 font-size: 12px;
 color: #666;
 padding: 10px 5px 15px 30px;
 }
 
   .expo a{
	   text-decoration: none;
  border-bottom: 1px dotted #666;
  color: #666;
 }
 
    .expo a:hover{
		text-decoration: none;
  border-bottom: 1px solid #666;
  color: #666;
 }