/**
 * chicoree.cc: Main stylesheet
 * Licence CC-BY3.0
 * Sylvain Leroux - 2008-2009 (http://www.chicoree.fr)
 * Some rights reserved
 */

.page-Envoyer_un_mail_avec_JavaMail #toc {
    background: transparent url(enveloppe.png) no-repeat right center;    
}

/* Reset defaults settings */
h1, h2, h3, h4, h5, h6, div, p {
	margin: 0;
	padding: 0;
}

/*
h1, h2, h3, h4, h5, h6, div, p, a {
	color: black;
}
*/

a {
	color: black;
}

div.ads {
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top:1em;
	margin-bottom:1em;
}

/* Set the default text size */
body {
	font: small sans-serif;
	font-family: "Georgia", "Times new roman", "Times", "Serif";
	font-family: "Trebuchet MS","Verdana","Arial",sans-serif;
	min-width: 720px;
}

tt th td {
	font-size: 100%;
}


/* --- Design begins here --- */
body {
    background-color: #333;
}

#page {
    font-size: 115%;
}

p, ul, ol, dl {
    line-height: 1.5em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/* -- images -- */
.thumb {
    overflow: auto;
}

/* -- header -- */
#header {
    text-align: right;
    border-top: solid white 2px;
    border-left: solid white 1px;
    border-right: solid white 1px;
    border-bottom: solid white 1px;

    color: white;
    background: black url(see-log.png) no-repeat left center;
}

#header h1 {
    font-size: 300%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-right: 60px;
    padding-left: 160px;
}

#logo {
    display: block;
    font-size: 50%;
    color: white;
}
#logo a {
    color: inherit;
    text-decoration: none;
}

#logo a:hover {
    text-decoration: underline;
}

/* -- Catlinks -- */
#catlinks {
    position:relative;
    text-align: right;
    top: -3em;
    margin-bottom: -3em;
    padding-right: 60px;

    background-color: transparent;
    color: white;
}

#catlinks h2 {
    font-size: 100%;
    color: #DDD;
    display: inline;
}

#catlinks ul {
    clear: both;
    display: inline;
    list-style: none;
    color: inherit;
    margin: 0;
    padding: 0;
}

#catlinks li {
    display: inline;
    list-style: none;
    color: inherit;
}

#catlinks li a {
    color: inherit;
    text-decoration: none;
    padding: 0.50em;
    border-top: solid black 4px;
}

#catlinks li a:hover {
    background-color: #444;
    border-top: solid white 4px;
}

#catlinks li a.new {
    color: #FCC;
}

#catlinks li a.new:hover {
    background-color: #A44;
    border-top: solid white 4px;
}
/* -- Texte de l'article -- */
#article {
    padding-left: 60px;
    padding-right: 60px;
    background-color: #FAFAFA;
    border: solid 1px white;
}

#article a:link {
    color: #3355aa;
    text-decoration: none;
}

#article a:visited {
    color: #4400aa;
    text-decoration: none;
}

#article a:hover {
    color: #4400aa;
    text-decoration: underline;
}

#article a.new {
    color: #ff0000;
}

#article ul, #article ol, #article dl {
    margin-top: 1em;
    margin-bottom: 1em;
}

#article dl dt, #article dl dd {
    margin-left: 2.5em;
    margin-right: 2.5em;
}

#article dl dt {
    margin-left: 0em;
    font-weight: bold;
}

#article ul ul, #article ol ol, #article ul ol, #article ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

#article h2, #article h3, #article h4, #article h5, #article h6 {
    margin-top: 1em;
    margin-bottom: 1em;
}

#article h2 {
    font-size: 200%;
    font-family: "Georgia", "Times New Roman", "Times", Serif;
}

#article h3 {
    font-size: 150%;
    font-family: "Georgia", "Times New Roman", "Times", Serif;
}

#toc {
/*	width: 15em; */
/*	border: solid 1px #111; */
	padding-left: 0em;
	padding-right: 0em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-top: dashed 1px #999;
	border-bottom: dashed 1px #999;
	text-align: left;
}

#toc li {
	list-style-type: none;
}

/* -- Navigation principale -- */
#top-nav {
    margin-bottom: 0.5em;

    text-align: right;

    color: white;
    background: transparent;
}

#top-nav ul {
    margin-top: 0.5em;
    display: block;
    list-style: none;
}

#top-nav li {
    display: inline;
    list-style: none;
    color: inherit;
}

#top-nav li a {
    color: inherit;
    padding: 0.50em;
    /* border-right: solid 1px white; */
    color: inherit;
}


#top-nav li a.rss-link {
    background: transparent url(rss.png) no-repeat center center;
    height: 29px;
    width: 46px;
    padding-left:16px;
    padding-right:10px;
    margin-left:7px;
}

#top-nav li a.twitter-link {
    background: transparent url(twitter_icon.png) no-repeat center center;
    height: 29px;
    width: 46px;
    padding-left:16px;
    padding-right:10px;
    margin-left:7px;
}

#top-nav li a.fb-link {
    background: transparent url(facebook_icon.png) no-repeat center center;
    height: 29px;
    width: 46px;
    padding-left:16px;
    padding-right:10px;
    margin-left:6px;
}

#top-nav li a.linkedin-link {
    background: transparent url(LinkedIn_Logo30px.png) no-repeat 1px center;
    height: 29px;
    width: 46px;
    padding-left:16px;
    padding-right:10px;
    margin-left:6px;
}

#top-nav li a.delicious-link {
    background: transparent url(delicious_icon.png) no-repeat center center;
    height: 29px;
    width: 46px;
    padding-left:16px;
    padding-right:10px;
    margin-left:6px;
}

#top-nav li a.mail-link {
    background: transparent url(mail_icon.png) no-repeat center center;
    height: 29px;
    width: 46px;
    padding-left:16px;
    padding-right:10px;
    margin-left:6px;
}

.amazon-profile {
    display: block;
    float: right;
    margin-right: -40px;
    margin-top: 24px;
    top: 24px;
    background: transparent url(amazon_icon.png) no-repeat 4px center;
    height: 32px;
    width: 32px;
}

.linkedin-profile {
    display: block;
    float: right;
    margin-right: -40px;
    margin-top: -8px;
    top: -8px;
    background: transparent url(LinkedIn_Logo30px.png) no-repeat 4px center;
    height: 32px;
    width: 32px;
}

.rss-link * {
    display: none;
}

.twitter-link * {
    display: none;
}

.fb-link * {
    display: none;
}

.amazon-profile * {
    display: none;
}

.linkedin-profile * {
    display: none;
}

.linkedin-link * {
    display: none;
}

.delicious-link * {
    display: none;
}

.mail-link * {
    display: none;
}

.rss-link a {
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: url(rss.png) no-repeat right center;
}

#top-nav li form {
    display: inline;
}


/* -- Sidebar -- */
#sidebar {
    position: absolute;
    left: 0px;
    top: 8em;
    width: 183px;
    margin-left: auto;
    margin-right: 5px;
    padding-right: 10px;
    text-align: right;
    border-right: solid 1px red;
}

/*
#catlinks {
    float: right;
}

#catlinks ul {
    list-style: none;
    display: inline;
}

#catlinks li {
    margin: 0;
    list-style: none;
    display: inline;
}

#catlinks a {
    margin: 0;
    padding: 0.75em;
}

#catlinks a:hover {
}
*/
.printfooter {
	margin-left: -140px;
	padding-left: 140px;
	padding-top: 2.5em;
	padding-bottom: 0.5em;
	font-size: 75%;
}

#footer {
	background: #563610 url("racine.gif") no-repeat 20px top;
}

#footer, #footer * {
	color: #e3daa3;
}

#footer {
	/* padding-right: 198px; */
	padding-left: 140px;
	padding-top: 1em;
	font-size: 95%;
	margin: 0px;
	border: 1px solid white;
	border-bottom-width: 2px;
}

#footer * {
	text-align: right;
}

#footer dl {
	background: transparent url("dotted.gif") repeat-y right top;
	float: right;
	padding: 0px;
	margin: 0px;
	text-align: left;
	padding: 0em 60px 0em 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#footer dl#colophon {
	float: none;
	margin-left: auto;
	max-width: 30em;
}

#footer dl dt { font-size: 150%; }
#footer dl dd {  }

#footer ul {
	margin-left: -30px;
	padding-left: 60px;
}

#l-footer {
	clear: both;
	padding-right: 60px;
	font-size: 75%;
}

#f-list {
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
	list-style: none;
}

#f-list li {
	float: left;
	margin-left: 1em;
}


div.bookmarking {
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
}

.old-boxed {
    display: block;
    /* background: #eeeeee url(rounded-left.png) top left no-repeat; */
    background: #eeeeee url(h-sep.png) repeat-x top left;
    font-size: 90%;
    width: 220px;
    margin-right:30px;
    clear: both;
    float: right;
    position: relative;
/*  top: -2em; */
    left: 300px; 
    margin-left: -300px;
    padding-top: 33px;
}

.old-boxed {
    padding: 0;
    background: #111;
    border-top: dashed 1px white;
    /* background: #2F2820 url(cloud.png); */
}

div.old-boxed h2 {
    /* background: transparent url(rounded-right.png) top right no-repeat; */
    background: black;
    color: white;
    margin-top: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
}

div.old-boxed h2 {
	line-height: 1.5em;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border: none;
/*	border-bottom: solid 1px; */
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 30px;
}

div.old-boxed ul, div.old-boxed ol {
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.old-boxed ul ul, div.old-boxed ol ol {
	background: transparent;
	padding-bottom: 0em;
	border-bottom: none;
}


img {
	border-style: none;

}

div.magnify {
	margin-left: 2em;
	margin-bottom: 1em;
}

div.magnify a, div.magnify img {
	display: block;
}

.thumb {
	border: solid 1px #AAA;
	background-color: white;
	margin: 1em;
	padding: 1em;
}

.tright {
	float: right;
}

.gallerybox .thumb {
	margin: 0em;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

div.thumbinner {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

div.thumbcaption {
	margin-top: 1em;
}

#article th, #article td {
	font-size: 92%;
}

table.simple {
	background-color: #CCC;
	border-collapse: collapse;
	margin: 1em;
}

table.simple td {
	border: solid 1px #44F;
	padding: .4em;
}

/* A table to display equations */
#article table.eq {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-style: hidden;
	background-color: transparent;
}

#article table.eq tr, #article table.eq td, #article table.eq th, #article table.eq col {
	border-style: hidden;
}

/* Code samples and preformated text */
pre {
	padding: 1em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #eee;
	line-height: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	overflow: auto;
}

#article pre b, #article pre b span, #article pre b a:link {
	color: #993333;
}

#article pre i, #article pre i span {
	color: #666666;
}