@charset "utf-8";
/* CSS Document */

td {
	text-align:left;
}

table tr th {
	color:#CCCCCC;
	text-align:left;
	background-color:#7B869A;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight:normal;	
}


#ListeAudio {
	border-collapse:collapse;
	border: solid #7B869A thin;
}

#ListeAudio tr {
	border: solid #7B869A thin;
}


#ListeAudio tr td {
	font-size:11px;
}

body {
	display: block;
	background-color: #98ABD3;
	/*word-wrap: break-word;*/
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: medium;
	color: #000000;
	*text-align:center; /*this is for IE, other browsers get the auto-margin thing */
	quotes: "«" "»" "'" "'";
}

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

a:hover {
	text-decoration:none;
	padding-bottom:0.5px;
	background: url(images/underline2.gif) bottom left repeat-x;	
}

img {
	border:none;
	padding:0;
}

h1 {
	font-size: 23px;
	font-weight: bold;
	line-height:100%;
	white-space:normal;
	margin: 0;
	padding-bottom: 2px;
	text-align: center;
}

h2 {
	color: #cccccc;
	font-size: 19px;
	font-weight: 400;
	margin: 0;
	vertical-align:top;
	padding-bottom: 10px;
	text-align: center;
}


h3 {
	color: #c5d1e9;
	padding-top:10px;
	font-size: 20px;
	text-align: right;
}

p {
	font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
}

hr {
	border: 0;
	color: #7B869A;
	background-color: #7B869A;
	height:3px;
	border-style: none;
}


author {
	font-size: 19px;
	font-weight: 400;
	white-space:normal;
	padding: 0px 0px 2px 2px; /* top, right, bottom, left */
	margin: 0;
	vertical-align:top;
	text-align: center;
}

ul{
	list-style-type: circle;
	padding-left: 30px;
	margin: 0px;
}

li {padding-bottom:11px;}

.bloc_titre {
	background-color: #7B869A;
	padding: 10px;
	color: #CCCCCC;
	margin-bottom: 50px;
	text-align: center;
}

.specificationTitre {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
.style8 {
	color: #CCCCCC;
	font-weight: bold;
}
.style9 {
	font-size: 14px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.style10 {
	font-size: 19px;
	font-weight: normal;
	color: #CCCCCC;
}
.style12 {
	font-size: 23px;
	color: #CCCCCC;
	font-weight: bold;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   behavior: url(ieUserSelectFix.htc);
}

.bloc_reference {
	margin-bottom: 20px;
	background-color: #CCCCCC;
	padding: 5px;
	word-wrap: break-word;
}

.bloc_reference a {
	color: #152d61; /* #713E3E */
	text-decoration: none;
}

.bloc_reference a:hover {text-decoration:underline;	background: none;}

.bloc_reference h2 a, .bloc_reference h2 a:hover {color:#cccccc; text-decoration:none;}
.bloc_reference h2 a:hover {color:#cccccc; text-decoration:none;}

.bloc_reference_titre {
	background-color: #7B869A;
	color: #CCCCCC;
	padding: 10px 10px 0px 10px;
	word-wrap: break-word;
}

.bloc_reference_contenu td{
	font-size: 14px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding:8px 3px 8px 3px;
}

.intertitre12 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #7B869A;
	clip: rect(auto,auto,auto,auto);
	text-indent: 10px;
	font-size: 20px;
	font-weight: 900;
	padding-top: 30px;
}

.citation {font-style: italic;}

.main_container{ /* for IE 6, in the case that the css selector was misinterpreted due to wrong header */ 
	max-width:800px;
	margin: 40px auto; 	
}

html>body .main_container{
	position:relative;
	max-width:800px;
	margin: 40px auto; 	
}

.content_block {
	position:absolute;
	width: 600px;
	margin: 0px;
	left: 200px;
}

.textonbackground {
	font-size:14px;
	text-align:justify;
	padding: 0px 0px 20px 0px;
}

.textonbackground h2 {
	text-align:left;
	padding: 20px 0px 0px 0px;
}

.textonbackground a {
	letter-spacing:0.1em;
}

.bibliography {
	list-style-type:none;
	margin: 0px;
	padding: 20px 0px 0px 50px;
	text-indent: -50px; 
}

.bibliography .author {font-variant:small-caps;}

/* Table des matières de la page */

#table_matieres {
	background-color: #7B869A;
	padding: 10px;
	color: #CCCCCC;
	margin-bottom: 25px;
	text-align:center;
}


#table_matieres ul li {
	list-style-type:square;	
	display: inline;
}

#table_matieres ul li a {
	text-decoration: none;
	color:#CCCCCC;
	padding: .2em 1em;
}

#table_matieres ul li a:hover {
	text-decoration: underline;
	background:none;
	/* vletter-spacing:-.035em; */
}


/* MENU FORMAT */

#navigation_menu {
	left: 20px; /* change for IE only later */ 
	position: absolute;  /*needs to be absolute, or the relative origanl position of the image pushes the text to the side */
	width:147px;
	z-index:100;
	overflow: visible;
	text-align: center;
}



#navigation_menu td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #9999CC;
}



#menucolorbox { /* we need to separate the coloring from the navigation menu, for the "Site conçu pour Mozilla Forefox underscore*/
	padding: 10px 10px 10px 10px;
	background-color: #22449B;
}


#pagebar a {
	color: #9999cc;
	text-decoration: none;
}


#site-title {color:#FFFFFF}

#mozilla {color:#D0D0FF}

#navigation_menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background:none;
}

#navigation_menu .titlebox {
	color: #9999cc;
	font-weight: bold;
}

#navigation_menu li {
	font-size: 14px;
	font-weight:300;
	color: #FFFFFF;
	line-height:100%;
	white-space:nowrap;
	padding: 0;
	margin: 0;
}

#navigation_menu .style12 {font-size: 22px; padding: 2em 0px 0px 0px;}
#navigation_menu .style13 {color: #FFFFFF}
#navigation_menu .style16 {font-size: 14px; padding: 2em 0px 2em 0px;}
#navigation_menu .style17 {text-align:center; font-size: 9px; color: #333399; padding-bottom:10px;}


#navigation_menu #pagebar {
	padding: 20px 0px 20px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 110%;
}

#navigation_menu ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

/* THIS IS FOR THE POP-OUT MENUS:*/

#navigation_menu li {
/* make the list elements a containing block for the nested lists */
position: relative; /* this is relative: it makes the absolute inside relatively absolute to this 
*/
*position:static;
} 

#navigation_menu ul ul {
	position:absolute;
	text-align:left;
	display:block; /* important pour que IE ne casse pas le texte */
	background-color:#2B55C4;
	padding: 10px;
	z-index:100;
	top:-10px;
	*top:25.5em;
	left: 90%; /* to position them to the right of their containing block */
	/*width: 150%; /* width is based on the containing block */
}

div#navigation_menu ul ul ,
div#navigation_menu ul li:hover ul ul
{display: none;}

div#navigation_menu ul li:hover ul,
div#navigation_menu ul ul li:hover ul
{display: block;}

div#WR_1 {font-size:18px;}

/* search and share */


#search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	width:147px;
	text-align:center;
	margin-top:15px;
	background-color: #66769B;
}

#search_noggl {
	display:block; 
	padding:5px 0px; 
}


#search_ggl {
	display:none; 
	padding:5px 0px; 
}

#cse-search-box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#66769B; 
	font-size:13px;
}

#cse-search-box input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#66769B;
	border:#66769B;
	font-size:13px;
}
	

#sharethis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	width:147px;
	padding:5px 0;
	margin-top:15px;
	height: 20px;
	background-color: #66769B;
}


#sharethis span {
	font-size:13px;
	font-weight:900;
}

#kafkamaschine {
	padding-top:20px;
	color:#66769B;
	text-align:left;
}

#roundabout {
	z-index:-1; 
	margin-left:auto; 
	margin-right:auto; 
	width:300px; 
	text-align:center;
}

.roundaboutchild  { /* when it downgrades to no-javascript, this is what happens */
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 130px;
	height:140px;
}

.roundabout-holder  { 
	padding: 0; 
	height: 400px; }
.roundabout-moveable-item {
  height: 4em;
  width: 4em;
  cursor: pointer;
}
.roundabout-in-focus { 
	cursor: auto; 
}

.roundabout-holder a:hover {
	text-decoration:none;
	background: none;	
}

.toplink {
  float:right;
  text-align:right;
  /*
  bottom:-30px;
  height:1px;
  */
  overflow:visible;
  color: #cccccc;
}

.toplink a {
  text-decoration:none;
  color: #cccccc;
}

.toplink a:hover {
  text-decoration:none;
  color: #cccccc;
}