body {
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: center;
background: black; /* ancien #CCD5D4 */

}

body , p { font-family: verdana ; font-size: 10pt ; color: black}
	   h1 {
	   font-size: 14pt ;
	   font-style:italic;
	color: #ccc
}

h1 span {
	position: absolute;
	color: #0066cc;
	margin: -2px 0 0 -2px;
	width: 344px;
}

	 


a {
text-decoration: none;
font-weight: bold;
color: #000;
}

a:link {
color: #000;
}

a:visited {
color: #000;
}

a:hover {
background-color: #eee;
color: #0066cc;
}

a img{
border:  none ;
}


#conteneur {
width: 840px;
margin: 0 auto; /* Permet de centrer le contenu de la page */
text-align: left;
border-style: solid;
border-width:2px;
border-color:#0066cc;
background: #fff;

}

#header {
background: #0066cc;
height: 93px;
color: #fff;
}

#bloc-contenu {
float: left;
width: 100%;
}

#col-centre {
margin-left: 180px;
}

#onglets {
      background:white;
      font-size:7pt;
      
      }
    #onglets ul {
      margin:0;
      list-style:none;
      }
    #onglets li {
      float:left;
      background:url(left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
	  border-bottom:1px solid #765;
      }
    #onglets a {
      display:block;
      background:url(right.gif) no-repeat right top;
      padding:2px 10px 2px 2px;
      
      }
    #onglets a:hover {
      color:#0066cc;
      }
    



#col-gauche {
float: left;
width: 180px;
margin-left: 0px;
background-color: #b3cce6;
}

#footer {
background-color: #8AAAC1;
clear: left;
width: 100%;
font-weight: bold;
color: #fff;
text-align: center;
padding: 4px 0;
}

#menu {
list-style-type: none;
margin: 20px;
padding: 0;
width: 110px;
}

ul, li {
list-style-type: none;
padding: 0;
margin: 0;
}

#menu li a {
display: block;
width: 100%;
padding: 0.3em 0.5em;
text-decoration: none;
font-weight: bold;
background-color: #f4f4f4;
border: 2px solid #f4f4f4;
text-decoration:none;
}

#menu li a:hover {
color: #000;
background-color: #0066cc;
border-style: outset;
}


html>body #menu li a:active { /* Effet souris onmousedown sauf sur IE */
border-style: inset;
}

.col-int {
padding: .5em 1em;
}

.image {float: left; margin: 0 10px 10px 0;

border-width: 6px;
	border-style: double;
	border-color: #CCD5D4;

}

.genre {float:right; margin: 0 0 10px 10px}

.titre_francais {color: #0066cc}

.nouvelle {font-size: 10px}

.un      {
    margin:0 4px;
    height:1px;
    background-color:#BFBFBF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
	
.centrearrondi {
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
    min-height:150px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:150px;

}

a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none
	
	}

a.info:hover{z-index:25; background-color:#ff0;cursor : help;}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:-12em; left:-20em; width:20em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#0066cc;
    text-align: left;
    font-weight:normal;
	font-size: 8pt ;
    padding:5px;

    }


.lettrine {
float: left;
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #0066cc;
border: 1px solid #0066cc; /* définition d'une bordure autour de la lettrine*/
background-color: #b3cce6;

margin: 5px;
padding: 1px;
line-height: 1em;
}

.traitgauche
    {
    border-left: 5px solid #CCD5D4;
    padding-left: 5px;
    margin-left: 5px;
    }

.zoom{
position: relative;
z-index: 0;
}

.zoom:hover{
background-color: transparent;
z-index: 50;
cursor: url("images/loupe.cur"),pointer;
}

.zoom span{ 
position: absolute;
background-color: lightgray;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.zoom span img{ 
border-width: 0;
padding: 2px;
}

.zoom:hover span{ 
visibility: visible;
top: -200px;
left: 200px; 
}