/** 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		*/

/** modifié le 29/03/2019 */
/** Menu Fixe
		#menufixe {
		.opacm{
		div #midle{
	enlevé, position:relative, dans :
		#header, #footer{
		#bas, #basi{
		#centre{
*/

body, #global{
	background-color:#CCFFFF;
}
body{
	/** margin:0px; */
	margin-left:0px;
	margin-top:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000; /** color:#606060; */
}
#global{
	position:relative; /** relative absolute fixed */ 
	margin-top:0px; 
	left:50%;
	margin-left:-400px; /** -396px */
	height:100%; /** 700px	80%*/
	border:solid 2px #3399FF; /** #8B4513 #3399FF */
/**	overflow: hidden  ; */ /** auto  scroll  hidden */
	margin-bottom:10px; 
	width:800px; /** 792px */
	
	text-align: center;
}

/** Fixe le menu en position haute, 
	Contient le Menu de la div #header. Et suit la page centrale, div #midle */
#menufixe {
/** !!! FIXE la DIV au positions définies !!! */
	position: fixed; 
	top: 0;
	/* CENTRAGE */
	left:50%;
	margin-left:-402px; /** voir #global */
	width:800px; /** 792px */
	border-top:solid 2px #3399FF; /** #8B4513  #3399FF */
	/** border-bottom:solid 2px #FF0000; */
	background-color:#CCFFFF; /** #CCFFFF  #8B4513  #3399FF  */
	
	/** !!!! 
	position: fixed; 
	display: block;
	margin : 0 auto;
	top: 0;
	left:0; right:0;
	*/
	/** position: fixed; 
	top: 0;
	left: 0; right: auto;
	width: 100%; */
	/** 
	position: fixed; 
	display: block;
	top: 0;
	width: 800px; */
}
/** class - opacité du menu, pour la visiblilité de la page centrale */
.opacm{
	filter : alpha(opacity=90); /* code en plus pour IE9 */
	opacity : 0.9;
}
/** Page centrale - défile sous le menu */
div #midle{
	margin-top:125px; /** margin-top:125px; 165px */
	padding-top:0px;
	padding-left:0px;	
	background-color:#CCFFFF; /** #CCFFFF  #8B4513  #3399FF  */
}
/**	Menu fixe, mis dans la div #menufixe */ 
	/** #header, voir h6#contact */
#header{
	/**	position:relative; */
	/** display: table; block table */
	/** centrer avec : display: table; margin : 0 auto; */ 
	margin-left: auto; margin-right: auto;
	
	width:662px;
	border-width:thick; 
	margin-top:0px; 
	padding-top:2px; /** garder */ 
	padding-bottom:0px; /** garder */ 
}
#header a img:hover {
	border: 5px ridge #ffd700;
}
/** #header, #footer{ */
#footer{
	/** #header, voir h6#contact */
/**	position:relative; */
	border-width:thick; 
	margin-top:0px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom:18px; /** garder */ 
	width:662px;
	
	padding-top:0px; /** garder */ 
	padding-bottom:0px; /** garder */ 
}

a{
	vertical-align:middle;
	
	font-weight:bold;  
	font-family:arial, verdana, sans-serif; 
	font-size:16px;
	text-decoration:none;
	color:#0000FF; /** color:#33AAFF; */
/**	color:#FF0000;  */ /** rouge */
}
/** a:visited {color:#0131B4;} */	/**	Bleu saphir, MARRON #582900 */
a:hover {color:#FF0000;}
a:active {color:#000000;}

table.tb{
	margin-top: 0px;
	border-spacing:0px 0px;

	empty-cells:hide;
	width:100%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
	background-color: #CCFFFF;
	margin-bottom:10px;
/**	height:93px; */
}
table.tb td{
	background-color: #CCFFFF;
	line-height: 100%; /** 100% */
}
table.tb a{border:0px;}
table.tb a img{border: 5px ridge #00FFFF; height:73px;}
table.tb a img.wid1{width:98px;} table.tb a img.wid2{width:120px;} table.tb a img.wid3{width:114px;}
table.tb a img.wid4{width:85px;} table.tb a img.wid5{width:72px;}
table.tb a img.wid6{width:37px; height:25px;}
table.tb a i{
	display:none;
}
/** test, p. 147 : <i>Henri Sié Pictures of art</i> */
table.tb a:hover i {
	display:block; /** block table */
	position:absolute; /**  fixed  absolute */
	height:20px;
	top:122px;
	border-width:thick; 
	background-color: #CCFFFF;
}

/** voir #header */
h6#contact{
	margin-top: 0px;
	margin-bottom:0px; 
	height:14px;
	
	font-style : italic;
	font-family:arial; 
	font-size:10px;
}
h6#contact span{
	font-weight:bold; 
	color:#FF0000; 
	font-style : normal;
}

#footer h6#vnav{
	margin-top: 2px;
	margin-bottom:0px; 
	height:14px;
	padding-bottom:2px;
	
	font-style : italic;
	font-family:arial; 
	color:black; /** color:#336699;  */
	font-size:11px;
}
/** Copyright 2002  */
#footer h6#vnav span, h6#vnav a{
	/** Mentions Légales : h6#vnav a */
	vertical-align: middle; /** bottom | top; baseline | middle | sub | super | text-bottom | text-top */
	
	/** Galerie Henri Sié © 2002 */
	font-style:normal;
	font-size:14px;
}


/** Test dans indexanim.html */
/** Titres des pages - Test ! */
/** Test pour remplacer #centre{} */
/** voir #titres{} dans indexanim.css */

/**	Titre de la page GALERIE HENRI SIE et tableau sur Saint-Tropez	*/
#centre{
/**	position:relative; */
	border-width:thick; 
	margin-top:0px; 
	margin-left: auto;
	margin-right: auto;
	width:660px;
	text-align: center;
	background-color: #CCFFFF;
}
#centre marquee{
/**	font-weight:bold;  */
	width:254px; /** width:254px; */
	height:39px;
	background-color: #CCFFFF;
	color:#0066FF;
	font-size:32px;
	font-family:FlamencoD;
}
#centre marquee#lhs{
/** page Henri Sié */
	width:500px;
}
#centre img{
	width:661px;
	height:64px;
	margin-top:0px; 
}
#centre a#tghs{
/** index */
	font-weight:bold;
	font-size:52px;
	font-style : italic;
}
#centre a#wghs{
	font-weight:bold;
	font-size:26px;
}	

/**	La ville: SAINT TROPEZ	*/
/** voir #basi img */
#bas, #basi{
	/** position:relative; */
	border-width:thick; 
	margin-top:0px; 
	margin-left: auto;
	margin-right: auto;
	width:660px;
	text-align: center;
}
#bas, #basi{
	background-color:#CCFFFF;
}
div#bas[id="basi"]{
	height:290px;
}


/** 	page Référenceurs à Vérifier (Référenceurs du site) */
p#verif{
	text-decoration:underline;
	font-weight:bold;  
	font-size:18px;
}

/** 	page liens, référenceurs */
div#dref{
	position:relative; 
	width:662px;
	margin-bottom:0px; 
	margin-top:10px; 
	margin-left: auto;
	margin-right: auto;
	
	text-align: right; /** center left right */
}
/** 	page liens, référenceurs 
	rel="nofollow" empêcher GoogleBot de suivre un lien */
div#dref  a.ref{
	font-style:italic;
    font-size:14px;
	
	/** référenceurs invisible ! */
    font-size:12px;
	color:black; 
	/** 
	font-size:6px;
	color:#FFFFFF; 
	  */
}

/** page des liens */
#bas table#tblien{
	border-spacing:0px 0px;
	empty-cells:hide;
	width:100%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
	background-color: #CCFFFF;
	margin-bottom:0px; 
	
	vertical-align: middle; /** bottom | top; baseline | middle | sub | super | text-bottom | text-top */
	text-align: left;
}
#bas table#tblien a{
	font-family:Times New Roman; /**	liens	*/
	font-size:18px;
}
#bas table#tblien samp{
	margin-left: auto; /** margin-left: auto;*/	/** position:relative; top:2em */	/** position:absolute; left:80px; top:30p */
	
	vertical-align: middle; /** bottom | top; baseline | middle | sub | super | text-bottom | text-top */
	text-align: left;
	font-size:16px; /**	liens	*/
	font-family:Times New Roman;
	color:#0000FF;
}
/** titres S A I N T - T R O P E Z , F R A N C E  */
#bas table#tblien .tlien{
    /** position: relative; */
    text-align:  center;    /** margin-left:10px; */
    margin-top:5px; /**     top:0px; */
	margin-bottom:5px; 
    width: 12em;
    right: 0px;
	
    font-size:16px; /**	liens	*/
    font-weight:bold;  
    color:#000000; 
}
#bas table#tblien p.tlien{
    text-align:  center;
    text-decoration: underline ;
    /** vertical-align:  top; */
}
#bas table#tblien #strop, #bas table#tblien  #strop td.lesliens{
	background-color: #88FFFF; /**	#88FFFF liens	*/
}
#bas table#tblien  #strop td.lesliens:hover, #bas table#tblien #musefr td.lesliens:hover{
    background-color: #CCFFFF; 
}
#bas table#tblien #musefr:hover{
	background-color: cyan; /**	aqua  skyblue  liens	*/
}
#bas table#tblien #strop:hover{
	background-color: powderblue; /**	cyan #CCFFFF aquamarine  liens	*/
}
#bas table#tblien #strop a img:hover{
	border: 2px ridge red; /** border: 2px ridge #ffd700; */
}
#tblien #strop p.adrlien, #tblien #strop p.adrlien1, #tblien #strop p.adrlien2{
    font-size:14px;
    font-weight:bold;
    text-align:center;
    margin-top: 6px;
    margin-bottom: 0px;
}
#tblien #strop p.adrlien{
    color: red;
    font-size:16px;
}
#tblien #strop p.adrlien1{
    margin-top: 0px;
}
#tblien #strop p.adrlien2{
    color: blue;
    margin-top: 0px;
}
#tblien #strop p.adrlien:hover, #tblien #strop p.adrlien1:hover, #tblien #strop p.adrlien2:hover{
    background-color: #CCFFFF; 
    color: red;
}

/**	contact	*/
#bas table#tbcontact{
	margin-top: 0px;
	width:100%;
}
#bas table#tbcontact #mailweb, #bas table#tbcontact #fc{
	color:#FF0000; /** contact E-mail */
	font-size:24px;
	font-weight:bold;
	text-align: left;
	font-family:arial;
}
#bas table#tbcontact #adr{
	font-size:36px; 
	margin-top:10px; 
	margin-bottom:0px;
}
#bas table#tbcontact #adrd{
	font-size:32px; 
	margin-top:10px; 
	margin-bottom:0px;
}
#bas table#tbcontact #fc{
	text-align: right;
}

#bas table#tbcontact #mailweb, #bas table#tbcontact #mailweb a{
	font-size:24px;     
}
#bas table#tbcontact #mailweb a{
	margin-right: 40px;
}
#bas table#tbcontact #mailweb a span{
	color: red;
	font-size:30px;
}
#bas table#tbcontact marquee{
/**	scrolldelay: 600; 
	behavior: alternate; */
}
#bas table#tbcontact #mailweb marquee{
	width:180px; /** contact E-mail */
	text-align: left;
	margin-left: 80px;
}

#bas table#tbcontact #ptel, #bas table#tbcontact #pteln{
	color:#000000; /**	contact	*/
	font-size:24px; 
	font-weight:bold;
	font-family:arial;
	text-align: right;    
}

#bas table#tbcontact #ptel marquee{
	color:#FF0000;  /**	contact	*/
	width:60px;
	margin-left: 60px;
}
#bas table#tbcontact #pteln{
	text-align: left;  /**	contact	*/
}

#bas table#tbcontact #idan{
	font-weight:bold;   /**	contact	*/
	font-size:18px;
}
/** #idarts remplacé par #dispo, #galouv table#tbcontact #dispo{}
	#bas table#tbcontact #idarts{}
	#bas table#tbcontact #idarts span{}
 */
#bas table#tbcontact #idarts1{    
    margin-top: 8px;
    margin-bottom: 0px;
}
#bas table#tbcontact #idarts1{    
    text-align:  right  ;
}

#bas table#tbcontact #idload a:hover{
	color:#FF0000;
}
#bas table#tbcontact #idload{
	font-size:18px; /**	contact	*/
	margin-top:0px; 
	margin-bottom:40px;
}
#bas table#tbcontact #idimprim{
	margin-top:10px; /**	contact	*/
	margin-bottom:0px;
}

/** voir div#bas[id="basi"] */
#bas img, #basi img{
	display: block; /** centre l'image 1/2 */
	margin: 0 auto; /** centre l'image 2/2 */
	margin-top:0px; 
	margin-bottom:0px; 
/**	max-height:222px; */
	max-width:660px; /** max-width:642px; */
	visibility:visible;
}
#bas h1, #bas h2, #artsign h2{
	margin-top:0px; 
	margin-bottom:3px; 
	font-family:Times New Roman; 
	font-weight:bold;  
	font-size:46px;
	color:#CC0000; 
	text-decoration:blink; /**	Pas Internet Explorer	*/
}
/** (#artsign : page Henri Sié 2) */
#bas h2, #artsign h2{
	font-size:32px;
}

table.tbi{
	margin-top: 50px;
	border-spacing:0px 0px;
	empty-cells:hide;
	width:100%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
	background-color: #CCFFFF;
}
table.tbi tr.tri1{
	font-weight:bold;
	font-size:25px;
	font-style : italic;
	color:#FF3300;  
}
table.tbi tr.tri2{
	font-size:20px;
	font-style : italic;
	color:#0000FF;  
}

/**	Les vignettes des photos, Tableaus d'art */
#vign{
	/**	position:relative; */
	border-width:thick; 
	margin-top:0px; 
/**	margin-left: 2%; */	/** auto 2% */
	margin-right: auto; /** auto 2% */
	width:auto; /**	width:auto;	660px	*/
	text-align: center;
}
#vign table{
	border:0px;
	height:auto; /** height:570px; height:auto; */
	width:auto; /** width:660px; width:auto; */
	margin-top:0px; 	
	border-spacing:0px 0px;
	margin-bottom: 0px;
	background-color:#CCFFFF; /** ackground-color:#CCFFFF*/
/**	width:94%; table-layout:auto; 	*/  /**centre et élargit le tableau : width:100%; table-layout:auto;  */
	/** height="570px" width="740px" border="0px" cellpadding="0" cellspacing="1" bgcolor="#CCFFFF" */
}
#vign table p{
	line-height: 100%;
	margin-bottom: 0;
}
#vign td{
	margin-top: 0px;
	border-spacing:0px 0px;
	empty-cells:hide;
	width:190px; /** width:190px;  */
	height:190px; /** height:190px;  */
	background-color: #CCFFFF;
	margin-bottom:0px;	/** 10px */
	text-align:center;
}
#vign #imgv img{
	border:4px solid #CCFFFF; /** border:4px ridge #CCFFFF; border:0px solid #000; */
	max-width:190px;
	max-height:190px;
}
#vign #imgv img:hover {
	border:4px ridge #ffd700;
}
#vign tr.leg td{
	height:20px;
}
#vign tr.leg td p, p.leg{
	font-weight:bold;
	line-height: 0px; /** 100% */
	margin-top: 0; 
/**	margin-bottom: 4; */
	font-size:14px;
	font-family:Times New Roman;
}

/**	Les vignettes de la Galerie	*/
#vigng{
	
	border-width:thick; 
	margin-top:0px; 
/**	margin-left: auto;  auto 2% */
	margin-right: auto; /** auto 2% */
	text-align: center;
	font-family:Times New Roman; 
	
	margin-bottom: 100px;
}
#vigng table {
	border:0px;
	height:auto; /** height:570px; */
	width:auto; /** width:660px; */
	margin-top:0px; 	
	
/**	border-spacing:0px 0px; */

	border-collapse: collapse; /**  collapse | separate  */
	empty-cells:hide;  /**  show | hide  utilisé si border-collapse: collapse  */
	
	width:100%; table-layout:auto; /** centre et élargit le tableau : width:100%; table-layout:auto;  */
	margin-bottom: 10px;
/**	background-color:#ffd700;  ackground-color:#CCFFFF   ffd700  blue red */	
}
#vigng table #galbi{
	margin-bottom:50px;
}
#vigng table img{
	border:4px solid #CCFFFF; /** border:4px ridge #CCFFFF; border:0px solid #000; */
	max-width:256px; /** 296px   */
	max-height:240px; /** 240px   */
}
#vigng table img:hover {
	border:4px ridge #ffd700;
}
#vigng h2{
	height:48px;
	margin-top:0px; 
	margin-bottom:3px; 
	font-family:Times New Roman; 
	font-weight:bold;  
	font-size:32px;
	color:#CC0000; 
	text-decoration:blink; /**	Pas Internet Explorer	*/
}
#vigng p{
	margin-top:0px; 
	margin-bottom:0px; 	
}
#vigng p.iddev, #vigng p.iddev1{
	color:#0066CC;
	font-style : italic;	
	margin-bottom:10px; 	
}
#vigng p.iddev1{
	text-align: right;
}
#vigng p.iddev samp, #vigng p.iddev samp.idt, 
    #vigng p.iddev1 samp, #vigng p.iddev1 samp.idt{
	font-size:28px;
	font-family:Times New Roman; 
	font-weight:bold;
}
#vigng p.iddev samp.idt, #vigng p.iddev1 samp.idt{
	text-decoration: underline;
	word-spacing:5px;
	letter-spacing:5px;
}
#vigng p.iddev a, #vigng p.iddev1 a{
	font-size:22px;
	font-weight:normal;
/**	color:#33AAFF; */
	font-family:Times New Roman; 
	font-weight:bold; 
}
#vigng p.iddev a samp{
	font-size:14px;
}
#vigng p.iddev samp.idsp{
	letter-spacing:30px; /** 1em; */	/**	word-spacing:15px; */
	color:#CCFFFF;
}
#vigng p.iddev samp.idsp1, #vigng p.iddev1 samp.idsp1{
	letter-spacing:1px;
	color:#CCFFFF;
}
#vigng p.iddev1 samp.idsp1{
	letter-spacing:32px;
}


#artiste table, #artsign table{
	border:0px;
	height:auto; /** height:570px; */
	width:auto; /** width:660px; */
	margin-top:0px; 	
	border-spacing:0px 0px;
	empty-cells:hide;
	width:100%; table-layout:auto; /** centre et élargit le tableau : width:100%; table-layout:auto;  */
	margin-bottom: 10px;
	background-color:#CCFFFF; /** ackground-color:#CCFFFF*/	
}
table#basta{
	margin-bottom:50px;
	width:100% ; /** 100%; 800px */ 
}
table#basta p{
	line-height:100%; 
	margin-top:0px; 
	margin-bottom:0px;
	font-size:18px;
	font-weight:bold;
}
table#basta span#formad{
	font-weight:bold; 
	color:#006600;
	font-size:12px; /** font-size:12px; */
}
table#basta span#formadan{
	font-weight:bold; 
	/** color:#006600; */
	font-size:13px; /** style="font-weight:bold; font-size:13px" */
}
table#basta select {
	color:#3333FF; font-weight:bold; border-color:#CCFFFF; font-size:18px;
}
table#basta select:hover{
	color:#FF0000; /**		*/
}
table#basta select option[value^="tableaux_dart"]{
	color:#3333FF;
}
table#basta samp#pageta{
	font-weight:bold;  
	font-size:18px; /** font-size:20px; */
	color:#CC0000; 
	text-decoration:blink; 
}

#artiste table img{
	border:4px solid #CCFFFF; /** border:4px ridge #CCFFFF; border:0px solid #000; */
	max-width:296px;
	max-height:240px;
}
#artiste table img:hover {
	border:4px ridge #ffd700;
}
#artiste h2{
	margin-top:0px; 
	margin-bottom:3px; 
	font-family:Times New Roman; 
	font-weight:bold;  
	font-size:32px;
	color:#CC0000; 
	text-decoration:blink; /**	Pas Internet Explorer	*/
}

/** Tableaus d'art */
#artsign p.lienta{
	line-height:100%; margin-right:10px;
	 margin-top:0px; margin-bottom:0px; 
	 text-align:right;
}
/** Redéfinition des liens interne: tableaux, galerie, artiste */
.lienta a, a#basp, a#hautp1, a#hautp2, a#basp1, a#menu0{
	color:#3399FF; /** color:#33AAFF; */
	font-style : italic;
}
.lienta a:hover, a#basp:hover, a#hautp1:hover, a#hautp2:hover, a#basp1:hover, a#menu0:hover{
	color:#FF0000;
}
/**
#artiste  table#bord #tdmenu samp{
	font-size:18px;
	color:#3399FF; 	
	font-family:Times New Roman;
	font-style : italic;
}
#artiste  table#bord #tdmenu samp:hover{
	color:#FF0000; 	
}
*/

/** page Henri Sié */
#artiste  table#bord, #artiste  table#bordcl{
	margin-left: 80px;
	width:90%; /** pour ne pas rogner sur le cadre */
	margin-top:10px;
	margin-bottom: 80px;
}
#artiste  table#bordcl{
	margin-top:0px;
	margin-bottom:0px;
}
#artiste  table#bord #tdmenu, #artiste  table#bordcl #tdmenu{
	text-align:left; 
	font-size:18px; 
	font-weight:bold;
}
#artiste  table#bord #tdmenu a#pagemenu, #artiste  table#bordcl #tdmenu a#pagemenu{
	color:#000000;
}
#artiste  #tdmenu ol{
	font-size:18px; 
	font-weight:bold;
}
#artiste  #tdmenu ol a{
	vertical-align:middle;
}
#artiste  #tdmenu li{ text-indent: -0.25em;}
#artiste  #tdmenu li#hsmenu{ content:"\2605"; color:#FF0000;}
#artiste  #tdmenu li.extb{ list-style:none; text-indent: -3.2em; color:#3399FF;}
#artiste  #tdmenu li#hsmenu li.extb{ color:#FF0000;}
#artiste  #tdmenu li.extb:before{ content:"\2605"; color:#FF0000;} /** étoile */
/** #artiste  #tdmenu ol #pagemenu{	color:#FF0000;}*/

#artiste  table#bord td#bio, #artiste  table#bord td#bio2{
	width:749px;
	text-align: right;
	font-family:Times New Roman; 
	font-size:18px;
}
#artiste  table#bord td#bio p, #artiste  table#bord td#bio2 p{
	line-height: 24px;
	margin-right: 60px; 
	margin-top:0px; 	
	margin-bottom:10px;
}
#artiste #bord td#bio h3, #artiste #bord td#bio2 h3{
	color:#000000;
	font-size:22px; 
	font-family:Times New Roman;
	font-style :normal;		
}
#artiste #bord td#bio h1:first-letter, #artiste #bord td#bio h3:first-letter
    #artiste #bord td#bio2 h1:first-letter, #artiste #bord td#bio2 h3:first-letter {
	color:#000000;
	font-size:34px; 
	font-weight:bold;
	text-transform: uppercase;
	margin-left: 20px; 
	font-style :normal;	
}
#artiste #bord td#bio2 h1:first-letter, #artiste #bord td#bio2 h3:first-letter {
	color:black;
	font-size:24px;
	margin-left: 20px; 
}
#artiste #bord td#bio2 h2{ 
    text-align: left;
    font-style: italic ;
    font-family:Times New Roman;
    color:black; /** GrayText; #424242 #585858 */
    font-size:17px;
    margin-left: 0px;
    margin-bottom: 0px;
    font-weight:bold;
}
#artiste  table#bord td#bio div#dhp{
	margin-bottom:20px;
}
#artiste  table#bord td#bio a#basp,
	#artiste  table#bord td#bio div#dhp a#basp1{
	text-align:right; 
	margin-right:20px;
}
#artiste #bord td#bio h1#frv{
	font-size:24px; text-align:center; line-height:40px; 
/**	border-width:8px; border-style:solid; border-color:#1E90FF; */ 
	padding-left:4px; margin-left:0px; margin-right:40px; margin-bottom:20px;
	border:8px #00FFFF outset; /** #1E90FF  #0000FF  #00FFFF */
}
#artiste #bord td#bio p#benz, #artiste #bord td#bio2 p#benz{
	text-align:left; line-height: 40px; margin-bottom:10px;
	font-size:32px;
	font-family:Times New Roman;
	font-style : italic;
}
#artiste #bord td#bio p#benz samp{
	font-family:Times New Roman;
	text-decoration:underline;
}


/** page Henri Sié 2 (voir #artsign  h2{}) */
#artiste  table#bord td{
	width:100%;
}
#artiste div#peintre{
	margin-top:0px; 	
	margin-bottom: 20px;
}
#artiste div#peintre p{
	text-align: center;
}
#artiste div#peintre img{
	max-width:202px; 	
	max-height:202px;
}
#artiste p{
	text-align: left;
	line-height: 10px; 
	margin-left: 0px;
}
#artiste p.par2{
        text-align: left;
	line-height: 10px; 
	margin-left: 20px; 
	margin-top: 10px;
}
#artiste  table#bord h1, #artiste  table#bord h4, 
        #artiste  table#bord h3, #artiste  table#bord h5, 
        #artiste  table#bord h6{
	font-family:Times New Roman;
	font-size:18px;
	line-height: 30px; 
	font-weight:normal;	
	text-align:left; 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:14%; 
}
#artiste  table#bord h3{
	margin-left:0px;
}
#artiste  table#bord h4, #artiste  table#bord h5{
	font-weight:bold;
	margin-top:10px;
	margin-left:30px;	
}
#artiste  table#bord h5{
	margin-top:0px;
	margin-left:60px;	
}
#artiste  table#bord h6{
	margin-left:30px;	
}
#artiste  table#bord td#bprt{
	text-align:left; 
	width:36%;
}
#artiste  table#bord td#bprt p{
	margin-bottom:10px;
}
#artiste  table#bord td#bprsv{
	width:64%;
}
#artiste  table#bord td#bprsv p{
	text-align:right; 
	width:75%; 
	margin-bottom:10px;
}
#artiste  table#bord td#btch1{
	width:25%;
}
#artiste  table#bord td#btch1 p{
	margin-top:14px; 
	text-align:left;
	font-size:16px;
}
#artiste  table#bord td#btch2{
	width:40%;
}
#artiste  table#bord td#btch2 p{
	margin-top:14px; 
	text-align:left;
}
#artiste  table#bord td#bhp{
	width:50%;
}
#artiste  table#bord td#bhp p{
	margin-top:14px;
	font-style :italic;
}

/** Henri Sié Chanteur lyrique */
#artiste marquee{
	width:180px;
	height:18px;
	text-align: left;
}

#artsign1{
	position:relative; 
	border-width:thick; 
	margin-left:3px; 
	margin-top:10px; 
	margin-right:3px;
	font-family:Times New Roman;
	font-size:18px;
	color:#0066FF; 
}
#artsign1 table{
    text-align: center; position:relative;
    border:0;
    padding:0px;
    border-spacing : 0;
    border-collapse : collapse;
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: 20px;
    empty-cells:hide;
    width:94%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
    height:auto; /** 28px; */
    background-color:#CCFFFF;    
}

#artsign1 font#idca{
    font-family:FlamencoD;
    font-size: 24px;
    color:#0066FF;
}
#artsign1 font#idhs{
    font-family:Times New Roman;
    font-size:30px;
    color:#FF0000;
    vertical-align: top;
}
#artsign1 marquee#idca{
    background-color: #CCFFFF;
    text-align: left;
    vertical-align: bottom;
    margin-left: 10px;
    width:260px;
}
#artsign1 samp#pageact, samp#nbp{
	font-weight:bold;
	font-size: 18px;
	color:#0066FF;
}
#artsign1 samp#pageact{
	color:#FF0000;
}


#artsign samp, #artiste div#peintre samp{
	text-align: center;
	font-family:Times New Roman;
	font-size:18px;
	color:#0066FF; 
}
#artsign img{
	max-height:110px;
	margin-left: 0px;
}
#artsign samp.clsp1{
	color:#CCFFFF;
	letter-spacing:32px;
	margin-right: 0px;
}
#artsign samp#pageact, div#peintre samp#pageact{
	color:#FF0000;
	font-weight:bold;
}
#artsign samp#nbp, div#peintre  samp#nbp{
	font-weight:bold;
}
#artsign marquee{
	text-align: right;
	width:240px;
	color:#0066FF;
	font-size:22px;
	font-family:FlamencoD;
}
#artsign p#idhs{
	margin-top:6px; 
	margin-bottom:0px; 
	font-weight:bold; 
	color:#FF3300; 
	font-size:24px; 
	font-family:Times New Roman;
}
#artsign p#idca{
	text-align:left; /**  left   */
	margin-top:6px; 
	margin-bottom:0px;
}
#artsign p#idac{
	text-align:right; /**  right   */
	margin-top:6px; 
	margin-bottom:0px;
}


table.clchl, table.basclb{
	font-family:Times New Roman;
	font-size:16px; 
	margin-left:40px; 
	width:94%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
	text-align:left; 
/**	text-align:justify; */
	margin-top: 0px;
	border-spacing:0px 0px;
}
table.clchl td{
	vertical-align:top;
}
table.clchl td.tdhb{
	width:50%;
}
table.clchl td#tdg{
	width:34%;
}
table.clchl td#tdd{
	width:32%;
}
table.clchl p, table.clchl h1{
	margin-top:0px; 
	margin-bottom:0px;
	margin-right:5px; 
	margin-left:5px; 
}
table.clchl h1{
	color:#0000FF; /** #0000FF #0000CD */
	font-size:20px;

}
table.basclb h1, table.basclb p{
	font-size:16px;
	font-weight:normal;	
	text-align:left; 
	margin-top:6px;
	margin-left:40px;
	margin-right:80px; 
}
/** #artiste #bord h1: page Henri Sié 2 */
table.clchl h1:first-letter, table.basclb h1:first-letter,
        #artiste #bord h1:first-letter{
	color:#FFCC00;
	font-size:48px; 
	font-family:CommercialScript BT;
	font-weight:bold;
	font-style :italic;
	text-transform: uppercase;
}

table#bascl{
	margin-left:40px; 
	margin-top: 20px; 
	margin-bottom: 40px;
	width:94%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
}
table#bascl td{
	text-align: center;
	width:33%;
	vertical-align:top;
}
table#basclb{
	margin-left:80px; 
	margin-top: 0px; 
	margin-bottom: 0px; /** width:660px; */
	width:80%; table-layout:auto; /**centre et élargit le tableau : width:100%; table-layout:auto;  */
}

/** citation « »*/
/** content:\0000AB; */
/** content:\0000BB;
q:before{
	content:"«"; 
}
q:after{
	content:"»"; 
}
 */



#artiste span, table#bascl span{
	font-family:Times New Roman;
	font-size:18px;
	color:#0066FF;
/**	font-style :italic; */
}
#artiste span.pagehs, table#bascl span.pagehs{
	color:#FF0000;
	font-weight:bold;	
}
#artiste span.nbp, table#bascl span.nbp{
	font-weight:bold;
}


/** Menu Henri Sié */
/**
ul.menu > li {display: inline; position: relative;}
ul.menu ul {display: none;}
ul.menu li.sub:hover > ul {display: block; position: absolue; white-space: nowrap;}
ul.menu > li.sub:hover > ul {top: 100%; left: 0;}
ul.menu ul li.sub:hover > ul {top: 0; left: 100%;}
*/

/** Menu Popup Henri Sié */
/**
ul.toc li {position: relative;}
ul.toc li a i {display: none;}
ul.toc li a:hover  i {display: block; width: 6em; 
        position: absolue; top: 100%; right: 0; 
        margin: 1em 0 0 1em; padding: 1em;
        background:#CDE; border: 1px solid gray;}
*/	
/**
ul.toc li a:hover  i {display: block; width: 6em; 
        position: absolue; top: 0; left: 100%; 
        margin: -1em 0 0 1em; padding: 1em;
        background:#CDE; border: 1px solid gray;}
*/

/** Gestion des tableaux de la page index */
/**
#basi{
        height:222px;
}
#basi img.deux {
        display: none;
        top: -225px; 
        left: 9px;	
        max-width:642px; 
        max-height:222px;
}
#basi:hover img.un{
        visibility:hidden;
}
#basi:hover img.deux {
        display: block;
        position: relative;
}
*/

/** *** Imade de l'accueil *** */
#basi{
/**	height:222px; */ /** même hauteur pour les images*/
}
#basi img.deux {
	display: none;
/**	left: 9px; */
	width:642px; /** déforme l'image, étire en largeur */
}
#basi:hover img.un{
/**	visibility:hidden; */
	display: none;
}
#basi:hover img.deux{
	display: block; /** centre l'image 1/2 */
	margin: 0 auto; /** centre l'image 2/2 */
/**	position: relative; image au dessus */
}
/** Si on veut afficher du texte */
div.bast {
	display: none;  
/**	visibility:hidden; */ /**	visibility:visible; */
}
#basi:hover div.bast{
/**	display: block; 
	position: relative;
*/
}


/** (<span style="color:red">Tableaux</span> disponibles : Veuillez nous CONTACTER) */
div #vdispo h2, div #vdispo a{
    font-size:22px;
}
div #vdispo h2{
    margin-bottom:20px; 
    color:#FF0000; 
}
div #vdispo span{
    color:red; 
}


/** page de contact */
/** #gmap remplacé, par #galouv td#bv3 a img{} */
img.flashcode{
    width:198px; height:200px;
}
/** page de contact : 
	D'autres Artistes, OUVERT à L'ANNEE, Google Maps, photo Galerie  */
div#galouv table{
	/** text-align: center; */
}
#galouv td{
	/**
	margin-top: 0px;
	border-spacing:0px 0px;
	empty-cells:hide;
	margin-bottom:0px;
	*/
}
/** page de contact : D'autres Artistes, OUVERT à L'ANNEE, Google Maps, photo Galerie  */
/** #dispo remplace #bas table#tbcontact #idarts{} */
div#galouv table#tbcontact #dispo{
    font-family:Times New Roman;
    font-size:24px;
    font-style:italic;
    margin-top: 8px;
    margin-bottom:4px;
}
#galouv table#tbcontact #dispo span{
    font-size:26px;
    font-weight:bold;
}
#galouv td#bv1, #galouv td#bv3{
	/** background-color: #ffd700 */
}
#galouv td#bv1 a img{
    float:  right; /** left center right */
	max-width:98px; /** max-height:190px; */
    border: 2px ridge goldenrod; /** #CCFFFF; border:0px solid #000; */
}
#galouv td#bv2{
	width:360px; 
	/** background-color: #ff0700; */
}
#galouv td#bv2 span{    
   font-size:20pt;
}
#galouv td#bv1, #galouv td#bv3{
	width:160px; 
}
#galouv td#bv3{
	text-align: left;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
	color: blue; /** color:#000000; color:#FF0000; */
}
/** remplace #gmap a img{} */
#galouv td#bv3 a img{
    float:  left; /** left center right */
    width:60px;
	height:60px;
    /** animation-direction:  alternate; */
    border: 2px ridge goldenrod; 
	margin-left: 12px; 
}
#galouv td#bv1 a img:hover, #galouv td#bv3 a img:hover {
    border: 2px ridge red; /** border: 2px ridge #ffd700; */
}







/**   Formulaire de contact mailcontact.js  */
/**   désactivé (le 23/03/2019)
  !!! Code CSS enlevé le 31/03/2019
*/