/* CSS Document */
body
{
/*behavior: url("./iepngfix.htc");*/
background-image:url("../images/png/silhouetteEssaiFondMauve.png");
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat; 
background-color:#7F0080;
}
.container
{
font-family: verdana, prestige elite std bold, courier new;
font-size : 15px;
font-weight: bold;
color : white;
width : 900px;
margin: auto;
float: right;
}
.header
{
 width : 700px;
 height : 65px;
 text-align: center;
 margin: auto;
 padding: 10px;
 float: left;
}
.content
{
width : 700px;
padding: 10px;
float: left;

border-color: white;
border-width: 1px;
}
.titre
{
}
.texte
{
font-size: 14px;
}
/* div photos : voir layout et custom*/
.accordion 
{
  margin-top: 20px;
	width: 700px;
	border-bottom: dashed 1px #c4c4c4;

}
.accordion h3 
{
  background-image:url("../images/gif/arrowsquare.gif");
  background-repeat: no-repeat;
  background-position: right; 
  background-color : white;
  color: #7F0080;
  opacity: 0.6;
  filter: alpha(opacity=70);
	padding: 7px 15px;
	margin: 0;
  font-size : 18px;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	height: 12px;
}
.accordion h3:hover 
{
	background-color: #F07ff0;
}
.accordion h3.active 
{
	background-position: right 5px;
}
.accordion p 
{
	margin: 0;
	padding: 10px 15px 20px;

}
.accordion p.photo
{
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	text-align: center;
}
.accordion a
{
font-weight: bold;
color: #FF60F0;
}
.video
{
text-align: center;
}
.menu
{
width : 170px;
margin: auto;
padding-left: 20px;
position:fixed;
bottom:10px;
right:0%;
bottom:0%;
_position: absolute;
top: expression(body.scrollTop + 20 + "px")
}

.footer
{
width : 700px;
margin: auto;
padding: 10px;
padding-top: 10px;
font-size : 14px;
text-align: center;
float: left;
}
.footer a
{
color: white;
text-decoration: none;
}
td
{
vertical-align: middle;
text-align: right;
color: white;
font-size : 16px;
font-weight: bold;
}
.accordion td
{
padding: 5px;
}
td.left
{
text-align: left;
line-height: 22px;
}
td.center
{
text-align: center;
line-height: 22px;
}
td.justify
{
text-align: justify;
line-height: 22px;
padding-right: 10px;
font-size: 14px;
font-weight: normal;
}
.menu a
{
color: white;
text-decoration: none;
}
.content a
{
color: #FF60F0;
text-decoration: none;
}
h1
{
font-size : 24px;
text-align: center;
font-weight: bold;
margin-top: 15px;
margin-bottom: 20px;
}
h2
{
font-size : 18px;
text-align: center;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
line-height: 22px;
}
h3
{
text-align: center;
font-size: 17px;
}
p
{
text-align: justify;
line-height: 22px;
margin-bottom: 25px;
}
h4
{
margin-top: 10px;
font-size : 19px;
line-height: 24px;
font-weight: bold;
text-align: left;
}
h6
{
font-size : 17px;
line-height: 23px;
font-weight: bold;
}
h5
{
font-size : 11px;
line-height: 18px;
font-weight: normal;
}
ul
{
text-align: center;
line-height: 22px;
}
fieldset
{
line-height : 30px;
text-align: center;
}
fieldset p
{
text-align: center;
}
label
{
display:block;
}
em
{
font-weight:bold;
}
.accordion ul.b
{
text-align: left;
padding-left : 10px;
}
a:hover
{
color :#FF00CC;
text-decoration: overline;
}
marquee
{
font-size : 18px;
color : #F07ff0;
marquee-speed : fast;
}
/* Pop up en css */
a.info 
{
  position:relative;
 }
a.info h2 
{
  text-decoration:blink; 
}
a.info:hover
{
   background: none; 
   z-index: 500;
   text-decoration:none;
}
a.info span 
{
display: none;
text-decoration:none;
}
a.info:hover span
{
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-family: verdana;
   font-size:20px;
   font-weight:normal;
   color:white;
   line-height: 30px;
   top: 10px; 
   left: 10px;
   background: black;
   padding: 3px;
   border: 1px solid white;

}