@charset "UTF-8";
/* CSS Document */
body, html {
	margin:0;
	padding:0;
	font-family:Trebushet MS, verdana, Arial, sans-serif;
	font-size:14px;
	color:#807970;
}
h1, h2, h3, h4, h5, h6, p, ul, li, ol {
	margin:0;
	padding:0;
	font-weight:normal;
}
#all {
background:transparent url(../images/accueil/bg.png) no-repeat scroll left top;
height:800px;
margin:auto;
position:relative;
width:980px;	
border:1px solid #ABA46F;
}
#allbis {
background-color:#fff;
margin:auto;
position:relative;
width:980px;	
}
#menu {
border-bottom:5px solid #9A945A;
}
#menu a {
color:#9A945A;
}
#menu a:hover {
color:#C6C39E;	
}
.help {
background-color:#DFDCBE;	
}
#language {
padding:20px 50px 0 0;
text-align:right;	
}
#header {
background:transparent url(../images/accueil/bgheader.png) repeat top left;
height:106px;	
margin:50px 0;
position:relative;
}
#allbis #header {
	margin-top:0;
	height:170px;
}
#allbis #left {
	padding-top:0;
}
#left {
padding:20px;
width:450px;
float:left;
}
.demo {
background:transparent url(../images/accueil/viewdemo.png) no-repeat scroll left top;
height:127px;
width:345px;	
position:relative;
}
.work {
background:transparent url(../images/accueil/howwork.png) no-repeat scroll left top;
height:127px;
position:relative;
top:-50px;
width:345px;	
}
.demo a {
display:block;
height:100px;
left:0;
position:absolute;
right:0;
top:0;
width:100%;	
}
.work a {
display:block;
height:80px;
left:0;
position:absolute;
right:0;
bottom:0;
width:100%;	
}
#left p, #right p {
line-height:20px;
}
#right {
width:490px;
float:left;	
}
#right form {
background:transparent url(../images/accueil/bgheader.png) repeat scroll left top;
margin:10px 20px;
width:335px;	
}
fieldset {
	border:0;
	
}
legend {
font-size:26px;	
color:#807970;
padding-left:10px;
}
form p {
font-size:16px;
margin:10px 0;
padding-left:10px;	
}
form label {
float:left;
font-size:11px;
padding-right:5px;
padding-top:8px;
text-align:right;
width:95px;}
.button {
color:#fff;
background-color:#6BD024;	
}
.clear {
visibility:hidden;
margin:0;
paadding:0;
border:0;
clear:both;	
}

h1 {
position:relative;
top:-40px;	
}
#allbis h1 {
	top:0;
}
h2 {
bottom:8px;
color:#ABA46F;
left:227px;
position:absolute;
}
.accueil h2 {
text-align:right;
right:20px !important;	
}
.boutons {
padding-right:35px;
text-align:right;
}
.boutons input {
margin-bottom:8px;
margin-top:5px;
}
h3 {
font-size:20px;
font-weight:bold;
padding-left:30px;	
}
h3 span {
	font-weight:normal;
	font-size:14px;
}
#allbis h3 {
	border-top:1px solid #DFDCBE;
	padding-top:30px;
}
input {
	border:1px solid #98925B;
	width:165px;
}
.boutons input {
	width:auto;
}
p.partners {
	padding-left:30px;
	padding-top:20px;
}
#footer {
bottom:0;
position:absolute;
right:10px;
width:110px;	
}
#footerbis p {
	text-align:right;
	padding-right:10px;
}
#explications {
position:fixed;
width:100%;
height:100%;
top:0;
bottom:0;
left:0;
right:0;
background:transparent url(../images/modale.png) repeat top left;
}
#explications div {
background-color:#fff;
margin:100px auto;
padding:25px;
width:500px;
height:300px;
overflow:auto;
}
.rep {
font-size:14px;	
}
.apple {
margin:30px 0;	
}
.apple span {
	color:#5F5F5F;
font-size:18px;
left:15px;
position:relative;
top:-15px;
}
.dem {
padding-bottom:20px;
padding-top:60px;
text-align:center;	
}
.dem a {
color:#5F5F5F;
font-weight:bold;
text-decoration:none;
}
.dem a:hover {
	color:#333;
}
.pictos {
	margin-right:10px;
}
.petit {
font-size:12px;	
}
p span {
position:relative;
top:-15px;	
}