/* SEULEMENT POUR LES VIEILLES PAGES */


body { 
  height: 100%;
  margin: 0;
  padding: 1em;
  background-color: #000000;/*#ddeeff;*/
  font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}


div.page {
  background-color: #fff;
  text-align: justify;
  margin: 0 auto 1em auto;
  padding: 3em 2em 1em 3em;
  width: 60%;
  border-radius: 10px;
  border: 1px solid black;
}


.a_gauche {
float : left;
}

div.pagelarge {
  color: #036;
  min-width: 750px;
  padding: 3em 2em 1em 3em;
  margin: 0 auto 1em auto;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid black;
}


div.menu {
  float: right;
  margin: 0;
  padding: 1em;
  width: 200px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
}

div.partmenu {
  font-size: 80%;	
  text-align: justify;
}

div.partmenu ul {
 padding: 0em;
 margin: 0em;
 list-style-image: url(/~torre/Images/carre.png);
}

div.partmenu p {
  text-indent: 0em;
  margin: 0em;
}




div.pied {
  background: #069;
  color: #FFF;
  border-radius: 10px;
  border: 1px solid black;  
  padding: 1em;
  margin: 2em -2em -1em -3em;
}

div.pied a {
  background: inherit;
  color: #FFF;
}

div.logos { 
  float: right;
}


legend {
  font-weight:bold;
  font-variant: small-caps;
  font-size: 100%;
  color: #069;
  padding: 0em 1em 0em 1em;
  margin: 0em;
}

fieldset {
  background-color: #FFF;
  padding: 0.5em;
  margin: 0em 0em 1em 0em;
  font-size: 95%;
  text-align: left;
  border: 1px solid #999;
}

fieldset.sommaire {
  float: right;
  margin: 1em -0.25em -0.25em 1em;
  width: 42%;
}

fieldset.sommairelarge {
  margin: 1em 1em 1em 15%;
  width: 70%;
}

fieldset span {
  font-size: 80%;
}

fieldset ul {
 padding: 0em;
 margin: 0 0 0 0.5em;
}

DIV.menu FIELDSET { 
 border: none;
}
DIV.menu FIELDSET legend { 
    visibility: hidden;
    width: 0px;
    height: 0px;
    margin: 0em;	
    padding: 0em;	
}


div.description {
  text-align: justify;
  margin : 2px 0px 15px 2px;
  font-style: italic;
}

div.presentation {
  color: #000;
  font-style: italic;
  text-align: justify;
  margin: 3em 5em 3em 3em;
}


div.presentation ul li {
  margin-right: 0;
}


/* encart */

div.encart {
  text-align: justify;
  border: 1px dashed #999;
  color: #036;
  background-color: #DEF;
  font-weight:bold;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 2em;
  padding: 1em;
}

div.encart h1 { 
  font-weight:bold;
  font-variant: small-caps;
  font-size: 100%;
  text-align: left;
  color: #069;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

div.encart p {
  text-indent: 0em;
  margin: 0em;
}

div.encart ul {
 padding: 0em;
 margin: 1em;
 list-style-image: url(/~torre/Images/carre.png);
}



/* on détourne la ligne de séparation */

hr {
  clear: both;
  visibility: hidden;
}

/* les liens hypertextes */

a:link {
  text-decoration: none;
  color: #069;
}

a:visited {
  text-decoration: none;
  color: #03C;
}

a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #069;
}

a:active {
  text-decoration: none;
  color: #069;
}

th a:link { 
  text-decoration: none;
  color: #FFF;
}

th a:visited { 
  text-decoration: none;
  color: #CCF;
}

th a:hover {
  text-decoration: none;
  color: #069;
  background-color: #FFF;
}


/* les titres */

h1 {

  background: #37A8DB;
  color: #FFF;
  border-radius: 10px;
  border: 1px solid #005285;
  margin: 5px;
  margin-left : 250px;
  padding: 1em;

  text-align: right;
  font-weight:bold;
  font-variant: small-caps;
  font-size: 180%;

}

h2 {
  counter-increment: section;
  counter-reset: subsection;
  color: #DEF;
  background-color: #069;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 110%;
  margin: 3em 0em 2em -5px;
  padding: 0.1em 1em 0.1em 5px;
  clear: both; /* pour les sommaires... */
}


h3 {
  counter-increment: subsection;
  font-weight:bold;
  font-variant: small-caps;
  font-size: 105%;
  color: #069;
  background-color: #CCF;
  text-align: center;
  margin: 1.5em 1em 0.5em 1em;
}

h4 {
  text-align: left;
  font-weight: bold;
  font-size: 100%;
  color: #666666;
  margin-left: 1em;
  margin-top: 1em;	
  margin-bottom: 0.5em;	
}


/* les listes */

ul ul {
  margin: 0.5em;
  padding: 0;
}

li {
  margin : 0.25em 2em 0em 0.25em;
  text-align: justify;
}

li li {
  font-size: 95%;
}

ul {
 list-style-image: url(/~torre/Images/item_level_1.png);
}
ul ul {
 list-style-image: url(/~torre/Images/item_level_2.png);
}
ul ul ul {
 list-style-image: url(/~torre/Images/item_level_3.png);
}
ul ul ul ul {
 list-style-image: url(/~torre/Images/item_level_1.png);
}
ul ul ul ul ul {
 list-style-image: url(/~torre/Images/item_level_2.png);
}
ul ul ul ul ul ul {
 list-style-image: url(/~torre/Images/item_level_3.png);
}


td ul {
  list-style-position: outside;
  margin-left : 0;
}
td ul li {
  margin-left : 0;
}


/* les tableaux */

table {
  border: 1px solid #999;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em 0em 1em 0em;
}

th {
  color: #FFF;
  font-weight: normal;
  background-color: #069;
  border: 1px solid #999;
  padding: 0.2em;
  font-variant: small-caps;
  font-size: 90%;

}

td {
  border: 1px dotted #CCC;
  padding: 0.2em;
  font-size: 90%;
}

td b, td strong { 
  font-weight: bold;
}

th.coinvide { 
  border-left-color: #FFF;
  border-top-color: #FFF;
  background-color: #FFF;
}


table.sansbord {
  margin: 2em;
  border: 0em;
  border-collapse: separate;
  border-spacing: 0;
}

table.sansbord td {
  border: 0em;
  padding: 2px;
}

/* Les images */

img { 
  border: 0;
  vertical-align: middle;
}

p img { 
  vertical-align: top;
}

img.encadre { 
  border: 2px solid #CCC;
}


/* paragraphes */

p { 
  text-indent: 1em;
  text-align: justify;
}

/* autres... */

sup {
  line-height:80%;
  font-size:82%;
}

tt { 
  color: #333;
}

em em { 
  font-style: normal;
}


span.alert { 
  font-weight: bold;
  color: #FF0000;
}



pre { 
  margin-left: 3em;
}