/* CSS pour AZOTH */

body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}
#contglob { /*le conteneur global du site, qui sera centré */
position: absolute;
width: 100%;
background-image: url("../textures/bronze.jpg");
}
#tete {
height: 70px;
width: 100%;
background-image: url("../textures/cheneclair.jpg");
}
#gauche {/* pousse la page */
width: 27%;
left: 0;
}
#gauche2 {
position: absolute;
width: 27%;
left: 0;
}
#sommaire{
margin-top: 20px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
padding-left: 8px;
padding-right: 8px;
padding-top: 20px;
padding-bottom: 20px;
border: groove #A0522D 4px;
background-image: url("../textures/blancdegr.jpg");
}
#centre {
position: absolute;
top: 90px;
width: 560px;
margin-left: 27%;
background-image: url("../textures/parch.jpg");
}
#centre2 {/* pousse la page */
position: relative;
margin-top: 20px;
width: 560px;
margin-left: 27%;
background-image: url("../textures/parch.jpg");
}
#lapage {
margin-top: 20px;
margin-left: 40px;
margin-right: 40px;
padding-top:60px;
padding-left:40px;
padding-right:40px;
padding-bottom:40px;
background-color: #FFFFF0;
}
#lapage1 {
margin-top: 10px;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 40px;
padding-top:30px;
padding-left:20px;
padding-right:20px;
padding-bottom:30px;
border: solid #BC8F8F 1px;
background-color: #FFFFF0;
}
#pied{
height: 50px;
background-image: url("../textures/cheneclair.jpg"); /*#A0522D;=sienna*/
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
/* précision pour Opera */
}
ol {
list-style: square outside;
font-family:verdana, sans-serif;
font-size:80%;/*ou alors large, medium, x-smal, small, x-large et xx-l..*/
color:#330000;
background-color:transparent;
text-align: justify;
}
ul1 {
list-style-type: disc;
}
ol1 {
list-style-type: decimal;
font-family:verdana, sans-serif;
font-size:80%;/*ou alors large, medium, x-smal, small, x-large et xx-l..*/
color:#330000;
background-color:transparent;
text-align: justify;
}
.menu li {
float: left;
}
.menu a {
margin-top: 20px ;
margin-left: 17px;
}
a.img1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_1.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.img2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_2.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.img3 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_3.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.img4 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_4.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.img5 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_5.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.img6 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_6.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.img7 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 90px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../textures/bout_7.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
#hautpg{
display: block; /* la balise a doit être en bloc */
     width: 84px; /* largeur de l'image réactive */
     height: 15px; /* hauteur de l'image réactive */
     background-image: url(../textures/hautpage.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
}
.menu a:hover {
  border-bottom: 1px solid #8B4513;
  border-top: 3px solid #8B4513;
  border-right: 1px solid #8B4513;
  border-left: 3px solid #8B4513;
}
.central {
text-align: center;
}
.lettre {
font-family:gothicE, sans-serif;
font-size:200%;
font-weight: normal;
color:#330000;
background-color:transparent;
}
.lettrer {
font-family:gothicE, sans-serif;
font-size:200%;
font-weight: normal;
color: #8B0000; /*darkred*/
background-color:transparent;
}
.lettre2 {
font-family:verdana, sans-serif;
font-size:120%;
font-weight: normal;
color:#8B0000;
background-color:transparent;
}
p {
font-family:verdana, sans-serif;
font-size:80%;/*ou alors large, medium, x-smal, small, x-large et xx-l..*/
color:#330000;
background-color:transparent;
text-align: justify;
text-indent: 30px; /*retrait première ligne*/
margin-bottom:0;
}
.reduit{
font-size:70%;
}
.rge{
color: #8B0000; /*darkred*/
text-indent:  0;
}
.rgecentr{
color: #8B0000; /*darkred*/
text-indent:  0;
text-align: center;
}
.vert{
color:  #556B2F; /*olive*/
text-indent:  0;
}
.bleu{
color: navy; /*marine*/
text-indent:  0;
}
.nomarge{
text-indent:  0;
}
.nomarge2{
text-indent:  -20px;
}
.marge2{
text-indent: 140px;
}
.petit{
font-size:85%;
}
.visible1 {
overflow: scroll;
}
.visible {
overflow: visible;
}
.ligne {
color: silver; /*golden*/
width: 20%;
text-align: center;
}
.titre{
font-family:verdana, sans-serif;
font-size:80%;
font-weight: normal;
text-indent: 17px;
color:  #556B2F; /*olive*/
background-color:transparent;
text-align: left;
}
.titre2{
font-family: gothicE,verdana, sans-serif;
font-size:130%;
font-weight: normal;
text-indent: 0px;
color:  #556B2F; /*olive*/
background-color:transparent;
text-align: left;
}
h1 {
font-family:gothicE, sans-serif;
font-size:140%;
font-weight: normal;
color:#330000; /*maron*/
background-color:transparent;
text-align: center;
}
h2 {
font-family:gothicE,verdana, sans-serif;
font-size:130%;
color: #8B0000; /*darkred*/
font-weight: normal;
background-color:transparent;
text-align:center;
}
h3 {
font-family:verdana, sans-serif;
font-size:95%;
color: #8B0000; /*darkred*/
font-weight: normal;
background-color:transparent;
text-align:left;
}
h4 {
font-family:verdana, sans-serif;
font-size:100%;
font-weight: normal;
color: #330000; /*crème*/
background-color:transparent;
text-align: center;
margin-top: 4px;
margin-bottom: 10px;
}
h5 { /*Titre auteur de la p accueil*/
font-family: gothicE,verdana, sans-serif;
font-size:130%;
font-weight: normal;
color:  #556B2F; /*olive*/
background-color:transparent;
text-align: center;
}
h6 { /*Titre sommaires*/
font-family: gothicE,verdana, sans-serif;
font-size:115%;
font-weight: normal;
color: #330000; /*maron*/
background-color:transparent;
text-indent: 15px;
margin-bottom: 2px;
margin-top: 12px;

}
a {/* Lien normal olive#556B2F*/
   font-style: normal;font-size: 70%;
   text-decoration: none ;
   font-weight: normal;
   font-style: italic;
   color: #330000;
}
a:hover{ /* Quand le visiteur pointe #F5DEB3 sur le lien goldenrod*/
   font-size: 70%;
   text-decoration: none;
   color: #556B2F;
   background-color:#FFFFF0;
}
a:visited {/* Lien visité darkred - sienna #A0522D*/
   font-style: normal;font-size: 70%;
   text-decoration: none ;
   font-weight: normal;
   font-style: italic;
   color: #8B0000;
}
#lienhp {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	
left: 42%;
margin-bottom: 40px;	/* placement de l'image-lien, à vous d'adapter */
width: 84px;/* dimensions selon l'image, à vous d'adapter */
height: 15px;
background: url(../textures/hautpage.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}
#lienhp a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(../textures/hautpage.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}
#lienhp a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}
a.lien1:link {/* Lien normal olive*/
color: #556B2F;
font-style: italic;
font-size: 100%;
text-decoration: none;
}
a.lien1:visited {/* Quand le visiteur a sélectionné le lien sienna*/
color: #A0522D;
font-size: 100%;
font-style: italic;
}
a.lien1:hover {/* Quand le visiteur pointe sur le lien goldenrod*/
color: #556B2F;
font-style: italic;
font-size: 100%;
text-decoration: none;
}
a.lien1:active {/* Lien avec fond wheat*/
color: #B8860B;
font-style: italic;
font-size: 100%;
}
.central{
text-align: center;
}
.dispo1{
float: left;
margin-right: 35px;
margin-left: 20px;
margin-top: 8px;
}
.tbl0{
border: none;
border-collapse: collapse;
position: center;
}
.tbl1{
border: solid  tan;/*sienna*/
border-width: 1px;
border-collapse: collapse;
}
.tbl2{
border: none;
font-family:verdana, sans-serif;
font-size: 80%;
color: #330000;
}
.tbl3{
border: solid  #A0522D;/*saddlebrown */
border-width: 2px;
border-collapse: collapse;
}
.tbl4{
border: solid  #708090;/*gris métal */
border-width: 1px;
align: center;
}
td {
border-style:solid;
border-width: 1px;
border-color: 	#708090;/*gris métal */
font-family:verdana, sans-serif;
font-size: 80%;
color: #330000;
text-align: center;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
background-color: wheat;
}
.gris{
background-color:  #D3D3D3;
text-align: center;
font-weight: normal;
}
.ciel{
background-color: #E0FFFF;
}
.ivoire{
background-color: #FFFFF0;
}
.rose{
background-color: #FFE4E1;
}
.lagon{
background-color: #7FFFD4;
}
.paille{
background-color:  	#F0E68C;
}
.td0{
border: none;
font-family:verdana, sans-serif;
font-size: 80%;
text-align: left;
font-weight: normal;
padding:10px;
}
.td1{
font-family:verdana, sans-serif;
font-size: 80%;
color: #330000;
text-align: left;
font-weight: normal;
padding:4px;
}
.td2 {
border-style:solid;
border-width:1px;
border-color: tan;
font-family:verdana, sans-serif;
font-size: 80%;
color: #330000;
text-align: left;
font-weight: normal;
padding:4px;
}
.td3{
border: none;
font-family:verdana, sans-serif;
font-size: 80%;
text-align: left;
font-weight: normal;
padding:2px;
}
.td4{
border-width:2px;
padding-left: 9px;
padding-right: 9px;
}
.tdbl {
border-style:solid;
border-width:1px;
border-color: tan;
font-family:verdana, sans-serif;
font-size: 80%;
color: blue;
text-align: left;
font-weight: normal;
padding:4px;
}