/*
COULEURS UTILISEES

*/
*{padding:0; margin:0;}

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color:#f9f9f9;
	font-size:11px;
	color:#575757;
	margin:0;
	margin:auto;
}


h1{color:#1786c5;}
h2 {margin: 0; margin-bottom: 14px; padding: 0;font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#1786c5;}
h3 {margin: 0; margin-bottom: 4px; padding: 0;}
.clear{
clear: both;
visibility: hidden;
}

#bg {
	width:948px;
	height:140px;
	margin:auto;
}

#corps {
	clear:both;
	width:948px;
	padding-top:20px;
	height:141px;
}

#header {
	/*color:#787878;*/
	width:948px;
	margin:auto;
}

.barre {
	width:948px;
	height:6px;
	background-color:#005ca2;
}

#logo {
	width:310px;
	height:80px;
	margin:7px auto;
	float:left;
	text-align:center;
}
#logo  img {border:0;}

/* MENU HEADER */
#header-menu {float:left;width:466px;  padding-top:25px;margin:0 2px;}
#header-menu a, #client a{color:#787878; text-decoration:none;}
#header-menu a:hover, #client a:hover {color:#0756A3;}

ul.header {
	list-style-type:none;
	width: 100%; /* précision pour Opera */
	margin:0;
	padding:0;
}

ul.header li { display:inline; padding-right:10px;}

#header_message {padding-left:10px; padding-top:5px;margin:0 3px;text-align:center;}
#header_message  p{font-weight:bold;font-style:italic;font-size:10px;}
#header_message  p .big{font-weight:bold;font-style:italic;font-size:14px;}
#header_menu{padding-left:15px; padding-bottom:5px; border-bottom:1px dotted #787878;margin:0 auto;}

.menu {white-space:nowrap /*IE hack*/; float:left; width:948px; border:none; font-size:130%; clear:both;}
.menu ul {list-style-type:none;}
.menu li {	float:left; width: 135px; height:41px;}

.menu li a.menu1, .menu li a.menu1current{
	display: block ;
	width:158px;
	height:41px;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align:center;color:white;text-decoration:none;font-weight:bold;font-size:12px;padding-top:9px;
}	
.menu li a.menu1 {background: url(images1/menu/menu1.png) left top no-repeat ;}
.menu li a.menu1:hover, .menu li a.menu1:focus, .menu li a.menu1:active, .menu li a.menu1current {background: url(images1/menu/menu1.png) right top no-repeat ;}

.menu li a.menu1court, .menu li a.menu1courtcurrent{
	display: block ;
	width:135px;
	height:41px;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align:center;color:white;text-decoration:none;font-weight:bold;font-size:11.5px;padding-top:9px;
}	
.menu li a.menu1court {background: url(images1/menu/menu1court.png) left top no-repeat ;}
.menu li a.menu1court:hover, .menu li a.menu1court:focus, .menu li a.menu1court:active, .menu li a.menu1courtcurrent {background: url(images1/menu/menu1court.png) right top no-repeat ;}
/* FIN MENU HEADER */

/* SIDEBAR CADRE ARRONDI SIDEBAR */
#sidebar {	float:right; width:222px;}
/* SIDEBAR CADRE ARRONDI SIDEBAR */
.sidebar-header {background-image:url(images1/cadrearrondi/sidebar-header.png);width:222px; height:47px;}
.sidebar-footer {background-image:url(images1/cadrearrondi/sidebar-footer.png); width:222px; height:17px; margin-bottom:10px;} 
.sidebar-header h3 {font-size:14px;padding:14px 0 0 44px;color:#1786c5;}
.sidebar-content {background-image: url(images1/cadrearrondi/sidebar-content.png);background-repeat:repeat-y;  padding-top:10px; padding-left:15px;padding-right:10px;}
ul.sidebar-liste {list-style-type: none;	padding: 0;margin: 0; padding-bottom:5px; font-size:12px;}
ul.sidebar-liste li {padding-left: 24px; padding-top:4px; background: url(images1/btn_check.gif) no-repeat left center;}
ul.sidebar-liste ul{list-style-type: none;	padding: 15px;margin: 0; padding-bottom:5px; font-size:12px;}
ul.sidebar-liste li ul li {padding-left: 34px; padding-top:4px; background: url(images1/btn_check.gif) no-repeat left center;}
/* SIDEBAR CADRE ARRONDI SIDEBAR */


#col-gauche { float:left;width:716px;}

/* TARIFS */
#index-th {	margin-top:19px;}
table.tarifs{width:100%;}
table.tarifs td img {border:none;}
table.trafic{width:100%;}
table.trafic td img {border:none;}

td.th-tarifs-go {width:40px;}
td.th-tarifs-espacedisk {background-image:url(images1/espacedisque.png) }
td.th-tarifs-trafic {background-image:url(images1/trafic.jpg) }
td.th-tarifs-directadmin {background-image:url(images1/panels.png) }
td.th-tarifs-IP {background-image:url(images1/IP.jpg) }
td.th-tarifs-OS {background-image:url(images1/linux.jpg) }
td.th-tarifs-bak {background-image:url(images1/backup-icon.jpg) }
td.th-tarifs-soft {background-image:url(images1/softaculous.gif) }
td.th-tarifs-email {background-image:url(images1/email_s.png) }
td.th-tarifs-bdd {background-image:url(images1/database.png) }
td.th-tarifs-ramg {background-image:url(images1/ram-garantie.png) }
td.th-tarifs-ramm {background-image:url(images1/ram-max.jpg) }
td.th-mois1 {background-image:url(images1/chiffre-1.gif); }
td.th-mois3 {background-image:url(images1/chiffre-3.gif) }
td.th-mois6 {background-image:url(images1/chiffre-6.gif) }
td.th-mois12 {background-image:url(images1/12.png) }

td.th-tarifs-espacedisk, td.th-tarifs-bdd, td.th-tarifs-compteftp,td.th-tarifs-email, td.th-tarifs-conec,td.th-tarifs-trafic,
td.th-tarifs-ramg,td.th-tarifs-ramm,td.th-tarifs-directadmin,td.th-tarifs-IP ,td.th-tarifs-OS,td.th-tarifs-bak,td.th-tarifs-soft  {
	width:80px; height:93px; text-align:center; background-position:top center; background-repeat:no-repeat;
	font-size:12px; color:#666666;
}
td.th-mois1, td.th-mois3, td.th-mois6, td.th-mois12 {
	width:80px; height:93px; text-align:center; background-position:50% 30%; background-repeat:no-repeat;
	font-size:12px; color:#666666;
}

td.td-tarifs-go, td.td-tarifs-espacedisk,td.td-tarifs-trafic,td.td-tarifs-email, td.td-tarifs-bdd, td.td-tarifs-ramg, td.td-tarifs-ramm {
	height:49px; text-align:center; 
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; 
	font-size:16px; color:#0866ae;
}
td.td-mois1, td.td-mois3, td.td-mois6, td.td-mois12 {
	height:49px; text-align:center; 
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; 
	font-size:18px; color:#0866ae;
}
td.td-mois1 .details_it, td.td-mois3 .details_it, td.td-mois6 .details_it, td.td-mois12 .details_it {
	font-size:12px; color:#0866ae;font-style:italic;
}
tr.impair td,tr.impair td a,tr.impair td  .details_it,tr.impair td  .details_it a{color:#fff;background-color:#4479AF;}
tr.pair td,tr.pair td a{color:#0866ae;background-color:#DFE7F0;}
td.td-tarifs-go, td.td-tarifs-pack { text-align:left;}

td.checked_plan {border:3px solid red;}

/* FIN TARIFS */

/* PRESENTATION */
.presentation,.presentation td {font-size:1.4em;padding:3px;color:black;}
.presentation caption{font-size:1.6em;margin-top:6px;margin-bottom:3px;}
/* FIN PRESENTATION */
/* GD CADRE ARRONDI */
.cdr-header {background-image:url(images1/cadrearrondi/cdr_header.png); background-repeat:no-repeat; width:716px; height:31px;}
.cdr-footer {background-image:url(images1/cadrearrondi/cdr_footer.png); background-repeat:no-repeat; width:716px; height:15px;}
.cdr-content {background-color:#fff; width:713px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding:10px 0 0;}
.cdr-content h1,.cdr-content h2,.cdr-content h3,.cdr-content h4,.cdr-content p,.cdr-content ul ,.cdr-content form{
	 padding:0 15px;}
.cdr-content a { text-decoration:none; color:#005ca2;}
.cdr-content a:hover { text-decoration:none; color:#41a2eb;}
.cdr-content .content { margin:5px 15px 0;}
.cdr-content .content ul.liste {list-style-type: none;	padding: 0 0 0 15px;margin: 0;  font-size:11px;}
.cdr-content .content ul.liste li {padding-left: 24px; padding-top:4px; background: url(images1/liste.png) no-repeat left center;}
/*GD  FIN CADRE ARRONDI */

/* PT CADRE ARRONDI */
.mini-cdr-gauche {float:left; margin-top:10px; margin-right:3px; width:353px;}
.mini-cdr-droite {margin-left:364px; margin-top:10px;}
.mini-cdr-droite {float:left; margin-top:10px; margin-left:3px; width:353px;}
.mini-cdr-header {background-image:url(images1/cadrearrondi/mini-cdr-header.png); background-repeat:no-repeat; width:353px; height:31px;}
.mini-cdr-header h3{padding-top:10px;text-align:center}
.mini-cdr-footer {background-image:url(images1/cadrearrondi/mini-cdr-footer.png); background-repeat:no-repeat; width:353px; height:15px;}

.mini-cdr-content {background-color:#fff; width:326px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:25px;}
.mini-cdr-content a { text-decoration:none; color:#005ca2;}
.mini-cdr-content a:hover { text-decoration:none; color:#41a2eb;}

.mini-cdr-content ul.liste {list-style-type: none;	padding: 0 0 0 15px;margin: 0;  font-size:11px;}
.mini-cdr-content ul.liste li {padding-left: 24px; padding-top:4px; background: url(images1/liste.png) no-repeat left center;}

/*PT  FIN CADRE ARRONDI */

/* RECAP COMMANDE */
#recap{
	margin-bottom:10px;
}
/* FIN RECAP COMMANDE */

/* connexion client */
.login{
  float:right;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  text-align: right;
  font-size:12px;
  color:#005BA0;
  font-weight:bold;
  text-align:right;
}
.login a{
  font-style:italic;
  font-size:11px;
  font-weight:normal;
}
.login  p{
width: 145px;
clear: left;
margin: 0;
padding: 1px 0 1px 0;
padding-left: 0px; /*width of left column containing the label elements*/
text-align:right;
}

.login label{
font-weight: bold;
float: left;
margin-left: 0; /*width of left column*/
width: 40px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


/* COIN ARRONDI  façon Google*/
.arrondi_gg  li a {
  display:block; /* a must */
  border: solid #666;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
  color: #000;
  background: #e4e4e4;
}
.arrondi_gg  li a b {
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #666;
  border-width:1px 0 0; /* top border only */
  font-weight:normal;
}
.arrondi_gg  li a b b {
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */
}
.arrondi_gg  li a b b b { /* i don't think three-deep tag is even necessary */
  top:-1px;
  padding: 1px 6px;
  border-width: 0;
}

/* pseudo arrondi avec Div */
.arrondi_gg_div {
	border:solid #647aae;
 	border-width:0 1px;
	background-color:#b0c0e6;
}
.arrondi_gg_div div {
  position:relative;
  top: -1px;
  left: 0;
  border:solid #647aae;
  border-width:1px 0 0;
}
.arrondi_gg_div div div {
	top: 2px;
	border-width:0 0 1px;
	padding: .3em .3em .1em;
}

/* SEXY BUTTONS */
a.button {
    background: transparent url('images1/boutons/bg_button_a_small.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 17px;
    margin-right: 8px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images1/boutons/bg_button_span_small.png') no-repeat;
    display: block;
    line-height: 11px;
    padding: 3px 0 3px 8px;
    color: #444;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 3px 0 3px 8px;
} 
/* FIN SEXY BUTTONS */
/* EXTENSION DOMAINES */
.extensions{clear:both;width:100%;margin:0 auto;font-family:arial;font-size:9px}
.ext{float:left;margin:1px;padding:1px;width:43px}
/* FIN EXTENSION DOMAINES */

/* Footer */

#footer {
	clear:both;
	width:919px;
	margin: 0 auto;
	padding: 10px 20px;
	border-top: 1px solid #666666;
	font-size: x-small;
}

#footer p {
	margin: 0;
	line-height: normal;
	color: #999999;
}

#footer a {
	color: #999999;
}

#menu_footer2 {
	margin:0 auto;
	text-align:center;
	font-size:12px;
}

/* REPONSE */
.ok{color:green;font-weight:bold}
.pasok{color:red;font-weight:bold}
/* FIN REPONSE */

/* PAGE SOFTS */
#soft{clear:both;padding-top:20px;}
#softs{background-color:#4479AF;border: #005ca2 1px  solid;}
ul.tabnav {
    font: bold 13px verdana, arial, sans-serif;
    color:#000000;
    padding: 4px 0 0 20px;
	background-color:#4479AF;
}
ul.tabnav li {
    float: left;
    height: 24px;
    padding: 3px 20px 2px 2px;
    list-style-type: none;
}

ul.tabnav a{
	font-family:verdana;
	text-decoration:none;
	color:white;
	font-weight:bold;
}

ul.tabnav a:visited{
	font-family:verdana;
	text-decoration:none;
	color:white;
	font-weight:bold;
}

ul.tabnav a:hover{
	font-family:verdana;
	text-decoration:none;
	color:#005ca2;
	font-weight:bold;
}
/* FIN PAGE SOFTS */

/* FIELDSET */
fieldset
{
    border:2px solid #005ca2;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	font-size:1.1em;
	padding:20px;
}
legend{
	color: #0099FF;
	font-weight:700;
	font-size:1em;
	font-family:verdana,arial;
	text-align:left;
	padding: 5px 0 5px 10px;
	margin: 2px 0 10px 0;
}
/* FIN FIELDSET */

/* TABLEAUX */
.tabtitre{font-weight:bold;font-style:italic;font-size:0.9em;text-align:center;color:#6600CC;}
.supertitre{border:0;font-weight:bold;margin:10px 0 5px;}
.supertitre td{text-align:center;font-size:1.8em;padding:24px 0 12px;}
.rien{text-align:center;font-size:1.2em;margin:8px 0 0;}

#tabcommande{
	margin:0 auto;
}
#tabcommande td{
	font-size:1.2em;
	padding:4px 6px;
}
/* FIN TABLEAUX */

/* ETAPES */
#avancement p {font-size:1.2em;color:black;}
#avancement a:hover{color:#005ca2;}
.current{font-size:1.3em;font-weight:bold;color:#005ca2;}
/* FIN ETAPES */

/* FORMULAIRE */

#monForm
{
	
}
/*
#monForm p
{
	margin: 2px 0;
}
*/
/* fieldset , legend */
/*
#monForm fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#monForm fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999;
}
*/
/* Label */
#monForm label
{
	background-color: #FFFF99;/*#FFCC66;*/
	display: block;
	width: 30%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	color:black;
}

#monForm label:hover
{
	font-weight: bold;
}
#monForm .infos
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input[type="text"]
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
}
#monForm select
{
	margin-left: 1%;
	border: #CCC 1px solid;
}

#monForm input[type="radio"],#monForm  input[type="checkbox"] {
	width: 5%;
 margin-right:5px;
 background-color:transparent;
 border:none;
 }

#monForm input[type="image"] {
 margin-right:5px;
 background-color:transparent;
 border:none;
 }

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

#monForm .form_input_day_month
{
	width: 3%;
}

#monForm .form_input_year
{
	width: 6%;
}

/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#monForm input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}
/* FIN mon FROM *

/* PAGE COMMANDE */
.type_hbt,.type_opt{font-size:1.5em;padding:5px;}
.type_courant{font-weight:bold;background-color:#969696;}

/* order step 3: PAYMENT */
.payment_module {
    display: block;
}
.payment_module input {
    vertical-align: middle;
    margin-right: 1em;
}
.payment_module a,.payment_module span {
    display: block;
    border: 1px solid #595a5e;
    padding: 0.6em;
    text-decoration: none;
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active,.payment_module span:hover, .payment_module span:focus, .payment_module span:active {
    border: 1px solid #488c40;
    background-color: #d6dedd;
    color: #374853;
}
input.paymentmodule {
	font-family:arial;
	font-style:italic;
	font-weight:bold;
	font-size:1.1em;
	padding-left:10px;
	text-align:left;
}