@charset "utf-8";
/* CSS Document */
body
	{
		margin:0px;
		padding:0px;
		background-image:url(images/bg.jpg);
		background-repeat:repeat-x;
		background-color:#fff;
	}
h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;
	}
#main
	{
		width:904px;
		float:none;
		margin:0 auto;
		padding:0px;
	}
#contentbg
	{
		width:904px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/contenttxtbg.jpg);
		background-repeat: repeat-y;
	}
#contenttxtblank
	{
		width:876px;
		float: left;
		margin:0px;
		padding:0 0 40px 28px;
		background-image:url(images/contentbg.jpg);
		background-repeat:no-repeat;
	}
	
#menu
	{
		width:828px;
		height:30px;
		float: left;
		margin:0px;
		padding:0px;
	}
#menu ul
	{
		width:778px;
		height:30px;
		float: left;
		margin:0px;
		padding:0 0 0 50px;
		display:block;
	}
#menu ul li
	{
		height:30px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;
		position: relative;
	}
#menu ul li.menusap
	{
		width:2px;
		height:27px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/menusap.jpg);
		background-repeat:no-repeat;
	}
#menu ul li a.menu
	{
		height:22px;
		float: left;
		margin:0px;
		padding:5px 11px 0 11px;
		font-family: "Trebuchet MS";
		font-size:11px;
		font-weight:bold;
		color:#4e361c;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}
#menu ul li a.menu:hover
	{
		height:22px;
		float: left;
		margin:0px;
		padding:5px 11px 0 11px;
		font-family: "Trebuchet MS";
		font-size:11px;
		font-weight:bold;
		color:#017686;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		background-image:url(images/menuover.png);
		background-repeat:no-repeat;
		background-position:center bottom;
	}


	
/*------------------------------------------------------MENU---------------------------------------------END--------------------------------------------------------------------------------*/	
#banfl
	{
		width:550px;
		height:150px;
		margin: 50px 0 0 170px;
	}
#contentbug
	{
		width:600px;
		min-height:300px;
		float:left;
		margin:0px;
		padding:0px;
	}	
#contentleft
	{
		width:600px;
		float:left;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		color:#13819a;
	}
#contentleft a
	{
		color:#4e361c;
		text-decoration:none;
	}
#contentleft a:hover
	{
		color:#00978f;
	}

#lefthead
	{
		width:530px;
		min-height:50px;
		float:left;
		margin:30px 0 10px 30px;
		font-family:Arial;
		font-size:30px;
		color:#13819a;
	}
#leftheading
	{
		width:530px;
		height:50px;
		float:left;
		margin:30px 0 10px 30px;
		font-family:Arial;
		font-size:30px;
		color:#13819a;
		background-image: url(images/leftheading.png);
		background-repeat:no-repeat;
	}
#leftheading2
	{
		width:530px;
		height:50px;
		float:left;
		margin:30px 0 10px 30px;
		font-family:Arial;
		font-size:30px;
		color:#13819a;
		background-image: url(images/leftheading2.png);
		background-repeat:no-repeat;
	}
#contactheading
	{
		width:530px;
		height:50px;
		float:left;
		margin:30px 0 10px 0;
		font-family:Arial;
		font-size:30px;
		color:#13819a;
		background-image: url(images/contactheading.png);
		background-repeat:no-repeat;
	}
#leftheading h2
	{
		width:520px;
		float:left;
		margin:0px;
		padding:0px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#4e361c;
	}
#leftblank
	{
		width:600px;
		float:left;
		margin:0px;
		padding:0auto;
	}

#leftblank2
	{
		width:600px;
		float:left;
		margin:0px;
		padding:0auto;
	}
	
.cata
	{
		display:block;
		float:left;
		width:120px;
		height:150px;
		margin:10px;
	}
#coloneleft
	{
		width:245px;
		min-height:250px;
		float:left;
		margin:0 10px 0 0;
		padding:0 auto;
		background-image:url(images/fond-pres.png);
		background-repeat:no-repeat;
	}
a.persobtn 
	{ 
		background-image: url('images/perso-btn.png'); 
		display: block; 
		width: 235px; 
		height:40px;
		margin:auto;
		margin-bottom:5px;
		margin-top:5px;
	} 
a.persobtn:hover 
	{ 
		background-image: url('images/perso-btn-on.png') 
	} 
#coloneright
	{
		width:345px;
		float:left;
		margin:0;
		padding:0;
	}
#relprod
	{
		width:590px;
		float:left;
		height:50px;
		margin:15px 0 0 0;
		padding:5px;
	}
	/*----------------------bulle----------------------------*/


.bulle {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bulle li {
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	text-align: center;
}
.bulle a {
	padding: 0px 0 10px 0;
	display: block;
	color: #4e361c;
	width: 160px;
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	background: url(images/top-collec.png) no-repeat top center;
}
.bulle li em {
	font-weight: normal;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

/*---------------------------------------*/
		
.fp
	{
		display:inline;
		float:left;
		width:160px;
		height:160px;
		margin:20px;
		background:url(images/ombre-fp.png);
	}
	
#publicites3
	{
		width:560px;
		float:left;
		margin:0px;
		padding:10px 20px 0 20px;
	}
	
#lefttxt
	{
		width:560px;
		float:left;
		margin:0px;
		padding:10px 20px 0 20px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		line-height:20px;
	}

#lefttxt2
	{
		width:560px;
		float:left;
		margin:0px;
		padding:10px 20px 0 20px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		line-height:20px;
	}

#publicites
	{
		width:750px;
		height:250px;
		margin-top:10px;
		position:static;
	}
	
#publicites2
	{
	width:120px;
	height:1600px;
	position:absolute;
	float:left;
	margin-left:900px;
	}

#lefttxt h4
	{
		color:#4e361c;
	}

#lefttxt2 h4
	{
		color:#4e361c;
	}
	
.leftboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#fff;
	}
.lefttxt
	{
		font-family:Arial;
		font-size:12px;
		color:#4e361c;
	}
	
#style1heading
	{
		width:180px;
		height:30px;
		margin:5px 0 15px 0;
		padding:0px;
		background-image: url(images/baby-paint-card.png);
		background-repeat:no-repeat;
	}
#style2heading
	{
		width:180px;
		height:30px;
		margin:5px 0 15px 0;
		padding:0px;
		background-image: url(images/lily.png);
		background-repeat:no-repeat;
	}
#style3heading
	{
		width:180px;
		height:30px;
		margin:5px 0 15px 0;
		padding:0px;
		background-image: url(images/bbstar.png);
		background-repeat:no-repeat;
	}
.smaltxt
	{
		width:180px;
		margin:15px 0 0 0;
		padding:0;
		font-family:Arial;
		font-size:11px;
		color:#444;
	}
.smaltxt h4
	{
		color:#4e361c;
		font-size:11px;
	}
.smaltxt h5
	{
		font-size:9px;
	}
/*-----------------------------------------------------CONTENTLEFT-------------------------------------------------------------------------------------------------------------END----------*/	
#contentright
	{
		width:229px;
		float:left;
		margin:0 0 0 20px;
		padding:20px 0 0 0;
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
#rightmenu
	{
		width:229px;
		height:41px;
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		background-image: url(images/morelinksheading.png);
		background-repeat:no-repeat;
	}
#rightmenu h5
	{
		width:177px;
		height:31px;
		float:left;
		margin:0px;
		padding:10px 0 0 52px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight:normal;
		color:2a2a2a;
	}
#morelinks
	{
		width:209px;
		float:left;
		margin:0px;
		padding:10px 10px 15px 10px;
		background-color:#4e361c;
	}

.morelinksbot
	{
		width:229px;
		height:8px;
		float:left;
		margin:0px;
		padding:0px;
		overflow:hidden;
		background-image: url(images/morelinksbot.png);
		background-repeat:no-repeat;
	}
	
/* slider-------------------------------------------------------*/
	
.sl1
{	width:190px;
	height:380px;
	float:left;
	margin: 0;
	padding: 0 5px 0 5px;
	background-image: url(images/fond-style.png);
	background-repeat:no-repeat;
}

.topSlide
{	width:190px;
	height:250px;
	float:left;
	margin: 0;
	padding: 0 5px 0 5px;
	background-image: url(images/fond-style-top.png);
	background-repeat:no-repeat;
}

p#controls, p#controls2, p#controls3{
	margin:0;
	position:relative;
	} 
	
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			width:180px;
			height:170px;
			overflow:hidden;
			}	
			
		#slider2 ul, #slider2 li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider2, #slider2 li{ 
			width:180px;
			height:170px;
			overflow:hidden;
			}	
		
		#slider3 ul, #slider3 li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider3, #slider3 li{ 
			width:180px;
			height:170px;
			overflow:hidden;
			}	

	
	/*--------------------------------*/
	
#prevBtn, #prevBtn2, #prevBtn3{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:180px;
	height:18px;
	position:absolute;
	left:0px;
	top:-188px;
	}	
#nextBtn, #nextBtn2, #nextBtn3{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:180px;
	height:18px;
	position:absolute;
	left:0px;
	top:0px;
	}	
#prevBtn a, #prevBtn2 a, #prevBtn3 a{  
	display:block;
	width:180px;
	height:18px;
	background:url(images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a, #nextBtn3 a{ 
	display:block;
	width:180px;
	height:18px;
	background:url(images/btn_next.png) no-repeat 0 0;	
	}						

/* recherche----------------------------------------------------------------*/
	
.rechercherapide
	{
		width:205px;
		height:35px;
		background: url(images/recherche.png) no-repeat;
}
.recheinput
{
	width: 165px;
	height: 25px;
	background: none;
	float:left;
	border: none;
	color: #000000;
	margin:9px 0 0 8px;
	padding:0;
}
a.boutonrech
	{
		width:32px;
		height:35px;
		display: block; 
		margin:0 auto;
		padding:0 auto;
		float:right;
	}
a.boutonrech:hover
	{
		background-image:url(images/recherche-btn-on.png);
		background-repeat:no-repeat;
	}

a:focus {
	outline: none;
}
#rechercheright 
	{
		background-image: url(images/rech-bg.png);
		width: 206px;
		height: 240px;
		display: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #352310;
	background: url(images/recherche-right.jpg) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 40px;
	padding: 8px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 100%/80% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.sexe
	{
		width:40px;
		height:40px;
		margin:0 0 0 21px;
		padding:auto;
		float:left;
		background-color:#9FF;
		text-align:center;
	}
.photo
	{
		width:40px;
		height:50px;
		margin:auto;
		padding:auto;
		float:left;
		background-color:#9FF;
		text-align:center;
	}
.stylefp
	{
		width:196px;
		height:40px;
		margin:10px 5px 10px 5px;
		padding:auto;
		float:left;
		background-color:#9FF;
		text-align:center;
	}
.coul
	{
		width:150px;
		height:40px;
		margin:10px 5px 10px 5px;
		padding:auto;
		float:left;
		background-color:#9FF;
		text-align:center;
	}
.motcle
	{
		width:196px;
		height:40px;
		margin:0 5px 10px 5px;
		padding:auto;
		float:left;
		background-color:#9FF;
		text-align:center;
	}

a.ok 
	{ 
		background-image: url('images/ok.png'); 
		display: block; 
		width: 206px; 
		height:30px;
		float:left;
		margin:auto;
	} 
a.ok:hover 
	{ 
		background-image: url('images/ok-on.png') 
	} 
	
/* menu right----------------------------------------------------------------------*/	
		
ul#menu2, ul#menu2 ul {
	font-family: Helvetica, Arial, sans-serif;
  font-size:12px;
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 206px;
}

ul#menu2 a {
  display: block;
  text-decoration: none;
}

ul#menu2 li {
  margin-top: 1px;
}

ul#menu2 li a {
  background: #352310;
  color: #00ffff;	
  padding: 5px 5px 5px 5px;
  font-weight:bold;
}

ul#menu2 li a:hover {
  background: #271b0e;
}

ul#menu2 li ul li a {
  background: #dbfef6;
  color: #4e361c;
  padding-left: 20px;
}

ul#menu2 li ul li a:hover {
  background: #fff;
  border-left: 5px #00ffff solid;
  padding-left: 15px;
}
.style-fp1
{
	background-image: url(images/num1.png);
	background-repeat:no-repeat;
	background-position:left;
}
.style-fp2
{
	background-image: url(images/num2.png);
	background-repeat:no-repeat;
	background-position:left;
}
.style-fp3
{
	background-image: url(images/num3.png);
	background-repeat:no-repeat;
	background-position:left;
}

/*--------------------------------------------------------------RIGHTPART------------------------------------------------------------------------------------------------------END----------*/
	#rightmenu2
	{
		width:229px;
		height:41px;
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		background-image: url(images/morelinksheading2.png);
		background-repeat:no-repeat;
	}
#rightmenu2 h5
	{
		width:177px;
		height:31px;
		float:left;
		margin:0px;
		padding:10px 0 0 52px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight:normal;
		color:2a2a2a;
	}
#rightmenu2 h5 a
	{
		font-family: Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight:normal;
		color:#000;
		text-decoration:none;
	}
.morelinks2
	{
		width:209px;
		float:left;
		margin:0px;
		padding:5px 8px 15px 12px;
		color:#FFF;
		font-size:11px;
		font-family:Verdana, Geneva, sans-serif;
		background-color:#4e361c;
	}
.morelinks2 a
	{
		color:#87ecd5;
		font-weight:bold;
	}
.morelinks2 a:hover
	{
		color:#00ffff;
	}
a.promo { background-image: url('images/btn-promo.jpg'); display: block; width: 200px; height:72px; } 
a.promo:hover { background-image: url('images/btn-promo-on.jpg') } 
	
/*--------------------------------------------------------------RIGHTPART------------------------------------------------------------------------------------------------------END----------*/
#rightmenu3
	{
		width:229px;
		height:41px;
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		background-image: url(images/morelinksheading3.png);
		background-repeat:no-repeat;
	}
#rightmenu3 h5
	{
		width:177px;
		height:31px;
		float:left;
		margin:0px;
		padding:10px 0 0 52px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight:normal;
		color:2a2a2a;
	}
a.mail { background-image: url('images/mail.jpg'); display: block; width: 211px; height:50px; } 
a.mail:hover { background-image: url('images/mail-on.jpg') } 

	
/*--------------------------------------------------------------RIGHTPART------------------------------------------------------------------------------------------------------END----------*/
#textbot
	{
		width:825px;
		height:228px;
		float:left;
		margin:36px 0 15px 0px;
		padding:0px;
		background-image:url(images/textbotbg.png);
		background-repeat:no-repeat;
	}
#textbotblank
	{
		width:806px;
		height:184px;
		float:left;
		margin:0px;
		padding:25px 0 0 19px;
	}
#textbotheading
	{
		width:500px;
		height:50px;
		float:left;
		margin:0px;
		padding:0 0 0 50px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:35px;
		color:#4e361c;
		background-image:url(images/ours.png);
		background-repeat:no-repeat;
	}

#textbottxt
	{
		width:600px;
		float:left;
		margin:0;
		padding:0 0 0 17px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		line-height:20px;
	}
#textbottxt h1
	{
		font-family:Arial;
		font-size:20px;
		font-style:bold;
		color:#4e361c;
	}
#textbottxt h2
	{
		font-family:Arial;
		font-size:16px;
		font-style:bold;
		color:#4e361c;
	}
#lasttxt
	{
		width:800px;
		float:left;
		margin:0;
		padding:10px 0 0 20px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		line-height:20px;
	}
.lasttxt
	{
		font-family:Arial;
		font-size:12px;
		color:#4e361c;
	}
#progress
	{
		width:0px;
		background: url(images/bar-progress.jpg) #0CF;
		background-repeat: repeat-x;
		height:30px;
		color:#000;
		max-width:300px;
		margin:auto;
		margin-top:0px;
		text-align:center;
	}

/*------------------------------------------------------------------CONTENTPART-------------------------------------------------------------------------------------END---------------------*/	
#footerbg
	{
		width:904px;
		height:100px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbg.jpg);
		background-repeat:no-repeat;
	}
#footerlinks
	{
		width:904px;
		height:13px;
		float: left;
		margin:19px 0 0 0;
		padding:0px;
		font-family:"Trebuchet MS";
		font-weight:bold;
		font-size:10px;
		color:#4e361c;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}
.footerlinks
	{
		font-family:"Trebuchet MS";
		font-size:10px;
		color:#4e361c;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		padding:0 5px 0 5px;
	}
.footerlinks:hover
	{
		font-family:"Trebuchet MS";
		font-size:10px;
		color:#00978f;
		text-align:center;
		text-decoration: underline;
		text-transform:uppercase;
		padding:0 5px 0 5px;
	}
#liens
	{
	width:904px;
	float: left;
	margin:5px 0 0 0;
	padding:0px;
	font-family: Arial;
	font-size:14px;
	color:#4e361c;
	text-align:center;
	text-decoration:none;
	}
#liens a
	{
		
		font-family: Arial;
		font-size:10px;
		color:#4e361c;
		text-align:center;
		text-decoration:none;
	}
#liens a:hover
	{
		background-color:#84d0f0;
	}
	
.ztitle
	{	position:absolute;
		color:#4e361c;
		width:250px;
		height:50px;
		margin:0;
		font-weight:900;
		background:url(imgs/onglet-top.png) no-repeat center center;
		padding:17px 0 0 0;
		text-align:center;
		z-index:20;
	}
	
.zzoom
	{	position:absolute;
		color:#ff00ff;
		width:30px;
		height:30px;
		margin:0;
		font-weight:900;
		background:url(imgs/loupe.png) no-repeat center center;
		padding:17px 0 0 0;
		text-align:center;
		z-index:20;
		cursor:pointer;
	}

.zinfo
	{	position:absolute;
		color:#ff00ff;
		width:30px;
		height:30px;
		margin:0;
		font-weight:900;
		background:url(imgs/info.png) no-repeat center center;
		padding:17px 0 0 0;
		text-align:center;
		z-index:20;
		cursor:help;
	}

.zcomment
	{	position:absolute;
		color:#38302b;
		width:0px;
		min-width:0px;
		max-height:50px;
		min-height:50px;
		margin:0;
		font-weight:100;
		font-family: "Trebuchet MS";
		line-height: 14px;
		font-size:12px;
		background:url(imgs/comment-middle.png) repeat-y;
		padding:0;
		text-align:center;
		z-index:-1;
		overflow:hidden;
	}

.zcommentdown
	{	background:url(imgs/comment-down.png) no-repeat center center;
		height:6px;
		width:267px;
	}

.zcommentup
	{	background:url(imgs/comment-up.png) no-repeat center center;
		height:6px;
		width:267px;
	}
	
#inline_loading
	{	margin-left: auto;
		margin-right: auto;
		min-width:330px;
		max-width:330px;
		margin-top:0;
		padding:0;
		text-align:center;
		margin-bottom:50px;
		overflow:hidden;
	}