/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #9fb55a url(/images/bg.gif) repeat 0 -4px;
	color: #003352;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

img {border: none;}

a:link, a:visited {color: #003352;}
a:hover {text-decoration: none;}
a:active {color: #ff0000;}

p {
	text-align: justify;
	margin: 0 0 20px 0;
}

h1 {
	color: #e47e00;
	font: normal 30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	float: left;
}

h2 {
	color: #6b8e00;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
}

h3 {
	border-bottom: 1px solid #cbd1d4;
	color: #003352;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 3px 3px 3px;
	margin: 0 0 5px 0;
}

h4 {font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 3px 0;}

.spacer {
	width: 698px; 
	height: 1px;
	border-top: 20px solid #eff1f2; 
	margin: 0 40px; 
	padding: 0;
}


.fleft {float: left;}
.fright {float: right;}



/* Les Containers
--------------------------------------------------------------------------------------- */

#wrapper {
	background: url(/images/bg-top.gif) repeat-x top;
}

#page {
	width: 778px;
	background: url(/images/bg-page.gif) repeat-y;
	margin: 0 auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height: 257px;
	background: transparent url(/images/bg-header-liv.jpg) no-repeat;
}

#seo {
	height:56px;
	float:none;
	padding:12px 0 0 172px;
	font:14px/1.5 Tahoma;
	font-weight:normal;
	color:#0066a4;
	letter-spacing:1px;

}

#logo {
	height:107px;
	padding-left:78px;
}

#menu {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 38px 0 0 38px;
	
}

#menu li {display: inline;}

/*****************************************************************\
|                                                                 |
|                         MENU FRANCAIS                           |
|                                                                 |
\*****************************************************************/

#menu li#mnuAccueil a{width: 50px;display: block;padding: 18px 22px 10px 22px;}
#menu li#mnuPresentation a{width: 91px;display: block; margin: 0 0 0 3px;padding: 18px 26px 10px 26px;}
#menu li#mnuCentre a{width: 154px;display: block; margin: 0 0 0 3px; padding: 18px 22px 10px 22px;}
#menu li#mnuBoutique a{width: 65px;display: block; margin: 0 0 0 3px; padding: 18px 28px 10px 28px;}
#menu li#mnuContactFr a{width: 94px;display: block; margin: 0 0 0 3px; padding: 18px 20px 10px 20px;}
#menu li#mnuAccueil a:hover{background: url(/images/menu-on-01.gif);}
#menu li#mnuPresentation a:hover{background: url(/images/menu-on-02.gif);}
#menu li#mnuCentre a:hover{background: url(/images/menu-on-03.gif);}
#menu li#mnuBoutique a:hover{background: url(/images/menu-on-04.gif);}
#menu li#mnuContactFr a:hover{background: url(/images/menu-on-05.gif);}


#menu, #menu ul { /* all lists */
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 38px 0 0 38px;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

#menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
}

#menu li { /* all list items */
	float: left;
}

#menu li ul { /* second-level lists */
	position: absolute;
	border-top: 2px solid #003352;
	width: 154px;
	margin: 0 3px;
	font-size: 12px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li#mnuAccueil ul li a,
#menu li#mnuPresentation ul li a,
#menu li#mnuCentre ul li a,
#menu li#mnuBoutique ul li a,
#menu li#mnuContactFr ul li a
{background: #0098d1 url(images/bg-sm.gif) repeat-x; border: 2px solid #003352; border-top: none; padding:10px; margin: 0;}
#menu li#mnuAccueil ul li a:hover,
#menu li#mnuPresentation ul li a:hover,
#menu li#mnuCentre ul li a:hover,
#menu li#mnuBoutique ul li a:hover,
#menu li#mnuContactFr ul li a:hover
{background: #acc800 url(images/bg-smh.gif) repeat-x; padding: 10px; margin: 0;}

#menu li ul ul { /* third-and-above-level lists */
	margin: -36px 0 0 176px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#menu li:hover ul, #menu li.sfhover ul {
background-position: 0 0;
}


/* Le Contenu
--------------------------------------------------------------------------------------- */

#main {
	background: transparent url(/images/bg-main.gif) no-repeat top;
	padding: 20px 0 0 0;
	z-index: -100;
	height:auto !important;
	height:0;
	width:778px;
}

#content {
	background: #ebe7da;
	border: 1px solid #cbd1d4;
	margin: 0 58px;
	overflow: hidden;
	z-index: 10;
	
}

#shopcontent {
	width: 404px;
	margin: 20px 0;	
	padding: 0 20px;
	float: right;
	clear:right;
	background: #ebe7da;
	
}

#shopleft {
	width: 175px;
	border-right: 1px solid #cbd1d4;
	padding: 20px;
	float: left;
	clear:left;
	background: #ebe7da;
}

#shopleft h2 {
	font-size: 12px;
	margin: 0 0 5px 0;
}


#top {
	height: 62px;
	background: transparent url(/images/bg-h1.gif) no-repeat;
	overflow:hidden;
}

#top p {
	color: #fff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:  25px 20px 0 0;
	float: right;
}

#top a:link,#top a:visited {text-decoration: none; color: #fff;}
#top a:hover {text-decoration: underline;}
#top a:active {color: #ff0000;}

#top h1 {
	position: relative;
}

/* La section de gauche
--------------------------------------------------------------------------------------- */

#left {
	width: 384px;
	margin: 0 0 0 0;	
	padding: 20px 0 0 20px;
	float: left;
	clear:left;
	background: #ebe7da;
	
}

#albumcontent {
	margin: 0 0 0 0;	
	padding: 20px 0 0 20px;
	background: #ebe7da;
}

#left img, #albumcontent img {border: 0px solid #b0ada3;}
#left ul, #albumcontent ul {margin: 0 0 20px 15px;}
#left table, #albumcontent table {background: none;}
#left td, #albumcontent td {padding: 0px;}
#album {list-style: none; margin: 0;}
#album li {clear: both; padding: 0 0 5px 0;}
#album img {border: 1px solid #b0ada3; padding: 3px; margin: 0 5px 5px 0; background: #c3b891; float: left;}
.pic-album {border: 1px solid #b0ada3; padding: 3px; margin: 0 5px 5px 0; background: #c3b891; float: left;}


#julie label{float: left; width: 150px; padding: 2px 0;}

#julie input, #julie select {
	width: 180px;
	margin-bottom: 5px;
	border: 1px solid #b0ada3;
	padding: 2px;
	color: #003352;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#julie select {width: auto;}

#julie #submitbutton {
	background: #c3b891;
	border: 1px solid #b0ada3;
	margin-left: 150px;
	width: 90px;
	color: #003352;
}

#julie br {clear: left;}



/* La section de droite
--------------------------------------------------------------------------------------- */

#right {
	width: 195px;
	border-left: 0px solid #cbd1d4;
	padding: 20px 20px;
	margin: 0 0 0 0;
	float: right;
	background: #ebe7da;
}

#right img {margin: 0 0 20px 0;}



/* La section du bas (spéciaux de la boutique)
--------------------------------------------------------------------------------------- */

#boutique {
	width: 620px;
	/*border-top: 1px solid #cbd1d4;*/
	margin: 20px 20px 0 20px;
	clear: both;
}

.speciaux {
	width: 193px;
	border-bottom: 20px solid #ebe7da;
	background: url(/images/bg-sale.gif) repeat-y;
	margin: 20px 0 0 0;
	float: left;
}

.centre {margin: 20px 20px 0 20px;}
.speciaux .haut {
	height: 10px; 
	background: url(/images/bg-sale-top.gif) no-repeat top;
}
.speciaux .bas {
	height: 10px; 
	background: url(/images/bg-sale-bottom.gif) no-repeat bottom;
	clear: both;
}
.speciaux h2 {
	color: #000; 
	font: bold 12px/13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 9px 0 124px;
}
.speciaux p {
	color: #ff0101; 
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 9px 0 124px;
}

.speciaux p span {color: #698a4b; font-size: 12px; text-decoration: line-through;}
.speciaux img {
	margin: 0 0 0 10px;
	float: left;
}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	height: 57px;
	background: url(/images/bg-footer.gif) no-repeat bottom;
	clear: both;
}

#footer p{
	color: #76b900;
}

#bot {float: left; padding: 3px 0 0 38px;}
#bot a{
	width: 120px;
	height: 23px;
	color: #fff;
	text-decoration: none;
	padding: 6px 0 0 40px;
	display: block;
}
#bot a:hover{
	color: #003352;
	background: url(/images/top-on.gif);
}

#condition {
	padding: 10px 50px 0 0;
	float: right;
}

#condition a:link    {text-decoration: none; color: #fff;}
#condition a:visited {text-decoration: none; color: #fff;}
#condition a:hover   {text-decoration: underline; color: #fff;}
#condition a:active  {color: #ff0000;}


/* INLINE PAGE EDITOR */
.htmlarea, .wysiwyg_edit {
	border:0;
	margin-bottom:20px;
	width:300px;

}

.title_edit {
	border:1px solid #888;
	background:transparent;
	color: #e47e00;
	font: normal 30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 20px 0 10px;
}

#ce_save_btn {
	border:1px solid #000;
	background:#fff;
	color:#009;
	width:70px;
	font-size:10px;
}

#ce_cancel_btn {
	border:1px solid #000;
	background:#fff;
	color:#009;
	width:70px;
	font-size:10px;
}





#cartcontent {
	width: 618px;
	margin: 20px 0;	
	padding: 0 20px;
	float: right;
	clear:right;
}

#cartcontent th {background: url(images/bg-th.gif) repeat-x bottom; color: #fff; text-align: left;}
#cartcontent td, #cartcontent th {border-bottom: 1px solid #cbd1d4; padding: 8px;}
#cartcontent .alt {background: #eff1f2;}
#cartcontent .pic {width: 64px;}
#cartcontent img {border: 1px solid #003352;}
#cartcontent .product {width: 250px;}
#cartcontent .price {width: 50px; text-align: right;}
#cartcontent .stotal {width: 80px; text-align: right;}
#cartcontent .add {width: 40px; text-align: right;}
#cartcontent .add img {border: none;}
#cartcontent .images {margin: 0 10px 5px 0;}
#cartcontent p.images  {width: 120px; margin: 0 0 5px 0; text-align: center;}
#cartcontent .prix {color: #e47e00;font-size: 16px; font-weight: bold; margin: 0 0 5px 0;}
#cartcontent #info {
	width: 250px;
	background-color : #eff1f2; 
	border: 1px solid #cbd1d4; 
	margin: 0 0 10px 0; 
	padding: 10px 10px 0 10px;
	float: left;
}

#cart p,#search p,#submitpic p {
	background-color : #eff1f2; 
	border: 1px solid #cbd1d4;
	padding: 5px;}
#search p .txt {
	width:100px;
}
input, textarea {border: 1px solid #cbd1d4; padding: 3px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif;color: #003352;}

select {border: 1px solid #cbd1d4; padding: 3px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif;color: #003352;}
table {background: #fdfdfc;}
#shopcontent th {background: url(images/bg-th.gif) repeat-x bottom; color: #fff; text-align: left;}
#shopcontent td, #shopcontent th {border-bottom: 1px solid #cbd1d4; padding: 8px;}
#shopcontent .alt {background: #eff1f2;}
#shopcontent .pic {width: 64px;}
#shopcontent img {border: 1px solid #003352;}
#shopcontent #albumview img { border: 1px solid #b0ada3; }
#albumview div { padding-left:14px; }
#shopcontent .product {width: 200px;}
#shopcontent .price {width: 100px; text-align: right;}
#shopcontent .add {width: 40px; text-align: right;}
#shopcontent .add img {border: none;}
#shopcontent .images {margin: 0 10px 5px 0;}
#shopcontent p.images  {width: 120px; margin: 0 0 5px 0; text-align: center;}
#shopcontent .prix {color: #e47e00; font-size: 16px; font-weight: bold; margin: 0 0 5px 0;}
#shopcontent #info {
	width: 250px;
	background-color : #eff1f2; 
	border: 1px solid #cbd1d4; 
	margin: 0 0 10px 0; 
	padding: 10px 10px 0 10px;
	float: left;
}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 173px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 173px;
		font-weight: bold;
		font-size: 11px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 174px;
		margin-top : -26px;
	}
	#nav li ul li {font-weight: normal;}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 153px;
		display : block;
		text-decoration : none;
		background-color : #eff1f2;
		border: 1px solid #cbd1d4;
		padding : 5px 10px ;
		position:static;
	}
	
	#nav li .selected {
		width: 153px;
		display : block;
		text-decoration : none;
		background-color : #aac600;
		border: 1px solid #cbd1d4;
		padding : 5px 10px ;
		position:static;
		color : #fff;
	}
	
	#nav li a:hover {
		color : #fff;
		background-color : #aac600;
	}
	
#nav li:hover, #nav li.hover {
    position: static;
}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	
	
#splashpage {
	width:541px;
	margin:auto;
	padding-top:150px;
	padding-bottom:20px;
}

#footersplash {
	text-align:center;
	padding-bottom:150px;
}