/*GENERALITE*/

body, html { height:100% !important; }

body, table, tr, td, div, p, img, form, ul, li
{
margin: 0px;
padding: 0px;
border: white 0px solid;
}

body { text-align: center; font-size: 12px; color: #505050; font-family: Verdana, Arial, Helvetica, sans-serif; }

a img
{
border: white 0px solid;
}

.spaceTop
{
height: 2%;
}

.menuTop
{
margin: auto;
height: 68px;
width: 600px;
text-align: left;
margin-bottom: 6px;
}

.button1List
, .button1Story
{
width: 53px;float: right; margin-right: 16px;
}

.menuFloatForSearch
{
width: 138px;
float: left;
text-align:left;
}
.searchTop
{
width: 97px;
float: right;
margin-right: 358px;}

.generalCenterNoScroll
, .generalScroll
{
margin: auto;
width: 599px !important;
overflow: auto;
text-align: left;
}

.generalScroll
{
height: 80% !important;
}

.imgSelfPortraits
{
height: 201px;
}

.press
{
text-align:left;
margin: auto;
width: 300px;
margin-bottom: 20px;
}

.imgWorks
{
text-align: center;
margin-top: 3px;
}

.imgSeries
{
height: 371px;
}

.imgSeries
, .imgSelfPortraits
{
white-space: nowrap;
overflow: auto;
text-align: center;
margin: 0px 10px 5px 10px;
}

/* pour list et story */
.ligneCompleteListe
, .ligneCompleteStory /* ! height est défini selon l'image dans list et selon le texte dans story */
{
min-height: 60px;
margin-bottom:7px;
border: white 0px solid;
position: relative;
text-align: left;
}


.lignePartieGaucheStory
{
width: 494px;
margin-left: 4px;
}

.lignePartieGaucheListe
{
width: 499px;
margin-left: 2px;
}

.lignePartieGaucheListe
, .lignePartieGaucheStory
{
float: left;
border: white 0px solid;
position: relative;
}

/* doit être répèté spécialement pour input */
input[type=submit]
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #505050;
}


.border
, input[type=submit]
{
border: #999999 thin solid;
}

a
{
text-decoration: none;
color: #660000;
}
a:hover
{
color: #CC0000;
}


input[type=submit]
{
background-color: white;
}


/* concerne les paragraphes hors d'un conteneur. */
.contact
, .mainTxt
{
width: 600px;
margin: auto;
}

/* concerne les paragraphes dans un conteneur. */
.newsTxt
, .bioTxt
, .site_info_txt
{
text-align: justify;
margin: 7px;
}

.mainTxt
, .storyTxt
{ text-align: left; }

/* SIZE */

.paintingTitle
, .storyTitle
, .storyYear

{
	font-weight: bold;
}

.storyLink
, .paintingYear
, input[type=submit]

{
	font-weight: normal;
}

.contact
{
margin-bottom:5px;
}

.cartelWorks
, .textSeries
{
float: left;
text-align: left;
padding: 4px;
width: 400px;
}

.flechesDia
{
height: 35px;
float: right;
width: 170px;
}

.flecheDiaGauche
{
float: left;
width: 56px;
}

.dateDia
{
text-align: right;
width: 50px;
float: left;
font-weight: bold;
color: #505050;
font-size: 18px;
line-height: 29px;
}

.flecheDiaDroite
{
float: right;
width: 56px;
}

.siteInfo
{
padding: 5px 7px 5px 8px;
text-align: left;
}

.imgZoom
{
height: 650px;
text-align: center;
padding-top: 20px;
}

.zoomSelfPortraits
{
margin-auto; text-align: center; padding-top: 20px;
}
.imgZoomPress
{
margin: auto;
margin-bottom: 0px;
text-align: center;
overflow: auto;
}
.cartelPaintingZoom
{
padding-top: 20px;
text-align: center;
}

.cartelZoomSelfPortraits
{
margin:auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px 0px 2px 4px;
width:550px;
}

.alert
{
	color: red;
}

.txtList

{
margin-left: 127px;
}

.findItStory
{
color: green;
}

.findItList
{
border: green 2px solid;
}

.mainImg
{
margin:auto;
margin-top:2px;
}

div, p {border: white 1px solid;}