<head>
<style type="text/css">	
	html {
		height: 100%;
		overflow: hidden;
	}
	body {
		background: #E68CFF url(./img/fond.jpg) repeat;
		font-family: Verdana,Arial,Helvetica,sans-serif; 
		margin: 0;
		padding: 0;
		font-size:14;
		font-family:Arial,sans-serif;
		font-style:italic;
		font-weight:bold;
		line-height:20px;
		text-align:center;
	}
	
	#container { 
	background: #FFFFFF top left repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 770px;	
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	text-align: left;
	position: relative;
	}
	
	#bandeau {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	#header {
    float:left;
	display : block; 
    width:100%;
	margin-bottom:20px;
	background:url("./img/bg.gif") repeat-x bottom;
	padding: 0; 
    }
	#header ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }

	#header li {
    float:left;
    background:url(./img/coin-droit.gif) no-repeat right top;
    margin-right:2px;
	margin-left:0px;
	list-style-type:none; 
    padding:0;
    }
	#header a {
    display:block;
    background:url(./img/coin-gauche.gif) no-repeat left top;
    padding:5px 15px 4px;
	color:#B200FF;
    }
	#header #current a {
    background-image:url(./img/coin-gauche-actif.gif);
    padding-bottom:5px;
    }
	#header #current {
    background-image:url(./img/coin-droit-actif.gif);
    }
	h1  {
	clear:both;
	color: #57007F;
	font-size:22;
	text-align: center;
	padding-bottom: 15px;
	}
	h2  {
	clear:both;
	color: #57007F;
	font-size:18;
	background: url(./img/etoile.jpg) no-repeat left bottom;
	text-indent:25px;
	margin-left: 80px;
	text-align: left;
	padding-top: 0px;
	}
	h3  {
	color: #57007F;
	font-size:16;
	padding-top: 10px;
	}
 	p {
	color: #4C4C4C;
	text-indent: 1cm;
	text-align: justify;
	padding: 10px 80px 0px;
	}
	#monoffre p {
	color: #4C4C4C;
	text-indent: 0cm;
	text-align: justify;
	padding: 0px 80px 10px;
	}
	li {
	color: #4C4C4C;
	margin-left: 80px;
	margin-right: 80px;
	}
	#address {
	color: #4C4C4C;
	padding-left: 2cm;
	text-align: justify;
	padding-left: 130px;
	padding-right: 80px;
	}
	#email {
	background: url(./img/email.jpg) no-repeat left top;
	text-indent:25px;
	padding-bottom: 0px;
	}
	#telephone {
	background: url(./img/telephone.gif) no-repeat left top;
	text-indent:25px;
	font-size:18;
	padding-bottom: 10px;
	}
	#acces {
	color: #4C4C4C;
	padding-left: 2cm;
	text-align: justify;
	padding-left: 130px;
	padding-right: 80px;
	}
	#voiture {
	background: url(./img/voiture.gif) no-repeat left top;
	text-indent:30px;
	padding-bottom: 20px;
	}
	#bus {
	background: url(./img/bus.jpg) no-repeat left top;
	text-indent:30px;
	padding-bottom: 20px;
	}
	#intro {
	clear:both;
	color: #4C4C4C;
	font-weight: bold;
	text-align: center;
	font-size:18;
	padding-bottom: 20px;
	padding-top: 10px;
	}
	
	a img{
		border:  none ;
	}
	#ptemoignage {
	color: #4C4C4C;
	text-indent: 0cm;
	text-align:justify;
	padding-bottom: 10px;
	margin-left: 80px;
	margin-right: 80px;
	}
	#ptemoignage img{
	text-align: center;
	}
	.temoignages {
	margin-bottom: 10px;
	padding: 10px;
	text-align: justify;
	border-top: 1px solid #B41EFF; 
	color: #4C4C4C;
	margin-left: 80px;
	margin-right: 80px;
	}
	.titretemoignages {
	font-weight: bold;
	color:#57007F;
	padding-bottom: 15px;
	}
	
	#parchemin {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	#photocarole img{
	float:left;
	margin:10px 10px 5px 60px;
	padding:5px;
	}
	#petitpaume img{
	margin-left: 80px;
	margin-right: 80px;
	padding:5px;
	}
	#petitpaume p{
	padding:10px;
	text-align:justify;
	margin-left: 80px;
	margin-right: 80px;
	}
	#petitpaume a {
    display:block;
	text-align: center;
    padding:20px 15px 4px;
    }
	#critiquepetitpaume img{
	margin:0px 10px 35px 60px;
	padding:5px;
	}
	#contact p{
	text-indent: 0cm;
	}
	#contact iframe{
	text-align: center;
	margin-left: 80px;
	margin-right: 50px;
	}
	#pub {
	font-size:4;
	}
</style>
</head>
