@charset "iso-8859-1";
h1 {
font-size: 1.4em;
color: #000000;
font-weight: bold;
}
h2 {
font-size: 1em;
color: #000000;
font-weight: bold;
}
h3 {
font-size: 1.3em;
color: #CC0000;
font-weight: bold;
}
h4 {
font-size: 1.2em;
color: #ffffff;
font-weight: bold;
}
p {
color:#CC0000;
font-weight: bold;
font-size: 1.3em;
}
.imggauche {
display: block;	
float: left;
margin: 15px;
}
.imgdroite {
display: block;	
float: right;
margin: 15px;;
}
.colorocre, table td th
{
background-color: #D99B0A;
border: 6px outset #FFCCFF;
text-align: center;
}
table
{
float: left;
margin: 0px;
width: 300px;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
background-color: #D0749B;
color: #FFFFFF;
}
td
{
border: 6px outset #AC7B08;
text-align: center;
}
th {
text-align: center;
}
table.tab
 {
float: left;
margin: 0px;
width: 700px;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
background-color: #D0749B;
color: #FFFFFF;
}
td.tab
{
border: 6px outset #AC7B08;
text-align: center;
}
th.tab 
{
text-align: center;
}
.colonne { 	/* page index */
float: left;
display: inline;
text-align: center;
font-size: 1em;
color: #000000;
margin: 10px;
padding: 5px;
}
.dr { /* page index */
float: right;
display: inline;
}
.liste {
margin-left:50px;
color: #CC0000;
}
.liste li {
list-style-type: disc;
}
.listecouleur1 {
margin-left:50px;
color: #ffffff;
}
.listecouleur1 li {
list-style-type: disc;
}
.rouge {
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #CC0000;
}
.bleu {
font-weight: bold;
color: #0033FF;
}
.neutre {
list-style-type: none;
}
.center {
text-align: center;
color:#0033FF;
font-weight: bold;
font-size: 1.3em;
}
.popup { 
POSITION: absolute;
display: block;
margin-top: -290px;
margin-left: 10px;
VISIBILITY: hidden 
}
/*affichage des menus*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float: left;
width: 900px;
height:100px;
background-image: url(../temp/bgdegrad.jpg);
}
#menu dl {
float: left;
width: 120px;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color: #ffffff;
background: #A9A7BC;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #ccc;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
.frame1 {
float: left;
color: #000000;
width: 350px;
height: auto;  
margin: 5px;
padding: 5px;
background-color: #E9E9E9;
}
.frame2 {
float: right;
color: #000000;
width: 350px;
height: auto;  
margin: 5px;
padding: 5px;
background-color: #E9E9E9;
} 
.frame1-1 {
float: left;
text-align: center;
color: #ffffff;
width: 350px;
height: auto;  
margin: 15px;
padding: 5px;
background-color: #D0749B;
}
.frame2-1 {
float: right;
color: #ffffff;
width: 350px;
height: auto;  
margin: 0;
padding: 5px;
background-color: #D0749B;
} 
.frame1-3 {
float: left;
text-align: center;
color: #ffffff;
width: 350px;
height: auto;  
margin: 15px;
padding: 5px;
background-color: #D99B0A;
}
.frame2-3 {
float: right;
text-align: center;
color: #ffffff;
width: 350px;
height: auto;  
margin: 15px;
padding: 5px;
background-color: #D99B0A;
} 
.frame1-4 {
float: left;
text-align: center;
color: #ffffff;
width: 350px;
height: auto;  
margin: 15px;
padding: 5px;
background-color: #ffffff;
}
.frame2-4 {
float: right;
text-align: center;
width: 350px;
height: auto;  
margin: 15px;
padding: 5px;
background-color: #ffffff;
} 
#screen span {
		position:absolute;
		overflow:hidden;
		border:#FFF solid 1px;
		background:#FFF;
	}
	#screen img{
		position:absolute;
		left:-32px;
		top:-32px;
		cursor: pointer;
	}
	#caption, #title{
		color: #FFF;
		font-family: georgia, 'times new roman', times, veronica, serif;
		font-size: 1em;
		text-align: center;
	}
	#caption b {
		font-size: 2em;
	}