#onglets
{
    position : absolute;
    border : 1px solid transparent;
    padding : 0;
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    left : 50%;
    margin-top : 0;
    width : 430px;
	margin-left : -215px; /* la moitié de width */
}
#onglets li
{
    float : left;
    height : 21px;
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
	
}
#onglets li.active
{
    border-bottom: 1px solid gold;
    background-color: gold;
}
#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #ffd700;
}
#menu
{
    border-bottom : 1px solid #9EA0A1;
    padding-bottom : 25px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body 
{
font-size:12px ; 
padding:5px; 
background-color: black ; 
color:steelblue ;
}
h1
{
text-align : center ;
color : green
}
h2
{
text-align : center ;
}

hr
{
color : gold ;
}

.ancre
{
display: block;

font-family: "Comic Sans Ms", Times, "Times New Roman", serif;

text-align : right;

text-decoration : none ;

margin-right : 1cm ;

}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link
{
color : aliceblue ;
text-decoration : none ;
}
a:visited
{
color : aliceblue ;
text-decoration : none ;
}
a:hover
{
color : mediumblue ;
}

img
{
border:0;
}
.imageflottante
{
   float: left;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.container 
{
background-color: #666 ; 
margin:0 ; 
padding:0 ; 
border: 3px solid black; 
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.gauche 
{
font: 11px Batang, arial, serif;
text-align: center;
color: white;
position: absolute; 
left: 10px; 
width: 19%; 
padding-top: 10px;
border:none;
list-style-type: none;
}
.menu1 
{
text-decoration: none ; /* supprime le soulignement des liens */
display: list-item ; /* crée un retour à la ligne à la fin de chaque bouton */
background-color: gray ; /* couleur du bouton */
color: #191970; /* couleur du texte */
font-size: 15px ; /*taille du texte */
margin: 0px ; /* la marge extérieur autour des boutons est =0 (les boutons se touchent) */
padding: 4px; /* la marge intérieur autour des boutons est de 4 pixels*/
border: 1px solid; /* il y a une bordure solide de 1 pixel autour de chaque bouton */
border-color: silver black black silver ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align: center; /* centre le texte de chaque bouton */
width: 100px ;/* fixe la largeur de chaque bouton à 100 pixel */
list-style-type: none;
} 

.menu1:hover 
{
border-top:2px solid #333333; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */
border-bottom:2px solid gray ; /* change la couleur et l'épaisseur de la bordure basse lors du survol */
padding:3px 4px 3px 4px  /* diminue la marge intérieure haute et basse du bouton survolé, pour compenser l'augmentation de la taille de la bordure */
list-style-type:none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.centre 
{
text-align : justify ;
font : 14px "Comic Sans Ms", arial, serif;
color: black ;
margin: 0 21% 0 21%; 
border-left: 3px solid black; 
border-right: 3px solid black;
padding : 10px ;
background-color: aliceblue;
list-style-position: inside;
list-style-type: square ;
}
.centre a:link
{
color : #daa520 ;
text-decoration : none ;
}
.centre a:visited
{
color : #daa520 ;
text-decoration : none ;
}
.centre a:hover
{
color : mediumblue ;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.droitea /* configuration pour alignement JUSTIFIE */
{
position: absolute; 
right: 2%; 
width: 19%; 
color: gold; 
margin-top : 10px ;
padding-top: 10px ;
padding-left : 1.5px ;
padding-right : 2px ;
border:dashed 2px gold;
text-align: justify;
text-indent :10px ;
list-style-type: square ;
list-style-position: outside;
}
.droite
{
position: absolute; 
right: 2%; 
width: 19%; 
color: gold; 
margin-top : 10px ;
padding-top: 10px ;
padding-left : 1.5px ;
padding-right : 2px ;
border:dashed 2px gold;
text-align: center;
text-indent :10px ;
list-style-type: square ;
}

table
{
font-family: "Comic Sans Ms", Times, "Times New Roman", serif;
margin: auto ;
padding: 4px;
border: 1px ridge gold;
border-collapse: collapse;
text-align: left;
text-indent: 15px;
cursor: default;
}

td, th
{
border: 1px ridge gold;
background : steelblue ;
}
.tablehg /*Tableau Histoire Geo*/
{
font-family: "Comic Sans Ms", Times, "Times New Roman", serif;
margin: auto ;
padding: 4px;
border: 1px groove gold;
border-collapse: collapse;
text-align: left;
cursor: default;

}
.tablehg td
{
text-indent : 0px ; 
border: 2px groove khaki;
background :#6495ed ;
}
.tablekaa /*tableau Kaamelott*/
{
font-family: "Comic Sans Ms", Times, "Times New Roman", serif;
margin: auto ;
padding: 4px;
border: 1px groove gold;
border-collapse: collapse;
text-align: left;
cursor: default;

}
.tablekaa td
{
text-indent : 0px ; 
border: 2px groove khaki;
background-image: url("http://emmanuelpineau.free.fr/images/fond.jpg");
}

.ac /* alignement centré*/
{
text-indent : 0px;
text-align : center ;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/