html
{
background-color: #ABABAB ;
background-image: url(degen.jpg) ;
}

.main
{
	border: solid 1px black ;
	width: 980px ;
	height : 3600px ;	
	margin: auto ;	
	background-color: white ;
	background-image: url(back3.jpg) ;	
}



/*----------------------------Part 1 Info personnage-------------------------------------------*/


.image
{
	width: 240px ;
	height: 93px ;
	background-image: url(appel.jpg) ;
	background-repeat: no-repeat ;
	padding-bottom: 10px ;
}

#caracteristiques
{
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	width: 240px ;
	margin-top: 20px ;	
	position: relative ;
	float: left ; 
	margin-left: 20px ;
}

#caracteristiques input
{
	background-color: transparent ;
	color: #1d1210;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
}

#caracteristiques .input1
{
	width: 25px ;
	height: 15px ;
	font-size: 13px ;
	text-align: center ;
	font-weight: bold ;
}

#caracteristiques .input2
{
	width: 25px ;
	height: 15px ;
	font-size: 13px ;
	text-align: center ;
	margin-right: 18px ;
}

#caracteristiques .td2
{
	text-align: right ;
	padding-right: 5px ;
}





#etatCivil
{
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 12px ;
	width: 680px ;
	margin-top: 20px ;	
	position: relative ;
	float: right ;	
	margin-right: 10px ;
}

#etatCivil input
{
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
	height: 17px ;
	padding-left: 3px ;	
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
	font-weight: bold ;
}

#etatCivil .input1
{
	text-align: center ;	
}



#etatCivil .input2
{
	width: 150px ;
	margin-left: 5px ;	
}

#etatCivil .input3
{
	text-align: center ;	
}

#etatCivil .input4
{
	text-align: center ;
	width: 20px ;
	margin-left: 5px ;	
}

#etatCivil .input5
{
	margin-left: 3px ;
	width: 130px ;
}

#etatCivil .input6
{
	margin-left: 3px ;
	width: 130px ;
}

#etatCivil .input7
{
	margin-left: 3px ;
	width: 180px ;
}

#etatCivil .input8
{
 width: 390px ;
}

#etatCivil .styleDeJeu
{
	padding-left : 15px ;	
}

#etatCivil span
{
	font-weight: bold ;
}

.picDiv
{
	width: 122px ;
	height: 152px ;
	overflow: hidden ;
}

#pic
{
width: 120px ;
border: 1px solid black ;

}



/*--------------------------------Part 2 Santé---------------------------------------*/


#sante
{
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	width: 970px ;	
	position: relative ;
	float: left ;	
	margin-left: 20px ;		
	padding-top: 15px ;
}

#sante input
{	
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;	
	text-align: center ;
	height: 17px ;	
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
}
#sante .input1
{
	width: 290px ;
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
	text-align: center ;	
	height: 17px ;
	text-align: left ;
}

#sante .input2
{
	width: 30px ;
	height: 17px ;
	font-size: 15px ;
	font-family: Impact, Verdana, arial, sans-serif ;
	text-align: center ;
	vertical-align: top ;
	color: #458200 ;
}

#sante .input2pv
{
	width: 30px ;
	height: 17px ;
	font-size: 15px ;
	font-family: Impact, Verdana, arial, sans-serif ;
	text-align: center ;
	vertical-align: top ;
	color: #820000 ;
}

#sante .input2pm
{
	width: 30px ;
	height: 17px ;
	font-size: 15px ;
	font-family: Impact, Verdana, arial, sans-serif ;
	text-align: center ;
	vertical-align: top ;
	color: #004782 ;
}

#sante .input2ps
{
	width: 30px ;
	height: 17px ;
	font-size: 15px ;
	font-family: Impact, Verdana, arial, sans-serif ;
	text-align: center ;
	vertical-align: top ;
	color: #458200 ;
}

#sante .input3
{
	width: 97% ;
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
	text-align: center ;
	height: 17px ;
	text-align: left ;
}

#sante .input4
{
	width: 70px ;
	text-align: left ;
	font-weight: bold ;
}

#sante .input5
{
	width: 30px ;
	text-align: center ;
	font-weight: bold ;
}

#sante .input6
{
	width: 340px ;
	text-align: left ;	
}



#sante span
{
	position: relative ;
	top :4px ;
}

/*----------------------------------------Part 3 Equipement------------------------------------------*/



#equipement
{
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	width: 950px ;
	position: relative ;
	float: left ;
	margin-left: 20px ;
	padding-top: 15px ;	
}

#equipement input
{
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;	
	text-align: left ;	
	height: 17px ;
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
	
}

#equipement .input1
{
	width: 254px ;
}

#equipement .input2
{
	text-align: left ;
	width: 180px ;
}

#equipement .input3
{
	width: 75% ;
	text-align: center ;
}

#equipement .input4
{
	width: 85% ;
	text-align: center ;
}

#equipement .input5
{
	width: 200px ;
	text-align: left ;
}

#equipement .input6
{
	width: 110px ;
	text-align: center ;
}

#equipement span
{
	position: relative ;
	top: 4px ;
	padding-left: 60px ;
}





/*-------------------------------------Part 4 Competences-----------------------------------------*/



#competences
{
	width: 950px ;	
	position: relative ;
	float: left ;
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	margin-left: 20px ;
	padding-top: 20px ;
}

#competences .input1
{
	width: 30px ;
	text-align: center ;
	font-weight: bold ;
}

#competences .input2
{
	width: 97% ;
}


#competences input
{
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
	text-align: left ;	
	height: 17px ;
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
	vertical-align: center ;
	
	

}

#competences span
{
	font-family: Tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
	font-weight: bold ;
	
}


#description
{
	width: 950px ;	
	position: relative ;
	float: left ;
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	margin-left: 20px ;
	padding-top: 20px ;
}

#description input
{
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
	text-align: left ;	
	height: 17px ;
	width: 95% ;
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
	vertical-align: center ;
	
	

}




.ecran
{
	background-image: url(ecran2.jpg) ;
	background-repeat: no-repeat ;
}


/*-----------------------------------Part 5 Sequelles-----------------------------*/


#sequelles
{
	width: 950px ;	
	position: relative ;
	float: left ;
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	margin-left: 20px ;
	padding-top: 20px ;
}

#sequelles input
{
	width: 95% ;
	height: 15px ;
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 12px ;
	text-align: left ;
	text-indent: 5px ;		
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
}

#sequelles .input1
{
	width: 40px ;
	text-align: center ;	
}



#sequelles span
{
	font-size: 14px ;
	font-weight: bold ;
}


/*---------------------------------Part 6 Contact----------------------------------*/


#contact
{
	width: 950px ;
	position: relative ;
	float: left ;
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	margin-left: 20px ;
	padding-top: 20px ;
}

#contact input
{
	width: 95% ;
	height: 15px ;
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 12px ;
	text-align: left ;
	text-indent: 5px ;	
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
}

#contact span
{
	font-size: 14px ;
	font-weight: bold ;
}

/*--------------------------Part 7 Final--------------------------------*/

#final
{
	width: 950px ;
	position: relative ;
	float: left ;
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	margin-left: 20px ;
	padding-top: 20px ;
}

#final input
{
	height: 15px ;
	font-family:  times new roman, tahoma, verdana, arial, sans-serif ;
	font-size: 12px ;
	text-align: left ;
	text-indent: 5px ;		
	background-color: transparent ;
	color: #340700 ;
	border-style: solid;
	border-color: #bebebe ;
	border-width: 0 0 1px 0;
}

#final .input1
{
	width: 95% ;
}

#final .input2
{
	width: 89% ;
}

#final .input3
{
	width: 556px ;
}

#final span
{
	font-size: 14px ;
	font-weight: bold ;
}



/*--------------------------------Notes---------------------------------------*/

.notes
{
	width: 500px ;
	position: relative ;
	float: left ;
	padding-left: 40px ;
	padding-top: 30px ;
	font-weight: bold ;
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 14px ;
}

.note
{
	width: 870px ;	
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	color: #340700 ;
	padding: 10px 10px 10px 10px ;
	margin-left: 40px ;
	border: solid 1px black ;
	position: relative ;
	float: left ;
}

.footer
{	
	font-family:  tahoma, verdana, arial, sans-serif ;
	font-size: 13px ;
	position: relative ;
	float: right ;
	right: 50px ;
}


.submit
{
	width: 500px ;
	position: relative ;
	float: left ;
	padding-left: 370px ;
	padding-top: 40px ;	
}