@charset "utf-8";
/*paramètres généraux*/
html {
width: 100%;
height: 100%;
font-size: 1em;
color: #ffffff;
font-family: monospace, courier, 'courier new';
}

body {
margin: 0;
padding: 0;
text-align: center;
background-color: #000000;
width: 100%;
height: 100%;
}

div {
height: 100%;
/*border: solid;*/
margin: auto;
color: #ffffff;
padding: 5px;
overflow: hidden;
}

pre {
font-size: 30%;
overflow: hidden;
}

a{
text-decoration: none;
color: #cccccc;
font-size: 160%;
}

table{
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
border: #ff00ff /*solid*/;
}

td{
text-align: center;
}


/*Div LeBody*/
.Bd {
border: #ffffff;
width: 96%;
}
/*Fin div LeBody*/
.entete {
		position: absolute;
		height: 5%;
		text-align: left;
		font-family: monospace;
		font-size: 55%;
		font-style: italic;
		color: darkred;
		}
/*Titre*/
.Titre{
width: 98%;
height: 14%;
border: #ff0000;
}

.Titre2{
width: 97%;
height: 3px;
border: #ff0000;
}

.Tit1 {
font-family: 'courier new';
font-size: 20%;
}

.inim{
display: block;
}

/*Fin Titre*/
/*Corps*/
.Corps{
width: 98%;
height: 65%;
border: #0000ff;
}
.Corps2{
width: 97%;
height: 88%;
border: #0000ff;
}
.Cor1{
width: 97%;
height: 86%;
border: #999999;
margin-top: 1%;
}

.Cor2{
width: 96%;
height: 99%;
border: #999999;
}

.T1 {
float: left;
margin-right: 2px;
width: 30%;
height: 94%;
border: #ff0000;
overflow: hidden;
padding: 01%;
}

.T2 {
float: left;
margin-right: 16px;
width: 30%;
height: 94%;
border: #ff0000;
overflow: hidden;
padding: 01%;}
.T3 {
height: 94%;
padding: 01%;
border: #ff0000;
}
/*Fin corps*/
/*Pied*/
.Pied {
width: 98%;
height: 9%;
border: #00ff00;
}
.Pied2 {
width: 97%;
height: 2%;
border: #00ff00;
overflow: visible;}
.Pie1 {
font-family: 'courier new';
font-size: 25%;
}
.Intro {
height: 25%;

}

/* Les vignettes cliquables */

/* Irena Barbier, Mon carré. 50x50cm.*/
.T001 {
background-image: url('P240_001.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

.T002 {
background-image: url('P240_002.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

.T003 {
background-image: url('P240_003.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

.T004 {
background-image: url('P240_004.png');
display: block;
width: 160px;
height: 240px;
margin: auto;
}

.T005 {
background-image: url('P240_005.png');
display: block;
width: 240px;
height: 180px;
margin: auto;
}

.T006 {
background-image: url('P240_006.png');
display: block;
width: 200px;
height: 240px;
margin: auto;
}
.T007 {
background-image: url('P240_007.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

.T008 {
background-image: url('P240_008.png');
display: block;
width: 240px;
height: 144px;
margin: auto;
}

.T009 {
background-image: url('P240_009.png');
display: block;
width: 180px;
height: 240px;
margin: auto;
}

.T010 {
background-image: url('P240_010.png');
display: block;
width: 240px;
height: 161px;
margin: auto;
}

.T011 {
background-image: url('P240_011.png');
display: block;
width: 169px;
height: 240px;
margin: auto;
}

.T012 {
background-image: url('P240_012.png');
display: block;
width: 240px;
height: 170px;
margin: auto;
}

.T013 {
background-image: url('P240_013.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

.T014 {
background-image: url('P240_014.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

.T015 {
background-image: url('P240_015.png');
display: block;
width: 240px;
height: 240px;
margin: auto;
}

/* Fin les vignettes cliquables */

.Zoom {
width: 700;}