/* CSS Document */
html, body {
	margin: 0px;
	padding: 0px;
	height:100%;
	background-color: #C0E7D6;
	font-family:Arial, "Arial Narrow", "Arial Rounded MT Bold", "Arial Unicode MS";
	font-size:12px;
}

div#Conteneur{
width:900px;
min-height:200px;

float:left;
left:50%;
margin-left:-450px;
position:absolute;
}

div#Bandeau{
width:730px;
height:30px;
background-image:url(../img/bandeau.jpg);
background-repeat:no-repeat;

float:left;
position:relative;
padding-top:95px;
padding-left:170px;
font-size:12px;
font-weight:bold;
color:#BB1111;
}

div#Menu{
width:170px;

float:left;
position:relative;
margin-top:5px;
}
	div#MenuH{
	width:170px;
	height:8px;
	background-image:url(../img/MenuH.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	div#MenuC{
	width:165px;
	background-image:url(../img/menuC.jpg);
	background-repeat:repeat-y;
	float:left;
	
	padding-left:5px;
	color:#FFFFFF;
	}
	div#MenuB{
	width:170px;
	height:12px;
	background-image:url(../img/menuB.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	
div#Moment{
width:170px;

float:left;
position:relative;
margin-top:15px;
}
	div#MomentH{
	width:170px;
	height:25px;
	background-image:url(../img/momentH.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	div#MomentC{
	width:170px;
	background-image:url(../img/momentC.jpg);
	background-repeat:repeat-y;
	float:left;
	
	/*padding-left:5px;*/
	text-align:center;
	color:#000000;
	}
	div#MomentB{
	width:170px;
	height:11px;
	background-image:url(../img/momentB.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	
div#Partenaire{
width:170px;

float:left;
position:relative;
margin-top:15px;
}
	div#PartenaireH{
	width:170px;
	height:25px;
	background-image:url(../img/partenaireH.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	div#PartenaireC{
	width:160px;
	background-image:url(../img/partenaireC.jpg);
	background-repeat:repeat-y;
	float:left;
	
	padding-left:10px;
	color:#000000;
	}
	div#PartenaireB{
	width:170px;
	height:11px;
	background-image:url(../img/partenaireB.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	
div#Central{
width:720px;

float:right;
position:relative;
margin-top:5px;
margin-left:10px;
}
	div#CentralH{
	width:720px;
	height:8px;
	background-image:url(../img/centreH.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	div#CentralC{
	width:720px;
	min-height:600px;
	background-image:url(../img/centreC.jpg);
	background-repeat:repeat-y;
	float:left;
	
	padding-left:5px;
	color:#000000;
	}
	div#CentralB{
	width:720px;
	height:11px;
	background-image:url(../img/centreB.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}

div#Copyr{
width:900px;
height:16px;
background-image:url(../img/fdCopyr.jpg);
background-repeat:repeat-x;

color:#85D898;
float:left;
position:relative;
left:50%;
margin-left:-450px;
margin-top:10px;
text-align:right;
font-size:10px;
}

/* INTERIEUR DE PAGE ------------------------------------------------------------------- */

div#Edito{
width:407px;
height:201px;
background-image:url(../img/BlAccueil.jpg);
background-repeat:no-repeat;

float:left;
position:relative;
padding:5px;
color:#000000;
}

div#GEdito{
width:267px;
height:211px;

float:left;
position:relative;
margin-left:14px;
color:#000000;
}

div#ProdAcc{
width:162px;
height:162px;
overflow:hidden;

float:left;
position:relative;
margin-right:6px;
margin-left:6px;
margin-bottom:5px;
}
	div#ProdAcc1{
	width:162px;
	height:128px;
	overflow:hidden;
	
	float:left;
	position:relative;
	}
	div#ProdAcc2{
	width:162px;
	height:34px;
	background-image:url(../img/BlProdAcc.jpg);
	background-repeat:no-repeat;
	
	float:left;
	position:relative;
	text-align:center;
	color:#FFFFFF;
	}
	div#Descrip{
	border:0px solid black;
	width:216px;
	height:68px;
	overflow:hidden;
	}

div#ProdListe{
width:343px;
height:115px;

float:left;
position:relative;
margin-right:10px;
}
	div#ProdListe1{
	width:123px;
	height:89px;
	overflow:hidden;
	
	float:left;
	position:relative;
	}
	div#ProdListe2{
	width:218px;
	height:86px;
	background-image:url(../img/BlProdL.jpg);
	background-repeat:no-repeat;
	
	float:left;
	position:relative;
	padding-top:3px;
	padding-left:2px;
	}
	div#ProdListe3{
	width:142px;
	height:22px;
	
	float:left;
	position:relative;
	margin-left:195px;
	}
	
div#ProdPhoto{
width:347px;
height:270px;

float:left;
position:relative;
margin-right:10px;
margin-left:3px;
}
div#ProdFiche0{
width:336px;
height:182px;
border:0px solid black;
background-image:url(../img/fdFiche.jpg);
background-repeat:no-repeat;

float:left;
position:relative;
margin-left:3px;
padding:2px;
}
div#ProdFiche1{
width:145px;
height:22px;
border:0px solid black;

float:left;
position:relative;
margin-left:190px;
}
div#ProdFiche2{
width:340px;
height:42px;
border:0px solid black;
background-image:url(../img/fdFicheSup.jpg);
background-repeat:no-repeat;

float:left;
position:relative;
margin-left:3px;
margin-top:10px;
margin-bottom:10px;
padding-top:1px;
text-align:center;
}

/* -------------------------------------------------------------- */
div#popPort{
width:400px;
height:150px;
background-color:#FFFFFF;
border:1px solid red;

position:absolute;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-75px;
float:left;
z-index:10;
}