/****************** Body *****************/

body
{ 
  background-color: #76848f;
  font-family: Georgia;
  font-size: 10pt;
  margin-left: 1em;
  margin-right: 1em;
  }

/*************** Styles pour le texte ************/

h1 
{ 
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 0;
}

h2
{ 
  padding-left: 1em;
  color: black;
  border-bottom: 2px dotted gray;
}

h2 a { color: black; }

a { text-decoration: none; }

em { font-style: normal; font-weight: bold; font-size: 110%; }

/************** Differents conteneurs gauche & droite ***********/

table.content 
{
  background-color:#def1ff;
  /**background-color:white;**/
  -moz-border-radius:20px;
  border: 2px solid black;
  width: 100%;
 }

td.content, td.menu_login
{
  padding: 1em 1ex 1em 1ex;
  vertical-align: top;
  }

td.menu_login 
{
  width: 180px;
  padding-left: 1.5em;
}

td.content {
  padding-right: 1.5em;
}

div.menu1, div.login
{ 
  margin-bottom: 1em;
  padding: 1.5ex;
  border: 1px solid black;
  -moz-border-radius:10px;
 }

div.menu1 { background-color: white; }
div.login { background-color: white; }

/******************** Offres *************************/

div.offres
{ 
  background-color: white;
  border: 1px dotted black;
  padding: 1ex;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.offres a
{ 
  color: blue;
}

/******************** Pied de page ********************/

div.footer 
{ 
  /** background-color: #9caebc;**/
  background-color: white;
  font-family: Arial;
  margin-top: 1ex;
  border: 2px solid black;
  -moz-border-radius:20px;
  }
div.footer img
{ 
  vertical-align: middle; 
  }
div.footer a 
{ 
  /** color: white; **/
 }
table#footer 
{
  width: 100%;
  border-collapse: collapse;
}
table#footer td 
{
  margin: 0;
  padding: 0.3ex 1ex 0.3ex 1ex;
  text-align: center;
}
table#footer img 
{
  display: inline;
  padding-left: 0.5em;
}

/******************* Entête *****************/
div.header 
{
  background-color: white;
  margin-bottom: 1ex;
  border: 2px solid black;
  -moz-border-radius:20px;
}
div.header table 
{
  padding: 0;
  margin: 0;
  height: 100px;
  width: 100%;
}
div.header table td.logo_castor 
{
  text-align: left;
  padding-left: 100px;
}
div.header table td.logo_2le 
{
  text-align: right;
}

/********************* Menu ***********/

div.menu1 ul 
{
  list-style: none;
  padding: 0;
  margin: 0;
}
/* CRASH IE 6 :-(
div.menu1 li:first-letter {
  font-size: 120%;
  font-weight: bold;
  padding-right: 0.1ex;
  text-transform: uppercase;
}
*/
div.menu1 li {
  margin-bottom: 0.3ex;
}
div.menu1 a, div.login a {
  color: blue;
}

div.submenu ul
{ 
  font-size: 90%;
  margin-top: 1ex;
  padding-top: 0.5ex;
  border-left: 3px solid gray;
  padding-left: 0.5em;
  padding-bottom: 0.5ex;
  }

div.submenu a 
{ 
  color: #404040;
 }


/***************** Boite de login *************/

div.login {
  font-family: Arial;
  font-size: 80%;
}
input[type="text"],
input[type="password"],
textarea
{
  font-size: 9pt;
  font-weight: bold;
  border: 1px dotted black;
  background-color: #C0D0FF;
  color: #202020;
  padding: 0.5ex;
  margin: 0.2ex;
}
input[type="submit"] {
  border: 1px solid black;
  background-color: #A0C060;
  color: white;
  font-weight: bold;
}


/************* Data table **********/

table.datatable
{
  background-color: white;
  border-collapse: collapse;
  margin-bottom: 1em;
  }
table.datatable img { display: inline; vertical-align: middle; }
tbody.datatable>tr>td, tbody.datatable>tr>td.tableheader,
tbody.datatable>tr>th
{
  margin: 0;
  padding: 1ex;
  border: 1px solid black;
  }
table.datatable th, td.tableheader
{
  background-color: #A0C0D0;
  color: white;
  font-weight: bold;
  font-size: 110%;
  }
table.datatable th a, td.tableheader a { color: white; }
table.datatable th { text-align: center; }
td.tableheader { white-space: nowrap; }
tbody.datatable p { margin-top: 0.5ex; margin-bottom: 0.5ex; }

table.mediadb_db {
	width: 100%;
	border-collapse: collapse;
}
.mediadb_db td {
	border: 1px dotted black;
	padding: 0.5ex;
	text-align: center;
	font-size: 90%;
}
.mediadb_db p {
	text-align: center;
}
table.mediadb_op {
	width: 100%;
	border-collapse: collapse;
	margin-left: 1em;
	margin-right: 1em;
}
.mediadb_op td {
	border-style: none;
	vertical-align: bottom;
	text-align: left;
}
.mediadb_op img {
	vertical-align: middle;
}
.mediadb_op a {
	text-decoration: none;
}