﻿html, body {
	height: 100%;
	margin: 0;
}
body {
    background:#ccc;
    color: #666;
    font-family: verdana, arial;
    font-size:11px;
    margin:0;
    padding:0;
    text-align:center;
}
a#lienpass {
    color: #666;
    text-decoration: underline;
}
a {
    color: #aca899;
    text-decoration: none;
}
a:hover {
    color: #8ADD00;
    text-decoration: underline;
}
div.bloc a:hover, div.bloclarge a:hover {
    color: #8ADD00;
    text-decoration: none;
}
img {
    border: 0;
}
a.linktop {
    color: #333;
    text-decoration: none;
}
a.linktop:hover {
    text-decoration: underline;
}

#page { 
	position: relative;
    text-align: left;
}
#page2 {
    width: 850px;
	background:#ccc url(../images/page.png) repeat-y center;
	padding: 0 4px 0 4px;

}

#header {
    background: url(../images/top.png) repeat-x;
    height: 125px;
    width: 842px;
}
#header #top {
    background: url(../images/logotopebsd.png) 15px 7px no-repeat;
    height: 72px;
}
#header #bar {
    padding: 0px 10px 0 10px;
}
#header #bar #date {
    float: left;
    padding: 3px 0 0 0;
    width: 25%;
}
#header #bar #loginbox {
    float: right;
    _margin: -1px 0 0 0;
}
#header input {
    padding: 0;
    width: 100px;
    height: 18px;
    border: 1px solid #ccc;
}
#header form#inlinetop {
    display: inline;
}
#header #send {
    width: 24px;
    height: 16px;
    background: #ccc;
    border: 0;
}



ul#menu {
    float: left;
    list-style-image: url(../images/bullet.gif);
    margin: 0;
    padding: 5px 0 10px 26px;
    width: 150px;
}
ul#menu li ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 16px;
}
li.rub {
    font-weight: bold;
}
li.rub ul {
    font-weight: normal;
}



table tr td, th {
    font-family: verdana, arial;
    font-size:11px;
}

table.table {
    border: 1px solid #CCC;
    margin:0 auto;
    padding:0;
    width: 650px;
}
table.table th {
    border: 1px solid #FFF;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #8ADD00;
    color: #FFF;
    height: 25px;
    margin:10px;
}

table.head {
    border: 1px solid #CCC;
    border-spacing: 2px;
    margin:0 auto;
    padding:0;
    width: 650px;
}

table.head th {
    background-color: #8ADD00;
    height: 25px;
    color: #FFF;
}
table.info {
    border:0;
    border-spacing: 0px;
    border-collapse: ;
    margin:0;
    padding:0;
    width: 100%;
}
table.info th {
    background-color: #8ADD00;
    height: 25px;
    color: #FFF;
    width: 100%;
}
table.info tr, table.info tr.desc {
    height: 25px;
    width: 100%;
}
table.info tr.desc {
    text-align: center;
}
table.info tr.bg {
    background-color: #CF9; /*DCFFDC;#8ADD00*/
    height: 25px;
    width: 100%;
}

table.table tr, table.table tr.desc {
    height: 25px;
    width: 100%;
}
table.table tr.desc {
    text-align: center;
}
table.table tr.bg {
    background-color: #CF9; /*DCFFDC;#8ADD00*/
    height: 25px;
    width: 100%;
}
table tr td.center {
    text-align: center;
}
table tr td.left {
    text-align: left;
}
table tr td.right {
    text-align: right;
}

table tr td, th {
    font-family: verdana, arial;
    font-size:11px;
}

table.table_menu {
    border: 1px solid #CCC;
    margin:0;
    padding:0;
    width: 200px;
}


#form_dom, #form_cla, #form_pro, #form_ftp {
    margin: 5px 0;
}
#domain, #tld, #submit, .etape, .cmd_sel, .cmd_inp,
#form_dom #domain, #form_dom #tld, #form_dom #submit,
#form_cla #domain, #form_cla #tld, #form_cla #submit,
#form_pro #domain, #form_pro #tld, #form_pro #submit,
#form_ftp #domain, #form_ftp #tld, #form_ftp #submit {
    border: 1px solid #CCC;
    font-family: verdana, arial;
    font-size:11px;
}

.red {
    font-color: #FF0000;
}
.bold {
    font-weight: bold;
}

div.bloc {
    float: left;
    margin: 10px 0 10px 10px;
    width: 350px;
}
div#promo {
    float: left;
    margin: 10px 0 10px 10px;
    width: 710px;
}
div#promo img {
    border: 0;
}
div.bloclarge {
    float: left;
    margin: 10px 0 10px 10px;
    width: 710px;
}
div.bloc h1, div.bloclarge h1 {
    border-bottom: 1px solid #A7E327;
    color: #8FC21F;
    font-size: 1.2em;
    font-weight: bold;
    margin:0 0 4px 0;
    padding:0;
}
div.bloc h1 span {
    color: #8FC21F;
    float: right;
    font-size: 0.8em;
    padding:0;
}
div.bloc img {
    border: 0;
    display: block;
    float: left;
    margin: 10px 8px 0px 2px;
    width: 80px;
    height: 80px;
}
div.bloc span.txt {
    display: block;
    margin: 14px 0px 0px 0px;
}

div#commande div.blocmd {
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #A7E327;
}

div#commande div.blocmd h1 {
    color: #8FC21F;
    font-size: 1em;
    font-weight: bold;
    margin:0;
    padding:0;
}

div#commande div#blocdetail {
}

#form_nom, #form_mail, #form_message {
    border: 1px solid #8ADD00;
    border-width: 1px 1px 1px 5px;
    width: 550px;
    padding: 2px;
}
.green {
    border: 1px solid #8ADD00;
    border-width: 1px 1px 1px 5px;
    padding: 2px;
}
#form_nom:hover, #form_mail:hover, #form_message:hover, .green:hover,
#form_nom:focus, #form_mail:focus, #form_message:focus, .green:focus {
    border: 1px solid #CF9;
    border-width: 1px 1px 1px 5px;
}

#form_submit, .greensub {
    border: 1px solid #8ADD00;
}

#form_message {
    height: 150px;
}

/* Manager EBSD */
  /* Menu */
a.recapitulatif, a.mesproduits, a.mesfactures, a.mesparametres, a.prepaiement, a.parrainage, a.votreavis, a.support, a.deconnexion {
    display: block;
    height: 16px;
    padding: 0 0 0 18px;
    margin: 1px 0;
}

a.recapitulatif {
    background:#FFF url("../icones/application_view_list.png") no-repeat;
}
a.mesproduits {
    background:#FFF url("../icones/cart.png") no-repeat;
}
a.mesfactures {
    background:#FFF url("../icones/calculator.png") no-repeat;
}
a.mesparametres {
    background:#FFF url("../icones/wrench.png") no-repeat;
}
a.prepaiement {
    background:#FFF url("../icones/money.png") no-repeat;
}
a.parrainage {
    background:#FFF url("../icones/group.png") no-repeat;
}
a.votreavis {
    background:#FFF url("../icones/note_edit.png") no-repeat;
}
a.support {
    background:#FFF url("../icones/comments.png") no-repeat;
}
a.deconnexion {
    background:#FFF url("../icones/disconnect.png") no-repeat;
}
  /* Fin Menu */
  /* Page Domaine */
img.ok, img.waiting, img.nok {
    border: 0;
    width: 16px;
    height: 16px;
    margin: 2px 4px -4px -2px;
}
img.ok { 
    background:#FFF url("../icones/tick.png") no-repeat;
}
img.waiting { 
    background:#FFF url("../icones/time.png") no-repeat;
}
img.nok { 
    background:#FFF url("../icones/stop.png") no-repeat;
}
img.dnsactivation, img.dns, img.mailactivation, img.mail {
    border: 0;
    width: 16px;
    height: 16px;
    margin: 2px 4px -4px -2px;
}
img.dnsactivation {
    background:#FFF url("../icones/layout_add.png") no-repeat;
}
img.dns {
    background:#FFF url("../icones/layout.png") no-repeat;
}
img.mailactivation {
    background:#FFF url("../icones/email_add.png") no-repeat;
}
img.mail {
    background:#FFF url("../icones/email.png") no-repeat;
}
  /* Fin Page Domaine */
  /* Page Prepay */
a.histoprepay, a.creditprepay {
    display: block;
    height: 16px;
    padding: 0 0 0 18px;
    margin: 1px 0;
}
.histoprepay {
    background:#FFF url("../icones/layout.png") no-repeat;
}
.creditprepay {
    background:#FFF url("../icones/creditcards.png") no-repeat;
}
  /* Page Hebergement */
img.domaineprincipal, img.changeoffre, img.cd {
    border: 0;
    width: 16px;
    height: 16px;
    margin: 2px 4px -4px -2px;
}
img.domaineprincipal {
    background:#FFF url("../icones/world_go.png") no-repeat;
}
img.changeoffre {
    background:#FFF url("../icones/cart_go.png") no-repeat;
}
img.cd {
    background:#FFF url("../icones/cd.png") no-repeat;
}
  /* Fin Page Hebergement */
  /* Page Mail */
span.mailalias, span.mailpop, span.utilisationpop {
    display: block;
    height: 16px;
    padding: 0 0 0 18px;
    margin: 1px 0;
}
span.mailalias { 
    background:#FFF url("../icones/email_go.png") no-repeat;
}
span.mailpop { 
    background:#FFF url("../icones/email_add.png") no-repeat;
}
span.utilisationpop { 
    background:#FFF url("../icones/chart_pie.png") no-repeat;
}
span.flechedroite {
    width: 16px;
    height: 16px;
    padding: 0 7px;
    margin: 1px 0;
    background:#FFF url("../icones/arrow_right.png") no-repeat;
}
img.delete, img.edit {
    border: 0;
    width: 16px;
    height: 16px;
    margin: 2px;
}
img.delete {
    background:#FFF url("../icones/cross.png") no-repeat;
}
img.edit {
    background:#FFF url("../icones/pencil.png") no-repeat;
}
  /* Fin Page Mail */
  /* Page Dédié */
span.option {
    display: block;
    width: 120px;
    text-decoration: underline;
    text-align: right;
    float: left;
    clear: left;
}
span.value {
    display: block;
    width: 120px;
    float: left;
}
span.ip {
    display: block;
    height: 16px;
    padding: 0 0 0 18px;
    margin: 1px 0;
    background:#FFF url("../icones/link.png") no-repeat;
}

span.pdu {
    display: block;
    height: 16px;
    padding: 0 0 0 18px;
    margin: 1px 0;
    background:#FFF url("../icones/refresh.png") no-repeat;
}

  /* Fin Page Dédié */
  /* Page Faq */
ul.faq {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}
ul.faq1 {
	list-style-type: none;
	margin: 0 0 10px 20px;
	padding: 0;
	border: 0;
}
  /* Page Produits */
ul.produits {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
ul.produits li {
    margin: 0 0 0 0px;
}
ul.produits li.details {
    margin: 5px 0 5px 20px;
}

.open {
    display: block;
    height: 16px;
    margin: 1px 0;
    cursor: pointer;
}

.ouvrir, .domaine, .hebergement, .email, .stockage, .dedie {
    display: block;
    height: 16px;
    padding: 0 0 0 18px;
    margin: 1px 0;
    cursor: pointer;
}

.ouvrir {
    background:#FFF url("../icones/bullet_arrow_down.png") no-repeat;
}

.domaine {
    background:#FFF url("../icones/world.png") no-repeat;
}

.hebergement {
    background:#FFF url("../icones/page_white_world.png") no-repeat;
}

.email {
    background:#FFF url("../icones/email.png") no-repeat;
}

.stockage {
    background:#FFF url("../icones/drive_network.png") no-repeat;
}

.dedie {
    background:#FFF url("../icones/server.png") no-repeat;
}

/* Fin page Produits */
/* Fin Manager EBSD */

.cmdlink, .bg .cmdlink {
    border: 1px solid #8ADD00;
    border-width: 1px 1px 1px 5px;
    padding: 4px 10px;
    background: #FFF;
}
.cmdlink:hover {
    border-color: #00B700;
    text-decoration: none;
    background: #8ADD00;
    color: #FFF;
    font-weight: bold;
}

.trhover.tdhover:hover {
    background: #DEDEDE;
}

#footer {
	width: 756px;
	height: 20px;
	bottom: 0;
    border:1px solid #999;
    border-width: 0 0 0 0;
    clear: both;
    font-size:10px;
    text-align: center;
    background: url(../images/bottom.png) repeat-x;
}

#footer div {
    padding: 5px 0 0 0;
}

div#content {
    padding: 20px 0 55px 4px;
    overflow: auto;
	text-align:left;
}

div#sidebar {
	float: left;
	width: 200px;
}

div#contenu {
	float: right;
	width: 700px;
	padding-left:5px
}

.none {
	display: none;
}
.block {
    display: block;
}
.vb {
color:#900000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}