@charset "UTF-8";
/* CSS Document */

#copyright- {
		background-color: #fff ; 
		position: absolute ; 
		top: 620px ; 
		left: 200px ; 
		width: 1000px ; 
		height: 15px
		}

div#titre
		{
		position:absolute ;
		top: 20px ;
		left: 520px ;
		width: 500px ;
		height: 40px ;
		font: 2em "Optima", Arial, Helvetica, sans-serif;
		text-align: left
		}

#conteneur-onglet
{
padding: 0;
background: #fff;
		position:absolute ;
		top: 75px ;
		left: 200px ;
		width: 850px ;
		height: 30px;
}

#liste-sujets
{
margin: 0px;
display: block;
}

#liste-sujets li
{
list-style: none;
float: left;
}

#conteneur-onglet a, #liste-sujets li.extend
{
margin: 0px;
display: block;
width: 75px ;
height: 29px ;
text-decoration: none;
background: #ccc;
text-align: center;
font: normal 11px verdana, serif;
color: #000 ;
border-top: 1px solid #aaa ;
border-right: 1px solid #aaa ;
border-left: 1px solid #aaa ;
border-bottom: 1px solid #666 ;
}

#conteneur-onglet a:hover, #conteneur-onglet a#current
{
background: #ccc;
}

#conteneur-onglet a#intro
{
}

#conteneur-onglet a#current
{
padding: 2px 0px ; /* décalage pour continuité du blanc entre ongle et conteneur des miniatures */
height: 25px ;
background: #fff;
border-top: 1px solid #666 ;
border-right: 1px solid #666 ;
border-left: 1px solid #666 ;
border-bottom: 1px solid #fff ;
color: #000;
}

#conteneur-onglet li#active
{
}

div#petit_menu_horizontal
		{
		position:absolute ;
		background-color: #ddd ;
		top: 50px ;
		left: 200px ;
		width: 650px ;
		height: 50px ;
		font: 2em "Optima", Arial, Helvetica, sans-serif;
		text-align: left
		}

#conteneur_miniature {
		background-color: #fff ; 
		font-size: 1em ;
		border-left: 1px solid #666;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		position: absolute ; 
		top: 105px ; 
		left: 200px ; 
		width: 800px ; 
		height: 495px ;
		}		

	.cadre_miniature {
		margin: 0 0 0 0;
		float: left;
		width: 160px ; 
		height: 160px ;
		}

	.miniature {
		float: left ;
		position: relative ; 
		top: 10px ;
		left: 10px ; 
		width: 140px ; 
		height: 140px ;
		color: #FFF ;
		}		

div#cadre_miniature a:hover   {border: 0 none; color: #fff ; text-decoration: none ;}
div#cadre_miniature a:link   {border: 0 none; color: #fff ; text-decoration: none ;}
div#cadre_miniature a:visited   {border: 0 none; color: #fff ; text-decoration: none ;}
div#cadre_miniature a:active   {border: 0 none; color: #fff ; text-decoration: none ;}