/* CSS create by Web-Creator.be */

/* Corp */

body{
	background: #000000 url(../images/background3.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	text-decoration: none;
	border:0;
}

/* Contour du site */

#contour{
	background-image: url(../images/background_page.jpg);
	border: 0px;
	padding: 0px;
	width: 707px;
	margin: auto;
	position: relative;
}

/* En-tête */

#header {
	border: 0px;
	border-bottom: 0px;
	background-image: url(../images/header.jpg);
	border-color: #561D26;
	height: 163px;
	padding: 0px;
	margin: 0px;
	background-position: center;
}

/* Menu */
#menu {
    position: absolute;
	margin: 0px;
	padding: 0px;
	top: 113px;
	right: 10px;
	background-position: center;
	color: #000;
	font-size: 80%;
	font-weight: bold;
}

#menu ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
}

#menu li {
      float:left;
      background:url("../images/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
}

#menu a {
      float:left;
      display:block;
      width:.1em;
      background:url("../images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#022a4a;
}

    #menu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover {
      color:#333;
      }
    #menu #current {
      background-position:0 -150px;
      border-width:0;
      }
    #menu #current a {
      background-position:100% -150px;
      padding-bottom:4px;
      color:#333;
      }
    #menu li:hover, #menu li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #menu li:hover a {
      background-position:100% -150px;
      }

/* Page */

#page{
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	padding-right: 14px;
}

/* Footer */

#footer{
	background: url(../images/footer.gif) no-repeat bottom;
	position: relative;
	top: 30px;
	text-align: center;
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 120px;
	clear: both;
}

#footer p{
	padding-top: 25px;
	font-size: 75%;
}

#copyright{
	background: url(../images/footer2.gif) no-repeat top;
	margin-top: 40px;
	padding-top: 5px;
	text-align: center;
}

/* Buton */

/* Windows */
a#purchaseWindows {
	padding: 110px 0px 0px 88px;
	margin: 0px;
	width: 0px;
	background: url(../images/buy_windows.jpg) no-repeat 0 0 ;
	font-size: 0px;
	color: #FFF;
	float: left;
}

a#purchaseWindows:hover { 
	background: url(../images/buy_windows.jpg) no-repeat -112px 0 ;
}

/* Mac */
a#purchaseMac {
	padding: 110px 0px 0px 88px;
	margin: 0px;
	width: 0px;
	background: url(../images/buy_mac.jpg) no-repeat 0 0 ;
	font-size: 0px;
	color: #FFF;
	float: left;
}

a#purchaseMac:hover { 
	background: url(../images/buy_mac.jpg) no-repeat -112px 0 ;
}

/* Get demo */
a#getDemo {
	padding: 110px 0px 0px 88px;
	margin: 0px;
	width: 0px;
	background: url(../images/get_demo.jpg) no-repeat 0 0 ;
	font-size: 0px;
	color: #FFF;
	float: left;
}

a#getDemo:hover { 
	background: url(../images/get_demo.jpg) no-repeat -112px 0 ;
}

/* User manual */
a#userManual {
	padding: 110px 0px 0px 88px;
	margin: 0px;
	width: 0px;
	background: url(../images/see_manual.jpg) no-repeat 0 0 ;
	font-size: 0px;
	color: #FFF;
	float: left;
}

a#userManual:hover { 
	background: url(../images/see_manual.jpg) no-repeat -112px 0 ;
}

/* Check Out with hack IE */
input#checkOut {
	padding: 110px 0px 0px 88px !important;
	background: url(../images/check_out.jpg) no-repeat 0 0 !important;
	font-size: 0px !important;
	border: 0 !important;
	border: 1px;
	padding: 0;
	font-size: 12px;
	background: transparent;
}

input#checkOut:hover { 
	background: url(../images/check_out.jpg) no-repeat -112px 0 !important;
	background: transparent;
}

/* Pay with hack IE */
input#checkOut {
	padding: 110px 0px 0px 88px !important;
	background: url(../images/pay.jpg) no-repeat 0 0 !important;
	font-size: 0px !important;
	border: 0 !important;
	border: 1px;
	padding: 0;
	font-size: 12px;
	background: transparent;
}

input#checkOut:hover { 
	background: url(../images/pay.jpg) no-repeat -112px 0 !important;
	background: transparent;
}

/* Other tags */

A:link {
	color: white;
	text-decoration: none;
         background: #638aa6;
}
A:visited {
	color: white;
	text-decoration: none;
         background: #638aa6;
}
A:hover {
	color: white;
	text-decoration: none;
         background: #83aac6;
}

A img{
border:0;
}


.code{
	border: 1px #000 solid; 
	background-color : #FFF; 
	text-align: center;
	width: 7%;
}

.program{
	float: right;
	margin-top: -60px;
}

.required{
	float: right;
	width: 170px;
	margin-left: 30px;
	font-size: 75%;
	padding-top: 20px;
}

.features{
	width: 280px;
	font-size: 75%;
	float: right;
}

/* Title */

h1{
	background: url(../images/logo_titre.jpg) no-repeat left top;
	padding-left: 25px;
	padding-top: 10px;
	border-bottom: 2px #638aa6 solid;
	font-size: 18px;
}

.system{
	background: url(../images/logo_titre.jpg) no-repeat left top;
	padding-left: 25px;
	padding-top: 20px;
	border-bottom: 2px #638aa6 solid;
	margin-bottom: 110px;
}

/* Example */

.example{
	float: left;
	font-size: 75%;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* Small */

.small{
	font-size: 80%;
}

.center{
	text-align: center;
}

/* left right */

.left{
	float: left;
	margin: 0px;
	padding: 0px;
}

/* paire impaire */

.paire{
	background: #C0C0C0;
}

.impaire{
	background: #dfdfdf;
}

.clip{
	width: 300px;
	float: right;
	margin-right: 30px;
}