/* ajouté td : text-align: center le 19/07/07 pour la tableau des éperons rodriguezia */

body
{
  margin-top: 0;
  margin-right: 4em;
  margin-left: 4em;
  padding: 0;
  font-family: Comic Sans MS, verdana, Cursive,arial,helvetica,sans-serif;
  font-size: 12pt;
  background-color: white;
}

/* module gauche */
div.gauche
{
  display:block;
  /*top:;*/
  left:10px;
  /*width : 10%;*/
  width: 6em;
  height: 100%;
  position:fixed;
  border-right:6px solid #8888AA;
  /*padding:10px;*/
  padding:1.2em;
  text-align:center;
  font-weight:bold;
  color:#fff;
  background : #000;
  margin-bottom: 25px;
}

#maincolumn
{
  margin-left: 10%;
  padding: 0 10px;
  margin-right: 15px;
  width: 90%;
  /*border: solid 4px red;*/

}
.basg
{
  display:block;
  position:absolute;
  bottom:60px;
  text-align:center;
  color: yellow;
}
/* * html .basg {position:absolute;}*/ 

a:active
{
  color: red;
  text-decoration: none;
}

a:link
{
  color: yellow;
  text-decoration: none;
}

a:hover
{
  color: rgb(0, 255, 0);
  text-decoration: none;
}

a:visited
{
  color: yellow;
  text-decoration: none;
}

a:visited:hover
{
  color: rgb(0, 255, 0);
  text-decoration: none;
}

a.noir:link
{
  color: blue;
  text-decoration: none;
}

a.noir:visited
{
  color: blue;
  text-decoration: none;
}

a.noir:active
{
  text-decoration: none;
}

a.noir:hover 
{
  color: rgb(0, 255, 0);
  text-decoration: none;
}

a.noir:visited:hover
{
  color: rgb(255, 0, 0);
  text-decoration: none;
}

a.vf:active
{
  color: rgb(0, 136, 0);
  text-decoration: none;
}

a.vf:link
{
  color: rgb(34, 153, 34);
  text-decoration: none;
}

a.vf:hover
{
  color: red;
  font-style: oblique;
  text-decoration: none;
}

a.vf:visited
{
  color: rgb(0, 136, 0);
  text-decoration: none;
}

a.vf:visited:hover
{
  color: red;
  text-decoration: none;
}

a.photo:active
{
  color: red;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

a.photo:link
{
  color: red;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

a.photo:hover
{
  color: rgb(0, 136, 0);
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

a.photo:visited
{
  color: red;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

a.photo:visited:hover
{
  color: rgb(0, 136, 0);
  font-weight: bold;
  text-decoration: none;
}

a.vf
{
  color: rgb(0, 136, 0);
  text-decoration: none;
}

h1
{
  border-style: ridge;
  border-width: 6px;
  margin: 0;
  line-height: 2.0em;
  font-size: 250%;
  text-align: center;
  font-weight: bolder;
  color: rgb(0, 0, 0);
  background-color: rgb(220, 240, 219);
}

#header
{
  position: absolute;
  width: 91%;
  height: auto;
  top: 0pt;
}

#main
{
  margin: 0pt;
  padding: 2em;
  position: absolute;
  width: auto;
  height: auto;
  top: 70px;
  right: 0pt;
  bottom: 0px;
  left: 0pt;
  overflow: auto;
}

h2
{
  border: ridge 5px;
  border-color: rgb(34, 34, 68) rgb(34, 34, 68) rgb(34, 34, 68) rgb(34, 51, 68);
  margin: 0pt 0pt 20px 0%;
  padding: 10px 45px 10px 30px;
  font-size: 150%;
  font-style: normal;
  color: rgb(51, 0, 204);
  background-color: rgb(220, 240, 219);
  text-align: center;
  background-image: url(../MainFiles/brasso.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
/*
@media all
{
  h2
  {
    background-image: url(MainFiles/brasso.gif);
    background-repeat: no-repeat;
    background-position: right center;
  }
}
*/
h3
{
  text-align: center;
}

h4
{
  text-align: center;
  font-style: normal;
  font-size: 1.2em;
  font-weight: normal;
}

li
{
  margin: 0pt 0pt 0pt 2%;
  list-style-image: url(bouton.gif);
}
/*
table.photo
{
  border: 0pt none;
  font-size: 12pt;
}
*/
td
{
   text-align: left;
}

div.rens
{ 
  text-indent:-7.5em;
  margin-left: 7.5em;
}

div.marge
{
  text-indent:-4.5em;
  margin-left: 3.5em;
  padding-left: 2.5em;
}


div.syno
{
  display: table-cell;
}

td.rens {
  color: rgb(221, 170, 0);
  vertical-align: top;
  text-align: left ! important;
  white-space: nowrap ! important;
}

table.grosse
{
  border-style: solid;
  border-color: rgb(136, 136, 170) rgb(64, 64, 64) rgb(64, 64, 64) rgb(136, 136, 170);
  border-width: 12px;
  padding: 0px;
  table-layout: auto;
  text-align: center;
  background-color: rgb(153, 153, 187);
  border-collapse: separate;
  /*border-spacing: 8px;*/ /* ne fonctionne pas, hélas, ave I.E. */
  /*border-collapse: collapse;*/ /* ne fonctionne pas, hélas, ave I.E. */
  margin-left: auto; /* ne fonctionne pas, hélas, ave I.E. */
  margin-right: auto;
}

td.grosse
{
  background-color: rgb(51, 51, 51);
  font-family: Copperplate Gothic,sans-serif;
  font-style: italic;
  font-size: 1.3em;
  text-align:center;
  vertical-align: bottom;
}

img.grosse
{
  /*display: block;*/
  /*float: center;*/
  border: solid 2px yellow;
  /*height: 150px;*/
  vertical-align: top;
  text-align: center;
}

img.photo
{
  border: 2px solid rgb(0, 0, 0);
  height: 150px;
  margin-right: 10px;
  margin-left: 10px;
}

td.photo
{
  color: rgb(255, 0, 0);
  font-family: Times,sans-serif;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: center;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 10px;
}


.actif
{
  color: rgb(0, 136, 0);
}

a.actif:active, a.actif:visited
{
  color: #006600;
  text-decoration: none;
}

a.actif:link
{
  color: rgb(34, 34, 153);
  text-decoration: none;
}

a.actif:hover, a.actif:visited:hover
{
  color: red;
  /*font-style: bold;*/
  text-decoration: none;
  font-weight: bold;
}

.sphoto
{ 
  color: #000;
  font-size: 75%;
  font-style: normal;
}

td.sphoto
{ 
  text-align: center;
  font-size: 75%;
}

span.photo
{
  color: rgb(255, 0, 0);
  font-family: Times,sans-serif;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  /*text-align: center;
     vertical-align: top;
     margin-right: 10px;
     margin-left: 10px;*/
}

table.photo
{
  border: 0px none ;
  padding: 0px;
  table-layout: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

span.syno
{
  color: green;
  font-family: arial,helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 0.7em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}

table.syno
{
  width: 100%;
  color: green;
  font-family: arial,helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 0.7em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: left;
  margin-left: 30px;
}
td.stitre
{
  text-align:left;
  color: rgb(221, 170, 0);
}
td.syno
{
  color: green;
  font-family: arial,helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 8pt;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: left;
  padding-right: 20px;
  vertical-align: middle;
}
table.syno td
{
  text-align: left;
}

table.tabsy
{
  border: solid 4px #007700;
  border-collapse: collapse;
  color: green;
  font-family: arial,helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 0.65em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
}

table.tabsy td
{
  text-align: left;
  border: solid 1px;
  border-left: solid 0;
  border-right: 0;
 /* top right bottom left */
  padding : 3px 10px 4px 5px;
}

span.nom
{
  color: blue;
  font-style: italic;
}

span.pays
{
  color: blue;
}

.note
{
  font-family: Verdana,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: green;
}

span.rens
{
  color: rgb(221, 170, 0);
}

span.stitre
{
  color: rgb(221, 170, 0);
}
span.transp
{
  color: transparent;
}

span.marge/*, div.marge */
{
 margin-left:30px;
}

input.bouton
{
  color: white;
  /*border: solid 4px #F00;*/
  margin: 10px 0;
  background-color: rgb(0, 100, 152);
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 12pt;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  cursor: pointer;
  height: 40px;
}

table.fin
{ 
  width:90%;
  text-align: center;
  font: bold 0.7em Times arial,sans-serif;
}

table.fin td
{ 
  text-align: center;
}

hr
{
  height: 4px;
  width: 100%;
}
p
{
  text-align: justify;
}

div.parag
{
  text-align: justify;
}
div.center
{
  text-align:center;
}
div.auteur
{
  /*margin: 30px 10px;
     border: solid 2px #ff0000;
     */
  color: rgb(255, 0, 0);
  font-family: Times,sans-serif;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: center;
  /*vertical-align: top;
  margin-right: 10px;
  margin-left: 10px;*/
}
#fin
{
  text-align: center;
}
img { border:0; }

div.auteur img
{
  border: solid 2px #ff0000;
  margin: 10px 20px;
}
td.arrow
{
  width:30px;
  background: url('arrowright.gif') 50% 0 no-repeat;
}

.spacer
{
  /*margin-top: 20px;
  margin-bottom: 20px;*/
  height: 30px;
}