/*
 * Titre: Tbird
 * Auteur original: Olivier (OLab - http://olab.free.fr)
 * Modifié par Matthieu Chaton
 */
 
/* Tag redefs */
body { 
  font-family:verdana,arial,helvetica,sans-serif;
  background-color: white;
  color:black;
  margin: 0px;
}
abbr, acronym {
  cursor : help;
}
a {
	text-decoration: underline;
	color: #5C7497;
	background-color: transparent;
}
a:hover {
	background-color:#5C7497;
	color: white;
	text-decoration: none;
}
/** Inspired by japan css */
a[href*="http://"]:after {
	content: "\0000a0\0000bb";
}
a[hreflang]:after {
 content: "\0000a0(" attr(hreflang) ")";
}
a[href*="http://"][hreflang]:after {
 content: "\0000a0(" attr(hreflang) ")\0000a0\0000bb";
}
a[href*="mailto:"]:after {
	content: "\0000a0\0000a0\0000a0";
}
a[href*="mailto:"] {
	background-image: url(mail.png);
	background-position: right;
	background-repeat: no-repeat;
}
pre {
	border: 1px dashed #C9D1DD !important;
	background-color: #F1F4F6;
	margin-right:3em !important;
	padding: 5px;
}
/* Logo */
#baguette {
	position: absolute;
	margin: 8px;
	left: 0px;
	top: 0px;
	z-index: 1;
}
/* Main header */
#header {
  border-bottom:1px solid #C9D1DD;
  height: 60px;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: white;
  color: black;
  margin:0px;
}
#header h1 { 
  height: 60px;
  font-size:24pt;
  text-align:center;
  /*border-bottom:1px solid #C9D1DD;*/
  background-color:#5C7497;
  background-position: left top;
  color: white;
  margin:0px;
}

/* Contenu */
#contenu {
	margin-top: 10px;
	margin-left: 165px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#about, #telechargement, .article { 
	margin: 5px;
	border:1px solid #C9D1DD;
	background-color: #F9FAFC;
}
.create-note {
   margin: 5px;
	background-color: #F9FAFC;
}

#telechargement dt a {
	font-weight: bold;
	font-variant: small-caps;
}

#about h2, #telechargement h2, .article h2, #traducteurs h2 { 
	background-color:#5C7497;
	color: white;
	margin:5px;
	text-align:center;
	font-size:13pt;
	border-bottom:1px solid #C9D1DD;
	padding: 2px;
	font-variant: small-caps;
}
.article h3, .article h4, .article h5, .article h6 {
  margin-left:5px;
}
.article .warning {
	margin-left: 21px;
	margin-right: 15px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
p, dl, .article li {
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:10pt;
	margin:15px;
}
#telechargement dt {
	margin-top:15px;
	padding: 5px;
	font-size:10.3pt;
	background-color: #F1F4F6;
}
#telechargement dd {
	margin: 0px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
	background-color: #F1F4F6;
}

/* Menu */
#menu {
	position: absolute;
	top: 70px;
	left:1px;
	width: 160px;
	background-color: #F9FAFC;
	border:1px solid #C9D1DD;
}
#menurub {
	border-bottom:1px solid #C9D1DD;
	font-size: 9pt;
	width: 160px;
}
#menu h2  { 
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom: 0px; /*3px;*/
  padding-left:0px;
  padding-right:0px;
  padding-top: 2px;
  padding-bottom: 2px;
  width:160px;
  font-size:11pt;
  text-align:center;
  border-bottom:1px solid #C9D1DD;
  background-color:#5C7497;
  color: white;
  font-variant: small-caps;
}
#menu h3  { 
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom: 0px;
  padding-left:0px;
  padding-right:0px;
  padding-top: 0px;
  padding-bottom: 2px;
  width:160px;
  font-size:10pt;
  text-align:center;
  border: none;
  /*border-bottom:1px solid #C9D1DD;*/
  background-color:#BBBBBB;
  color: black;
  /*font-variant: small-caps;*/
}  
#menu ul {
	padding-left:0px;
	margin:5px;
	text-align: left;
}
#menu ul li, #traducteurs ul li {
	list-style: none;
	color: #FF0000;
}

#menu ul li a,#menu ul li span {
	display: block;
	width: 150px;
	text-decoration: none;
}

/* Style selector */
#form-menu {
	text-align:left;
	background-color: #F9FAFC;
	max-width: 160px;
	font-size:10pt;
}
#form-menu fieldset {
	border-style:none;
}
#form-menu select {
	background-color: white;
	border: 1px solid #C9D1DD;
	color: #5C7497;
}
#form-menu select:hover {
	color: white;
	background-color: #5C7497;
}
#form-menu input {
	border: 1px solid #C9D1DD;
	color:#5C7497;
	background-color: transparent;
}
#form-menu input:hover {
	background-color:#5C7497;
	color: white;
}

/* footer */
#footer {
	margin-left: 165px;
	text-align:center;
	font-size:8pt;
	margin-bottom:3em;
}

.addon {
	font-size:10pt;
	margin:15px;
}
.addon h3 {
	font-size: 10pt;
	padding-left: 5px;
	margin: 0px;
	border-left: 1px solid #C9D1DD;
	border-bottom: 1px solid #C9D1DD;
	background-image: url(barre.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.addon h4 {
	margin:10px;
	font-size: 10pt;
	padding-left: 5px;
	border-left: 1px solid #C9D1DD;
	border-bottom: 1px solid #C9D1DD;
	background-image: url(barre.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.addon ul {
	list-style: square;
}

.addon .linklist li {
	list-style: circle;
}
/* Sections */
.section {
	margin-left:15px;
}
.section h3 {
	font-variant: small-caps;
	font-size: 12pt;
	font-style: italic;
	border-left: 4px solid #C9D1DD;
	border-bottom: 1px solid #C9D1DD;
	padding-left: 6px;
	margin-right: 15px;
	background-image: url(barre.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/** Inspired by japan css */
.section h4:before {
	content:"\0025ca\0000a0";
}
.section h4 {
	margin-left: 20px;
	font-size:10pt;
}
.section .addon h4 {
	background: none;
	border:none;
}
.section p {
	margin-left: 25px;
	margin-right: 40px;
}
.section ul {
	list-style: square;
}

#explication label{
	color: #666666;
	font-weight: bold;
	font-style: italic;
}

.warning, .section .warning {
	border: 3px solid #C9D1DD;
	padding:10px;
	background-color: #F1F4F6;
}
.warning strong {
	background-color: #5C7497 !important;
	color: white !important;
}
.warning em {
	text-decoration: underline;
}

/* Style selector */
#form-style {
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 170px;
	margin-right:15px;
	border:1px solid #C9D1DD;
	text-align:center;
	background-color: #F9FAFC;
	font-size:10pt;
}
#form-style fieldset {
	border-style:none;
}
#form-style select {
	background-color: white;
	border: 1px solid #C9D1DD;
	color: #5C7497;
}
#form-style select:hover {
	color: white;
	background-color: #5C7497;
}
#form-style input {
	border: none;
	color:#5C7497;
	background-color: transparent;
}
#form-style input:hover {
	background-color:#5C7497;
	color: white;
}

#form-note {
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 0px;
	margin-right:0px;
	text-align:left;
	background-color: #F9FAFC;
	font-size:10pt;
}
#form-note fieldset {
	border-style:none;
}
#form-note select {
	background-color: white;
	border: 1px solid #C9D1DD;
	color: #5C7497;
}
#form-note select:hover {
	color: white;
	background-color: #5C7497;
}
#form-note input {
	border: 1px solid #C9D1DD;
	color:#5C7497;
	background-color: transparent;
}
#form-note input:hover {
	background-color:#5C7497;
	color: white;
}

.tableau .lmallette td a {
  display: block;
}
.tableau .lmallette td a:hover {
  background-color: #888; color: #fff;
}
.tableau a {
  text-decoration: none;
}
.tableau a:hover {
  text-decoration: none;
}
.tableau table {
  border-collapse: collapse;
  width: 100%;
}
.tableau td {
  text-align: center;
  border: 1px solid #000;
  padding: 1px;
  margin: 0;
  font-size: 0.8em;
}
.tableau a {
  text-decoration: none;
}
.tableau td {
  padding: 0;
  border-color: #888;
  background-color: #EEEEEE;
}
.tableau td div {
  padding: 0.4em 0;
}
.tableau .lmallette td a {
  padding: 0.4em 0;
}
.tableau .lmallette td a:hover {
  background-color: #CCFFEE; color: #000;
}  
.tableau .undoreserve a {
  color: #000000;
}
.tableau .undoreserve {
  background-color: #88FF88;
  color: #000000;
  width:25%;
}
.tableau .nowayreserve a {
  color: #000000;
}
.tableau .nowayreserve {
  background-color: #FF8888;
  color: #000000;
  width:25%;
}    
.tableau .reservation{
	width:25%;
}
.tableau .noreservation{
	width:25%;
}
.tableau .entete {
  background-color: #bbb;
}
.tableau .annu0 {
	background-color: #CCCCCC;
}
.tableau .annu1 {
	background-color: #EFEFEF;
}
.tableau .menug {
  padding: 0;
  border-color: #888;
  background-color: #DDDDDD;
  width: 12%;
  font-weight: bold;
}
.tableau .menuattrib {
  text-align: left;
  padding: 0;
  border-color: #888;
  background-color: #EEEEEE;
  width: 12%
}
.tableau .postien {
  text-align: left;
  font-size:0.9em;
  padding: 0;
  border-color: #888;
  background-color: #EEEEEE;
}

#avancement1 label{
  background-color:#FFAAAA;
}

#avancement2 label{
  background-color:#EEBBAA;
}

#avancement3 label{
  background-color:#DDCCAA;
}

#avancement4 label{
  background-color:#CCDDAA;
}

#avancement5 label{
  background-color:#BBEEAA;
}

#avancement6 label{
  background-color:#AAFFAA;
}

#avancement7 label{
  background-color:#AAAAAA;
}