/*****************************************/
/* ENVIRONNEMENTS STRUCTURANTS DES PAGES */
/*****************************************/

/* l'ensemble du document */

html, body { 
  height: 100%;
  margin: 0;
}


html { 
  background: #DEF url(/~torre/Images/background.png);
}

div#world {

  color: #036;

  font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;

  min-height: 100%;
  width: 750px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;

  background: url(/~torre/Images/bgline.png) center repeat-y;
}

div#main {
  padding-bottom: 50px; /* pour ne pas marcher sur le pied ! */
  overflow: hidden;
}

div#foot {
  background: #069; /* url(/~torre/Images/header.png);*/
  position: absolute;
  bottom: 0;
  width: 750px;
  color: #FFF;
}

div#content {
  float: left;
  width: 530px;
  margin-left: 10px;
}
div#largecontent {
  background-color: #FFF;
  float: left;
  width: 730px;
  margin-left: 10px;
  padding-bottom: 2em;
  margin-bottom: -2em;
}

div#sidebar {
  float: right;
  width: 200px;
}

div#head {
  background: #069; /* url(/~torre/Images/header.png);*/
  color: #FFF;
  min-height: 101px;
  padding: 1em;
}

/* page et pagelarge pour compatibilité avec css < 2007 */

div.page {
  background-color: #FFF;
  text-align: justify;
  padding: 3em 2em 0em 3em;
  width: 750px;
}

div.page {
  margin: 0em 5% 0em 20%;
}

div.pagelarge {
  color: #036;
  font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  min-height: 90%;
  width: 750px;
  padding: 10px;
  margin: 0 auto;
  position: relative;
  background: url(/~torre/Images/bgemptyline.png) center repeat-y;
}



/* l'en-tête */

div.header {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #069;
  color: #FFF;
  padding: 5px 10em 5px 1em;
  white-space: nowrap;
  width: 100%;
}

span.nomsite { 
  font-size: 120%;
  font-weight: bold;
}

div.header div.forms, div#head div.forms { 
  float: right;
  margin: 0;
  padding: 0;
}

div.header form, div#head form { 
  display: inline;
  margin: 0 0 0 0;
  padding: 0;
}

div.header form input, div.header form select, div#head form input, div#head form select { 
  border: 0px solid #FFF;
}

/* navigation */

p#usernavig {
    text-align: right;
    font-size: 80%;
}

div#wikipath {
    text-align: right;
    margin: 2em -0.5em 2em -1em;
    padding-right: 2em;
    font-size: 80%;
    font-weight: bold;
}

/* menu et annonces à mettre sur le côté */

div.menu {
  margin-top: 2em;
  float: left;
  padding: 0em;
  width: 20%;
}

div.partmenu {
  padding: 1em;
  font-size: 80%;	
  text-align: justify;
  border-bottom: 1px dashed #999;
}

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

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

/* pied de page */

div.pied {
  background: #069;
  width: 750px;
  color: #FFF;
}

div.logos { 
  float: right;
}

div.path, div.signature { 
  font-size: 90%;
}
div.path { }

/* autres éléments communs à la majorité des pages */

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.menuleftright { 
  float: right;
  text-align: left;
  margin: 2em 2em 1em 4em;
}

div.itemleftright { 
  font-size: 95%;
}






/* Les sommaires */

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 1em 1em 1em;
  width: 33%;
}

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.blocsommaire { 
  width: 50%;
  float: left;
}

.sommaire ul, .sommairelarge ul {
 list-style-image: url(/~torre/Images/item_level_1.png);
}

.sommaire ul li, .sommairelarge ul li {
  list-style-image: url(/~torre/Images/item_level_1.png);
  margin: 0 0 0 1em;
  font-size: 80%;
}

/* 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);
}


/************************/
/* Autres éléments HTML */
/************************/

/* 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;
}

div.suite { 
  text-align: right;
}

a.liencorrection { 
  padding: 0px 10px 3px 10px;
  border: 1px dotted #CCC;
}

/* les titres : ni h5 ni h6 dans mes documents */

h1 {
  text-align: right;
  font-weight:bold;
  font-variant: small-caps;
  font-size: 180%;
  margin-top: 1em;
}

div.article h2:before { 
  content: counter(section) ". ";
}

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;
}

div.article h3:before { 
  content: counter(section) "." counter(subsection) " ";
}

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;	
}

div.algorithm h1, div.exemple h1 { 
  font-weight:bold;
  font-variant: normal;
  font-size: 105%;
  color: #069;
  padding: 0em 1em 1em 1em;
  margin: 0em -1em 2em -1em;	
  border-bottom: 1px solid #069;
}

/* 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);
}

div.poursuite {
    margin-top: 4em;
}
div.details, div.aussi {
    margin: 0em -9px 0 -10px;
    padding: 1em;
}
div.details {
    background-color: #CFC;
}
div.aussi {
    background-color: #FF9;
}

div.details h2, div.aussi h2 {
  margin-top: 0em;
}
div.details ul, div.aussi ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

li.folder {
    background-image: url(/~torre/Images/folder.png);
}
li.file {
    background-image: url(/~torre/Images/file.png);
}
li.extlink {
    background-image: url(/~torre/Images/www.png);
}

li.folder, li.file, li.extlink {
    background-repeat: no-repeat;
    background-position: 8px 5px;
    padding-left: 48px;
    margin: 0 1em 0 0;
}

ul.folders {
  list-style: url(/~torre/Images/folder.png) inside;
}

ul.files {
  list-style: url(/~torre/Images/file.png) inside;
}

ul.folders li a, ul.files li a, ul.folders li em, ul.files li em {
  vertical-align: super;
}



div.application {
  margin: 1em 2em 0em 2em;
}

div.application a img {
  float: right;
  margin-top: -0.5em;
}

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

dl {
  margin-left: 1em;
  margin-right: 1em;
}

dt {
  padding-left: 1em;
  color: #333;
  background-color: #FFC;
  font-variant: small-caps;
  border-top: solid 1px #333;
}

dd {
  margin-bottom: 1em;
}

/* 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;
}

div.photodemoi { 
  width: 200px;
  margin-left: 2em;
  margin-top: 0em;
  margin-bottom: 2em;
  padding-top: 2em;
  float: left;
}

div.photodemoi img { 
  width: 200px;
  border: 2px solid #9CC;
}

/* paragraphes */

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

/* autres... */

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

tt { 
  color: #333;
}

em em { 
  font-style: normal;
}


/******************************/
/* ENVIRONNEMENTS SPECIFIQUES */
/******************************/

/* algorithmes, définitions, examples, code */

div.algorithm {
  border: 1px solid #069;
  font-family: "courier new", monospace;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 2em;
  color: #000;;
  padding: 1em;
}

div.definition {
  border: 1px solid #999;
  background-color: #FFF;
  font-size: 110%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 2em;
  padding: 1em;
}

div.exemple {
  border: 1px solid #999;
  color: #000;
  background-color: #FFC;
  font-family: "courier new", monospace;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 2em;
  padding: 1em;
}

div.exemple pre, div.algorithm pre { 
  margin: 0em;
  padding: 2em;
  overflow: auto;
}

pre { 
  margin-left: 3em;
}

pre.code {
  border: 1px solid #069;
  font-family: "courier new", monospace;
  font-size: 110%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 2em;
  padding: 1em;
  overflow: auto;
}

div.code { 
  font-family: "courier new", monospace;
  white-space: pre;
  overflow: auto;
}

div.exercice { 
  border: 1px dashed #CCC;
  margin-bottom: 1em;
  padding: 1em;
}

/* citations */

div.citation { 
text-align: right;
font-size: small;
margin: 1em 0 2em 0;
}

div.citation:before {
  content:url(/~torre/Images/quotes.gif);
}

/* des publications, bibliographies, etc. */

img.biblio {
  margin-right: 0;
  width: 100px;
  float: right;
}

/* div.biblio : inutile */
div.biblio {
  padding: 1em;
  margin-bottom: 5em;
}

div.publication { 
  width: 90%;
  background-color: #EEE;
  margin: 1em auto 1em auto;
  padding: 1em;
}

div.publication span.auteurs { 
  font-variant: small-caps;
}

div.publication span.titre { 
  font-style: italic;
}

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


/*********************/
/* PAGES SPECIFIQUES */
/*********************/

/* moteur de recherche */

div.searchanswer { 
  margin: 1em 1em 2em 1em;
}

/* emploi du temps */

table.edt tr { 
  height: 4em;
  background-color: #FFF;
}

table.edt em { 
  color: #F90;
  font-size: 100%;
  border-bottom-style: dotted;
  border-bottom-width: 2px;
}

table.edt th {
  font-size: 80%;
}

td.edt, td.edtteaching, td.edtadmin, td.edtscience, td.edtperso {
  border : 1px dashed #666;
  padding: 0.2em;
}

td.edt {
  background-color: #EEE;
}

td.edtteaching {
  background-color: #FCC;
}

td.edtscience {
  background-color: #CFC;
}

td.edtadmin {
  background-color: #CCF;
}

td.edtperso {
  background-color: #FF9;
}

td span.theme, td span.public, td span.lieu { 
  font-size: 80%;
}
span.theme { 
  display: block;
  white-space: nowrap;
}
span.public { 
  color: #000;
  display: block;
  white-space: nowrap;
}
span.lieu { 
  color: #C63;
  display: block;
  white-space: nowrap;
}

tr.fini td { 
  background-color: #EEE;
}

/* tableaux des pages de statistiques du site */

tr.enseignement { 
  background-color: #CFF;
}

tr.recherche { 
  background-color: #FFC;
}

tr.perso {
  background-color: #FCF;
}

tr.externe {
  background-color: #CCC;
}

/* plan du site (surveiller la profondeur maximale) */

div.plan {
  padding: 0.5em 0.5em 0em 0.5em;
  margin: 0 0.5em 0 1.5em;
  font-size: 95%;
}

div.plan div.plan { 
  padding-top: 0.25em;
  border-left: 1px solid #000;
}
div.plan div.plan div.plan { 
  padding-top: 0.1em;
  border-left: 1px solid #069;
}
div.plan div.plan div.plan div.plan { 
  padding-top: 0.05em;
  border-left: 1px dotted #000;
}
div.plan div.plan div.plan div.plan div.plan { 
  padding-top: 0em;
  border-left: 1px dotted #069;
}

/* nuage de mots-clefs */

div.nuagerecherche,div.nuageperso,div.nuageenseignement,div.nuageexterne,div.nuagemisc  {
  line-height: 35px;
  font: normal small verdana, arial, helvetica, sans-serif;
  text-align: justify;
  border:1px solid #000;
  margin: 0em 12% 3em 12%;
  padding: 1em 1.5em 1em 1.5em;
}

div.nuagerecherche  {
  color: #000;
  background-color: #FFC;
}

div.nuageperso  {
  color: #000;
  background-color: #FCF;
}

div.nuageenseignement  {
  color: #000;
  background-color: #CFF;
}

div.nuageexterne  {
  color: #000;
  background-color: #CCC;
}

.nuage a {
  text-decoration:none;
  white-space: nowrap;
}

a.level1  {font-size:12px;color:#999;}
a.level2  {font-size:14px;color:#999;}

a.level3  {font-size:16px;color:#47657B;}
a.level4  {font-size:18px;color:#47657B;}

a.level5  {font-size:20px;color:#333;}
a.level6  {font-size:22px;color:#333;}

a.level7  {font-size:24px;color:#E76300;}
a.level8  {font-size:26px;color:#E76300;}

a.level9  {font-size:28px;color:#F30;}
a.level10 {font-size:30px;color:#F30;}

/* pages avec des avis */
/* attention aux albums photos != albums musicaux */
div.livre, div.film, div.commerce, div.concert, div.theatre { 
  border: 1px solid #069;
  font-family: "courier new", monospace;
  font-size: small;
  margin: 0 1.5em 2em 1.5em;
  padding: 1em;
}

p.commentaire { 
  text-indent: 0em;
  margin: 1em 5em 1em 1em;
  color: #069;
  font-weight: bold;
  font-style: italic;
}

/* page representant un fichier xml */

div.blocelement {
  margin: 0em 1em 0em 1.5em;
  text-align: left;
}

div.contenumixte, div.texte { 
  margin-left: 1.5em;
  text-align: justify;
}

div.comment {
  color: #000;
  background-color: #DEF;
  padding-left: 1.5em;
}


div.instruction {
  color: #F30;
}

span.langagexml {
  color: #B32400;
}

span.valeur {
  color: #036;
}

.texte {
  color: #036;
}

/* page album photos */

div.album {}

div.album img {
  margin: 21px;
}

img.photoalbum { 
  margin-left: -10px;
  width: 549px;
}

div.album a:link, div.album a:visited, div.album a:hover {
  text-decoration: none;
  background-color: inherit;
}
div.album a:link img, div.album a:visited img { 
  border: 1px solid #069;
}
div.album a:hover img { 
  border: 1px solid #F00;
}

div.descriptionphoto  { 
  margin: 2em 5em 0em 5em;
  color: #000;
}

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

div.descriptionalbum  { 
  margin: 2em 1em 2em 0em;
  padding: 0em;
}
div.descriptionalbum a { 
  float: left;
  margin: 0em 1em 0em 0em;
  padding: 0em;
}
div.descriptionalbum img { 
  border: 1px solid #069;
  margin: 0em;
}
div.descriptionalbum h3 {
  margin: 0em 0em 0.5em 0em;
  padding: 0em;
}
div.descriptionalbum hr {
  margin: 0em;
  padding: 0em;
}
div.descriptionalbum p {
  text-indent: 0em;
  margin: 0em;
  padding: 0em;
}

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

/* boites qui s'ouvrent et qui se ferment */

div.seance:hover div.bonus { 
  display: block;
  border: 1px dotted #CCC;
}

div.bonus { 
  display:none;
}

/* divers */

.personne { 
  font-variant: small-caps;
}

/* football */

span.tres_probable {
    color: #00F;
}

span.probable {
    color: #AAF;
    font-size: small;
}

span.neutre {
    color: #BBB;
    font-size: x-small;
}

span.improbable {
    color: #FAA;
    font-size: small;
}

span.tres_improbable {
    color: #F00;
}