body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  background:white;
  color:black;
  margin:0;
  padding:0;
}

p, td, th {
  font-size:11px;
}

p {
  text-align:justify;
}

li {
  list-style-type:square;
}

th {
  text-align:left;
  font-weight:bolder;
  background-color:#bde;
  border-bottom:1px solid blue;
}
.even td {
  background-color:#ddf;
}
.odd td {
  background-color:#eff;
}

h1 {
  font-size:200%;
  font-weight:normal;
  color:#336;
  margin-top:0;
  padding-top:0;
  padding-bottom:0.5em;
  margin-bottom:0;
}

h2 {
  font-size:150%;
  font-weight:bolder;
  color:#003;
  font-style:italic;
}

.filet {
  padding:0.5em;
  margin-top:1em;
  margin-bottom:1em;
  border-top:2px dotted #aac;
  border-bottom:2px dotted #aac;
  background-color:#eed;
}

td.auth-box {
  padding-right:10px;
  background:white url(bg-header.gif) top right no-repeat;
  width:470px;
  height:111px;
}
.auth-box {
  color:#003366;
  vertical-align:middle;
}
.auth-box td {
  font-size:11px;
}

.auth-box td.label {
  font-size:10px;
  text-align:right;
  padding-right:0.4em;
}

.auth-box a:hover {
  color:black;
}

a {
  color:#003366;
  text-decoration:none;
}
a:hover {
  color:#6699cc;
  text-decoration:underline;
}

.header-nav {
  background-color:#333366;
  border-bottom:1px solid #6699cc;
  color:white;
  font-size:11px;
  font-weight:bolder;
  padding-top:6px;
  padding-bottom:4px;
  padding-left:8px;
}
.header-nav a {
  color:white;
  text-decoration:none;
}
.header-nav a:hover,
.header-nav .sel a {
  color:orange;
}
.header-nav ul {
  margin:0;
  padding:0;
}
.header-nav li {
  display:inline;
  padding-right:24px;
}
.header-nav img {
  vertical-align:middle;
  padding-right:2px;
  padding-bottom:2px;
}

.sub-header {
  background-color:#6699cc;
}

.anInput {
  font-size:11px;
  border:1px solid #888;
}
textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
select {
  font-size:11px;
}

form {
  margin:0;
  padding:0;
}

.body-setter {
  background-color:#336699;
}

.contents {
  font-size:11px;
  padding:1.5em;
	width:587px;
}
.contents td {
  vertical-align:top;
}

.div_info {
	width:575px;
	text-align:justify; 
	border-top:1px 
	solid #99ccff; 
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
}

#plan .div_info {
	width:445px;
}

#services .contents {
	border:0px 
	solid #99ccff; 
	width:580px;
	padding-top:15px;
	padding-right:0px;
	padding-left:2px;
}

#plan .contents,
#devis .contents,
#client .contents,
#contact .contents,
#about .contents,
#index .contents {
  padding:0px;
  padding-bottom:0px;
  padding-top:0px;
}
#index .contents {
  background-color:#6699cc;
}

.copyrite-out {
  background-color:#6699cc;
  padding-bottom:4px;
}
.copyrite-in {
  background-color:#6699cc;
  color:white;
  border-bottom:4px solid white;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:16px;
  font-size:10px;
}

.right-side,
.right-side-void {
  font-size:11px;
  padding:12px;
	width:193px;
}

#plan .right-side-void,
#client .right-side,
#client .right-side-void,
#devis .right-side,
#devis .right-side-void,
#devis .right-side,
#contact .right-side-void,
#about .right-side,
#about .right-side-void {
	vertical-align: top;
	padding:0px;
}

#index .right-side,
#index .right-side-void {
  padding:0;
}
.right-side {
  vertical-align:middle;
}
.right-side a {
  color:#333366;
  text-decoration:underline;
}
.right-side a:hover {
  color:blue;
  text-decoration:none;
}
.right-side ul {
  padding-top:0;
  padding-bottom:0;
  margin:0;
}

.right-side-void {
  color:#336;
  vertical-align:top;
  background:#99ccff url(bg-right-side.gif) bottom left no-repeat;
}

ul.orange-dot {
  list-style:disc url(li-orange-dot.gif);
  margin:0;
  padding:0;
  padding-left:16px;
}
.orange-dot li {
  margin:0;
  padding-left:0;
  margin-bottom:1em;
}

.button-grey,
.button-orange,
.button-white {
	width:200px;
  color:#333;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-decoration:none;
  background-color:#ccc;
  padding-left:0.6em;
  padding-right:0.6em;
  padding-top:1px;
  padding-bottom:1px;
  margin-top:5px;
		margin-bottom:5px;
}
.button-grey:hover,
.button-orange:hover,
.button-white:hover {
  background-color:#ddd;
  text-decoration:none;
  color:black;
}
.button-grey:active,
.button-orange:active,
.button-white:active {
  border-top:1px solid #555;
  border-left:1px solid #555;
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
}

.button-orange {
  background-color:#ff9900;
  color:white;
  padding-left:0.6em;
  padding-right:0.6em;
  text-decoration:none;
}
.button-orange:hover {
  color:#333;
  background-color:gold;
}
.button-white {
  background-color:#eee;
  padding-left:0.6em;
  padding-right:0.6em;
  text-decoration:none;
}
.button-white:hover {
  background-color:#ffe;
  text-decoration:none;
}

.error {
  color:#a00;
  font-weight:bolder;
  padding-left:0.5em;
  border-left:1.2em solid red;
  margin-top:1.5em;
  margin-bottom:1.5em;
}

.hint {
  background-color:#ffc;
  border-top:1px solid gold;
  border-bottom:1px solid gold;
  font-style:italic;
  padding:0.6em;
  margin-top:1em;
  margin-bottom:1em;
  text-align:justify;
}

.debug {
  border:1px dashed gold;
  border-left:1.2em solid gold;
  padding-left:1em;
  background-color:#ffc;
  color:#833;
  font-size:9px;
}

.rlabel {
  vertical-align:middle;
  padding-right:1em;
}

.grid td {
  border-bottom:1px dashed #eef;
}

td.news {
  vertical-align:top;
}
.news p {
  padding:0;
  margin:0;
  padding-top:0.5em;
  padding-bottom:0.5em;
}