/*photo*/
#fondphoto{
        background-image:url("../siteimage/fondphoto.gif");
        background-repeat:no-repeat;
		background-position:center;
		position:relative;
		width: 694px;
	    height: 611px;
		padding-top:1px;
}

#lienphoto {
     background-image:url("../siteimage/degrade.gif");
	 border:3px outset rgb(178,49,22);
	 color:white;
}

#lienphoto a{
     color:white;
	 font-size:12px;
	 font-weight: bold;
	 font-family: Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
	 text-decoration:none;
}

#lienphoto a:hover{
     color:rgb(207,201,201);
}

#gallery {
    position: relative;
	margin-top:33px;
	width: 686px;
	height: 501px;
}
#thumbs {
	width: 180px;
	float: left;
}
#thumbs a {
    float: right;
	margin: /*top*/2px/*right*/ 0px /*bottom*/0px /*left*/3px;
	width: 40px;/*Taille de la vignette */
	height: 40px;/*Taille de la vignette */
	border: 1px solid rgb(178,49,22);
}
#thumbs a img {
	width: 40px;/*Taille de la vignette */
	height: 40px;/*Taille de la vignette */
}
#thumbs a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 265px;
	top:0;
	border-top: 1px solid black;/*bordure de l'image agrandis*/
}
#thumbs2 a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 185px;
	top:80px;
	border-top: 1px solid black;/*bordure de l'image agrandis*/
}
#thumbs a:hover   {
	left: -999px;
}

/*video*/
.carousel-component {
	padding:8px;
	border:2px solid #B23116;
}
.carousel-component .carousel-list li { 
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}
.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;<!--Changer la couleur de la bordure de l'image qui n'est pas pointée -->
	outline:none;
	-moz-outline:none; 
}
.carousel-component .carousel-list li a:hover {
  padding:1px;
	border: 1px solid #FF5E96; <!--Changer la couleur de la bordure extérieure de l'image pointée -->
}
.carousel-component .carousel-list li img { 
	border:1px solid #999; <!--Changer la couleur de la bordure intérieure de l'image pointée -->
	display:block; 
}
.carousel-component .carousel-list li strong { 
	display:block; 
}
#prev-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}
#next-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}


#videotheque{
        background-image:url("../siteimage/fondvideo.gif");
        background-repeat:no-repeat;
		background-position:center;
		position:relative;
		width: 694px;
	    height: 611px;
		padding-top:1px;
}

#divvideo{
		width: 384px;
	    height: 368px;
		margin-top:-7px;
}

#audio{
    background-image:url("../siteimage/fondaudio.gif");
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	width:694px;
	height:611px;
	padding-top:1px;
}

#controls{
	margin-top:75px;
}



#playlist{
    width:170px;
	height:300px;
	position:absolute;
	top:30px;
	left:450px;
}

#playlist a:hover{
color:#b23116;
text-decoration:none;
}

#playlist a{
color:white;
text-decoration:none;
}

#ligne{
	width:450px;
	padding-top:30px;
	margin-left:50px;
	position:absolute;
}

#ligne1{
	float:left;
	width:90px;
	height:92px;
	position:relative;
}

#fondcam{
        background-image:url("../siteimage/fonddirect.gif");
        background-repeat:no-repeat;
		background-position:center;
		position:relative;
		width: 694px;
	    height: 611px;
		padding-top:1px;
		color:white;
}

#cam{
     position:relative;
     margin-top:168px;
}

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