/* CSS Document */

*
{
	font-family: Arial, Verdana, Helvetica, sans-serif ;
}

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


/*Vous êtes en activité */

div#pro1
{
	position: relative ;
	width: 840px ;
	height: 370px ;
	border: 1px solid #6e301c ;
	margin-top: 80px ;
	margin-left: 35px ;
	background-image: url(../images/formation-professionnelle-ecole-coiffure-athena-rhone.jpg);
	background-repeat: no-repeat ;
	background-position: left bottom ;
}

h1#carton1
{
	position: relative ;
	color: #efe6bd  ;
	background-color: #6e301c ;
	border: 1px solid black ;
	width: 500px ;
	text-align: center ;
	float: right ;
	margin-top: -25px ;
	margin-right:-34px ;
}

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

h2#carton1
{
	position: relative ;
	margin-top: 40px ;
	margin-left: 450px ;
	text-decoration: overline underline ;
	padding: 2px 2px 2px 2px ;
}

ul#carton1
{
	list-style-type: none ;
	color: #6e301c ;
	width: 600px ;
	float: right ;
	margin-top: 30px ;
}

li#carton1
{
	text-align: justify ;
	margin-top: 18px ;
	margin-right: 30px ;
	list-style-image: none ;
	margin-left: 15px ;
}


		/* reprendre une activité */

		div#pro2
		{
			width: 840px ;
			height: 275px ;
			border-style: solid ;
			border-width: 1px ;
			border-color: #6e301c ;
			margin-top: 80px ;
			margin-left: 35px ;
			background-image: url(../images/formation-professionnelle-ecole-coiffure-athena-rhone-alpes.jpg) ;
			background-repeat: no-repeat ;
			background-position: right top ;
		}
		
		h1#carton2
		{
			position: relative ;
			color: #efe6bd  ;
			background-color: #6e301c ;
			border: 1px solid black ;
			width: 800px ;
			text-align: center ;
			float: left ;
			margin-top: -25px ;
			margin-left: -34px ;
		}

		h2#carton2
		{
			position: relative ;
			margin-top: 40px ;
			margin-left: 10px ;
			text-decoration: overline underline ;
			padding: 2px 2px 2px 2px ;
		}
		
		ul#carton2
		{
			list-style-type: none ;
			color: #6e301c ;
			width: 570px ;
			margin-top: 40px ;
			margin-left: 10px ;
		}
		
		li#carton2
		{
			text-align: justify ;
			margin-top: 18px ;
			list-style-image: none ;
			margin-left: 40px ;
			list-style-position: outside ;
		}


/*pour bien vous accompagner */

div#pro3
{
	width: 840px ;
	height: 480px ;
	border-style: solid ;
	border-width: 1px ;
	background-image: url(../images/contact.jpg) ;
	background-repeat: no-repeat ;
	background-position: left bottom;
	border-color: #6e301c ;
	margin-top: 80px ;
	margin-left: 35px ;
}


h1#carton3
{
	position: relative ;
	color: #efe6bd  ;
	background-color: #6e301c ;
	border: 1px solid black ;
	width: 600px ;
	text-align: center ;
	float: right ;
	margin-top: -25px ;
	margin-right:-34px ;
}

ul#carton3
{
	list-style-type: none ;
	color: #6e301c ;
	width: 550px ;
	float: right ;
	margin-top: 40px ;
}

li#carton3
{
	text-align: justify ;
	margin-top: 18px ;
	margin-right: 20px ;
	list-style-image: url(../images/pucebis.gif) ;
	padding-left: 1em ;   /* faire apparaitre les puces sur IE */
	margin-left: 15px ;
}

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

div#contact
{
	border: 3px solid #6e301c ;
	width: 300px ;
	text-align: center ;
	color: #6e301c ;
	margin-top: 20px ;
	margin-left: 350px ;
	padding: 5px 5px 5px 5px ;
}

p#info
{
	color: #efe6bd ;
	background-color: #6e301c ;
	border: 1px solid black ;
	text-align: center ;
	font-weight: bold ;
	font-size: 18px ;
	font-stretch: condensed ;
	margin-top: 15px ;
}


/* CLASS modifs */

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

.retourbis
{
	font-size: 12px ;
	font-weight: normal ;
	margin-left: 10px ;
}

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

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

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