body {
	background-color: #000000;
}
.Style5 {
	color: #0000FF;
	font-weight: bold;
}

ul{
list-style-position:outside;
padding-left:5px;
margin-left:5px;
}
    
.photo{
	float:left;
	width:auto;
}
			
.float{
	width:150px;
	float:left;
	padding:5px;
}
		
hr{
  border: none 0; 
	border-top: 1px dashed #ffffff;
}

.float img{
	border:solid 1px #fff;
}

.Style1 {
	color: #B35288;
	font-weight: bold;
}

.Style3 {
	color: #A94780;
}

.Style4 {
	color: #FFFFFF;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	color: #6633CC;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.rose{
  color: #A94780;
  font-weight:bold;
}

.title{
  color:#ffffff;
  font-weight:bold;
  text-decoration:underline;
}

.textbox{
	color: #B35288;
	border: 1px solid #ccc;
	background: #000000;
}

.tab1{
	border:solid 1px #ffffff;
	width:100%;
	border-collapse:collapse;
	text-align:left;
}
.tab1 th{
	background-color:#a94780;	
	border:solid 1px #ffffff;
}

.tab1 td{
	border:solid 1px #ffffff;
}

.tab2{
	border:solid 1px #ffffff;
	width:100%;
	border-collapse:collapse;
	text-align:left;
}
.tab2 th{
	background-color:#a94780;	
	border:solid 1px #ffffff;
}

.tab2 td{
	border:solid 1px #ffffff;
}

.bouton{
    background-color:#a94780;
    border:solid 1px #ffffff;
    font-weight:bold;
    color:#ffffff;
}

.courTitre{
    float:left;
    width:auto;
}

.courDate{
    float:right;
    width:auto;
}

.divTri{
    border:solid 1px #ffffff;
    background-color:#a94780;
    width:100%;
}

.auteurDet{
	float:left;
	font-size:1em;
	color:#ffffff;
	font-weight:bold;
}

.titreDet{
	float:left;
	font-size:1em;
	color:#ffffff;
	font-weight:bold;
}

.dateDet{
	float:right;
	font-size:1em;
	color:#ffffff;
	font-weight:bold;
}

.spacer {
  clear: both;
  height:0px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none
}

a.info:hover{
	z-index:25;
}

a.info span{
	display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    padding:5px;
    border:1px solid #ffffff;
    background-color:#a94780;
    color:#ffffff;
    font-family:verdana;
    font-weight:normal;
    text-align: center;
    height: auto;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

a.info2{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none
}

a.info2:hover{
	z-index:25;
}

a.info2 span{
	display: none
}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em;
    padding:5px;
    border:1px solid #ffffff;
    background-color:#a94780;
    color:#ffffff;
    font-family:verdana;
    font-weight:bold;
    height: auto;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

.texteRose{
	text-align:left;
	color:#a94780;
	font-weight:bold;
}

.input{
	width:300px;
}

.city{
  display:none;
}