*
{
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size : 12px;
}

body
{
  margin : 0;
  padding : 0; 
  width: 1000px;
}

a, a:visited, a:hover, a:active
{
  color : #FF6600;
  text-decoration : none;
}

a:hover
{
  text-decoration : underline;
}

img, fieldset
{
  border : 0;
}

p, ul
{
  line-height : 1.5em;
}

h1, h2, h3, h4, h5, h6
{
  margin : 5px 5px 5px 0;
  padding : 0;
  color : #888888;
}

h1
{
  font-size : 20px;
}

h2
{
  font-size : 15px;
}

h3
{
  font-size : 14px;
}
.center
{
  clear : both;
  text-align : center;
}

.left
{
  clear : both;
  text-align : left;
}

.orange
{
  color : #FF6600;
}

.red
{
  color : #FF0000;numéro fixe mutualisé
}

.black
{
  color : black;
}

#header
{
  width : 100%; 
  margin : 0;
  padding : 0;
}

#header #logo
{
  float : left;
  margin : 12px 0 0 13px;
}

#header #slogan
{
  position : absolute;
  margin : 5px 10px 0 0;
  left: 680px;
}


#header #menu
{
  clear : both;
  margin : 0;
  padding : 0;
}



#menu a:hover
{
  text-decoration: none;
}

div#navigator
{
  margin : 0;
  padding : 0 0 0 188px;
}

div#navigator table
{
  border-collapse : collapse;
}

div#navigator a:link, div#navigator a:visited, div#navigator a:hover
{
  font-weight : bold;
  color : #FFFFFF;
  text-decoration : none;
}

div#navigator td, div#navigator th
{
  padding : 5px 10px;
  border : 2px solid #FFFFFF;
  border-bottom : 1px solid #FFFFFF;
  background : #FF6600 url("/images/left_up_corner.gif") no-repeat;
  margin : 0;
}

div#navigator td:hover
{
  background-color : #E04918;
}

div#navigator th
{
  background-color : #C83031;
  border-bottom : 1px solid #C83031;
}

#breadcrumbs
{
  background-color : #C83031;
  width: 966px;
  padding : 5px;
  margin : 0 10px;
  height: 16px;
}

#help #breadcrumbs
{
  width: 664px;
  margin : 0;
}

#help #breadcrumbs, #help #breadcrumbs a:link, #help #breadcrumbs a:visited
{
  color : white;
  font-weight : bold;
}

#help
{
  margin : 0 20px;
  width: 664px;
}

#help #logo
{
  margin : 6px 0;
}

#axial, #tutAxial
{
  margin : 10px 194px 0 192px;
  padding : 0;
  width: 610px;
}

html>body #axial, html>body #tutAxial
{
  margin : 10px 198px 0 192px;
  padding : 0;
}

#tutAxial
{
  margin-top : 89px;
}

#tutAxial .try
{
  text-align: right;
  margin-top: -15px;
  margin-right: 10px;
}

html>body #tutAxial
{
  margin-top : 89px;
}

#regaxial
{
  margin : 10px 0 0 295px;
  padding : 5px;
  max-width : 600px;
}

#leftcol, #regleftcol
{
  position : absolute;
  top : 95px;
  left: 0px;
  width : 190px;
  margin : 0;
  padding : 0;
}

html>body #leftcol
{
  top : 90px;
}

#regleftcol
{
  width : 285px;
  padding : 20px 10px 0 10px;
  text-align : right;
}

#regleftcol div
{
  clear : both;
}

#rightcol, #egrightcol
{
  position : absolute;
  top : 95px;
  right : 0px;
  left: 800px;
  width : 190px;
  margin : 0;
  padding : 0;
}

#regrightcol
{
  width : 300px;
  height : 320px;
  padding : 25px;
  margin : 15px 0 0 25px;
  border-left : 1px solid #AAAAAA;
}

#footer
{
  width : 100%;
  height : 35px;
  margin : 0;
  padding : 5px;
}

#tryout
{
  margin : 10px 10px 0 10px;
}

.box
{
  border : 1px solid #FF6600;
  margin : 10px;
}

.box h1
{
  font-size : 14px;
  text-align : center;
}

.box p
{
  padding : 0 3px;
  margin : 8px 0;
}

.box img
{
  margin-bottom : 7px;
}

.box ul
{
  line-height : 1.1em;
  list-style : none;
  list-style-position : outside;
  padding : 5px;
  margin : 0 7px;
}

.box li
{
  margin : 6px 0;
}

.box #calendar {
  padding-left: 12px;
}

#leftcol .box h1, #rightcol .box h1
{
  margin : 0 0 3px 0;
  padding : 2px;
  color : #FFFFFF;
  background:#FF6600;
}

#axialfooter
{
  border-top : 1px solid #FF0000;
  text-align : center;
  padding : 3px;
}

#helpFooter
{
  border-top : 1px solid #FF0000;
  font-size : 9px;
  padding : 3px;
  text-align : left;
}


#axialfooter, #axialfooter a, #axialfooter a:visited, #axialfooter a:hover, #axialfooter a:active
{
  color : #AAAAAA;
  text-decoration : none;
}

#leftimg
{
  float : right;
  padding-top : 70px;
}

#regleftimg
{
  padding-bottom : 20px;
}

#register, #contact
{
  border-left : 1px solid #AAAAAA;
  padding : 0 20px;
  margin : 0;
}

#register
{
  margin : 0 10px 20px 0;
  min-height: 400px;
}

#contact
{
  padding-bottom : 10px;
  margin-bottom : 10px;
  height : 200px;
}

img.email
{
  position: relative;
  top: 1px;
}


#faq #questions
{
  border-left : 1px solid #AAAAAA;
  padding : 0 20px;
}

hr 
{
  color : #FF0000;
  border : 1px solid #FF0000;
  height : 1px;
  width : 80%;
  margin-right : 10px;
}

#news h1
{
  margin-bottom : 1.5em;
}

#news h2
{
  border-bottom : 1px solid #888888;
  margin-left : 0;
  margin-right : 0;
}

#tutorial
{
  background : #FFFFFF url("/images/fade.png") repeat-x;
  border : 3px solid #EEEEEE;
  margin : 0 0 20px 0;
  padding : 0; 
  width : 100%;
}

#tutorial #voice
{
  width : 100%;
  text-align : right;
  position : relative;
  top : 38px;
  left : -40px;
  margin-top : -35px;
}

.ul, .ur, .ll, .lr
{
  width : 16px;
  height : 16px;
  position : relative;
  margin : 0;
  padding : 0;
}

.ul
{
  float : left;
  background : #EEEEEE url("/images/ul.png") no-repeat;
  top : -3px;
  left : -3px;
}

.ur
{
  float : right;
  background : #EEEEEE url("/images/ur.png") no-repeat;
  top : -3px;
  left : 3px;
}

.ll
{
  clear : left;
  float : left;
  background : #EEEEEE url("/images/ll.png") no-repeat;
  left : -3px;
  top : 3px;
}

.lr
{
  clear : right;
  float : right;
  background : #EEEEEE url("/images/lr.png") no-repeat;
  left : 3px;
  top : 3px;
}

.low
{
  height : 16px;
  width : 100%;
}

div#tutMenu
{
  padding : 0;
  margin : 0;
  height : 80px;
  width: 610px;
  position : absolute;
  top : 103px;
  left : 192px;
}

html>body #tutMenu
{
  top : 100px;
}

#tutMenu .step
{
  float : left;
  text-align : center;
  margin : 0 auto;
  padding : 0;
  width : 100px;
}

#tutMenu .step h2
{
  font-size : 12px;
  margin : 0;
}

#tutMenu .step a:hover h2
{
  color : #FF6600;
  text-decoration : none;
}
#tutorial h1
{
  margin : 16px 10px;
}

#tutorial p
{
  margin : 10px;
  text-align : justify;
}

#tutorial .content
{
  width : (100%-160px);
  float : left;
}

#register #form
{
  margin : 0 auto;
  width : 340px;
  padding-left : 0px;
  margin-left : 80px;
}

#register #form div.row label, #register #form div.row input
{
  margin-top : 8px;
}

#register #form div.row .label
{
  text-align : right;
  margin-top: 10px;
  width: 160px;
}

#register #form div.row .formw
{
  width: 150px;
}

#register p.bottom
{
  margin-top: 40px;
}

.box fieldset
{
  margin : 0;
  padding : 0;
  width : 165px;
}

.box fieldset div.row
{
  padding-top : 3px;
}

.box div.row .label
{
  width : 85px;
}

.box div.row .formw
{
  width : 75px;
}

div.row
{
  clear: both;
}

div.row .label
{
  float: left;
  text-align: right;
}

div.row .formw
{
  float: right;
  text-align: left;
}

.box hr
{
  color : #AAAAAA;
  margin : 0 auto;
  padding : 0;
  width : 10%;
}

#questions h1
{
  margin-left : -40px;
}

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

#login
{
  text-align : center;
  text-align : left;
}

#login .row
{
  padding : 0;
  margin : 7px 5px 3px 5px;
}

#login form
{
  padding : 0;
  margin : 10px -22px 10px 14px;
}

#login label
{
  margin : 0;
  font-size : 10px;
}

#login .forgotpwd, #login .help
{
  font-size : 10px;
}

.submit
{
  background-color : #FF6600;
  color : white;
  font-weight : bold;
  font-family : Arial;
}

#login .submit
{
  margin-top : 3px;
}

p.postTime
{
  color : #888888;
  font-size : .8em;
  margin-bottom : 30px;
}

.price 
{
	font-size: 12px;
	font-weight: bold;
        padding:3px;
	margin-top: 0px;
        background-color: #F3F7E8;
}
.compare 
{
	font-weight: bold;
        padding-right:15px;
	margin-top: 0px;
	text-align: right;
}

.datasheetvp
{
	margin: 0;
	padding: 0;
	float: right;
	margin-top : -3px;
}

#vpfree p, #vppro p, #vpplus p
{
	text-align: justify;
}

#vpfree p.compare, #vppro p.compare, #vpplus p.compare
{
	text-align: right;
}

#vpmenu
{
	text-align : right;
	position : relative;
	top : -25px;
}

#vpmenu a
{
	margin: 0 5px;	
}

#vpmenu, #vpmenu a, #vpmenu .voice, #vpmenu .publisher
{
	font-size: 1.2em;
}

#vpmenu .vpfree
{
	color: #99CC66;
}

#vpmenu .vppro
{
	color: #006699;
}

#vpmenu .vpplus
{
	color: #CC0066;
}

#vpmenu a.vpfree, #vpmenu a.vppro, #vpmenu a.vpplus, #vpmenu a.compare
{
	font-weight: bold;
}

div#vpfree, div#vppro, div#vpplus
{
	margin-bottom : 30px;
}

#vpfree h2
{
	color: #99CC66;
	border-bottom : 1px solid #99CC66;
	margin-left : 0;
	margin-right : 0;
}

#vpfree .price 
{
	color: #60942D;
}

#vppro h2
{
	color: #006699;
	border-bottom : 1px solid #006699;
	margin-left : 0;
	margin-right : 0;
}

#vppro .price 
{
	color: #006699;
}

#vpplus h2
{
	color: #CC0066;
	border-bottom: 1px solid #CC0066;
	margin-left: 0;
	margin-right: 0;
}

#vpplus .price
{
	color: #CC0066;	
}

#features 
{
	padding-bottom: 10px;
	background-color: #F3F7E8;
}
.features table 
{
	width: 100%;
}

.features th 
{
	border-bottom: 1px solid #CCC;
	text-align: left;
}

.features td 
{
	color: #666;
	font-size: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
	padding: 3px;
	background-color: #F3F7E8;
}

.features th.free, .features th.associate, .features th.pro, .features th.plus
{
	text-align: center;
}

.features td.free, .features td.associate, .features td.pro, .features td.gray, .features td.plus
{
	text-align: center;
}

.features td.indent 
{
	padding-left: 25px;
}

.features .free 
{
	color: #99CC66;
}

.features .pro 
{
	color: #006699;
}

.features .plus
{
	color: #CC0066;
}

.voice, .publisher
{
	font-weight: bold;
}

.voice
{
	color : #FF6600
}

.publisher
{
	color: #FF0000;
}

img.compare
{
	margin : 2px;
}

#onglets, #composants
{
  float : left;
  width : 50%;
}

#tel
{
  clear : both;
}

ul
{
  margin-top : 0;
}

.dtmf
{
  font-weight : bold;
  border : 1px solid #000000;
  margin : 0 1px;
  padding : 0 1px;
}      

#help h2
{
  margin-top : 1.2em;
  border-bottom : 1px solid #000000;
}

#help #web h2
{
  margin : 0;
  border : none;
}