/* Encodé en UTF-8 */

/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
	height: 100%;
	
}

body {
	font: 62.5% "Comic Sans", "Comic Sans MS", cursive;
	height: 100%;
	background: #5ab8e0 url(/images/theme/html-bg.png) repeat-x 50% 0;
	z-index: -10;
	/*cursor: url(/images/cursor/baguette.png), auto;*/
}
/*body a:hover {
	cursor: url(/images/cursor/etoile.png), auto;
}*/

	
#bg-site{
	height: 100%;
	width: 100%;
	background: #5ab8e0 url(/images/theme/html-bg.png) repeat-x 50% 0;
	z-index: -8;
}


/*** GENERAL STYLE **/
.hide {
	position: absolute;
	left: -5000px;
}
.spacer{
	clear: both;
	height: 0;
}


/*** HEADER ***/
#header {
	position: absolute;
	left: 0;
	top: 0;
	height: 180px;
	background: url(/images/theme/header-all.png) no-repeat 50% 0px;
	width: 100%;
	z-index: 100;
}

		
		body.colorall #header{
			background-position: 50% -0px;
		}
		
			
		body.colorall-produits #header{
			background-position: 50% -180px;
		}
		
			
		body.colorall-mag #header{
			background-position: 50% -360px;
		}
		
			
		body.colorall-univers #header{
			background-position: 50% -540px;
		}
		
			
		body.colorall-philo #header{
			background-position: 50% -720px;
		}
		
			
		body.colorall-contact #header{
			background-position: 50% -900px;
		}
		
			
		body.colorpro-orange #header{
			background-position: 50% -1080px;
		}
		
			
		body.colorpro-vert #header{
			background-position: 50% -1260px;
		}
		
			
		body.colorpro-rose #header{
			background-position: 50% -1440px;
		}
		
			
		body.colorpro-bleu #header{
			background-position: 50% -1620px;
		}
		
			
		body.colorpro-jaune #header{
			background-position: 50% -1800px;
		}
		
			
		body.colorpro-vertbleu #header{
			background-position: 50% -1980px;
		}
		
	
#headerInner {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#header #logo {
	width: 237px;
	height: 83px;
	margin: 0 0 0 37px;
}

#header #logo a {
	display: block;
	width: 237px;
	height: 83px;
	text-decoration: none;
	background: url(/images/theme/logo-bg.png) no-repeat 0 0;
}
#header #logo a:hover {
	background: url(/images/theme/logo-bg.png) no-repeat 0 -83px;
}

#header #logo a span {
	position: absolute;
	left: -5000px;
}

#header h2 {
	position: absolute;
	width: 375px;
	height: 160px;
	right: -50px;
	top: 0;
	z-index: 120;
}

/***NAVIGATION***/
ul#nav-0{
	position: absolute;
	left: 292px;
	top: 0;
	z-index: 130;
}
ul#nav-0 li{
	list-style: none;
}
ul#nav-0 li a{
	display: block;
	background: url(/images/theme/menu-en.png) no-repeat 0 0;
	outline: none;
}
ul#nav-0 li span{
	position: absolute;
	left: -10000px;
}






ul#nav-0 li.li-colorall-produits a{
	position: absolute;
	top: 69px;
	left: 0px;
	background-position: 0px -0px;
	width:149px;
	height: 70px;
}


ul#nav-0 li.li-colorall-produits a:hover, ul#nav-0 li.li-colorall-produits a.actif{
	background-position: 0px -106px;
}



ul#nav-0 li.li-colorall-mag a{
	position: absolute;
	top: 74px;
	left: 149px;
	background-position: -149px -5px;
	width:141px;
	height: 70px;
}


ul#nav-0 li.li-colorall-mag a:hover, ul#nav-0 li.li-colorall-mag a.actif{
	background-position: -149px -111px;
}



ul#nav-0 li.li-colorall-univers a{
	position: absolute;
	top: 80px;
	left: 290px;
	background-position: -290px -11px;
	width:146px;
	height: 70px;
}


ul#nav-0 li.li-colorall-univers a:hover, ul#nav-0 li.li-colorall-univers a.actif{
	background-position: -290px -117px;
}



ul#nav-0 li.li-colorall-philo a{
	position: absolute;
	top: 84px;
	left: 436px;
	background-position: -436px -15px;
	width:144px;
	height: 70px;
}


ul#nav-0 li.li-colorall-philo a:hover, ul#nav-0 li.li-colorall-philo a.actif{
	background-position: -436px -121px;
}



ul#nav-0 li.li-colorall-contact a{
	position: absolute;
	top: 88px;
	left: 580px;
	background-position: -580px -19px;
	width:80px;
	height: 70px;
}


ul#nav-0 li.li-colorall-contact a:hover, ul#nav-0 li.li-colorall-contact a.actif{
	background-position: -580px -125px;
}


/*Sious niveau de nos produits*/
#subHeader{
	width: 950px;
	margin: 0 auto;
	position: relative;
	background: #555;
	z-index: 78;
}

#subHeader ul#nav-30, #subHeader ul#nav-35 {
	position: absolute;
	top: -300px;
	left: 270px;
	background: url(/images/theme/subnav-bg.png) no-repeat left bottom;
	height: 214px;
	padding: 86px 0 0 20px;
	width: 180px;
	z-index: 80;
	list-style-type: none;
}
#subHeader ul#nav-35 {
	left: 570px;
	height: 124px;
	padding: 94px 0 0 10px;
}

#subHeader ul li a span{
	position: absolute;
	left: -10000px;
}

	#subHeader ul#nav-30 li#conte a{
		display: block;
		background: url(/images/theme/submenu-prod-en.png) no-repeat 0 -18px;
		height: 32px;
		width: 145px;
	}

	#subHeader ul#nav-30 li#h2o a{
		display: block;
		background: url(/images/theme/submenu-prod-en.png) no-repeat 0 -55px;
		height: 32px;
		width: 145px;
	}

	#subHeader ul#nav-30 li#safari a{
		display: block;
		background: url(/images/theme/submenu-prod-en.png) no-repeat 0 -92px;
		height: 32px;
		width: 145px;
	}

	#subHeader ul#nav-30 li#nature a{
		display: block;
		background: url(/images/theme/submenu-prod-en.png) no-repeat 0 -129px;
		height: 32px;
		width: 145px;
	}

	#subHeader ul#nav-30 li#imitation a{
		display: block;
		background: url(/images/theme/submenu-prod-en.png) no-repeat 0 -166px;
		height: 32px;
		width: 145px;
	}

	#subHeader ul#nav-30 li#ferme a{
		display: block;
		background: url(/images/theme/submenu-prod-en.png) no-repeat 0 -203px;
		height: 32px;
		width: 145px;
	}


	#subHeader ul#nav-35 li#walter a{
		display: block;
		background: url(/images/theme/submenu-univers-en.png) no-repeat 0 -50px;
		height: 32px;
		width: 160px;
		

	}

	#subHeader ul#nav-35 li#ophelie a{
		display: block;
		background: url(/images/theme/submenu-univers-en.png) no-repeat 0 -87px;
		height: 32px;
		width: 160px;
		

	}

	#subHeader ul#nav-35 li#goodies a{
		display: block;
		background: url(/images/theme/submenu-univers-en.png) no-repeat 0 -124px;
		height: 32px;
		width: 160px;
		

	}


/*** LANGUES ***/
ul#lang-nav{
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 19px;
	z-index: 150;
	list-style-type: none;
	padding: 2px 0 0;
	text-align: center;
}
ul#lang-nav li{
	display: inline;
	font-size: 1.2em;
	padding: 0 2px;
}

ul#lang-nav li a{
	color: #ccc;
	text-decoration: none;
}
ul#lang-nav li.active a, ul#lang-nav li a:hover{
	color: #fff;
}


/*** PAGES ***/
div.page {
	min-height: 100%;
	background: url(/images/theme/page-bg.png) no-repeat 100% 0;
	width: 950px;
	margin: 0 auto;
	z-index: 40;
}
div.pageInner {
	padding: 156px 0 0;
	position: relative;
	min-height: 604px;
}

div.noBg {
	background: none;
}
div.bgLeft {
	background: url(/images/theme/page-bgLeft.png) no-repeat 0 0;
}

div.bgLeft .pageInner {
	padding: 146px 0 0;	
}
body.colorall-univers .pageInner {
	padding: 126px 0 0;	
}

/*** CONTENT ***/
div.page div.content {
	float: right;
	width: 424px;
	min-height: 300px;
	margin: 0 9px 0 0;
	padding: 0 25px;
}

div.content h1 {
	color: #718b0b;
	font-size: 1.9em;
	text-align: right;
	margin: 10px 0 35px;
	font-weight: normal;
}

div.content h2 {	
	color: #718b0b;
	font-size: 1.6em;
	text-align: left;
	margin: 20px 0 14px;
	font-weight: normal;
}

div.content h4 {	
	clear: both;
	color: #0E8035;
	font-size: 1.3em;
	text-align: left;
	margin: 0 0 4px;
	font-weight: normal;
}

div.content p {
	color: #345447;
	font-size: 1.2em;
	text-align: justify;
	margin: 0 0 10px;
}

div.content ul, div.content ol {
	margin: 14px 0;
	padding: 0 20px;
	color: #345447;
}

div.content ul, div.content ol {
	margin: 14px 0;
	padding: 0 35px;
	font-size: 1.2em;
}

div.content ul ul, div.content ol ol, div.content ul p, div.content ol p {
	font-size: 1em;
}

div.content a, div.content a:visited {
	color: #718b0b;
}

div.content a:hover {
	color: #dd9e0b;
	text-decoration: none;
}

div.content p.right {
	text-align: right;
}

div.content p.nomarge {
	margin: 0 0;
}


/*** FORMULAIRE ***/
div.content form label{
	float: left;
}
div.content form input.text, div.content form select.text, div.content form textarea{
	font-family: "Comic Sans", "Comic Sans MS", cursive;
	border: 1px solid #345447;
	background: #fff;
	padding: 1px 2px;
}
div.content form textarea{
	font-size: 1.1em;
}
div.content input.btn{
	border: 0;
	background: none;
	font-size: 0;
	color: #AACC23;
	padding: 0;
	cursor: pointer;
}
div.content input.red-btn{
	color: #CC3222;
}
div.content form input.btn-valider{
	width: 122px;
	height: 38px;
	background: url(/images/theme/btn-valider-en.png) no-repeat 0 0;
}
div.content form input.btn-inscrivez-nous{
	width: 202px;
	height: 38px;
	background: url(/images/theme/btn-inscrivez-nous-en.png) no-repeat 0 0;
}
div.content form input.btn-entrez{
	width: 211px;
	height: 38px;
	background: url(/images/theme/btn-entrez-en.png) no-repeat 0 0;
}
div.content form input.btn-envoi-demande{
	width: 178px;
	height: 38px;
	background: url(/images/theme/btn-envoi-demande-en.png) no-repeat 0 0;
}

/*** HOME ***/
div#homepage ul#link-panel{
	background: url(/images/theme/home-en.png) no-repeat 0 0;
	width: 966px;
	height: 442px;
	margin: 138px 0 0;
}
ul#link-panel li {
	position: absolute;
}
ul#link-panel li a {
	display: block;
	outline: none;
}
ul#link-panel li.produits {
	left: 52px;
	top: 13px;
}
ul#link-panel li.produits, ul#link-panel li.produits a {
	width: 211px;
	height: 82px;
}
ul#link-panel li.magasins {
	left: 102px;
	top: 96px;
}
ul#link-panel li.magasins , ul#link-panel li.magasins a {
	width: 110px;
	height: 64px;
}
ul#link-panel li.philosophie {
	left: 86px;
	top: 166px;
}
ul#link-panel li.philosophie, ul#link-panel li.philosophie a {
	width: 144px;
	height: 70px;
}
div#homepage ul#link-panel li.univers-ophelie {
	left: 418px;
	top: 103px;
}
div#homepage ul#link-panel li.univers-ophelie, div#homepage ul#link-panel li.univers-ophelie a {
	width: 238px;
	height: 124px;
}
div#homepage ul#link-panel li.univers-walter {
	left: 677px;
	top: 120px;
}
div#homepage ul#link-panel li.univers-walter, div#homepage ul#link-panel li.univers-walter a {
	width: 263px;
	height: 160px;
}
div#homepage ul#link-panel li.recherche {
	left: 569px;
	top: 303px;
}
div#homepage ul#link-panel li.recherche, div#homepage ul#link-panel li.recherche a {
	width: 170px;
	height: 72px;
}
div#homepage ul#link-panel li.goodies {
	left: 473px;
	top: 365px;
}
div#homepage ul#link-panel li.goodies, div#homepage ul#link-panel li.goodies a {
	width: 130px;
	height: 77px;
}

/*** DEFAULT ***/

ul#link-panel{	
	float: left;
	background: url(/images/theme/deco-panel-en.png) no-repeat 0 0;
	list-style-type: none;
	width: 460px;
	height: 440px;
	margin-top: 132px;
	position: relative;
}
ul#link-panel li.recherche {
	left: 279px;
	top: 280px;
}
ul#link-panel li.recherche, ul#link-panel li.recherche a {
	width: 170px;
	height: 92px;
}
ul#link-panel li.goodies {
	left: 126px;
	top: 356px;
}
ul#link-panel li.goodies, ul#link-panel li.goodies a {
	width: 170px;
	height: 77px;
}

/*** NOS MAGASINS ***/
#bg-site div.ct-magasins{
	height: 600px;
	padding: 0 20px 0 500px;
	background: url(/images/theme/ct-magasins.png) no-repeat 0 214px;	
}

#bg-site div.ct-magasins h2{
	text-align: right;	
}

form#frm-map label{
	width: 100px;
}
form#frm-map p{
	margin: 0 0 8px 0;
}
form#frm-map input.long{
	width: 316px;
}
form#frm-map select.long{
	width: 322px;
}
form#frm-map input#shop-street{
	float: left;
	width: 210px;
}
form#frm-map label.lb-num{
	width: 30px;
	padding-left: 10px;
}
form#frm-map input#shop-street-number{
	width: 60px;
}
form#frm-map input#shop-postcode{
	float: left;
	width: 60px;
}
form#frm-map label.lb-ville{
	width: 50px;
	padding-left: 10px;
}
form#frm-map input#shop-city{
	width: 190px;
}

#subMap{
	margin: 0 0 8px;
	background: url(/images/theme/bg-map.png) no-repeat 0 0;
	padding: 6px;
	width:412px;
	height:288px;
	z-index: 75;
	overflow:hidden;
}
#map{
	width:412px;
	height:288px;
	z-index: 75;
}

p#text-girafe{
	display: hidden;
}

div.content a.btn-online{
	display: block;
	color: #fff;
	text-decoration: none;
	width: 180px;
	height: 36px;
	line-height: 28px;
	background: url(/images/theme/btn-online.png) no-repeat 0 0;
	font-size: 1.1em;
	text-align: center;
}


/* UNIVERS GENERAL*/

input#btn-deconnexion{
	display: block;
	height: 38px;
	width: 177px;
	background: url(/images/theme/btn-deconnexion-en.png) no-repeat 0 0;
}

a.btn-voir-galerie{
	display: block;
	height: 35px;
	width: 224px;
	background: url(/images/theme/btn-voir-galerie-en.png) no-repeat 0 0;
}
a.btn-gerer-galerie{
	display: block;
	height: 34px;
	width: 218px;
	background: url(/images/theme/btn-gerer-galerie-en.png) no-repeat 0 0;
}
a.btn-supp-compte, input#btn-supp-compte {
	display: block;
	height: 36px;
	width: 220px;
	background: url(/images/theme/btn-supp-compte-en.png) no-repeat 0 0;
}


/*** NOTRE UNIVERS***/
div.page div.ct-univers{
	min-height: 480px;
	width: 340px;
	padding: 0 565px 0 25px;
	position: relative;
}
div.page div.bg-univers-walter{
	background: url(/images/theme/ct-univers-walter.png) no-repeat 100% 34px;
}
div.page div.bg-univers-ophelie{
	background: url(/images/theme/ct-univers-ophelie.png) no-repeat 100% 34px;
}
div.page div.ct-univers h2{
	padding-bottom: 8px;
	margin-bottom: 12px;
	margin-top: 14px;
	font-size: 1.8em;
	background: url(/images/theme/h2-bg-univers.png) no-repeat center bottom;
}
div.page div.ct-univers h2.suppcompte{
	margin-bottom: 8px;
	margin-top: 46px;
}

div.ct-univers label{
	width: 185px;
}
div.ct-univers input.text{
	width: 148px;
}
div.page div.pageInner div.ct-univers #registration-box{
	/*position: absolute;
	top: -800px;*/
}
div.page div.pageInner div.ct-univers #registration-box p{
	margin: 5px 0;
	padding: 0;
}
div.page div.pageInner div.ct-univers #connection, div.page div.pageInner div.ct-univers #forgot-password{
	clear: both;
	padding: 16px 0 0;
}

a#inscription-membre{
	float: right;
	height: 38px;
	width: 286px;
	background: url(/images/theme/btn-membre-en.png) no-repeat 0 0;
}


div.content #registration-box p.add-univers label.cp{
	width: 78px;
}
div.content #registration-box p.add-univers label.ville{
	width: 107px;
}
div.content #registration-box p.add-univers input.cp{
	width: 40px;
}
div.content #registration-box p.add-univers input.ville{
	width: 98px;
}
div.page div.pageInner div.ct-univers #registrationForm p.optin{
	padding: 14px 0;
}
div.content  #registrationForm p.optin label{
	width: 280px;
	text-align: left;
}
div.ct-univers p.msgSend{
	width: 345px;
}


/*
div.content form#registrationForm label{
	width: 170px;
}
div.content form#registrationForm.text{
	width: 160px;
}*/

/*** GESTION PHOTO ***/
div.page div.ct-gestion-univers{
	float: left;
	width: 960px;
	min-height: 300px;
	margin: 0;
	padding: 0 25px;
}
div.page div.ct-gestion-univers h2{
	margin-bottom: 8px;
}

div.page div.ct-gestion-univers .gestion-photos{
	float: left;
	width: 420px;
}
div.page div.ct-gestion-univers .gestion-infos{
	float: left;
	width: 405px;
	margin: 0 0 0 56px;
}
div.page div.ct-gestion-univers .gestion-photos .box-photos{
	background: url(/images/theme/gallery-gestion-bg.png) repeat 0 0;
	border: 1px solid #fff;
	height: 516px;
	margin-bottom: 14px;
}
div.page div.ct-gestion-univers .gestion-photos .box-photos ul{
	list-style-type: none;
	height: 450px;
	margin: 13px 18px;
	padding: 0;
}
div.page div.ct-gestion-univers .gestion-photos .box-photos li{
	list-style-type: none;
	float: left;
	width: 62px;
	height: 62px;
	margin: 7px;
}
div.page div.ct-gestion-univers .gestion-photos .box-photos a.voir-gallery{
	display: block;
	background: url(/images/theme/btn-voir-gallery-en.png) repeat 0 0;
	width: 152px;
	height: 32px;
	margin: 10px auto;
}
div.page div.ct-gestion-univers .gestion-photos .box-photos li img, div.page div.ct-gestion-univers .gestion-infos img{
	border: 1px solid #fff;
	float: left;
	margin: 0 60px 14px 0;	
}
div.page div.ct-gestion-univers .gestion-infos .action-photo{
	float: left;
	width: 260px;
	border-left: 2px solid #AACC23;
	padding: 0 0 4px 10px;
	margin-bottom: 4px;
}
div.page div.ct-gestion-univers .gestion-infos .action-photo-error{
	border-left: 2px solid #CC3323;
	padding: 0 0 1px 10px;
}
div.page div.ct-gestion-univers .gestion-infos .action-photo-error p{
	padding-bottom: 3px;
	margin-bottom: 0px;
	font-size: 1.1em;
}
div.page div.ct-gestion-univers #photosForm{
	clear: both;
}
div.page div.content p.p-errMail{
	color: #EA0000;
	margin-bottom: 14px;
}
div.page div.content p.p-okMail{
	color: #718B0B;
	margin-bottom: 14px;
}
div.ct-gestion-univers .gestion-infos input.text, div.ct-gestion-univers .gestion-infos textarea{
	width: 270px;
}
div.ct-gestion-univers .gestion-infos input.errMail{
	border: 1px solid #5C7012;
	background: #F9FCED;
	color: #EA0000;
}
div.ct-gestion-univers .gestion-infos textarea{
	height: 50px;
}
div.page div.ct-gestion-univers label{
	float: left;
	width: 120px;
}
div.page div.ct-gestion-univers form#recForm p{
	margin: 0 0 8px;
}
/*div.page div.ct-univers{
	min-height: 480px;
	width: 340px;
	padding: 0 565px 0 25px;
	background: url(/images/theme/ct-univers.png) no-repeat 100% 34px;
	position: relative;
}*/

/*** GOODIES ***/
div.content ul#goodie-list{
	width: 430px;
	padding: 0;
	margin: 0;
}

div.content ul#goodie-list li{
	list-style-type: none;
	float: left;
	margin: 17px;
	text-align: center;
	height: 214px;
	width: 180px;
	display:block;
	background: url(/images/theme/goodies-bg-img.png) no-repeat 0 0;
}
div.content ul#goodie-list span{
	position: absolute;
	top: 170px;
	left: 0;
	width: 160px;
	display:block;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
div.content ul#goodie-list a{
	display:block;
	width:160px;
	height:194px;
	margin:10px;
	text-decoration: none;
	font-size: 1em;
	color: #718B0B;
	position:relative;
}
div.content ul#goodie-list a img{
	display:block;
	width: 160px;
	height: 160px;
}

/*** PRODUITS***/
ul#produitsPage{
	float: left;
	width: 938px;
	height: 409px;
	background: url(/images/theme/ct-nos-produits.png) no-repeat 100% 60px;
	margin-top: 180px;
	position: relative;
	list-style: none;
}

ul#produitsPage li{
	position: absolute;
}
ul#produitsPage li a{
	display: block;
	outline: none;
}
ul#produitsPage li a img{
	position: absolute;
}

ul#produitsPage li.lk-safari{
	top: 106px;
	left: 20px;
}
ul#produitsPage li.lk-safari, ul#produitsPage li.lk-safari a{
	width: 190px;
	height: 184px;
}
ul#produitsPage li.lk-safari a img{
	top: 0;
	left: 45px;
}
ul#produitsPage li.lk-imitation{
	top: 30px;
	left: 214px;
}
ul#produitsPage li.lk-imitation, ul#produitsPage li.lk-imitation a{
	width: 190px;
	height: 154px;
}
ul#produitsPage li.lk-imitation a img{
	top: 0;
	left: 0;
}
ul#produitsPage li.lk-conte{
	top: 192px;
	left: 250px;
}
ul#produitsPage li.lk-conte, ul#produitsPage li.lk-conte a{
	width: 286px;
	height: 216px;
}
ul#produitsPage li.lk-conte img{
	bottom: 0;
	left: 20px;
}
ul#produitsPage li.lk-h2o{
	top: 5px;
	left: 445px;
}
ul#produitsPage li.lk-h2o, ul#produitsPage li.lk-h2o a{
	width: 184px;
	height: 165px;
}
ul#produitsPage li.lk-h2o a img{
	top: 0;
	left: 48px;
}
ul#produitsPage li.lk-nature{
	top: 200px;
	left: 550px;
}
ul#produitsPage li.lk-nature, ul#produitsPage li.lk-nature a{
	width: 225px;
	height: 176px;
}
ul#produitsPage li.lk-nature a img{
	bottom: 0;
	left: 18px;
}
ul#produitsPage li.lk-ferme{
	top: 55px;
	left: 670px;
}
ul#produitsPage li.lk-ferme a img{
	top: 0;
	left: 15px;
}
ul#produitsPage li.lk-ferme, ul#produitsPage li.lk-ferme a{
	width: 205px;
	height: 140px;
}
ul#produitsPage li.lk-recherche{
	top: 310px;
	left: 760px;
}
ul#produitsPage li.lk-recherche, ul#produitsPage li.lk-recherche a{
	width: 160px;
	height: 100px;
}
div.page div.product{
	position: relative;
	margin-top: 18px;
}
p.pCopy{
	position: absolute;
	top: 640px;
	left: 0px;
	width: 200px;
	color: #345447;
}
div.product div.pImg{
	position: absolute;
	top: 15px;
	left: 120px;
	width: 330px;
	height: 385px;
}
div.product div.pImg a{
	display: block;
	width: 330px;
	height: 385px;	
}
div.product div.pImg span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 330px;
	height: 385px;	
	background: url(/images/theme/ico-loupe.png) no-repeat 225px 250px;
}
div.product p.pInfos{
	position: absolute;
	top: 408px;
	left: 32px;
	width: 200px;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
div.product p.pInfos span{
	font-weight: bold;
	color: #718B0B;
}
div.product img.pNew{
	position: absolute;
	top: 24px;
	right: 30px;
	width: 114px;
	height: 42px;
}
div.product img.pName{
	position: absolute;
	top: 380px;
	left: 265px;
	display: block;
	width: 205px;
	height: 80px;
	
}
div.product div.pDesc{
	position: absolute;
	top: 440px;
	left: 30px;
	padding-right: 30px;
}
/*title product -search*/
div.content h1#title-search{
	position: absolute;
	top: 4px;
	right: 30px;
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	z-index: 2;
}
div.content #info-product{
	z-index: 1;
}

/*** PHILOSOPHIE ***/
body.colorall-philo .content div{
	font-size: 1em;
}
body.colorall-philo .content div p{
	line-height: 130%;
}

img.img-right{
	float: right;
	margin: 0 0 12px 16px;
}
img.img-left{
	float: left;
	margin: 0 16px 12px 0;
}
img.img-bottom{
	margin: 14px 0 0;
}
body.colorall-philo div.content h4{	
	cursor: pointer;
}

div.content h4 span{	
	padding-right: 44px;
	background : url(/images/theme/plus-moins.png) no-repeat 0 0;
}
div.content h4 span.more{	
	background : url(/images/theme/plus-moins.png) no-repeat 0 -20px;
}




/*** CONTACT ***/
form#contactform p{
	margin: 14px 0 0;
	padding: 0;
}
form#contactform label{
	width: 70px;
}
form#contactform label.lb-name{
	width: 70px;
	padding-left: 10px;
}
form#contactform input.text{
	width: 346px;
}
form#contactform input#form_lastname{
	float: left;
}
form#contactform input.short{
	width: 130px;
}
form#contactform textarea{
	width: 416px;
	height: 120px;
}
form#contactform select{
	width: 352px;
}
address{
	float: left;
	font-style: normal;
	font-size: 1.2em;
	margin: 0 100px 35px 0;
}
address.add-last{
	margin-right: 0;
}
address strong{
	color: #AACC23;
	font-size: 1.2em;
}

div.content p.msgSend, div.page div.pageInner div.ct-univers #registration-box p.msgSend{
	padding-bottom: 8px;
}
div.content p.msg-ok{
	color: #98A909;
}
div.content p.msg-ko{
	color: #ff0000;
}

/*les h1 de PRODUCT*/
h1.titleProduct {
	width: 484px;
	height: 444px;
	position: absolute;
	top: 165px;
	left: -21px;
}
h1.t-conte {
	background: url(/images/theme/h1-conte-en.png) no-repeat 0 0;
}
h1.t-ferme {
	background: url(/images/theme/h1-ferme-en.png) no-repeat 0 0;
}
h1.t-h2o {
	background: url(/images/theme/h1-h2o.png) no-repeat 0 0;
}
h1.t-safari {
	background: url(/images/theme/h1-safari.png) no-repeat 0 0;
}
h1.t-imitation {
	background: url(/images/theme/h1-imitation-en.png) no-repeat 0 0;
}
h1.t-nature {
	background: url(/images/theme/h1-nature-en.png) no-repeat 0 0;
}

/*la box recherche*/
a#box-search{
	position: absolute;
	top: 606px;
	left: 254px;
	display: block;
	width: 187px;
	height: 80px;
	background: url(/images/theme/recherche-en.png) no-repeat 0 0;
	/*cursor: url(/images/cursor/etoile.png), auto;*/
}

div.content p.no-result{
	position: absolute;
	top: 110px;
	right: 30px;
	text-align: right;
}

/*** SITEMAP ***/
ul#sitemap-0, ul#sitemap-0 ul {
	margin: 0 0 0 15px;
	border-left: 1px dotted #000000;
	padding: 6px 0;
}

ul#sitemap-0 {
	font-size : 1.2em;
	margin: 0 0 0 25px;
}

ul#sitemap-0 li {
	padding: 0 0 0 15px;
	list-style: none;
	background: url(/images/base/sitemap-puce.png) no-repeat 0 7px;
}

/*** FOOTER **/
div.spacer-footer	{
	height: 90px;
	clear: both;
}

#footer {
	height: 90px;
	margin-top: -90px;
	background: url(/images/theme/footer-all.png) no-repeat 50% 0;
	font-size: 1.2em;
	z-index: 110;
}



body.colorall #footer, body.colorall-mag #footer, body.colorall-univers #footer, body.colorall-philo #footer, body.colorall-contact #footer{
	background-position: 50% 0px;
}
body.colorpro-orange #footer{
	background-position: 50% -90px;
}
body.colorpro-vert #footer{
	background-position: 50% -180px;
}
body.colorpro-rose #footer{
	background-position: 50% -270px;
}
body.colorpro-bleu #footer{
	background-position: 50% -360px;
}
body.colorpro-jaune #footer{
	background-position: 50% -450px;
}
body.colorpro-vertbleu #footer{
	background-position: 50% -540px;
}

#footerInner {
	width: 950px;
	margin: 0 auto;
	padding: 65px 0 0;
	color: #fff;
}

#footerInner a, #footerInner a:visited {
	color: #fff;
	text-decoration: none;
}

#footerInner a:hover {
	text-decoration: underline;
}

#footerInner span.by a {
	color: #d0e4e3;
	padding: 0 0 0 70px;
}

#test{
	background: #444;
	height: 200px;
	
	margin-top: -200px;
	font-size: 1.2em;
	z-index: 110;
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 188px;
	height: 198px;
	background: url('/images/base/ajax-loader.gif') no-repeat 0 0;
	margin-left: -94px;
	margin-top: -99px;
	display: none;
	z-index: 999999;
}


/*SPECIAL UNIVERS*/
body#sp-univers-bg.walter{
	background: #AEAA0E url(/images/theme/univers-sp-bg-walter.jpg) no-repeat 50% 10px;	
}
body#sp-univers-bg.ophelie{
	background: #862D25 url(/images/theme/univers-sp-bg-ophelie.jpg) no-repeat 50% 20px;	
}
body#sp-univers-bg #bg-site{
	background: none;	
}
body#sp-univers-bg div.page{
	background: none;	
}
body#sp-univers-bg h3{
	position: absolute;
	top: 130px;
	left: 430px;
	width: 325px;
	height: 40px;
	font-size: 1.7em;
	padding: 43px 52px 0;
	color: #345447;
	text-align: center;
	font-weight: bold;
	background: url(/images/theme/univers-h3-walter.png) no-repeat 0 0;
}
body#sp-univers-bg.ophelie h3{	
	background: url(/images/theme/univers-h3-ophelie.png) no-repeat 0 0;
	/*top: 140px;*/
	left: 380px;
}
body#sp-univers-bg a.gal-prev, body#sp-univers-bg a.gal-next{
	position: absolute;
	top: 314px;
	right: 8px;
	height: 32px;
	width: 86px;
	padding: 17px 0 0;
	color: #ff7f00;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background: url(/images/theme/univers-prev.png) no-repeat center 0 ;	
	text-align: center;
}
body#sp-univers-bg a.gal-next{
	top: 371px;
	color: #018172;
	background: url(/images/theme/univers-next.png) no-repeat center 0;	
}
body#sp-univers-bg.ophelie a.gal-prev, body#sp-univers-bg.ophelie a.gal-next {
	right: 28px;
	top: 354px
}
body#sp-univers-bg.ophelie a.gal-next{
	top: 411px
}
body#sp-univers-bg form#pwdFriendGallery{
	background: url(/images/theme/gallery-gestion-bg.png) repeat 0 0;
	width: 270px;
	float: right;
	margin-right: 205px;
	margin-top: 180px;
	padding: 16px;
	border: 2px solid #fff;
}
body#sp-univers-bg form#pwdFriendGallery label{
	width: 100%;
	display: block;
	margin-bottom: 12px;
}
body#sp-univers-bg form#pwdFriendGallery input.text{
	width: 260px;
}
body#sp-univers-bg form#pwdFriendGallery p.right{
	margin: 0;
	padding: 0;
}
body#sp-univers-bg  p.no-pict{
	background: url(/images/theme/gallery-gestion-bg.png) repeat 0 0;
	position: absolute;
	top: 370px;
	left: 426px;
	width: 300px;
	padding: 16px;
	border: 2px solid #fff;
	font-size: 1.4em;
}
body#sp-univers-bg  #univers-btn{
	position: absolute;
	width: 360px;
	height: 60px;
}
body#sp-univers-bg.walter  #univers-btn{
	top: 165px;
	right: -270px;
}
body#sp-univers-bg.ophelie  #univers-btn{
	top: 543px;
	right: -230px;
}
body#sp-univers-bg.ophelie  #univers-btn.only-deconnection{
	top: 585px;
}



/*SLIDESHOW UNIVERS*/
body#sp-univers-bg  #slideshow {
    position:absolute;
	top: 228px;
	left: 430px;
    height:511px;
	width: 429px;	
	background: url(/images/theme/univers-bgli-walter.png) no-repeat 0 0;
	padding: 0;
	margin: 0;
}
body#sp-univers-bg.ophelie  #slideshow{
	background: url(/images/theme/univers-bgli-ophelie.png) no-repeat 0 0;
	top: 238px;
	left: 380px;
}

#slideshow li {
    position:absolute;
    top: 0;
    left: 0;
    z-index: 8;
	list-style-type: none;
	background: #555;
}

#slideshow li p{
    position:absolute;
    top: 424px;
    left: 55px;
	background: #fff;
	width: 342px;
	height: 74px;
	font-size: 1.4em;
	text-align: center;
}
#slideshow li img{
	position:absolute;
    top: 37px;
    left: 34px;
}
#slideshow li a span{
	position:absolute;
    top: 37px;
    left: 34px;
	background: url(/images/theme/ico-loupe.png) no-repeat 297px 277px;
	width: 355px;
	height: 380px;
}

#slideshow li.active {
    z-index:10;
}

#slideshow li.last-active {
    z-index:9;
}#calcontainer {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 207px;;
	height: 202px;
	visibility: hidden;
	z-index: 1000;
}

#calcontainer table {
	width: 100%;
	margin: 0;
	border: 2px solid #acacac;
}

#calcontainer thead img {
	border-width: 0;
	vertical-align: top;
}
* html #calcontainer thead img {
	vertical-align: middle;
}

#calcontainer td, #calcontainer th {
	font: 11px Arial,Helvetica,Sans-serif;
	color: #000;
	background: #e3e3e3;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	width: 29px;
	padding: 0;
	white-space: nowrap;
}

#calcontainer th {
	color: #fff;
	background-color: #666;
	font-weight: normal;
}

#calcontainer td.calHighlightColor {
	background-color: #ffd;
}

#calcontainer td.calMonth, #calcontainer td.calYear {
	width: 58px;
}

#calcontainer a, #calcontainer a:link, #calcontainer a:visited, #calcontainer a:active {
	font: 11px Arial,Helvetica,Sans-serif;
	color: #000;
	text-decoration: underline;
}  
#calcontainer a:hover {
	color: #383848;
}

#calcontainer td a.today, #calcontainer td span.today {
	font-weight: bold;
}
#calcontainer tbody span {
	height: 22px;
	line-height: 22px;
	display: block;
}

#calcontainer .disabled {
	color: #666;
	cursor: pointer;
}  

#calcontainer tbody a, #calcontainer tbody a:link, #calcontainer tbody a:visited, #calcontainer tbody a:active {
	height: 22px;
	width: 29px;
	line-height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

#calcontainer tbody a:hover {
	background-color: #ffd;
	color: #383848;
}

#calcontainer tfoot a, #calcontainer tfoot a:link, #calcontainer tfoot a:visited, #calcontainer tfoot a:active {
}
#calcontainer tfoot td {
	width: 203px;
	background: #c7c7c7;
}
#calcontainer thead td a, #calcontainer thead a:link, #calcontainer thead a:visited, #calcontainer thead a:active {
	display: inline;
}

/* Calendar menu options */

#calcontainer thead ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#calcontainer thead li {
	font: 11px/1.2 Arial,Helvetica,Sans-serif;
}
#calcontainer thead ul li {
	/* This allows each li to line up next to each other on a single line */
	display: inline;
	/* This allows each item to be horizontal. */
	float: left;
}
#calcontainer thead ul ul {
	border: 1px solid #acacac;
	background: #fff;
	padding: 1px;
	position: absolute;
	display: none;
	text-align: left;
}
* html #calcontainer thead ul ul {
	padding: 0 1px 1px;
}
#calcontainer thead #cp_prevMonth a {
	width: 13px;
	background: transparent url(/images/theme/caldown.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_nextMonth a {
	width: 13px;
	background: transparent url(/images/theme/calup.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_prevYear a {
	width: 13px;
	background: transparent url(/images/theme/caldown.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_nextYear a {
	width: 13px;
	background: transparent url(/images/theme/calup.gif) no-repeat 50% 0;
}

#calcontainer thead li a,#calcontainer thead li a:link,#calcontainer thead li a:active,#calcontainer thead li a:visited {
	display: block;
	text-align: center;
}
#calcontainer thead li li a,#calcontainer thead li li a:link,#calcontainer thead li li a:active,#calcontainer thead li li a:visited {
	text-align: left;
	height: 13px;
	vertical-align: middle;
}
* html #calcontainer thead li li a,* html #calcontainer thead li li a:link,* html #calcontainer thead li li a:active,* html #calcontainer thead li li a:visited {
	height: 15px;
}
#calcontainer thead li a, #calcontainer thead li a:link, #calcontainer thead li a:active, #calcontainer thead li a:visited {
	display:block;
	text-decoration: none;
}
* html #calcontainer thead li a, * html #calcontainer thead li a:link, * html #calcontainer thead li a:active, * html #calcontainer thead li a:visited {
	width: 100%;
}
#calcontainer thead li a span {
	text-indent: -1000px;
	overflow: hidden;
	display: block;
}

#calcontainer thead li li {
	display: block;
	float: none;
}
#cp_monthMenu {
	width: 87px;
}
#cp_months {
	width: 88px;
	height: 180px;
	text-align: left;
}
* html #cp_months {
	left: 15px;
	top: 18px;
	height: 184px;
}
* html #cp_months a {
	width: 86px;
}
#cp_yearMenu {
	width: 58px;
}
#cp_years {
	height: 105px;
	width: 55px;
	text-align: left;
}
* html #cp_years {
	left: 129px;
}
* html #cp_years a {
	width: 53px;
}

#calcontainer thead li li a, #calcontainer thead li li a:link, #calcontainer thead li li a:active, #calcontainer thead li li a:visited {
	display: block;
	font: 10px/1.2 verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #fff;
	padding-left: 10px;
	text-decoration: none;
	color: #000;
}
#calcontainer thead li li a:hover {
	background: #e3e3e3;
	border: 1px solid #acacac;
}
#calcontainer thead ul.open {
	display: block;
}

/* to make sure that the image is aligned properly */
img.cp_img {
	border-width: 0;
	vertical-align: top;
}
* html img.cp_img {
	vertical-align: text-bottom;
}
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 3000;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 10000;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_progress.png', sizingMethod='crop');
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 960000;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
	border: 1px solid #444;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	_background: url('/images/fancybox/fancy_closebox-ie6.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
	_background: transparent url('/images/fancybox/fancy_left-ie6.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
	_background: transparent url('/images/fancybox/fancy_right-ie6.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
	_background: none;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
	_background: none;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
	_background: none;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
	_background: none;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
	_background: none;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
	_background: none;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
	_background: none;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
	_background: none;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='crop');
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale');
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='crop');
}




/*
html, body {
	height: 100%;
	
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 90000000;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100000000;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90000000;
    padding: 18px 18px 32px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

div#fancy_content {
	position: relative;
	margin: 0;
	z-index: 96000000;
	width: 100%;
	height: 100%;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92000000;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 1000000000;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	position: absolute;
	overflow: auto;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}

* html div#fancy_ajax {
	height: expression((this.parentNode.clientHeight - 30) + "px");
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;	
	z-index: 100000000; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70000000;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	z-index: 100000000;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}*//* Encodé en UTF-8 */

/*** MESSAGE TOP ***/
#message-top {
	font-size: 1.4em;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

div.ok #message-top-inner {
	background: #ebf1ec url('/images/base/ok-bg.png') repeat-x 0 0;
	min-height: 100px;
	color: #000;
}

div.ok #message-top-inner-inner {
	background: url('/images/base/ok-bg-icon.png') no-repeat 24px 24px;
	min-height: 100px;
}

div.ok #message-top-inner p {	
	color: #376a02;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	padding: 40px 0 0 120px;
}

div.ko #message-top-inner {
	background: #ebf1ec url('/images/base/ko-bg.png') repeat-x 0 0;
	min-height: 100px;
	color: #000;
}

div.ko #message-top-inner-inner {
	background: url('/images/base/ko-bg-icon.png') no-repeat 24px 19px;
	min-height: 100px;
}

div.ko #message-top-inner p {	
	color: #910000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	padding: 20px 0 0 120px;
}

div.ko #message-top-inner ul {	
	padding: 10px 0 10px 120px;
}

div.ko #message-top-inner ul li {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	padding: 5px 0 5px 12px;
	color: #000;
	list-style: none;
	background: url('/images/base/ko-puce.png') no-repeat 0 10px;
}

#message-top #close {
	width: 100%;
	height: 41px;
	display: block;
	z-index: 99999;
	padding: 0;
}

div.ok #close {
	background: url('/images/base/ok-close-bg.png') repeat-x 0 0;
}

div.ko #close {
	background: url('/images/base/ko-close-bg.png') repeat-x 0 0;
}

#message-top #close a {
	width: 100%;
	height: 41px;
	display: block;
	outline: none;
}

div.ok #close a {
	background: url('/images/base/ok-close-a-bg-en.png') no-repeat 98% 0;
}

div.ko #close a {
	background: url('/images/base/ko-close-a-bg-en.png') no-repeat 98% 0;
	
}/* Encodé en UTF-8 */

/*---------   Caroussel des produits   -------------*/
div.content .carousel{
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 70px;
    height: 330px; 
}

.carousel a.jc-prev, .carousel a.jc-next{
	position: absolute;
   display:block;	
   width: 34px;
   height: 28px;
   cursor: pointer;
   background: transparent url('/images/theme/top.png') no-repeat 0 0;
   top: 5px;
   left: 35px;
   outline: none;
}
.carousel a.jc-next{
	background: transparent url('/images/theme/bottom.png') no-repeat 0 0;
	top: 374px;
}

.carousel .mycarouselLite{
	width: 70px;
    height: 350px; 
    margin: 40px 0;

}
.carousel .mycarouselLite ul{
	list-style-type: none;
}
.carousel .mycarouselLite ul li a{
   outline: none;
}