/******************/
/* basic elements */
/******************/
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif, Times;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: black;
}
h1 { 
  font-size: 200%;
 }
h2 { 
  font-size: 180%;
 }


/******************************************/
/* Class definitions for text composition */
/******************************************/
.title,.sect1,.sect2,.sect3,.para,.note,.warning {
  margin-bottom: 10px;
 }
.para { 
  text-align: justify;
 }
.para:first-letter {
  margin-left: 20px;
 }

.sect1 .title { 
  border-bottom: 1px solid black;
  font-weight: bold;
 }
.sect1 .para { 
  margin-left: 10px;
 }
.sect2 .title { 
  border-bottom: none;
  margin-left: 10px;
  font-weight: bold;
 }
.sect2 .para { 
  margin-left: 20px;
 }
.sect3 .title { 
  margin-left: 20px;
  font-style: italic;
 }
.sect3 .para { 
  margin-left: 30px;
}

.note {
  margin-left: 20px;
  padding-left: 10px;
  border-left: 2px solid black;
 }
.warning {
  color: #f00;
  font-weight: bold;
  font-style: normal;
  font-size: 90%;
  border-top: 1px dotted red;
  border-bottom: 1px dotted red;
 }
.right { 
  text-align: right;
 }
.center { 
  text-align: center;
 }
.left { 
  text-align: left;
}
.bold { 
  font-weight: bold;
 }
.red {
  color: red;
}
.green {
  color: green;
}
.blue {
  color:blue;
}

/************************/
/* Specific span blocks */
/************************/
span.date { 
 }
span.email { 
 }
span.numero { 
  font-weight: bold;
 }
span.member-name {
 }
span.waiting {
  color: blue;
}
span.open {
  color: green;
}

/*************************/
/* Specific table blocks */
/*************************/
table.tablelist {
  font-size: 80%;
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
}
table.tablelist tr {
  text-align: left;
}
table.tablelist tr td { 
  border-top: 1px dotted black;
  padding-top: 5px;
  padding-bottom: 5px;
 }

/******************/
/* basic elements */
/******************/
body {
}
a,a:link,a:visited,a:active { 
}
a:hover { 
}

/***********************/
/* Specific div blocks */
/***********************/
/* pre div */
div#pre1 {}
div#pre2 {}
div#pre3 { }
div#pre4 { }

/* post div */
div#post1 {}
div#post2 { }
div#post3 { }
div#post4 { }

/* nav link block */
div.navlink { 
 }

/* Super Container */
div#container {
  margin: 0;
  padding: 0;
}

/* Banner */
div#banner {
}

/* Top menu definitions */
div#menu-top { 
 }

/* Left menu definitions */
div#menu-left { 
 }

/* Central pane definitions */
div#central { 
}

/* Panel pane definition */
div#panels { 
 }

/* Title block */
div#title { 
  font-size: 120%;
  letter-spacing: 5pt;
  margin-bottom: 10px;
}

/* Main page content definition */
div#content { 
}
/* Div block to ensure the content div is high enough */
div.spacer { 
  clear: both;
 }

/*Footer definition */
div#footer { 
 }

/***************************/
/* BDLib class definitions */
/***************************/
div.image p {
  text-align: center;
}
div.icon p {
  text-align: center;
}

/* Folder browser list */
ul#folderbrowser { 
  list-style: none;
  margin: 0px;
  padding: 0px;
 }
ul#folderbrowser li#folderbrowser { 
  margin-bottom: 20px;
}

/* File list */
div.filelist ul { 
  list-style: none;
  margin: 0px;
  padding: 0px;
 }
div.filelist ul li { 
  margin-bottom: 20px;
}
div.filelist ul li div.icon { 
  width: 30%;
}

/* Picture list */
div#picturelist { 
  margin: 0;
  padding: 0;
  border: 1px solid black;
 }
div#picturelist ul { 
 }
div#picturelist ul li { 
  display: inline;
 }


/* BdForm class */
div.form { }
div.form div.title { }
div.form div.body { }
div.form div.body div.header {}
div.form div.body div.entries {}
div.form div.body div.footer {}
div.form div.body div.buttons { }


/* Selector class */
div#selector { 
  display: block;
  margin-bottom: 10px;
}

ul#selector {
  margin: 0;
  padding: 0 0 20px 10px;
  /*border-top: 1px solid #966;*/
  /*border-bottom: 1px solid #966;*/
}

ul#selector li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#selector a:link, ul#selector a:visited {
  display: block;
  font-size: 80%;
  font-style: normal;
  line-height: 100%;
  font-weight: bold;
  margin: 0 4px 4px 4px;
  text-decoration: none;
  /*color: #833;*/
}


ul#selector li.active a:link,
ul#selector li.active a:visited,
ul#selector a:hover {
  /*border-bottom: 4px solid #966;*/
  padding-bottom: 2px;
  /*color: #633;*/

}

ul#selector a:hover {
  /*color: #966;*/
}

/****************************/
/* Badges class definitions */
/****************************/
/* News list */
ul#newslist { 
  list-style: none;
  margin: 0px;
  padding: 0px;
 }
ul#newslist li#newslist { 
  margin-bottom: 20px;
}

/* News class */
.news { 
  padding: 0;
  margin: 0px;
}
.news div.header { 
  background-color: #ddd;
  border-top: 2px solid #777;
}
.news div.header img {
  float: left;
  margin-right: 20px;
}
.news div.header h1 { 
  padding:0;
  margin: 20px 0px 0px 0px;
  height: 30px;
  font-size: 100%;
 }
.news div.header h2 { 
  padding:0;
  margin: 0;
  font-size: 80%;
  font-weight: normal;
  color: #777;
 }
.news div.content { 
  border: 1px solid #777;
  padding-left: 5px;
  padding-right: 5px;
}
.news div.content div { 
 }
.news div.content div.intro { 
}
.news div.content div.detail { 
}
.news div.content div.link { 
  font-size: 90%;
}

/* Trombinoscope class */
div#trombinoscope { 
  margin: 0;
  padding: 0;
  border: 1px solid black;
 }
div#trombinoscope ul { 
 }
div#trombinoscope ul li { 
  display: inline;
 }

div#trombinoscope ul li table { 
  display: inline;
 }

div#trombinoscope ul li table tr { 
}
div#trombinoscope ul li table tr td img { 
  margin: 0;
  padding: 0;
  border: 1px solid black;
}
div#trombinoscope ul li table tr td div { 
  width: 100px;
}
div#trombinoscope ul li table tr td div a { 
  color: #777;
  font-weight: bold;
}
div#trombinoscope ul li table tr td div a:hover{ 
  color: #d33;
  text-decoration: none;
}

/* Member details class */
.member-details {
  margin: 20px;
  padding: 0;
  min-height: 100px;
 }
.member-details img { 
  float: right;
  margin-right: 20px;
  border: 1px solid black;
}
.member-details h1 { 
  font-size: 140%;
 }
.member-details p { 
  font-size: 100%;
}

/* Licence list */
table#licencelist { 
  font-size: 80%;
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
}
table#licencelist tr {
  text-align: left;
}
table#licencelist tr td { 
  border-top: 1px dotted black;
  padding-top: 5px;
  padding-bottom: 5px;
 }

/* Licence details class */
.licence-details {
  margin: 20px;
  padding: 0;
}
.licence-details h1 { 
  font-size: 100%;
  margin:0;
  padding: 0;
}
.licence-details table {
  width: 100%;
  border-collapse: collapse;
}
.licence-details table tr { 
}
.licence-details table tr th { 
  border-bottom: 1px solid silver;
  font-weight: normal;
  width: 33%;
}
.licence-details table tr td { 
  text-align: center;
}


/* Pyramide details */
div#pyramide { 
  width: 100%;
}
div#pyramide table { 
  margin-left: auto;
  margin-right: auto;
}
div#pyramide table tr td { 
  width: 100px;
  height: 100px;
  vertical-align: top;
  text-align: center;
}
div#pyramide table tr td { 
  font-size: 80%;
  font-style: normal;
 }
div#pyramide table tr td a img { 
  margin: 0;
  padding: 0;
  border: 1px solid black;
 }
div#pyramide table tr td a:hover { 
  text-decoration: none;
 }

/* Pyramide results */
div#pyramide-results { 
 }
div#pyramide-results ul { 
  list-style: none;
  font-weight: bold;
 }
div#pyramide-results ul ul { 
  margin-top: 5px;
  margin-bottom: 20px;
 }
div#pyramide-results li.bat { 
  list-style: none;
  font-weight: normal;
  color: #d00;
  letter-spacing: 3px;
 }
div#pyramide-results li.perd { 
  list-style: none;
  font-weight: normal;
  color: #00d;
  letter-spacing: 3px;
 }

/* Calendar class */
table#calendarlist { 
  width: 100%;
  font-size: 80%;
  border-spacing: 0px;
  border-collapse: collapse;
 }
table#calendarlist th.header { 
  background-color: #eee;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  color: black;
 }
table#calendarlist tr.separator { 
 }
table#calendarlist th.separator { 
  background-color: #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
 }
table#calendarlist td { 
  border-bottom: dotted 1px #000;
  border-top: dotted 1px #000;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
 }

table#calendarlist td div.closed { 
  color: red;
}
table#calendarlist td div.open { 
  color: green;
}
table#calendarlist td div.waiting { 
  color: blue;
}

/* recette class */
div.receipe  div { 
  margin: 0px;
 }

div.receipe div.title { 
  text-align: center;
  font-size: 120%;
 }

div.receipe div.informations { 
  text-align: right;
  font-style: italic;
  font-size: 80%;
  border-bottom: solid 1px black;
 }
div.receipe div.informations div.delay { 
  background-image: url(/webdev/bdproject/images/small-clock.gif);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 20px;
  height: 20px;
}
div.receipe div.ingredients { 
}
div.receipe div.ingredients .qty,.unit { 
  font-weight: bold;
}

div.receipe div.procedure { 
 }

/* Event class */
div#nextevent { 
  #border-bottom: solid 1px #000;
  #border-top: solid 1px #000;
  margin-bottom: 30px;
 }

/* dl borders */
dl, dt, dd { /* suppression de toutes les marges */
margin: 0;
padding: 0;
}

dl {
width: 100%; /* dimensions et positions modifiables à loisir */
left: 3em;
top: 2em;
}

dt {
height: 50px;
background: #fff url(/data/images/cadre-haut.png) top left no-repeat;
line-height: 0;
text-align: center; /* centrage du titre, bug IE*/
}

dd {
border: solid #5A6C84; /* couleur et taille des bordures droite et gauche */
border-width: 0 5px;
padding: 0 10px; /* padding g et d pour éviter que le texte ne chevauche les bordures */
}
#bas {
height: 50px;
background: #fff url(/data/images/cadre-bas.png) bottom left no-repeat;
border: 0 none; /* pas de bordure latérale pour la partie basse */
padding: 0; /* pas de texte donc pas de padding */
}

#titre {
display: block; /* mise en bloc de l'image titre pour éviter un bug d'espacements */
margin: auto; /* centrage du titre */
}

#droitehaut, #droitebas { /* placement des coin droits en flottants */
float: right;
}