body {
	background:#B2A89E;
	color:#777269;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	text-decoration:none;

}

.St1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #a49f9a;
	font-size: 13px;
}

.Style15 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #51412C;
}

.Style25 {
	font-size: 18px;
	font-weight: bold;
}
.Style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.St2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFFFFF;
}
.St5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.St6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.St7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
.St9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.St10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.St11 {
	font-size: 18px;
	font-weight: bold;
}
.St12 {font-size: 18px}
.St14 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #EBE7E0; font-weight: bold; }
.Style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #a49f9a;
	font-size: 13px;
}
.Style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFFFFF;
}
.Style3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	color: #3c342d;
}
.Style4 {font-size: 16px}
.Style5 {font-size: 26px; font-style: italic; color: #3c342d; font-family: Georgia, "Times New Roman", Times, serif;}
.Style6 {
	font-size: 14px;
	color: #7f7a7a;
}

.Style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
.Style8 {color: #e9d9bd}
.Style9 {color: #FFFFFF}
.Style10 {
	font-size: 14px;
	font-weight: bold;
}
.Style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
	text-align:left;
}



#flash1{
	position:absolute;
	top:-10px;
	left:-80px;
	}
	#logo-hp{
	display: block;
	height: 100px;
	width:260px;
	margin-left:20px;
	margin-top: 10px;
	}
	
	#plume{
	position:absolute;	width:203px;
	height: 79px;
	margin-top: 10px;
	top:370px;
	left:783px;
	}
	
	#flash2{
	position:absolute;
	top:50px;
	left:460px;
	width:500px;
	height:140px;
	}
	
	
	#question{
	position:absolute;
	left:560px;
	font-size:18px;
	top:210px;
	}
	
	#recap{
	position:absolute;
	left:60px;
	font-size:14px;
	top:0px;
	}
	
  #recap p.choix{
    float:left;
     margin:5px 0 15px 0; 
    width:230px;
  }
  #recap p.erreur{
    color:red;
    float:left;
    font-size:11px;
    margin:5px 0 15px 0; 
    width:150px;
  }
  
	#joueur:after{ 
    content: ""; 
    display: block; 
    clear: both; 
	}
		#recap legend{
      font-weight:bold;
    }
	#recap .input{
    float:left;
    width:240px;
    margin:5px 0 15px 0; 
	}
  #recap .input input{
    width:150px;
    
  }
	
  .form-container{
    margin-top:10px;
  }
  
  #recap .text label{
    display:block;
float:left;
padding:0;
width:200px;
  }
  
  .submit input{
   margin-top:10px;
  }
  
	#recap label{
	padding:15px 15px 0 0;
	}
	
	
	#question label{
	font-size:18px;
	display: block;
	}
	#question .input input{
	width:300px;
	height:30px;
	font-size:14px;
	
	}

#QuestionnaireForm{
padding:0;
margin:0;
}

#wrapper{
	width:986px;
	height:650px;
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-468px;
	top:50%;
	right:50%;
	margin-top:-325px;
}
#gutter{
  position:relative;
}
#bandeau-top{
  background:url(../img/bandeau-top.gif);
  height:130px;
  text-indent:-5000px;
}

#bandeau-middle{
    position: relative;
    background:url(../img/bandeau-middle.jpg);
    height:439px;
}

#bandeau-bottom{
    background:url(../img/bandeau-bottom.gif) no-repeat;

    height:81px;
    padding-top:38px;
    padding-left:30px;
}
#link-footer{
  position: absolute;
  z-index: 1000;
}
a {
  text-decoration:none;
  color:#777269;
}
a:hover{
  text-decoration:underline;
}
.erreurs, .error-message {
  color:red;
  font-size:12px;
  font-weight:bold;
}

#numetape {

  font-size:16px;
  font-weight:bold;
  position:absolute;
  left:430px;
  color:#d5caba;
}
.etapeactuelle {
  text-decoration:underline;
  color:#7c7467;
}