/*----------------------------------main--------------------------------------*/

body {
		margin: 0;
		padding: 0;

		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
		color: #000;
		background: #fff;
	}


/*------------------------------header & sidebar -----------------------------*/

#sidebar_plus_content {
		margin: 1.5em 0 2em 0;
	}


/*----------------------------- (actual) content -----------------------------*/

#whole_content {
		width: 100%;
		margin: 0;
		padding-top: 13.33em;

		font-size: 0.9em;
		line-height: 1.75em;
	}
.post {
		margin-bottom: 3.5em;
	}

/*--------------------------------footer--------------------------------------*/


.credit {
		clear: both;
		font-size: 0.5em;
		margin: 10px 0 1em 0;
		padding: 0.1em 0;

		color: gray;
		text-align: right;
		letter-spacing: 0.15em;
		border-top: solid 2px whitesmoke;
		opacity: 0.15;
	}

.credit:hover {
		opacity: 1;
	}

.credit a, .credit a:hover {
		color: black;
		text-decoration: none;
	}
	
.credit a:hover {
		border-bottom: 1px silver solid;
	}


/*----------------------------------misc--------------------------------------*/


a {
		color: #316896;
		text-decoration: none;
	}

a img {
		border: none;
	}

a:visited {
		color: navy;
	}

a:hover {
		color: indianred;
		text-decoration: underline;
	}

#content p a {
		border-bottom: 1px #e1edf7 solid;
	}

#content p a:hover, #content div div div p a {
		border-bottom: inherit;
	}

acronym, abbr {
		border-bottom: 1px dashed #333;
		letter-spacing: .07em;
		cursor: help;
	}

.caps {
		font-variant: small-caps;
		font-size: 0.8em;
		letter-spacing: 0.1em;
	}


h1 {
		font-weight: normal;
		line-height: 1.3em;
	}

h2 {
		border-bottom: 2px solid #ccc;
		font: 1.6em "Times New Roman", Times, serif;
		margin: 0.2em 0 1em 0;
		color: #316896;
	}

h2 a {
		color: #316896;
	}

h3 {
		margin-top: 0;
		font-size: 1em;
		padding: 0.3em;

		font-family: "Times New Roman", Times, serif;
		font-weight: normal;
		border-bottom: dotted 1px #ddd;
		background:  #fcfcfc;
	}

p, li, .feedback {
		/*moved to #content*/
	}

ol li, ul li {
		margin-top: 1em;
	}

html, body {
		width: 100%;
		margin: 0;
		padding: 0;
	}

#sidebar {
		position: absolute;
		right: 0em;
}


h1, #sidebar_rest, .credit {
		display: none;
	}

#sidebar {
		background: transparent;
	}

#head_box {		
		padding: 1em;
		min-width: 35em;	
		border-top: 15px silver solid;
		border-bottom: 15px silver solid;
		background: white;
		line-height: 2em;
		text-align: center;

	}

#head_box p {
		max-width: 45em;
		margin-right: auto;
		margin-left: auto;
	}

#excerpt {
		margin: 2em 0;
	}

#gist {
		font-size: 0.9em;
		margin: 1em auto;
	}

.rest {
		width: 45em;
		max-width: 90%;
		margin: 3em auto 0 auto;
	}
























h1 {
		display: block;
		font-size: 1.2em;
	}

.the_table {
		width: 60em;
		font-size: 0.8em;
		padding: 1em;
		margin: 3em auto 1em auto;
		text-align: center;

		border: 1px gray solid;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

.the_table table {
		margin: 0 auto;
		line-height: 1.6em;
		border-collapse: collapse;
	}

.table_title {
		font-size: 1.111em;
	}

.table_title_col {
		width: 15em;
	}

.table_ds_comment_col {
		width: 15em;
	}

.table_version:before {
		content: "v";
	}

.table_description {
		font-style: italic;
	}


.table_ressources_cours_title {
		font-style: italic;
	}

.table_ressources_cours {
		height: 100px; /* don’t know how to do better at this point */
	}

.table_ressources_cours {
		opacity: 0.8;
}


.table_ressources_cours:hover {
		opacity: 1;
}

.td_link {
		background: url(https://files.ariadacapo.net/graphics/icons/td_icon.png) left center no-repeat;
		padding: 22px 2em 22px 45px;
}

.diapos_link {
		background: url(https://files.ariadacapo.net/graphics/icons/diapos_icon.png) left center no-repeat;
		padding: 22px 2em 22px 45px;
}

.ds_link {
		background: url(https://files.ariadacapo.net/graphics/icons/ds_icon.png) left center no-repeat;
		padding: 22px 2em 22px 45px;
		line-height: 4em;
}

.ds_solution_link, .be_solution_link, .td_solution_link {
		background: url(https://files.ariadacapo.net/graphics/icons/solution_icon.png) left center no-repeat;
		padding: 22px 2em 22px 45px;
}


.the_table tr {
		border: 4px white solid;
	}

.the_table tr:hover {
		background: #fcfcfc;
	}


.the_table td {
		padding: 0 0.5em;
	}

.the_table td img {
		border: 1px gray solid;
	}

.the_table td a img {
		-moz-box-shadow: silver 0 0 7px;
		-webkit-box-shadow: silver 0 0 7px;
		box-shadow: silver 0 0 7px;
	}

.the_table td a:hover img {
		-moz-box-shadow: gray 0 0 16px;
		-webkit-box-shadow: gray 0 0 16px;
		box-shadow: gray 0 0 16px;
	}



#license_box, .contact_box {
		margin: 3em auto 2em auto;
		padding: 1em;

		color: gray;
		background: #fafafa;
		border: 1px solid #ccc;

		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: #f0f0f0 0 0 8px;
		-webkit-box-shadow: #f0f0f0 0 0 8px;
		box-shadow: #f0f0f0 0 0 8px;
}

#license_box {
		width: 25em;
	}


.contact_box {
		width: 39.333em; /* (60+2)*(0.8/1.2) - 2*/
		text-align: center;
		font-size: 1.2em;
		padding: 1em;
		margin: 3em auto 1em auto;
}

.contact_box div a {
		display: block;
		padding: 1em;
		margin: 0 2em;
}


.contact_box div a:hover {
		-moz-box-shadow: gray 0 0 3px;
		-webkit-box-shadow: gray 0 0 3px;
		box-shadow: gray 0 0 3px;
		text-decoration: none;
}

.contact_box .log_link span {
		padding-left: 30px;
		background: url(https://files.ariadacapo.net/graphics/icons/flag_blue.png) center left no-repeat; /* awsome icons CC-by Mark James, famfamfam.com */
}

.contact_box .contact_link span {
		padding-left: 30px;
		background: url(https://files.ariadacapo.net/graphics/icons/email.png) center left no-repeat; /* awsome icons CC-by Mark James, famfamfam.com */
}

.contact_box .feed_link span {
		padding-left: 25px;
		background: url(https://files.ariadacapo.net/graphics/icons/feed.png) center left no-repeat;
}

.contact_box .github_link span {
		padding-left: 25px;
		background: url(https://files.ariadacapo.net/graphics/icons/git.png) center left no-repeat;
}


.contact_box p {
		font-size: 0.7em;
		margin: 2em 4em 0 2em;
		font-style: italic;
}


#license_box img {
		margin: 10px 3px 3px 3px;
	}

#license_box a {
		border: none;
	}

#license_box a img {
		-moz-box-shadow: gray 0 0 8px;
		-webkit-box-shadow: gray 0 0 8px;
		box-shadow: gray 0 0 8px;
	}

#license_box a:hover img {
		-moz-box-shadow: gray 0 0 16px;
		-webkit-box-shadow: gray 0 0 16px;
		box-shadow: gray 0 0 16px;
	}

.credit {
		display: block;
		text-align: center;
		opacity: 1;
	}

#ds{
		width: 65em;
		font-size: 0.8em;
		padding: 1em;
		margin: 3em auto 1em auto;
		text-align: center;

		border: 1px gray solid;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}