/* CSS Document */

div#piedpage
{
	width: 950px ;
	margin-top: 15px ;
	margin-bottom: 5px ;
}

h1
{
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	color: #6e301c ;
	background-color: #efe6bd ;
	font-size: 28px ;
	border: 1px solid #6e301c ;
	text-align: left ;
	padding: 2px 2px 2px 2px ;
}

h2
{
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	color: #efe6bd ;
	background-color: #6e301c ;
	font-size: 26px ;
	border: 1px solid black ;
	text-align: left ;
	padding: 2px 2px 2px 2px ;
}

h3
{
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	color: #6e301c ;
	background-color: #efe6bd ;
	font-size: 20px ;
	font-style: italic ;
	border: 1px solid #6e301c ;
	text-align: left ;
	margin-left: 30px ;
	margin-top: 40px ;
	padding: 2px 2px 2px 2px ;
}

p
{
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size: 16px ;
	font-stretch: condensed ;
	color: #6e301c ;
	text-align: justify ;
}

div#mode
{
	position: relative ;
	width: 750px ;
	height: 450px ;
	margin-left: 85px ;
	margin-top: 20px ;
	border: 1px solid #6e301c ;
	background-image: url(../images/metier-coiffeur-lyon.jpg) ;
	background-repeat: no-repeat ;
	background-position: left bottom ;
}

h1#mode
{
	position: relative ;
	width: 550px ;
	font-style: italic ;
	margin-top: -15px ;
	margin-left: -55px ;
	padding-left: 5px ;
	text-align: center ;
}

img#minutieux
{
	width: 332px ;
	margin: 15px 0px 0px 100px ;
}

img#creatif
{
	width: 233px ;
	margin: -15px 0px 0px 500px ;
}

img#attentionne
{
	width: 338px ;
	margin: 45px 0px 0px 300px ;
}

img#resistant
{
	width: 338px ;
	margin: 50px 0px 0px 390px ;
}

p#mode
{
	width: 660px ;
	color: #efe6bd ;
	background-color: #6e301c ;
	margin-top: 45px ;
	margin-left: 85px ;
	padding: 20px 45px 20px 45px ;
	border: 1px solid black ;
}

div#coiffeur
{
	width: 750px ;
	height: auto ;
	margin-left: 85px ;
	margin-top: 40px ;
	border: 1px solid #6e301c ;
	background-color: #efe6bd ;
}

a.coiffeur {
	color : #efe6bd;
	text-decoration: none;
	}
	
h2#coiffeur
{
	position: relative ;
	width: 350px ;
	margin-top: -15px ;
	margin-left: -55px ;
	padding-left: 5px ;
	text-align: center ;
}

h3#coiffeur
{
	width: 150px ;
	margin-top: 30px ;
	text-align: center ;
}

p#coiffeur
{
	width: 320px ;
	margin-top: 40px ;
	margin-left: 45px ;
}

img#travail
{
	width: 300px ;
	margin-left: 400px ;
	margin-top: -255px ;
	border: 1px solid #6e301c ;
}

h3#comment
{
	width: 250px ;
	text-align: center ;
}

p#formation
{
	margin-top: 40px ;
	margin-left: 45px ;
	margin-right: 45px ;
}

p#comment
{
	margin-top: 40px ;
	margin-left: 45px ;
	margin-bottom: 50px ;
	margin-right: 45px ;
}

img#coloriste
{
	width: 300px ;
	height: 226px ;
	margin-left: 45px ;
	border: 1px solid #6e301c ;
}

p#styliste
{
	margin-top: -268px ;
	margin-left: 380px ;
	margin-right: 45px ;
}

p#coloriste
{
	margin-top: 20px ;
	margin-left: 380px ;
	margin-right: 45px ;
}

h3#exerce
{
	width: 150px ;
	text-align: center ;
}

img#salon
{
	margin-left: 475px ;
	margin-top: -10px ;
	border: 1px solid #6e301c ;
}

p#salarie
{
	width: 400px ;
	margin-top: -250px ;
	margin-left: 45px ;
}

p#artisan
{
	width: 400px ;
	margin-top: 40px ;
	margin-left: 45px ;
}

h3#salaire
{
	width: 130px ;
	text-align: center ;
}

p#salaire
{
	width: 350px ;
	margin-top: 40px ;
	margin-left: 45px ;
}

p#apprenti
{
	width: 350px ;
	margin-top: 10px ;
	margin-left: 95px ;
}

p#coiffeurbis
{
	width: 350px ;
	margin-top: 0px ;
	margin-left: 95px ;
}

p#artisanbis
{
	width: 350px ;
	margin-top: 0px ;
	margin-left: 95px ;
}

p#note
{
	width: 650px ;
	margin-top: 40px ;
	margin-left: 40px ;
	margin-bottom: 20px ;
	font-size: 20px ;
	padding: 5px 5px 5px 5px ;
	background-color: #6e301c ;
	color: #efe6bd ;
	border: 1px solid black ;
}

div#image
{
	margin-left: auto ;
    margin-right: auto ;
	text-align:  center ;
}

img#imgsalon
{
	width: 690px ;
	height: 415px ;
	border: solid 1px #6e301c ;
	margin-top: 30px ;
}

/* CLASS */

.lettrine
{
	float: left ;
	font-size: 36px ;
	font-weight: bold ;
	color: #efe6bd ;
	padding-top: 2px ;
	padding-right: 3px ;
	padding-bottom: 1px ;
	padding-left: 2px ;
	border: 1px solid black ;
	margin-right: 3px ;
	margin-top: 2px ;	
	background-image: url(../images/rainures.gif) ;
	background-repeat: repeat ;
}

.lettrinebis
{
	position: relative ;
	float: left ;
	font-size: 36px ;
	font-weight: bold ;
	color: #efe6bd ;
	padding-top: 2px ;
	padding-right: 3px ;
	padding-bottom: 1px ;
	padding-left: 2px ;
	border: 1px solid black ;
	margin-right: 3px ;
	margin-top: -15px ;	
	background-image: url(../images/rainures.gif) ;
	background-repeat: repeat ;
}

.effet
{
	border: 1px solid black ;
	background-image: url(../images/rainures.gif) ;
	background-repeat: repeat ;
	font-weight: bold ;
}

.gras
{
	font-weight: 600 ;
}

a.gras {
	color : #6e301c;
	text-decoration: none ;
	}	

.retour
{
	font-size: 12px ;
	font-weight: normal ;
	margin-left: 43px ;
	text-decoration: none ;
	padding: 0 0 0 0 ;
}

.retour a
{
	text-decoration: none ;
	color: #6e301c ;
}

a.mode {
	text-decoration: none ;
	color: #6e301c ;

}