html {
	/*scrollbar-face-color: #f92e8a;
	scrollbar-darkshadow-color: #f92e8a;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #f92e8a;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;*/
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color : #950098;
	background-attachment: scroll; 
	background-image:url(gifs/bg4.jpg);
	background-repeat: repeat-x; 
	margin-top: 0px;
}

.tbg {
	background-attachment: scroll; 
	background-image: url(images/tgp/abg.jpg); 
	background-repeat: repeat-x; 
}

/************************************************* Lien ******************************************/
a:link {
	text-decoration : none; 
	color : #950098;
	font-size: 12px;
}
a:visited {
	text-decoration : none; 
	color : #950098;
	font-size: 12px;
}
a:active  {
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}
a:hover   {
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}

a.onze:link    {
	text-decoration : none; 
	color : #950098;
	font-size: 12px;
}
a.onze:visited {
	text-decoration : none; 
	color : #950098;
	font-size: 12px;
}
a.onze:active  {
	text-decoration : none; 
	color :#950098;
	font-size: 12px;
}
a.onze:hover   {
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}

a.indexhaut:link{
	text-decoration : none; 
	color : #FD64A7;
	font-size: 4px;
}
.indexhaut {
	color: #FF0080;
	font-size: 3px;
}
a.indexhaut:visited{
	text-decoration : none; 
	color : #FD64A7;
	font-size: 4px;
}
a.indexhaut:active{
	text-decoration : none; 
	color :#FD64A7;
	font-size: 4px;
}
a.indexhaut:hover{
	text-decoration : none; 
	color :#FD64A7;
	font-size: 4px;
}


a.indexentrer:link{
	text-decoration : none; 
	color : #950098;
	font-size: 20px;
}
.indexentrer {
	color: #950098;
	font-size: 20px;
}
a.indexentrer:visited{
	text-decoration : none; 
	color : #950098;
	font-size: 20px;
}
a.indexentrer:active{
	text-decoration : none; 
	color : #950098;
	font-size: 20px;
}
a.indexentrer:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 20px;
}

a.videosde:link{
	text-decoration : none; 
	color : #ff0080;
	font-size: 12px;
}
.videosde {
	color: #ff0080;
	font-size: 12px;
}
a.videosde:visited{
	text-decoration : none; 
	color : #ff0080;
	font-size: 12px;
}
a.videosde:active{
	text-decoration : none; 
	color : #ff0080;
	font-size: 12px;
}
a.videosde:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}
a.v2s:link{
	text-decoration : underline; 
	color : #950098;
	font-size: 12px;
}
.v2s {
	color: #950098;
	font-size: 12px;
}
a.v2s:visited{
	text-decoration : underline; 
	color : #950098;
	font-size: 12px;
}
a.v2s:active{
	text-decoration : underline; 
	color : #950098;
	font-size: 12px;
}
a.v2s:hover{
	text-decoration : none; 
	color :#ff0080;
	font-size: 12px;
}

a.pagegalerie:link{
	text-decoration : none; 
	color : #950098;
	font-size: 12px;
}
a.pagegalerie:visited{
	text-decoration : underline; 
	color : #950098;
	font-size: 12px;
}
a.pagegalerie:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}
a.pagegalerie:active{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}

a.rosephotos:link{
	text-decoration : none; 
	color : #ff0080;
	font-size: 12px;
}
.rosephotos {
	color: #ff0080;
	font-size: 12px;
}
a.rosephotos:visited{
	text-decoration : none; 
	color : #ff0080;
	font-size: 12px;
}
a.rosephotos:active{
	text-decoration : none; 
	color :#ff0080;
	font-size: 12px;
}
a.rosephotos:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}


a.taille11:link{
	text-decoration : none; 
	color : #ff0080;
	font-size: 11px;
}
.taille11 {
	color: #ff0080;
	font-size: 11px;
}
a.taille11:visited{
	text-decoration : none; 
	color : #ff0080;
	font-size: 11px;
}
a.taille11:active{
	text-decoration : none; 
	color :#ff0080;
	font-size: 11px;
}
a.taille11:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 11px;
}


a.taille10:link{
	text-decoration : none; 
	color : #ff0080;
	font-size: 10px;
}
.taille10 {
	color: #ff0080;
	font-size: 10px;
}
a.taille10:visited{
	text-decoration : none; 
	color : #ff0080;
	font-size: 10px;
}
a.taille10:active{
	text-decoration : none; 
	color :#ff0080;
	font-size: 10px;
}
a.taille10:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 10px;	
	
}
a.noirphotos:link{
	text-decoration : none; 
	color : #000000;
	font-size: 12px;
}
.noirphotos {
	color: #000000;
	font-size: 12px;
}
a.noirphotos:visited{
	text-decoration : none; 
	color : #000000;
	font-size: 12px;
}
a.noirphotos:active{
	text-decoration : none; 
	color :#000000;
	font-size: 12px;
}
a.noirphotos:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 12px;
}
a.violetmoyen:link{
	text-decoration : none; 
	color : #950098;
	font-size: 18px;
}
.violetmoyen {
	color: #950098;
	font-size: 18px;
}
a.violetmoyen:visited{
	text-decoration : none; 
	color : #950098;
	font-size: 18px;
}
a.violetmoyen:active{
	text-decoration : none; 
	color :#950098;
	font-size: 18px;
}
a.violetmoyen:hover{
	text-decoration : underline; 
	color :#ff0080;
	font-size: 18px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('../images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/************************************************* balise ******************************************/


td{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

form {
	margin: 0px;
	padding: 0px;
}

/************************************************* class ******************************************/
.titre_menu{
	color :#ff0080;
}

.inv{
	display:none;
}

.contour_tableau_noir {
	border-collapse:collapse;
	border-color:#111111;
}
.contour_tableau_violet {
	border-collapse:collapse;
	border-color:#950098;
}
.contour_tableau_rose {
	border-collapse: collapse;
	border: 2px solid #FF0080;
}
.contour_tableau_rose_sans {
	border: 2px solid #FF0080;
}

.contour_image_violet {
	border-collapse: collapse;
	border: 2px solid #BA5FC1;
}

.rose {
	color: #FF0080;
	font-size: 12px;
}
.grandrose {
	text-decoration : none;
	color: #FF0080;
	font-size: 30px;
}

a.grandrose {
	text-decoration : none;
	color: #FF0080;
	font-size: 30px;
}
a.grandrose:link {
   text-decoration : none;
	color: #FF0080;
	font-size: 30px;
}
a.grandrose:hover   {
   text-decoration : underline;
   color :#FF0080;
	font-size: 30px;
}
a.grandrose:visited   {
   text-decoration : none;
   color :#FF0080;
	font-size: 30px;
}
a.grandrose:active   {
   text-decoration : none;
   color :#FF0080;
	font-size: 30px;
}	
.moyenrose {
	text-decoration : none;
	color: #FF0080;
	font-size: 18px;
}

a.moyenrose {
	text-decoration : none; 
	color: #FF0080;
	font-size: 18px;
}
a.moyenrose:link {
   text-decoration : none;
	color: #FF0080;
	font-size: 18px;
}
a.moyenrose:hover   {
   text-decoration : underline;
   color :#FF0080;
	font-size: 18px;
}
a.moyenrose:visited   {
   text-decoration : none;
   color :#FF0080;
	font-size: 18px;
}
a.moyenrose:active   {
   text-decoration : none;
   color :#FF0080;
	font-size: 18px;
}	
.ptirose {
	color: #FF0080;
	font-size: 9px;
}
.violet {
	color: #660066;
	font-size: 12px;
}
.blanc {
	color: #FFFFFF;
}
.toutrose {
	color: #FD64A7;
	font-size: 4px;
}
.frame {
	margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */
	
	width: auto;
	height: 338px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	font-size: 14px;
}

.fond_bg {
	background-image:url(gifs/bg.jpg);
	height: 30px;
}

.fond_bg4 {
	background-image:url(gifs/bg4.jpg);
	height: 20px;
}

.fond_bg_28 {
	background-image:url(gifs/bg.jpg);
	height: 28px;
}
dhtmltooltip{
position: absolute;
width: 110px;
border: 1px solid black;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
}

a:hover {visibility: inherit; }

a:link img {border: 2px solid #950098; }
a:visited img {border: 2px solid #950098; }
a:focus img {border: 2px dashed #ff0080 }
a:active img {border: 2px solid #950098; }
a:hover img {border: 2px dashed #ff0080 }

a.sansbordure:hover {visibility: inherit; }

a.sansbordure:link img {border: 2px solid #FFFFFF;}
a.sansbordure:visited img {border: 2px #FFFFFF; }
a.sansbordure:focus img {border: 2px dashed #ff0080; }
a.sansbordure:active img {border: 2px #FFFFFF; }
a.sansbordure:hover img {border: 2px dashed #ff0080; }
}
a.bordure1:link img {border: 1px solid #950098;}
a.bordure1:visited img {border: 1px #950098; }
a.bordure1:focus img {border: 1px dashed #950098; }
a.bordure1:active img {border: 1px #FFFFFF; }
a.bordure1:hover img {border: 1px dashed #ff0080; }

/* Gère la largeur des valeurs avant les elements de formulaire*/
label {
	display:block;
	width:150px;
	float:left;
}

/* Gère l'affichage des alertes du formulaire*/
.commentaire_alerte {
	color: #FF0000;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 5px;
	margin: 5px;
}

/* Gère l'affichage de confirmation de postage du commentaire*/
.form_ok {
	color: #006600;
	background-color: #AFF5B8;
	padding: 5px;
	margin: 5px;

}

/* Gère l'affichage des commentaires */
.affiche_commentaire {
	width: 548px;
	clear: both;
	margin-bottom: 25px;
	padding: 0;
}
.commentaire-gris {
	background-image: url("jd_commentaires/images/bulle-commentaire-gris-1px.gif"); 
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.commentaire-blanc {
	background-image: url("jd_commentaires/images/bulle-commentaire-blanc-1px.gif"); 
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.commentaire-gris p, .commentaire-blanc p{
	margin : 0;
	padding: 0;
}

/* Gère l'affichage des numéros de page */
.navigation {
	padding: 10px 20px 15px 20px;
	float: left;
	width: 500px
}


	div.navigation span.current {
		background: #AAD83E repeat scroll 0%;
		border: 1px solid #AAD83E;
		color: #FFFFFF;
		font-weight: bold;
		margin-right: 2px;
		padding: 2px 5px;
	}
	
	div.navigation a:hover, div.navigation a:active {
		background: #AAD83E repeat scroll 0%;
		border: 1px solid #AAD83E;
		color: #FFFFFF;
	}

	div.navigation a {
		background: #2C2C2C repeat scroll 0%;
		border: 1px solid #2C2C2C;
		color: #FFFFFF;
		margin-right: 2px;
		padding: 2px 5px;
		text-decoration: none;
	}

.dernier_commentaire {
	text-align : left;
	padding-bottom: 5px;
}
.dernier_commentaire p {
	margin: 0;
	padding : 0;
}