.right{float:right}
.left{float:left}
.clear{clear:both}

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#ededec url(../i/bgi.jpg) top left repeat-x;
	margin:0 auto;
}

p, h1, h2, h3{
	margin:0; padding:0; color:#4f4f4f;
	text-align:justify;
}

h4{
	margin:0; padding:0; color:#4f4f4f;
	text-align:justify;
	font-size:13px;
}

h5{
	margin:0; padding:0; color:#4f4f4f;
	text-align:justify;
	font-size:11px;
}

img{border:0}

li{list-style:none;}

h2 {font-size:12px;}
h3 {font-size:11px; font-weight:normal}
p{padding-bottom:10px; line-height:11px}
h1 a{display:block; width:123px; height:83px}

.topspacer{
	height:40px;
}

/* FONDS DE PAGE TOP */

#topnav{
	width:811px;
	height:94px;
	margin:0 auto;
}
.fddd{
	background:url(../i/logoi2.jpg) top left no-repeat;
}
.fdmarque{
	background:url(../i/logoi1.jpg) top left no-repeat;
	
}
.fdpartenaires{
	
	background:url(../i/logoi3.jpg) top left no-repeat;
}

#bandeauhenkel{
width:810px;
height: 90px;
}

#wrapper{
	width:811px;
	height:539px;
	margin:0 auto;
}

#content, #contentdd, #contentpdt, #marquecontent, #partenairescontent,#mentionscontent, #contentEcodistrib{
	width:811px;
	height:430px;
	margin: 0 auto;
	position:relative;
}

#contentdd img{position:absolute; top:124px; right:0}


#partenaires #content img{position:absolute; top:124px; right:0}


#contact #form{
	height:525px;
}
/* home */

/* #navigation */
#EcoPageNav{
	background-color: #F0F; height: 110px; width: 810px; padding: 0; margin: 0;
}

div#contentdd{background:url('../i/bgi2.jpg') top left no-repeat; position:relative; }

#contentEcodistrib p#title{position:relative; top:20px; left:71px; font-size:13px; color:#303030; font-weight:bold}
#contentEcodistrib p#p1{
	position:relative;
	top:50px;
	left:70px;
	color:#000;
	width: 520px;
}

#contentEcodistrib p#title2{position:absolute; top:330px; left:71px; font-size:13px; color:#303030; font-weight:bold}

#contentEcodistrib p#p2{
	position:absolute;
	top:360px;
	left:70px;
	color:#000;
	font-weight: bold;
	text-align: justify;
	width: 670px;
}





/* LA MARQUE */
#marquecontent{background:url('../i/bgi1.jpg') top left no-repeat; position:relative; }
#marquecontent h1{background:url(../i/logoi1.jpg) top left no-repeat; text-indent:-9999px; height:94px;}
#marquecontent h2{position:absolute; top:140px; left:328px; margin-right:43px;}
#marquecontent h3{position:absolute; top:207px; left:328px; margin-right:43px;}
#marquecontent h4{position:absolute; top:387px; left:328px; margin-right:43px; font-size:8px;}
#marquecontent p {line-height:11px; padding-right:0;}



/* inner2 */
p, .inner2 h2{line-height:16px; padding-right:75px}
div#content{background:url(../i/bgi2.jpg) top left no-repeat; position:relative; }

h1{background:url(../i/logoi2.jpg) top left no-repeat; text-indent:-9999px; height:94px; margin:0 auto;}
#contentdd p#title{position:absolute; top:20px; left:71px; font-size:13px; color:#303030; font-weight:bold}
#contentdd p#p1{
	position:absolute;
	top:50px;
	left:70px;
	color:#000;
	width: 520px;
}

#contentdd p#title2{position:absolute; top:330px; left:71px; font-size:13px; color:#303030; font-weight:bold}

#contentdd p#p2{
	position:absolute;
	top:360px;
	left:70px;
	color:#000;
	font-weight: bold;
	text-align: justify;
	width: 670px;
}

p#dottedborder{
	padding: 10px;
	width: 500px;
	position:absolute;
	top:230px;
	left:70px;
	color:#007C0C;
	background-color:#FFF;
	font-weight: bold;
	text-align: justify;
	border: 1px solid #007C0C;
}

#dottedborder a, #dottedborder:link, #dottedborder:visited{
	color:#004807;
	text-decoration: none;
}

 #dottedborder a:hover{
	color:#004807;
	text-decoration: underline;
}


.inner2 p{position:absolute; top:300px; left:71px; width:80%;}



/* Partenaires */
#partenairescontent{background:url(../i/bgi3.jpg) top left no-repeat; position:relative}
#partenairescontent img{position:absolute; top:124px; right:0}
#partenairescontent h2, #partenairescontent h3, #partenairescontent p { width:258px; margin-right:191px}
#partenairescontent h4 { width:400px; margin-right:191px; padding: 0;}
#partenairescontent h5 { width:560px; margin-right:191px}
#partenairescontent h2{position:absolute; top:30px; left:435px;}
#partenairescontent h3{position:absolute; left:435px; top:55px;}
#partenairescontent h3 p{line-height:13px}
#partenairescontent h4{position:absolute; left:215px; top:195px;}
#partenairescontent h4 p {line-height:14px; width: 100%;}
#partenairescontent h5{position:absolute; left:120px; top:235px;}
#partenairescontent h5 p{line-height:13px; width: 100%;}

#boutonparainnage{
  width: 200px; height: 100px; background-color: transparent;
  position:absolute; top:310px; left:313px;
  cursor: pointer;
}

#boutonallo{
  width: 135px; height: 40px; background-color: transparent;
  position:absolute; top:180px; left:570px;
  cursor: pointer;
}

#boutonmoments{
  width: 135px; height: 60px; background-color: transparent;
  position:absolute; top:170px; left:75px;
  cursor: pointer;
}

/* Mentions légales */


#mentionscontent #frame{width:616px; height:350px; overflow:auto; position:absolute; top:16px; left:99px; padding-right:10px}
#mentionscontent #frame h2,
#mentionscontent #frame p{font-size:10px; color:#a5a5a5}
#mentionscontent #frame h2{color:#4f4f4f;}
#mentionscontent #frame h2#title{margin-bottom:14px}
#mentionscontent #frame p {line-height:11px; padding-right:0;}