a, a:hover, a:active {
   border-style: none;
}

body {
   font-family: sans-serif;
   font-size: 10pt;
}

code {
   color: #f6a311;
   font-family: sans-serif;
}

form {
   clear: both;
   margin: 0;
   padding: 0;
}

div.quote {
   margin-left: auto;
   margin-right: auto;
   width: 400px;
}

div.quote dd.quoteDesc {
   margin: 0;
}

div.quote textarea {
   width: 400px; height: 300px;
}

div.quote div input {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: none;
   border-top: none;
   text-align: left;
   width: 300px;
}

table.website {
   margin-left: auto;
   margin-right: auto;
}

table.devis td.col1 {
   width: 100px;
}

table.devis tbody td input {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: 1px solid #000;
   border-top: none;
   text-align: left;
   width: 300px;
}

table.devis tbody td li input {
   border-style: none;
   width: 30px;
}

table.devis tbody td textarea {
   width: 400px; height: 300px;
}

table.form_membre, table.form_register {
   width: 315px;
}

table.dns {
   width: 360px;
}

table.dns select {
   width: 150px;
}

table.dns td.dname {
   width: 170px;
}

table.dns td.action {
   width: 150px;
}

table.dns td.submitForm {
   text-align: center;
}

table.dns td.submitForm input {
   border: 2px outset;
   text-align: center;
   width: 50px;
}

table.dns tbody td input {
   border-bottom: 1px dashed #000;
   border-right: none;
   border-left: none;
   border-top: none;
   text-align: right;
   width: 170px;
}

table.invoice input {
   margin-right: 8px;
}

table.invoice span input {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: 1px solid #000;
   border-top: none;
   margin: 0;
   text-align: left;
   width: 300px;
}

table.hosting td.newmail {
   width: 170px;
}

table.hosting tbody td input {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: none;
   border-top: none;
   margin: 0 0 0 60px;
   text-align: right;
   width: auto;
}

table.hosting tbody td select {
   border-style: none;
   text-align: left;
}

table.hosting thead td {
   text-align: left;
}

table.pack tbody td input {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: none;
   border-top: none;
   text-align: right;
   width: 170px;
}

table.pack tbody td select {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: 1px solid #000;
   border-top: none;
   width: 50px;
}

table.pack tbody td span input {
   border-style: none;
   text-align: center;
   width: 80px;
}

table.panier dl {
   margin: 0;
}

table.panier dd {
   margin: 0;
}

table.seo dt {
   margin: 10px 0;
}

table.seo tbody td.col1 {
   width: 130px;
}

table.seo tbody td span input {
   border-bottom: 1px dashed #000;
   border-left: none;
   border-right: 1px solid #000;
   border-top: none;
   text-align: left;
   width: 300px;
}

#detail p {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 300px;
}

#detail table {
   margin-left: auto;
   margin-right: auto;
}

#detail tfoot {
   text-align: center;
}

#detail tfoot tr {
   background: transparent;
   height: 21px;
   vertical-align: bottom;
}

/*
#detail tbody td {
   text-align: left;
}
   */

#detail td.facture {
   width: 130px;
}

#package a {
   text-decoration: none;
}

#maintext {
   border-style: solid;
   border-width: 1px;
   position: absolute;
   top: 0; left: 150px;
   width: 640px;
}

#maintext ul {
   margin: 0;
   padding: 0;
}

#maintext li {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.incorrect {
   background-color: #f6a311;
}

/*************************************************************************/

div.titre{
	font-family: sans-serif;
	font-size:22pt;
	font-weight:bold;
	color:#3F86B7;
	height:70px;
	/* background-color:#286DA3; */
   background: transparent none;
}

div.main{
	/* background-color:#286DA3;*/
   /* background: url('../images/main_milieu2.png') repeat-y; */
   background: transparent none;
}

table.panier{
	width:75%;
}

td{
	font-family: sans-serif;
	color:#FFFFFF;
	font-size:11px;
}
tr.head{
	background-color:#3F86B7;
	font-family: sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border-left: none;
	border-right: none;
}

tr.ligne_cmd{
	background-color:#2168A0;
   /* background-color: #000; */
}

tr.ligne_banque{
	height:20px;
	font-size:12px;
	background-color:#2168A0;
	font-weight : bold;
}

.ligne_cmd td{	
   border-bottom: none;
   border-left: none;
   border-right: none;
   /* border-top: 7px solid #286DA3; */
   border-top: 7px solid #216ba2;
   padding: 0 5px;
}
.ligne_cmd td.label {
   white-space: nowrap;
   width: 110px;
}
form.ligne_cmd tr.ligne_cmd table td {
   border-style: none;
}
form tr.ligne_cmd td.ligne_cmd table td {
   border-style: none;
}

table.authentification {
   margin: 0 auto;
   width: 315px;
}
form tbody table {
   float: right;
}

table.authentification td.field, .logpayment td.field {
   text-align: right;
   width: 220px;
}

form#bank_card td.field {
   text-align: left;
   margin-left: 5px;
}

input {
   border: 1px solid #fff;
   color: #4497bb;
}

td.field input {
   border: 1px solid #fff;
}

td.field input.incorrect {
   color: #000;
}

tfoot{
	/* background-color:#286DA3; */
   background: transparent;
}
td.total{
	background-color:#FFFFFF;
	color:#3F86B7;
	text-align:right;
	padding-right: 10px;
	font-size:12px;
	font-weight:bold;
}
.left{
	text-align:left;
	padding-left: 10px;
}
.right{
	text-align:right;
	padding-right: 10px;
}
.detail{
	text-align:left;
	padding-left: 20px;
}

.btn{
   border-bottom: none;
   border-left: none;
   border-right: none;
   color:#FFFFFF;
   font-family:sans-serif;
   font-weight:bold;
   background-color:#E79219;
   border-top: 1px solid #286DA3;	
}
/************************Starter***********************/
.text_field {
   border-bottom: none;
   border-left: none;
   border-right: none;
   color:#3F86B7;
   font-family:sans-serif;
   text-align:right;
   border-top: 1px solid #286DA3;
}
select{
   border-bottom: none;
   border-left: none;
   border-right: none;
   color:#3F86B7;
   font-family:sans-serif;
   text-align: left;
   border-top: 1px solid #286DA3;
}
.btn_leger{
   border-bottom: 1px solid #9ECDE3;
   border-left: 1px solid #9ECDE3;
   border-right: 1px solid #9ECDE3;
   color:#FFFFFF;
   font-family:sans-serif;
   background-color:#2168A0;
   border-top: 1px solid #9ECDE3;	
}
/************************Fond****************************/
div.table{
	display:table;
	height:inherit;
}
div.main_head{
	display:table-row;
	width:inherit;
	height:13px;
}
.main_haut_gauche{
	background-image:url('../images/coin_gauche.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_haut_droit{
	background-image:url('../images/coin_droit.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_milieu{
	background-image:url('../images/milieu.png');
	background-repeat:repeat-x;
	display:table-cell;
	width:inherit;
	height:inherit;
}
.main_bas_gauche{
	background-image:url('../images/coin_bgauche.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_bas_droit{
	background-image:url('../images/coin_bdroit.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_milieub{
	background-image:url('../images/milieub.png');
	background-repeat:repeat-x;
	display:table-cell;
	height:13px;
}
.main_milieug{
	background-image:url('../images/milieug.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.main_milieud{
	background-image:url('../images/milieud.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.main_milieum{
	background-color:#286DA3;
	display:table-cell;
	width:500px;
	height:inherit;
}


/********************************* CSS ACCUEIL****************************************/

div.index{
	background-color:#286DA3;
	background: url('../images/i_premierfond.png');
	
}

div.index_head{
	display:table-row;
	width:inherit;
	height:13px;
}
.index_haut_gauche{
	background-image:url('../images/i_hautg.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_haut_droit{
	background-image:url('../images/i_hautd.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_milieu{
	background-image:url('../images/i_milieu.png');
	background-repeat:repeat-x;
	display:table-cell;
	width:inherit;
	height:inherit;
}
.index_bas_gauche{
	background-image:url('../images/i_basg.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_bas_droit{
	background-image:url('../images/i_basd.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_milieub{
	background-image:url('../images/i_milieub.png');
	background-repeat:repeat-x;
	display:table-cell;
	height:13px;
}
.index_milieug{
	background-image:url('../images/i_milieug.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.index_milieud{
	background-image:url('../images/i_milieud.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.index_milieum{
	background-color:#0c5b96;
	background-image:url('../images/i_fond.png');
	display:table-cell;
	width:500px;
	height:inherit;
}


td.fondpack{
	padding-left:10px;
	padding-bottom:10px;
}


.button {
   background-image: url('../images/i_bn_gauche.png');
   background-repeat: no-repeat;
   height: 21px;
   margin-left: auto;
   margin-right: auto;
}
.button a {
   background: url('../images/i_bn_droit.png') 100% 0 no-repeat; /* Bord droit du bouton, aligné à droite ! */
   color: white; /* Le bouton est bleu foncé, le texte doit être clair */
   display: block;
   font-family: sans-serif;
   font-size: 10pt;
   height: 21px;
   line-height: 21px;
   padding: 0 10px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
   text-decoration: none;
   text-align: center;
}

.center_block {
   margin: 0 auto;
   padding: 0;
}


div.scalable_btn input, table.scalable_btn a {
   background: transparent;
   border-style: none;
   color: #fff;
   padding: 0;
   text-decoration: none;
}

div.scalable_btn div  {
   background: transparent url('../images/i_bn_droit.png') scroll no-repeat 100% 0;
   font-size: 10pt;
   height: 21px;
   padding: 0px 15px;
   text-decoration: none;
}

div.scalable_btn {
   background: transparent url('../images/i_bn_gauche.png') scroll no-repeat 0 0;
   height: 21px;
   margin: 0;
   padding: 0;
}
form tbody tr.ligne_cmd div.scalable_btn div  {
   background: transparent url('../images/i_bn_droit2.png') scroll no-repeat 100% 0;
   font-size: 10pt;
   height: 21px;
   padding: 0 15px;
   text-decoration: none;
}

form tbody tr.ligne_cmd div.scalable_btn {
   background: transparent url('../images/i_bn_gauche2.png') scroll no-repeat 0 0;
   height: 21px;
   padding: 0;
}

.scalable_btn td {
   margin: 0;
   padding: 0;
}

/************************Boutons dans l'accueil****************************/

.btn_leger1{
   background: url('../images/i_boutonexterne_gauche.png'); /* Bord gauche et contenu du bouton */
   float: left; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
   margin: 0; 
}

.btn_leger1 div {
  font-family:sans-serif;
  font-size:10pt;
  background: url('../images/i_boutonexterne_droit.png') 100% 0 no-repeat; /* Bord droit du bouton, aligné à droite ! */
  height: 21px; /* Hauteur des images bouton-gauche.png et boutonint_droite.png */
  line-height: 21px; /* Centrer le texte verticalement sur le bouton */
  padding: 0 10px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
  color: white; /* Le bouton est bleu foncé, le texte doit être clair */
}
.btn_accueil{
   background: url('../images/i_boutonaccueil_gauche.png'); /* Bord gauche et contenu du bouton */
   float: right; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
   margin: 0px;	
}


.ajoutpanier{
	background: url('../images/p_ajout_panier.png') no-repeat center;
	border:none;
	color:white;
	height:21px;
	width:200px;
	font-family:sans-serif;
 	font-size:10pt;
}

.verifier{
	background: transparent url('../images/p_verifier.png') no-repeat center;
	border:none;
	color:white;
	height:21px;
	width:99px;
	font-family:sans-serif;
 	font-size:10pt;
}

.effacer_payer{
	background: url('../images/p_effacer_payer.png') no-repeat center;
	border:none;
	color:white;
	height:21px;
	width:76px;
	font-family:sans-serif;
 	font-size:10pt;
}
.btn_accueil div {
  font-family:sans-serif;
  font-size:10pt;
  background: url('../images/i_boutonaccueil_droit.png') 100% 0 no-repeat; /* Bord droit du bouton, aligné à droite ! */
  height: 21px; /* Hauteur des images bouton-gauche.png et boutonint_droite.png */
  line-height: 21px; /* Centrer le texte verticalement sur le bouton */
  padding: 0 10px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
  color: white; /* Le bouton est bleu foncé, le texte doit être clair */
}

/************************table pour les textes****************************/
div.tablesecond{
	display:table;
	height:inherit;
}
div.index2nd_head{
	display:table-row;
	width:inherit;
	height:15%;
}

div.titre2{
	font-family: sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#ff8a0a;
	height:10px;
}

/****************************Affichage des  résultats whois *************/

table.whois {
   border-collapse: collapse;
}

.whois {
   text-align: left;
}

.whois a {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}


.whois td {
   padding: 0 10px;
}

.whois li {
   list-style-type: none;
}

.whois li ul {
   margin: 6px 0;
}

.whois li li {
   font-style: italic;
}


.whois ul {
   margin: 0;
   padding: 0;
}

/*********************************New fond*******************************/
.main_milieu_new {
	background-image:url('../images/main_milieu.png');
	background-color: transparent;
	background-repeat: repeat-y;
	margin: 0 auto;
	width:505px;
	padding : 20px;
}

.main_milieu_new h2 {
   color:#3F86B7;
   font-family: sans-serif;
   font-size: 12pt;
   font-weight:bold;
   margin: 20px 0 5px;
   text-align: left;
}

.main_milieu_new p {
   text-align: left;
}

td.action_view {
   text-align: center;
}

.action_view {
   /* border: thin solid #ffffff; */
   text-align: left;
}

.action_view tbody td {
   text-align: left;
}

.action_view .prix {
   text-align: right;
}
/*************************************CSS des messages**************************************/
.img_msg {
	float:left;
	width : 60px;
	height : 60px;
 }
  .erreur {
	color: #ADDDF5;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, sans-serif; 
	padding-top : 10px;
	text-align : justify;
	
}
.msg {
	width:100%;
}
/*************************************File upload*******************************************/
form div.upload_bg {
   cursor: pointer;
   overflow: hidden;
   width: 80px;
}
form div.upload input.ghost {
   width: auto;
   /*
   opacity: 0.8;
   -moz-opacity: 0.8;
   filter: alpha(opacity=80);
   */
   height: 21px;
}
form div.upload table.upload_bg {
   margin: -21px 0 0 0;
   z-index: -1;
}

.SI-FILES-STYLIZED label.cabinet
{
	width: 24px;
	height: 24px;
	background: url('../images/open_folder.gif') 0 0 no-repeat;

	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}