/****************/
/* Mise en page */
/****************/
body { 
text-align: center; 
}
h1 {
margin-top:5px;
margin-bottom:0px;
padding: 0 0 0 0;
width: 460px;
border:solid 1px #000000;
background-color:#FF6633;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
text-decoration:none;
color:#FFFF00;
text-align:center;
vertical-align:middle;
}
h2 {
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#AA0000;
text-align:left;
text-decoration:underline;
}
h3 {
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF6633;
text-align:left;
text-decoration:underline;
}
h4 {
padding: 1px 10px 1px 10px;
margin:0px;
font-size:12px;
text-align:justify;
}
hr {
width:80%;
height: 1px;
border: 0px;
background-color: #DDDDDD;
}
p {
padding: 1px 10px 1px 10px;
text-indent:20px;
text-align:justify;
}

.signature {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF6633;
}

.listeAlpha li {
text-align:justify;
list-style-type: upper-latin;
margin-left:5px;
padding: 1px 5px 1px 5px;
}
.listeSommaire, .listeSommaire li {
text-align:justify;
list-style-type:disc;
margin-left:15px;
padding: 1px 10px 1px 10px;
}
.listeTexte, .listeTexte li {
text-align:justify;
list-style-type:circle;
margin-left:20px;
padding: 1px 10px 1px 10px;
}
.listeLiens, .listeLiens li {
text-align:justify;
list-style-type:disc;
margin-left:20px;
padding: 1px 10px 1px 3px;
}
.vignette {
width:160px;
float: right;
margin:0px;
padding: 5px;
border:0px;
}

.vignette img {
width:150px;
margin:5px;
}

.vignette2 {
width:160px;
float: left;
margin:0px;
padding: 5px;
border:0px;
}

.vignette2 img {
width:150px;
margin:5px;
}

.langue th{
background-color:#FF6633;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFF00;
vertical-align:top;
}
.langue td{
background-color:#FFFFFF;
}

/**********************/
/* Style des Tableaux */
/**********************/

.tableConteneur {
background-image:url(../Images/khazaf.gif);
width:780px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.cellFrise {
height: 150px;
}

.cellMenuGauche {
width: 155px;
vertical-align: top;
}

.cellContenu {
width:470px;
margin:0px;
padding:0px;
text-align:center;
vertical-align: top;
}

.cellMenuDroit {
width: 155px;
vertical-align: top;
text-align:right;
}

.cellMenuBas {
height: 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#AA0000;
text-align:center;
vertical-align:bottom;
}

.tableContenu {
width:460px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
text-align:left;
}

.fondContenu {
background-color:#FFFFCC;
border:solid 1px #000000;
}

.tableChronologie {
text-align:left;
}

.tableChronologie th {
background-color:#FF6633;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFF00;
}

.cellDate {
font-weight:bold;
width:100px;
}

.tableCri {
width:100%;
margin:0px;
border:0px;
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:10px;
}

.tableCri th {
background-color:#FF6633;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFF00;
}
.cellTitre {
text-align:center;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF6633;
}

/********/
/* Menu */
/********/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

/***************/
/* Menu Gauche */
/***************/
#menuGauche {
position: float;
top: 0;
left: 0;
}
#menuGauche {
width: 145px;
}
#menuGauche dt {
cursor: pointer;
margin: 5px 0;
padding:0px 0 0 30px;
height: 30px;
line-height: 15px;
font-size:11px;
font-weight:bold;
color: #FFFF00;
border: 0px;
background-image:url(../images/fondMenu.jpg);
}
#menuGauche dd {
border: 1px solid gray;
}
#menuGauche li {
padding:2px;
text-align: left;
background: #FFFFFF;
}
#menuGauche li a:link, #menuGauche li a:visited, #menuGauche dt a:link, #menuGauche dt a:visited {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menuGauche li a:hover, #menuGauche dt a:hover {
color: #FFFF00;
background: #FF6633;
}

/**************/
/* Menu Droit */
/**************/
#menuDroit {
position: float;
float:right;
top: 0;
left: 0;
}
#menuDroit {
width: 145px;
}
#menuDroit dt {
cursor: pointer;
margin: 5px 0;
height: 45px;
line-height: 15px;
text-align: center;
font-weight:bold;
font-size:11px;
color: #FFFF00;
border: 1px solid gray;
background: #FF6633;
}
#menuDroit dd {
border: 1px solid gray;
}
#menuDroit li {
padding:2px;
text-align: left;
background: #FFFFFF;
}
#menuDroit li a:link, #menuDroit li a:visited, #menuDroit dt a:link, #menuDroit dt a:visited {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menuDroit li a:hover, #menuDroit dt a:hover {
color: #FFFF00;
background: #FF6633;
}

/**************/
/* Menu Info Marquee */
/**************/
#infoMarquee {
position: float;
float:right;
top: 0;
left: 0;
}
#infoMarquee {
width: 145px;
}
#infoMarquee dt {
cursor: pointer;
margin: 5px 0;
height: 30px;
line-height: 15px;
text-align: center;
font-weight:bold;
font-size:11px;
color: #FF0000;
border: 1px solid gray;
background: #ffffff;
}
#infoMarquee dd {
border: 1px solid gray;
}
#infoMarquee marquee {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
padding:1px;
}

#infoMarquee a:link, a:visited {
color:#FF6633;
}
#infoMarquee a:hover {
color:#FFFF00;
}

/******************/
/* Style de Texte */
/******************/

.source {
font-style:italic;
text-align:left;
}
.source2 {
font: 10px  Arial, Helvetica, sans-serif;
font-style:italic;
color: #AA0000;
text-align:center;
}
.discours {
font: 12px  Arial, Helvetica, sans-serif;
color: #336633;
font-weight:bold;
text-align:justify;
}
.TexteMarron {
color:#336633;
text-decoration:none;
}
.texteIntro {
font: 12px  Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:justify;
}
.texteRouge {
color:#FF0000;
}
.texteVert {
color:#336633;
font-weight:bold;
text-decoration:none;
}
a:active {
font: 12px  Arial, Helvetica, sans-serif;
color: #336633;
text-decoration: underline;
}
a:link {
font: 12px  Arial, Helvetica, sans-serif;
color: #336633;
text-decoration: underline;
}
a:visited {
font: 12px Arial, Helvetica, sans-serif;
color: #336633;
text-decoration: underline;
}
a:hover {
font: 12px  Arial, Helvetica, sans-serif;
color: #FF9900;
text-decoration: underline;
}


.cellMenuBas a:active {
font: 10px  Arial, Helvetica, sans-serif;
color: #AA0000;
text-decoration: underline;
}
.cellMenuBas a:link {
font: 10px  Arial, Helvetica, sans-serif;
color: #AA0000;
text-decoration: underline;
}
.cellMenuBas a:visited {
font: 10px Arial, Helvetica, sans-serif;
color: #AA0000;
text-decoration: underline;
}
.cellMenuBas a:hover {
font: 10px  Arial, Helvetica, sans-serif;
color: #FF6633;
text-decoration: underline;
}
