/** Galerie Henri Sié Copyright © 2002 à aujourd'hui, Sylvie SIE-DEFAY, Thierry Defay
Date-creation 2002/07/01, date-revision 2019/05/03
Galerie Henri Sié, 8-10 rue du clocher 83990 Saint-Tropez, France
Galerie.Henri-SIE@wanadoo.fr
www.galeriehenrisie.com, www.henrisie.com
http://galeriehenrisie.pagesperso-orange.fr		*/


/** voir DIAPORAMA : #diapor{} #diapor img{} 	*/


/** ANIMATION DU TITRE */
/** Titre : Animation antitre, titrean.
	Titre : Sans animation <noscript>, titles
*/
#antitre, div #titles {
	width:660px;
}
#antitre {
	border-width:thick;
	margin-top:0px;
	/** centrer */
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px; 
	
	text-align: center;
/**	enlevé pour transparence 
	background: yellow; */
}
#titrean, #titles marquee{
	width:500px;
}
#titrean {
	height:39px;
	/** centrer : auto */ 
	margin-left: auto; /** margin-right: auto; */ 
	margin-top:0px;
	padding-left:0px;	
	padding-right:0px;	
	position: absolute ;
	
	text-align: center;
	color:#0066FF;
	font-size:32px;
	font-family:FlamencoD;
/**	enlevé pour transparence 
	background-color: #CCFFFF; */
	/** background-color, color, border-color, box-shadow, text-shadow, etc. */
	/** background-color: rgba(204,255,255,0.8); un arrière plan bleu à 50% de transparence */
	/** background: orange; red  
	color:#0066FF; */
	/** 255, 141, 51	ff8d33 
	ccffff	Fonction rgba()  	rgba(204,255,255,1)
	*/
}
/** voir centre (copie de)  */
div #titles{
/**	position:relative; */
	border-width:thick; 
	margin-top:0px; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #CCFFFF;
}
div #titles img{
	width:661px;
	height:64px;
	margin-top:0px; 
}
/** <noscript> span à la place de marquee obsolète ! */
#titles span, #titrean span{
	height:39px;
	text-align: center;
/**	enlevé pour transparence 
	background-color: #CCFFFF; */
	color:#0066FF;
	font-size:32px;
	font-family:FlamencoD;
}
#titles span #ftitr, #titrean span #ftitr{
	color:red; 
}
/** à Vérifier  */
/** voir centre (copie de), <noscript> span à la place de marquee obsolète ! */
#titles marquee{
	width:300px;  
	height:39px;
	text-align: center;
	background-color: #CCFFFF;
	color:#0066FF;
	font-size:32px;
	font-family:FlamencoD;
}
/** page Henri Sié 
#titles marquee#lhs{	}
*/


/** DIAPORAMA des Tableaux d'art : Tdiaporama() animetitre.js
	et DIAPORAMA de la Galerie d'art : TdiaGalerie() animetitre.js 	*/
	#ddvign{
		position:relative;
		margin-top: 38px;
		margin-bottom: 0px;
		overflow:none;
	}
	#diapor{
	 	display: block;
		position:fixed; /**fixed  absolute */
		top:20px;
		left:50%; /** centrer ! */
		margin-left:-403px; /** centrer ! -370px */
		margin-bottom: 0px;
		
		width:790px;  /** 502px width height : */
		height:734px;  /** contener de l'image fixe ! */
		line-height:734px; /** centrer ! */
	/**	margin:auto;  centrer ! */
		overflow:hidden; /** !!! */
		
		border: 6px ridge gold; /** #ffd700 */
		background: #3333CC; /** #CCFFFF #3333CC */
	/**	border: 6px solid gold;  Or 	gold  #ffd700  255 215 0  
		Jaune doré 			goldenrod 	  	#DAA520 	218 165 32
		Jaune doré foncé 	darkgoldenrod 	#B8860B 	184 134 11
		*/
		box-shadow:0 8px 8px rgba(184,134,11,.9); /** rgba(0,0,0,.9) */
		
		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
	}
	#diapor img{
/** pour CENTRER Verticalement l'image : */
/**		vertical-align:middle;  centrer ! */
/** Sinon : 	*/
		margin-top:0px;
		
		max-width:788px; /** 500px max- width height : */
		max-height:696px; /** dimention max et proportionnelle */
		padding-top:36px; /** 32px */
		margin-bottom: 1px;  
	}
	#diapor img #idiap{
	/** 	display: block;
		opacity:1; Netscape !!! */
	}
	div#ddvign h3#idlibd, div#ddvign h3#idno{
		display: block;
		position:fixed; /** fixed  absolute */
		top:-340px;
		left:50%; /** centrer ! */
		/** margin-left:-390px;  centrer ! -356px */		
	}
	div#ddvign h3#idno{
		margin-left:-390px; /** centrer ! -356px */
		font-size:14px;
		font-family:serif;
		color:#ffff33; /** gold;  #FFFFFF 	 */
	}
	div#ddvign h3#idlibd{
		margin-left:-403px; /** -403px -296px,	 centrer ! -356px */
		
		width:788px; 
		font-size:18px;
		font-family:Times New Roman;
		color:#ffff33; /** gold;  #FFFFFF 	 */
	}
	div#ddvign button#bouton_ddvign, span#span_ddvign{
		padding: 3px 3px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: gold; /** #CCFFFF;  #DAA520; */
		border: 3px solid goldenrod; /**  #00BFFF */
		cursor:pointer;
		box-shadow:4px 4px 4px rgba(184,134,10,.7);
		
		font-size:16px;
		font-weight:bold;
	}
	div#dspan{
		margin-top:20px;
	/**	margin-bottom:0px; */
	}
	div#ddvign button#bouton_ddvign{
	/**	visibility:visible; */
		display: block;
		position:fixed; /** absolute  fixed; */
		top:28px;
	/** 	margin-top: -160px; 	-160px */
		
		left: 50%; /** centrer ! */
		margin-left:342px; /** 350px 310px -430px - centrer ! -400px */
	}
	div#ddvign button#bouton_ddvign:hover, span#span_ddvign:hover{
		background:rgba(0,255,255,.6); /** #00FFFF  yellow #00BFFF */
		color: red;
		border: 4px solid red;
		box-shadow:4px 4px 4px rgba(255,0,0,.7); /**  rgba(255,0,0,.7)  (184,134,11,.9) rgba(255,255,0,.9) */ 
		/** text-decoration:red; underline;	background-color:#B8860B; */
		/** Brun cuir 	saddlebrown  #8B4513 	139 69 19	*/
	}