html, body {
	background-color: #DED0C7;
	font-family:verdana, georgia, serif;
	font-size:99%;
	text-align: center;
	width: 100%;
	min-width: 990px;
	margin: auto; 
}
a:hover { 
	text-decoration: underline;
	color: #900;
}

a { 
	text-decoration: none;
	color: #000;
}

h1 {
	font-family:verdana, georgia, serif;
	font-size:1.2em;
	text-shadow:2px 2px 4px #FFF;
	text-align: justify;
	color: #900;
}

h2 {
	font-family: verdana, georgia, serif;
	text-align: justify;
	font-size:0.8em;
	color: #5E4738;
} 

h3 {
	font-family:verdana, georgia, serif;
	font-size:0.8em;
	font-weight:bold;
	color: #900;
	margin-top:40px;
}

h3.analyse {
	font-size:1em;
	color: #604A01;
	display:inline;
}

h4 {
	font-size:1em;
	color: #900;
}

h4.analyse {
	font-size:0.9em;
	color: #604A01;
	margin-top:35px;
}

h5 {
	font-size:0.65em;
	color: #767676;
}

em {
	font-style:normal;
	color:#900;
}

strong {
	font-weight:normal;
	text-decoration:underline;
}

.ita-right {
	font-style:italic;
	text-align:right;
}

.c76 {
	color:#767676;
}

.c49 {
	color:#494949;
}

.c00 {
	color:#000;
}

/* Formatage des cadres */

header {
	position:absolute; 
	top:0px;
	width:800px;
	z-index:20;
}

#bord {
	position:absolute; 
	background: url(img/bordure.jpg) no-repeat;
	width:200px; 
	height:558px;
	z-index:20;
}

#topimg {
	position:absolute;
	background: #000 url(img/topimg2.jpg) no-repeat;
	left:200px; 
	width:960px; 
	height:74px;
}

#logo {
	position:absolute; 
	background: #000 url(img/boeuf_liger.jpg) no-repeat;
	top:20px; 
	left:20px; 
	width:202px; 
	height:152px;
	z-index:50;
	opacity:0.8;
}

#titre1 {
	position:absolute;
	left:225px;
	margin: 5px 5px 5px 5px;
	width: 500px;
	z-index: 20;
}

#titre2 {
	position:absolute;
	top: 70px; 
	left:722px;
	margin: 5px 5px 5px 5px;
	width: 70%;
}

#titre2 p {
	font-family:verdana, georgia, serif;
	font-size:0.7em;
	font-weight:bold;
	text-align:justify;
	color:#900;
}

#titre2 a:hover {
	color: #900;
	text-decoration:underline;
}

#menu { /* cadre pour le menu */
	position:absolute;
	width:415px;
	top: 22px; 
	left:220px;
	border-bottom:solid 3px black ; /* crée le trait noir en-dessous des onglets */
	padding-left: 500px;
	padding-top:30px ; /* marge intérieure haute */
	padding-bottom:2px ; /* marge intérieure basse */
	z-index: 40;
}

.onglet { /* style des onglets inactifs */
	border:solid 1px black ; /* encadrement */
	margin-bottom: 3px ; /* marge extérieure */
	padding:3px; /* marge intérieure */	
	opacity:0.8;
	background-color:#DED0C7 ; /* le fond de l'onglet est gris */
} 

a.onglet { /* style des liens se trouvant dans un onglet inactif */
	font-size : 0.7em;
	color:#900 ;
	font-weight: bold;
	text-decoration:none; 
} 

.onglet-actif { /* style de l'onglet de la page active */
	border:solid 2px black ; /* l'encadrement est porté 2 pixels */
	border-bottom:solid 3px black ; 
	margin-bottom: 3px ; /* marges intérieures */
	padding:3px ; /* marges extérieures */  
	color:#000 ;
	font-size : 0.7em;
	font-weight: bold;
	background-color:#DED0C7;
	opacity:0.8;
} 

#cadre1 { /* section principale  */
	position:absolute;
	top: 100px; 
	left:230px;
	margin: 5px;
	font-size: 1em;
	font-family: verdana, georgia, serif;
	text-align: justify;
	width: 70%;
}

#cadre2 { /* cadre principal pour peintures.php */
	position:absolute;
	top: 140px; 
	left:230px;
	margin: 5px ;
	font-family: verdana, georgia, serif;
	font-size: 0.75em;
	text-align: justify;
	overflow: hidden;
	z-index: 25;
}

#cadre2-peints {
	width: 50%;
}

#texte1 { /* article dans index */
	position:relative;
	top: 15px; 
	left:20px;
	margin: 5px;
	font-family: verdana, georgia, serif;
	font-size:0.9em;
	text-align: justify;
	width: 60%;
}

a#texte1, #texte1 em {
	color: #900;
	font-style:normal;
}

#texte2 {
	position:relative;
	top: 30px; 
	left:20px;
	margin: 5px;
	width: 80%;
	z-index:10;
}

#texte2 p {
	font-family:verdana, georgia, serif;
	font-size:0.7em;
	font-weight:bold;
	color:#900;
}

#texte2 .histo  {
	color:black;
	font-weight:bold;
}

#texte3 {
	position:relative;
	top: 30px; 
	left:20px;
	margin: 5px;
	width: 80%;
}

#couv { /* cadre couverture bouquin dans index */
	position:absolute;
	top: 150px; 
	left:680px;
	margin: 5px;
	width: 156px;
	height: 240px;
	border:2px black solid;
	z-index:20;
}
#photo_livre { /* cadre couverture bouquin dans index */
	position:absolute;
	top: 110px; 
	left:488px;
	margin: 5px;
	width: 400px;
	height: 287px;
	background: url(img/tranche.jpg) no-repeat;
	border: 2px black solid;
}

footer {
	position:relative;
	top:50px;
	width:90%;
	font-family:verdana, georgia, serif;
	font-size:0.8em;
    text-align: center;
	padding-bottom:10px;
	clear:both;
	
}

.foot-stats {
	position: absolute;
	top: 450px;
}

.foot-tab {
	position: absolute;
	top: 830px;
}


.foot-moteur {
	font-size:1em;
	height:170px;
}

/* cadres spécifiques dans tab_peints.html */

#peints { /* cadre secondaire pour peintures */
	position:absolute;
	top: 230px; 
	margin: 5px;
	font-family: verdana, sans-serif;
	font-size: 75%;
	text-align: justify;
	overflow: hidden;
	background-color: #DED0C7;
}


/* Vignettes dans bios.html */

#bio img {
	border:0;
	margin:5px;
	opacity:0.7;
}
#bio-img1 { /* vignette bio bosc */
	position:absolute;
	top: 1350px; 
	left:440px;
	width: 50%;
}
#bio-img2 { /* vignette bio bourgelat */
	position:absolute;
	top: 1650px; 
	left:490px;
	width: 50%;
}
#bio-img3 { /* vignette bio buffon */
	position:absolute;
	top: 1800px; 
	left:0px;
	width: 20%;
}
#bio-img4 { /* vignette bio chabert */
	position:absolute;
	top: 2000px; 
	left:400px;
	width: 50%;
}
#bio-img5 { /* vignette bio delafond */
	position:absolute;
	top: 2700px; 
	left:490px;
	width: 50%;
}
#bio-img6 { /* vignette bio deyeux */
	position:absolute;
	top: 2950px; 
	left:450px;
	width: 50%;
}
#bio-img7 { /* vignette bio huzard */
	position:absolute;
	top: 4650px; 
	left:450px;
	width: 50%;
}
#bio-img8 { /* vignette bio parmentier */
	position:absolute;
	top: 7350px; 
	left:470px;
	width: 50%;
}
#bio-img9 { /* vignette bio serres */
	position:absolute;
	top: 8750px; 
	left:500px;
	width: 50%;
}
#bio-img10 { /* vignette bio tessier */
	position:absolute;
	top: 9050px; 
	left:550px;
	width: 50%;
}

/* Gestion des tableaux (tab_peints) */

td.notgauche {
	text-align: right;
	color: #5E5955;
	height:25px;
	width:245px;
	vertical-align:top;
	padding-top:5px;
	border:0px;
}
td.notdroite {
	width:585px;
	vertical-align:top;
	padding-top:5px;
	text-align:justify;
	border:0px;
}
.notice {
	border-collapse: collapse;
	border:0px;
}
table.tablesorter {
	width: 1040px;
	border-spacing:1px;
}
thead.fixedHeader tr {
	position: relative;
	display: block;
}
tbody.scrollContent {
	display: block;
	height: 500px;
	overflow: auto;
	width: 1040px;
	text-align:left;	
}
tbody.scrollContent td {
	width: 132px;
}
tbody.scrollContent td + td {
	width: 50px;
}
tbody.scrollContent td + td + td {
	width: 290px;
}
tbody.scrollContent td + td + td + td {
	width: 40px;
}
tbody.scrollContent td + td + td + td + td {
	width: 80px;
}
tbody.scrollContent td + td + td + td + td + td {
	width: 70px;
}
tbody.scrollContent td + td + td + td + td + td + td {
	width: 180px;
}
tbody.scrollContent td + td + td + td + td + td + td + td {
	width: 56px;
}
.w129 { 
	width:129px;
}
.w63 { 
	width:63px;
}
.w282 { 
	width:282px;
}
.w67 { 
	width:67px;
}
.w93 { 
	width:93px;
}
.w73 { 
	width:73px;
}
.w175 { 
	width:175px;
}
.w52 { 
	width:52px;
}
.w90 { 
	width:90px;
}
.w100 { 
	width:100px;
}


/* Tableaux pour l'analyse des peintures (ana_peints.php) */
.tab1-ana {
	border-collapse: collapse;
	height:50px;
}

.tab1-ana th, td {
	border:1px #5E4738 solid;
	padding:5px;
}

.tab1-ana thead, tbody {
	text-align:center;
}

/* 		STYLES DE LA BOITE DE SUGGESTION A PERSONNALISER (peintures.php) */

.suggestionsBox {
	position: absolute;
	left: 290px;
	margin-top: -50px;
	width: 200px;
	height:auto;
	background-color: #fff;
	border-radius: 7px;
	border: 2px solid #fff;	
	color: #000;
	z-index: 30;
	display:none;
}
	
.suggestionList {
}
	
.suggestionList li {
	margin: 0px 15px 3px 15px;
	padding: 3px;
	cursor: pointer;
	list-style:none;
}
	
.suggestionList li:hover {
	background-color: #ffa800;
	color:#fff;
}

/* résultats affichés du moteur */

#results { /* cadre principal pour la liste des résultats */
	position:absolute;
	top: 130px; 
	left:250px;
	width:60%;
	margin: 5px;
	font-family: verdana, sans-serif;
	font-size: 0.75em;
	text-align: justify;
	background-color: #DED0C7;
}
#results a { 
	text-decoration: none;
	color: #604A01;
	font-size: 100%;
}

#results a[href]:hover {
	color: #000;
	text-decoration:underline;
}

#results table {
	left:400px;
	background-color: #F8E8DF;
	/*border-width: 1px; border-style: solid; border-color: #000000;*/
}

#mot-rights {
	position:absolute;
	top:450px;
	left:22px;
	width:200px;
	margin:auto;
	color: #5E4738;
	opacity:0.7;
	font-size:0.7em;
	font-weight:bold;
	z-index:40;
}
#mot-rights a {
	color: #5E4738;
}
#mot-rights a:hover {
	text-decoration:underline;
	color: #000;
}
.pages {
	text-align:center;
}

/* Styles spécifiques à peintures.php (moteur de recherche) */

#brique1 {
	width:94%;
	margin:auto;
	display: none;
	padding:10px;
	border:1px solid #000;
	background-color:#DED0C7;
}

#brique1 a {
	text-decoration:none;
}

.sup {
	font-size:0.8em;
	vertical-align: super;
}

img[alt="<-"] {
	padding-bottom:2px;
	width:18px;
	height:18px;
	border:0;
	vertical-align:bottom;
}

img[alt="<>"] {
	padding-bottom:1px;
	width:18px;
	height:18px;
	border:0;
	vertical-align:bottom;
}

img[alt="<<"] {
	width:18px;
	height:18px;
	border:0;
	vertical-align:bottom;
}

img[alt="upArrow"] {
	position: relative; 
	top: 15px; 
}

img[alt=">>"] {
	padding-bottom:2px;
	width:18px;
	height:18px;
	border:0;
	vertical-align:bottom;
}

span.sbox input {
	background: url('img/recherche/champfon.gif') repeat-x top left;
	border: 0;
	height: 18px; 
	padding: 1px 5px 0px 0px;
	font: 12px arial;
	color: #000;
}
span.sbox select {
	background: url('img/recherche/champfon.gif') repeat-x top left;
	border: 0;
	height: 18px; 
	padding: 1px 5px 0px 0px;
	font: 12px arial;
	color: #000;
	background-color: #ffffff;
}

.image_input {
	background-image:url("img/recherche/champbou.gif"); /*repeat-x;*/
}

.black  {
	color: black;
}