/* CSS Document */

*{
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}

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

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 ;
	font-size: 16px ;
	text-align: left ;
	margin-left: 20px ;
}

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

p#presentation
{
	width: 900px ;
	color: #efe6bd ;
	background-color: #6e301c ;
	border: 1px solid black ;
	margin-top: 0px ;
	margin-left: 0px ;
	margin-bottom: 60px ;
	font-size: 22px ;
	font-weight: 300 ;
	padding: 10px 5px 10px 5px ;
}

/* CARTON 1 */

div#integration
{
	width: 750px ;
	height: 400px ;
	margin-left: 85px ;
	border: 1px solid #6e301c ;
	background-image: url(../images/formation-professionnelle-coiffure-lyon.jpg) ;
	background-repeat: no-repeat ;
	background-position: right bottom ;
}

h2#integration
{
	position: relative ;
	width: 620px ;
	margin-top: -15px ;
	margin-left: -86px ;
	padding-left: 4px ;
}

a.h2integration {
	color: #efe6bd ;
	text-decoration: none;

}

p#integration1
{
	width: 400px ;
	margin: 60px 0px 0px 60px ;
}

p#integration2
{
	width: 400px ;
	margin: 0px 0px 0px 60px ;
	padding-top: 20px ;
}

p#integration3
{
	width: 400px ;
	margin: 0px 0px 0px 60px ;
	padding-top: 20px ;
}

/* CARTON 2 */

div#enseignes
{
	width: 360px ;
	height: 430px ;
	border: 1px solid #6e301c ;
	margin-top: 60px ;
	margin-left: 85px ;
	padding-bottom: 20px ;
	background-color: #efe6bd ;
}

h2#enseignes
{
	position: relative ;
	width: 290px ;
	margin-top: -15px ;
	margin-left: -85px ;
	padding-left: 4px ;
}

p#enseignes
{
	margin: 30px 10px 10px 5px ;
}

h3#wella
{
	margin-top: 50px ;
}

img#wella
{
	margin-left: 250px ;
	margin-top: -80px ;
}

h3#perma
{
	margin-top: 30px ;
}

img#perma
{
	margin-left: 250px ;
	margin-top: -40px ;
}

h3#loreal
{
	margin-top: 30px ;
}

img#loreal
{
	margin-left: 250px ;
	margin-top: -30px ;
}

h3#schwar
{
	margin-top: 50px ;
}

img#schwar
{
	position: relative ;
	margin-left: 250px ;
	margin-top: -50px ;
}

/* CARTON 3 */

div#experts
{
	width: 360px ;
	height: 430px ;
	border: 1px solid #6e301c ;
	margin-top: -467px ;
	margin-left: 475px ;
	padding-bottom: 20px ;
	background-color: #efe6bd ;
}

h2#experts
{
	position: relative ;
	width: 305px ;
	margin-top: -15px ;
	margin-left: 122px ;
	text-align: center ;
}

p#experts
{
	position: relative ;
	width: 340px ;
	margin: 30px 5px 10px 5px ;
}

h3#karloff
{
	position: relative ;
	margin-top: 30px ;
}

h3#gladys
{
	position: relative ;
	margin-top: 30px ;
}

h3#buenerd
{
	position: relative ;
	margin-top: 30px ;
}

h3#besnault
{
	position: relative ;
	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: 0px ;
	padding-left: 2px ;
	border: 1px solid black ;
	margin-right: 3px ;
	margin-top:-10px ;	
	background-image: url(../images/rainures.gif) ;
	background-repeat: repeat ;
}

.gras
{
	font-weight: 600 ;
}

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

}

.retour
{
	font-size: 12px ;
	font-weight: normal ;
	margin-left: 42px ;
}

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

.lienimage {
	border: none;
}