/*body {padding:0; margin:0; color:#000000;}*/
body {
  margin: 0px 0 10px 0;
  padding: 0;
  color: #333333;
  font-family:"Tahoma","Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size:8pt;
  background-image: url('/images/fond_degrade.gif');
  background-repeat:repeat-x;
  background-color:#badbeb;
}

br{font-size:10px}
.sb{font-size:10px;  color:#666666; text-decoration:none}
.s{font-family:Tahoma; font-size:11px;  color:#4B4B4B; text-decoration:none}
.subMenu{font-family:Tahoma; font-size:11px;  color:#4B4B4B; text-decoration:none}
.p{font-family:Tahoma; font-size:9px;  color:#4B4B4B; text-decoration:none}
.s3{font-family:Tahoma; font-size:11px;  color:#4B4B4B; text-decoration:none}
.s3:hover{font-family:Tahoma; font-size:11px;  color:#4B4B4B; text-decoration:underline}
.s2{font-family:Tahoma; font-size:11px;  color:#4B4B4B; }
.s1{font-family:Tahoma; font-size:10px;  color:#4B4B4B; text-decoration:none}
.grey{font-family:Tahoma; font-size:11px;  color:#666666; text-decoration:none}
.greyb{font-family:Tahoma; font-size:11px;  color:#161414; text-decoration:none}
.fullgreen{font-family:Tahoma; font-size:11px;  color:#60E300; text-decoration:none}
.green{font-family:Tahoma; font-size:11px;  color:#218D00; text-decoration:none}
.green2{font-family:Tahoma; font-size:11px;  color:#218D00; text-decoration:none}
.green2:hover{font-family:Tahoma; font-size:11px;  color:#218D00; text-decoration:underline}
.green3{font-family:Tahoma; font-size:11px;  color:#81bf20; text-decoration:none}
.purple{font-family:Tahoma; font-size:11px;  color:#A52CD8; text-decoration:none}
.purple2{font-family:Tahoma; font-size:11px;  color:#a52cd8; text-decoration:none}
.purple2:hover{font-family:Tahoma; font-size:11px;  color:#a52cd8; text-decoration:underline}
.red{font-family:Tahoma; font-size:11px;  color:#E36000;  text-decoration:none}
.red2{font-family:Tahoma; font-size:11px;  color:#E36000;  text-decoration:none}
.red2:hover{font-family:Tahoma; font-size:11px;  color:#E36000;  text-decoration:underline}
.redM{font-family:Tahoma; font-size:11px;  color:#E33400;  text-decoration:none}
  .o{font-family:Tahoma; font-size:11px;  color:#FFCC00;}
.blue{font-family:Tahoma; font-size:11px;  color:#2F82AD; text-decoration:none}
.blue1{font-family:Tahoma; font-size:11px;  color:#2F82AD;}
.blue2{font-family:Tahoma; font-size:11px;  color:#2F82AD; text-decoration:none}
.blue2:hover{font-family:Tahoma; font-size:11px;  color:#2F82AD; text-decoration:underline}
.gold{font-family:Tahoma; font-size:11px;  color:#decb60;}
.w{font-family:Tahoma; font-size:11px;  color:#FFFFFF; }
.b{font-family:Tahoma; font-size:11px;  color:#3B3B3B; }
.bigred{font-family:Tahoma; font-size:14px;  color:#E36000;  text-decoration:none}
.bigblue{font-family:Tahoma; font-size:14px;  color:#2F82AD;  text-decoration:none}
.biggreen{font-family:Tahoma; font-size:14px;  color:#218D00;  text-decoration:none}
.japon{font-family:Tahoma; font-size:11px;  color:#886425; text-decoration:none}/*6d4c12 //9d6a10*/
.menu{font-family:Arial; font-size:14px;  margin-left: 10px; padding-right: 10px; border-right: 1px solid; font-weight: bold; color:#75767a; text-decoration:none}
.menu:hover, .menufin:hover{text-decoration:underline;}
.menufin{font-family:Arial; font-size:14px;  margin-left: 10px; font-weight: bold; color:#75767a; text-decoration:none}
img {
  border:none;
}
  #input{
  		width:160px; height:21px;
		
		}
		 
#input1{
  		width:134px; height:21px;
		
		}
		
	  #textarea{
  		width:102px; height:48px;
		border-width:1px;
		border-style:solid;
		border:none;
		background-color:#F0EAE3;
		overflow:auto
		}

 
 .link1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4B4B4B;
	text-decoration: none;
}
.link1:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4B4B4B;
}
a.c2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4B4B4B;
	text-decoration: none;
	
}

a.c3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
	
}
a.c3:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4B4B4B;
	text-decoration: none;
	
}
a.c2:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4B4B4B;
	text-decoration: underline;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #4B4B4B;
	text-decoration: none;
}
.heading2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #4B4B4B;
	text-decoration: none;
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4B4B4B;
	text-decoration: none;
} 

/* CSS inc-top.php inc-bottom.php */
.container {
  width:766px;
  margin-left:auto;
  margin-right:auto;
}

.entete {
  width:766px;
  height:287px;
  background-image:url(/images/top2.gif);
  background-repeat:no-repeat;
}

.contenu {
  width:766px;
  height:100%;
  float:left;
  background-color:white;
  padding-bottom:10px;
}

.piedpage {
  width:766px;
  float:left;
  background-image:url(/images/bottom2.jpg);
  background-repeat:no-repeat;
  background-color:white;
  padding:15px 0 10px 0;
  margin-top:0px;
}


.logo_haisoft {
  width:338px;
  height:208px;
  float:left;
}

.logo_trustwave {
  margin:50px 0 0 0;
  padding:0 0 0 10px;
  width:120px;
  height:60px;
  float:left;
}

.logo_parallels {
  margin:50px 0 0 0;
  padding:12px 0 0 0px;
  width:200px;
  height:50px;
  float:left;
  text-align:center;
}

.logo_haisoft #logo1 {
  margin:50px 0 0 90px;
  /*LOGO BOULE DE NEIGE*/  
  /*margin:20px 0 0 80px; */
}

.logo_haisoft #logo2 {
  margin-left:73px;
  margin-top:11px
}

.link_top {
  width:405px;
  height:41px;
  float:left;
  margin:34px 0 0 20px;
  font-family:Tahoma;
  font-size:11px;
  color:#4B4B4B;
  text-decoration:none
}

.pub_top {
  width:270px;
  height:164px;
  float:left;
  margin-left:74px;
}

.menu_top {
  width:706px;
  height:30px;
  float:left;
  margin:13px 0 0 30px;
}

.piedpage .cols {
  width:680px;
  float:left;
  margin:0 0 10px 35px;
  text-align:left;
}

.piedpage .cols .col {
  width:136px;
  float:left;
}

.piedpage .copyright {
  width:706px;
  text-align:center;
}


/* CSS de la page VPS.php */

fieldset {
   	padding: 1em;
	border:none;
}

#coordonnees label {
/*	position:absolute;
	font-size:90%;
  	left:20px;  */
	position:relative;
	padding-top:.6em;
   	display: inline;
  	float: left;
 	width: 70px;
}

#coordonnees input {
  margin-bottom:.2em;
}

#serveur label {
   	display: inline;
  	float: left;
 	width: 70px;
}

#serveur select {
	margin-right:-5em;
	margin-top:0.5em;
	width:100%;
}


#serveur br + input {
  margin-left:10.5ex;
}


/*Page prix.php*/
#tabprix td{
text-align:center;
height:30px;
}

#tabprix th{
text-align:center;
height:30px;
}

#tabprix .pe{
background-color:#eef4ff;
}
#tabprix .peR{
background-color:#eef4ff;
color:red;
}
#tabprix .pr{
background-color:#ffefe4;
}
#tabprix .me{
background-color:#fcebe5;
}
#tabprix .mu{
background-color:#e9ffe2;
}
#tabprix .in{
background-color:#f3f3f3;
}
#tabprix2 td{
text-align:center;
height:30px;
}

#tabprix2 th{
text-align:center;
height:30px;
}

#tabprix2 .pe{
background-color:#eef4ff;
}
#tabprix2 .peR{
background-color:#eef4ff;
color:red;
}
#tabprix2 .pr{
background-color:#ffefe4;
}
#tabprix2 .me{
background-color:#fcebe5;
}
#tabprix2 .mu{
background-color:#e9ffe2;
}
#tabprix2 .in{
background-color:#f3f3f3;
}
.img_icone {
  opacity:0.7;  
}

.img_icone:hover{
  opacity:1;  
}
.img_icone:active{
  border-color:#2F82AD;
  border-width:2px;
  border-style:solid;
  border:1;
}
.img_icone_selected {
  opacity:1;
}

/* Vignettes */

.barreDomaine {
  width:746px;
  height:65px;
  background:#2F82AD;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:15px 0 0 0;
  margin:0 10px 0 10px;
  background-image:url(http://www.haisoft.ws/images/FontDomaines.gif);
  background-repeat:no-repeat;
}
.barreDomaine .gauche {
  float:left;
  width:490px;
}

.barreDomaine .droite {
  float:left;
  margin-left:15px;
}

.barreDomaine label {
  font-family:Tahoma;
  font-size:18px;
  color:#FFFFFF;
  font-weight:bold;
  margin:0 0 0 10px;
}

#searchname {
  width:480px;
  margin:0 0 0 10px;
  float:left;
  height:24px;
  font-size:15px;
  color:#b3b3b3;
  /*color:red;*/
}
  
/*.barreDomaine input[type=text] {
  width:480px;
  vertical-align:bottom;
  height:26;
  font-size:16;
  color:#b3b3b3;
}*/

.barreDomaine .droite input{
 height:32px;
 font-size:14px;
 margin:0 8px 0 8px;   
}

.barreDomaine select {
  font-size:16px;
}

.colonneGauche {
  width:220px;
  /*height:300px;*/
  float:left;  
  margin:4px 4px 0 10px;
}

.colonneMilieu {
  width:298px;
  height:100%;
  margin:4px 4px 0 0;
  float:left;
}

.colonneDroite {
  width:220px;
  height:100%;
  margin:4px 0 0 0;
  float:left;  
  border-color:d7d7d7;
}

.colonneContenu {
  width:522px;
  height:100%;
  margin:4px 4px 0 0;
  float:left;
}

.vignetteType1 {  /* MUTUALISE - MULTI DOMAINE - SERVEURS VIRTUELS - SERVEURS DEDIES */
  width:218px;
  height:120px;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /*border: 1px solid grey;*/
  margin:0 0 4px 0;
  padding:0;
  float:left;
  cursor:pointer;
  cursor:hand;
}

.vignetteType1:hover {
  /*background-color: #990000;*/
  border:#E33400 1px solid;
}

/* bleu  : #c6eafd
 * vert  : #cdffbd
 * sable : #f9f4d7
 * rouge : #ffc6b4*/

.vignetteType1 .haut {
  height:30px;  
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
}

.vignetteType1 .haut span, .vignetteType4 .haut span, .vignetteType5 .haut span {
  padding-top:2.8em;
  vertical-align:middle;    
}

.vignetteType1 .gauche {
  width:70px;
  height:90px;
  -moz-border-radius:0 0 0 10px;
  -webkit-border-radius:0 0 0 10px;
  float:left;
}

.vignetteType1 .gauche img {
  margin-top:0px;
  float:left;
}

.vignetteType1 .droite {
  width:148px;
  height:60px;
  float:left;
}

.vignetteType1 .bas {
  width:138px;
  height:30px;
  float:left;
  /*background-color:green;*/
}

.vignetteType1 ul, .vignetteType3 ul, .vignetteType4 ul{
  color:#4B4B4B;
  text-decoration:none;
  list-style-type:none;
  list-style-position:inside;
  margin:0px;
  padding:0px;
  font-size:7.5pt;
  font-family:"Arial";
}

.vignetteType1 .blue{
  font-size:7.5pt;
  font-weight: bold;
  font-family:"Arial";
  color:#2F82AD;
}


.vignetteType2 { /* NOUS CONTACTER */
  width:218px;
  height:66px;
  float:left;
  background-color:yellow;
  border:#d7d7d7 1px solid;
  background:#fee2be;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;
  /*background-image:url('http://www.haisoft.ws/images/numeros-fr.png');*/
}

.vignetteType3 { /* NOMS DE DOMAINES */
  width:296px;
  height:245px;
  float:left;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;  
}

.vignetteType3 .haut {
  height:100px;
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  padding:10px 5px 0 15px;
  background-repeat:no-repeat;
}

.vignetteType3 .centre {
  height:30px;
  width:148px;
}

.vignetteType3 .gauche {
  height:118px;
  width:147px;
  padding:0px 0px 0 0px;
  float:left;
  border-right:#d7d7d7 1px solid;
  /*background-color:red;*/
}

.vignetteType3 .droite {
  height:118px;
  width:148px;
  padding:0px 0px 0 0px;
  float:left;
  /*background-color:blue;*/
}

.vignetteType3  .ico {
  float:left;
  margin:10px 5px 0 2px;
}

.vignetteType3  .txt {
  float:left;
  margin-top:13px;
}

.vignetteType3 .bas {
  height:18px;
  width:296px;
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  padding:2px 0px 0 0px;
  float:left;
  text-align:center;
  font-size:8.5pt;
  font-family:"Arial";
  color:#AAA;
  
}

.vignetteType4 { /* BACKUP - SSL - SCRIPTS */
  width:296px;
  height:120px;
  float:left;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;
  cursor:pointer;
  cursor:hand;
}

.vignetteType4 .haut, .vignetteType5 .haut {
  height:30px;
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  padding:0 5px 0 15px;
  background-repeat:no-repeat;
}

.vignetteType4 .gauche { /* BACKUP */
  width:99px;
  height:120px;
  -moz-border-radius:10px 0 0 10px;
  -webkit-border-radius:10px 0 0 10px;
  float:left;
  text-align: center;
  background-image:url('http://www.haisoft.ws/images/VC1.jpg');
}

.vignetteType4 .gauche:hover {
  border: #E33400 1px solid;
  width:97px;
}

.vignetteType4 .centre { /* SSL */
  width:98px;
  height:120px;
  -moz-border-radius:0 0 0 0;
  -webkit-border-radius:0 0 0 0;
  float:left;
  text-align: center;
  background-image:url('http://www.haisoft.ws/images/VC2.jpg');
}

.vignetteType4 .centre:hover {
  border: #E33400 1px solid;
  width:96px;
}

.vignetteType4 .droite { /* SCRIPTS */
  width:99px;
  height:120px;
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-radius:0 10px 10px 0;
  float:left;
  text-align: center;
  background-image:url('http://www.haisoft.ws/images/VC3.jpg');
}

.vignetteType4 .droite:hover {
  border: #E33400 1px solid;
  width:97px;
}

.vignetteType5 { /* ILS NOUS FONT CONFIANCE */
  width:296px;
  height:193px;
  float:left;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;
}

.vignetteType5 .gauche {
  width:148px;
  height:157px;
  -moz-border-radius:0 0 0 10px;
  -webkit-border-radius:0 0 0 10px;
  float:left;
  text-align: center;
  padding:5px 0 0 0;
  margin-top:10px;
}

.vignetteType5 .droite {
  width:148px;
  height:157px;
  -moz-border-radius:0 0 10px 0;
  -webkit-border-radius:0 0 10px 0;
  float:left;
  text-align:center;
  padding:5px 0 0 0;
  margin-top:10px;
}

.vignetteType6 { /* RESPIREZ */
  width:218px;
  height:168px;
  border:#d7d7d7 1px solid;
  background:#fee2be;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;
}

.vignetteType7 { /* TWITTER */
  width:218px;
  height:324px;
  background-color:yellow;
  border:#d7d7d7 1px solid;
  background:#fee2be;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;
}

.vignetteType8 { /* CONNEXION ESPACE MEMBRE */
  width:218px;
  height:66px;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:0 0 4px 0;
}

.vignetteType8 .haut {
  height:20px;
  -moz-border-radius:10 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  padding:0 5px 0 5px;
}

.vignetteType8 .haut span {
  padding-top:2.8em;
  vertical-align:middle;    
}

.vignetteType8 .bas {
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  margin-top:15px;
  padding:0 5px 0 5px;
}

.vignetteType8 input[type=text], .vignetteType8 input[type=password] {
  width:80px;
  vertical-align:bottom;
  height:16px;
  font-size:10px;
}

.vignetteType8 input[name=login] {
  width:60px;
}

.vignetteType8 input[name=password] {
  width:80px;
}

.vignetteType8 input[type=submit]{
 height:24px;
 vertical-align:bottom;
 font-size:10px;
 margin-left:10px;   
}

.vignetteLarge1 {
  width:500px;
  height:100%;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /*border: 1px solid grey;*/
  margin:0 0 4px 0;
  padding:10px 10px 10px 10px;
  float:left;
}
.vignette1sur2 {
  width:237px;
  height:100%;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /*border: 1px solid grey;*/
  margin:0 4px 4px 0;
  padding:10px 10px 10px 10px;
  float:left;
}
.vignette2sur2 {
  width:237px;
  height:100%;
  border:#d7d7d7 1px solid;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /*border: 1px solid grey;*/
  margin:0 0 4px 0;
  padding:10px 10px 10px 10px;
  float:left;
}

/* bleu  : #c6eafd
 * vert  : #cdffbd
 * sable : #f9f4d7
 * rouge : #ffc6b4
 * rouge2: #E33400
 */