/* ------------- corps de page --------------*/
BODY  { color: white; background-color: black; text-align: justify; }

/* ------------- les liens --------------*/
a:link { color: red }
a:visited { color: white }
a:active { color: white }

/* ------------- les titres --------------*/
h1  { color: red; font-size: xx-large; text-align: center }
h4 { color: white; font-style: normal; font-weight: lighter; font-size: 11px; text-align: center }
.logiciel   { color: white; font-weight: 900; font-size: 22px; text-decoration: underline; text-align: left }
.titre  { color: #c00; font-size: large; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
.titre_info  { font-size: 150%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center }
.titre_mention { font-size: 110%; text-decoration: underline; }

/* ------------- les paragraphes --------------*/
.paragraphe_gauche { text-align: left }
.paragraphe_droite { text-align: right }
.paragraphe_centre { text-align: center }
.paragraphe_justifie { text-align: justify }
.paragraphe_copyleft { text-align: center; font-size:9px }
.mention { text-indent: 20px; display: block; font-size: 100%; }

/* ------------- les tableaux --------------*/
.tableau_lien_armes  { text-align: center; margin-right: auto; margin-left: auto; width: 90%; vertical-align: middle; border-width: 0; border:0 }
.tableau_armes { text-align: justify; margin-right: auto; margin-left: auto; vertical-align: middle; border-width: 0; border:0 }
.tableau_prog { width: 100%; text-align: center; margin-right: auto; margin-left: auto; vertical-align: middle; border-width: 0; border:0;}
.tableau_prog td {width: 20%; text-align: center; }
.tableau_mesimages { text-align: center; margin-right: auto; margin-left: auto; vertical-align: middle; border-width: 0; border:0;}

/* ------------- les images --------------*/
.image { border-width: 0; border:0 }
.image_accueil { width: 20px; height: 20px; border-width: 0; border:0 }
.image_mesimages { width: 102px; height: 77px; border: 0; border-width: 0; }
.image_armes { text-align: left; margin-right: 5%; width: auto; float: left; clear: right }
.image_programe { margin: 10 10 0 0; }
.image_leviathan_haut {	top: 0px; }
.image_leviathan_bas { bottom: 0px;	position: absolute; }

/* ------------- image index --------------*/
.tableau  { background-image: url("xhtml/images_index/pentacle.jpg"); background-repeat: no-repeat; background-position: center; position: static; height: 600px }

/* ------------- mise en forme --------------*/
.espace { visibility: hidden; width: 100%; height: 29px }
.clear  { clear: both }
.container { margin-bottom: 0; position: absolute; }
.droite { right: 0px; position:absolute; width: 253px; margin-right: 10px; height: 100%; }
.droite_11sept { right: 0px; position:absolute; width: 371px; margin-right: 10px; height: 100%; }
.text_leviathan { margin-right: 263px; }
.text_11sept { margin-right: 391px; }


/* ------------- en test --------------*/


.tableau_index {background-image: url("xhtml/images_index/pentacle.jpg"); background-repeat: no-repeat; background-position: center; position: static; height: 600px; margin-right: auto; margin-left: auto; vertical-align: middle; border-width: 0; border:0;}
.tableau_index td {width: 40px; height: 40px; }
.index {background-image:url(Images/Index/Pentacle.jpg); background-repeat:no-repeat; background-position:center; background-attachment: inherit; height: 600px;}
.menu { position:absolute; top:45%; left:45%; right:45%; bottom:45%; }
.choix_cat {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-align: center; font-size:16px }
.choix_cat2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; text-align: center; font-size:18px  }