@charset "utf-8";

body {width:auto !important; float: none !important; overflow:hidden; margin:0; padding:0;}

#banner, #menus, #menu, em, #arrowup, .noprint, .menus, p.flip, p.expander, pre.expand {display: none;}

#template {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Entêtes h1, h2, h3, h4 et h5 */
#template h1
{
font-size: 1.6em;
font-weight: bold;
text-decoration: underline;
text-align: center;
}

#template h2
{
text-decoration: underline;
font-size: 1.4em;
font-weight: bold;
}

#template h3
{
font-size: 1.2em;
font-weight: bold;
}

#template h4
{
  font-size: 1.1em;
  font-weight: bold;
}

#template h5
{
  font-size: 1.1em;
  font-weight: bold;
}

/* Liens */

#template a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

/* ajoute l'attribut href après le lien */
#template a[href]::after { 
	content: " (" attr(href) ") ";
	font-weight:normal;
	color: #000;
	text-decoration:none;
}

/* Titre, sous-titre,eésumé */

#template .title 
{
text-align: center; 
text-decoration: underline; 
font-weight: bold; 
font-size: 1.8em;
}

#template .subtitle 
{
text-align: center; 
font-weight: bold;  
font-size: 1.5em;
}

#template .summary
{
	margin-left: 100px;
  margin-right: 100px;
  font-style: italic;
  padding-bottom: 5px;
  border-bottom: black solid 2px;
}

#template #author {
	text-align:center;
}

/* Figures et images */
table.framed
{
	border: 5px solid;
	margin: 10px;
	height:auto;
}

#template table.framed img {
	height:auto;
}

/* tables */

table {max-width:100%;}

table.tab {
	margin:10px;
	border-spacing: 0px;
  border-collapse: separate;
	border: 2px solid #000;
}

table.tab td
{
  font-size: 1em;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  padding-left: 5px;
}

table.tab th
{
  font-size: 0.8em;
  color: #000;
  text-align: center;
	background-color:#eee;
  padding-left: 5px;
  border: 1px solid #000;
}

table.index {
	border:hidden;
	padding: 30px;
	width: 100%;
}

table.index th {
  font-size: 120%;
  text-align: right;
	padding-right: 5px;
  width: 30%;
  vertical-align: middle;	
}

table.index td {
	border-left: dotted 5px #000;
	padding-left: 20px;

}

caption
{
  font-weight:bold;
}

/* Classes pre & code */

code
{
	font-family: "courier new", monospace;
  font-size: 1.0em;
}

pre{
	clear: left;
	max-height: 100%;
  font-family: "arial", monospace;
  font-size: 1.0em;
	margin: 0;
	padding-left: 20px;
  border: 3px solid #000;
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


pre.code{
  margin-left: 10px;
  margin-right: 10px;
}

.codesource {
	text-align: center;
	background-color:#000;
	font-weight: bold;
	color:#FFF;
}

/* code adapted from http://code-tricks.com/awesome-blockquote-styling-with-css/ */
blockquote, p.notebox{
  display:block;
	width: 80%;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 auto;
  position: relative;
  
  /*Font*/
  font-size: 1.0em;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border: 2px solid #000;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

.trigger::after {
	content: " (" attr(title) ")";	 	
}

.yellow
{
	background-color: yellow;
}

.green 
{
	background-color: #00FF00;
}

hr
{
  border-bottom: ridge black 10px; 
  height: 0;
  width: 80%;
}

.red
{
	color: red;
}
