/**
 * Cassis | Base stylesheet
 *
 * All eMagic WYSIWYG Styles at the end!
 *
 * @author   fde@emakina.com
 * @version  2008/06/24 (corrections page Tendances)
 * @package  Cassis
 */

/*---------------------------*/
/* Base rules & reset */
/*---------------------------*/

body { 
	font-size:11px; line-height:1.2em; font-family:Verdana, Arial, sans-serif; 
	margin:0; padding:0; 
	background:#fff url(/01/images/cassis/body-bg.gif) repeat-x 50% 0;
	color:#303030;
}

p, pre, blockquote, address, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, form, label, fieldset { margin:0; padding:0; }
ul, ol, li { list-style:none; }
input, select, textarea { font:11px Arial, sans-serif; color:#333; line-height:1.2em; }
table, caption, td, th { margin:0; padding:0; font-size:11px; line-height:1.2em; font-weight:normal; }
img { display:inline; }

/* cross-browser clearing of floats (no extra space in IE) */
div.clear { clear:both; overflow:hidden; height:0; }


/*---------------------------*/
/* Base styles */
/*---------------------------*/

/* links */
a 		{ text-decoration:underline; color:#7fb01b; }
a:hover { text-decoration:underline; }

/* images */
a img 	{ border:0; vertical-align:middle; }
p img 	{ display: inline; }

/* type */
p { font-size:11px; line-height:1.2em; margin:0 0 1em; }

/* headings */
h1, h2, h3, h4, h5 { font-weight:bold; line-height:1.2em; margin:0 0 1em; }
h1 { font-size:35px; font-family:Arial; font-weight:normal; color:#2b006d; }
h2 { font-size:20px; color:#74ac01; font-weight:normal; margin:0 0 0.7em; }
.col-side h2 { font-size:14px; font-weight:bold; }
h3 { font-size:14px; color:#2b006d; font-weight:normal; margin:0 0 0.8em; }
h4 { font-size:14px; color:#74ac01; font-weight:normal; margin:0 0 0.8em; }


/* internet exploder png fix */
.png-fix { behavior:url(../../01/js/iepngfix.htc); }


/*---------------------------*/
/* Elements */
/*---------------------------*/

ul.links { margin:0 0 1em; }
ul.links li { margin:0 0 4px; width:100%; }
ul.links a { display:block; padding-left:12px; line-height:1.2em; background:url(/01/images/cassis/bullet-green-arrow.gif) no-repeat 0 3px; }

/* TALK BUBBLES (used on Agenda) */

.bubble-box { background:url(/01/images/cassis/chat-bubble.gif) no-repeat 0 0; padding:0 0 0 26px; margin:0 0 1.5em; margin-left:-3px; }
.bubble-pad { background:url(/01/images/cassis/chat-bubble.gif) no-repeat 100% 0; padding:25px 15px 0 0; }



/*---------------------------*/
/* Forms */
/*---------------------------*/
/* note: because of padding on text fields NEVER use width:100%; on input fields */

/* forms base rules */
input.text, textarea.text {
	padding:4px 4px 4px 4px; 
	background:url(/01/images/cassis/form-input-bg.gif) no-repeat 0 0;
	border:1px solid #d4c9e7;
	font-size:11px; line-height:1.4em; font-family:Verdana;
}
* html input.text { line-height:1.2em; }
* html input.text, * html textarea.text { background-attachment:fixed; }

/* form layout */
.form { width:100%; margin:0; }
.form label { font-weight:normal;  }
 /* form using table with 2 columns */
.form td { padding:0 0 8px; }
.form td.lbl { vertical-align:top; }
.form td.fld { vertical-align:top; }
.form td.lbl label { display:block; margin-top:6px; font-weight:bold; background:url(/01/images/cassis/bullet-green-arrow.gif) no-repeat 0 3px; padding:0 0 0 12px; }
.form-footer .button a { float:right; /*shadow offset*/ margin-right:-5px; position:relative; }
.form .checkgroup { vertical-align:middle; display:block; width:100%; margin-top:3px; }
.form .checkgroup input, .form .checkgroup label { vertical-align:middle; }
.form td.fld select { margin:2px 0; }


/*---------------------------*/
/* Boutons */
/*---------------------------*/

.button a { float:left; font:12px/1em Arial, sans-serif; color:#fff; text-decoration:none; cursor:pointer; }
.button a:hover { text-decoration:underline; }
.button a span { float:left; }

.btn-green-aright a      { background:url(/01/images/cassis/button/green-arrow-right.gif) no-repeat 0 50%;    padding:0 0 0 6px; }
.btn-green-aright a span { background:url(/01/images/cassis/button/green-arrow-right.gif) no-repeat 100% 50%; padding:4px 20px 6px 0; }

.btn-green-aleft a      { background:url(/01/images/cassis/button/green-arrow-left.gif) no-repeat 0 50%;    padding:0 0 0 20px; }
.btn-green-aleft a span { background:url(/01/images/cassis/button/green-arrow-left.gif) no-repeat 100% 50%; padding:4px 8px 6px 0; }

.btn-pink-aright a      { background:url(/01/images/cassis/button/pink-scissors.gif) no-repeat 0 50%;    padding:0 0 0 14px; font-size:14px; }
.btn-pink-aright a span { background:url(/01/images/cassis/button/pink-scissors.gif) no-repeat 100% 50%; padding:11px 36px 12px 0; }

 /* correct alignment of buttons with shadows */
.btn-align-bottom       { margin-left:-5px; margin-top:14px; width:100%; position:relative; }
* html .btn-align-bottom { zoom:1; }


/*---------------------------*/
/* Left Side Nav */
/*---------------------------*/

.col-menu ul { width:177px; margin-left:-1px; }
.col-menu li { margin:0 0 2px; padding:4px 0 0; background:url(/01/images/cassis/leftnav-menuitem-bg.gif) no-repeat 0 0; width:100%; }
.col-menu li a { 
	display:block; width:152px; padding:4px 10px 10px 15px; background:url(/01/images/cassis/leftnav-menuitem-bg.gif) no-repeat 0 100%; 
	font:14px Arial,sans-serif; color:#fff; text-decoration:none;
}
.col-menu li a:hover { background-position:-360px 100%; text-decoration:none; }
.col-menu li.active a,
.col-menu li.active a:hover { background-position:-180px 100%; }


/*---------------------------*/
/* Layout */
/*---------------------------*/

#container { width:940px; padding:0 42px; margin:0 auto; background:url(/01/images/cassis/header/head-bg.gif) no-repeat 50% 0; }

.ca-body .col-main { width:722px; float:left; }
.ca-body .col-side { width:197px; float:right; }

/* col-main :: left nav layout */
.col-main .col-menu { width:176px; float:left; }
.col-main .col-text { width:522px; float:right; }



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

/* LANGUAGE CHOICE */

.lang-choice { height:25px; width:100%; padding:0 0 15px; position:relative; }
.lang-choice p { position:absolute; right:0; top:0; }
.lang-choice p a { float:left; width:27px; height:23px; background:url(/01/images/cassis/header/lang-choice.gif) no-repeat 0 0;}
.lang-choice p a span { display:none; }
 /* "fr" on */
.lang-choice p.nl a.fr { background-position:0 -23px; cursor:pointer; }
.lang-choice p.nl a.nl { background-position:-27px -23px; cursor:default;  }
 /* "nl" on */
.lang-choice p.fr a.fr { background-position:0 0; cursor:default; }
.lang-choice p.fr a.nl { background-position:-27px 0; cursor:pointer; }

/* TOP LINKS */

.ca-head p.links { margin:0; padding:0; text-align:right; color:#97cc30; height:17px; }
.ca-head p.links a { color:#7b7b7b; padding:0 6px; text-decoration:none; }
.ca-head p.links a:hover { background:#eee; color:#623aa4; }
.ca-head p.links a.active,
.ca-head p.links a.active:hover { background:#623aa4; color:#fff; text-decoration:none; padding-bottom:1px; position:relative; }

/* MAIN NAVIGATION */

.topnav { background:url(/01/images/cassis/header/topnav-bg.gif) no-repeat 0 0; width:100%; height:107px; position:relative; }
.topnav a.logo { position:absolute; left:21px; top:12px; width:201px; height:65px; display:block; }
.topnav a.logo img { width:201px; height:65px; display:block; }

/* MAIN NAV. ITEMS */

.topnav ul { position:absolute; right:3px; top:31px; width:482px; } /* total width of all topnav items */
.topnav li { float:left; }
.topnav li a { width:100%; display:block; height:30px; }
.topnav .menu a span { display:none; }
.topnav .menu a:hover,
.topnav .menu a.active { background-position:0 -30px; } /* need menu class for selector priority */

 /* FR */
.topnav .link1_fr a { width:107px; background:url(/01/images/cassis/topnav/link1.gif) no-repeat 0 0; }
.topnav .link2_fr a { width:111px; background:url(/01/images/cassis/topnav/link2.gif) no-repeat 0 0; }
.topnav .link3_fr a { width:110px; background:url(/01/images/cassis/topnav/link3.gif) no-repeat 0 0; }
.topnav .link4_fr a { width:91px;  background:url(/01/images/cassis/topnav/link4.gif) no-repeat 0 0; }
.topnav .link5_fr a { width:63px;  background:url(/01/images/cassis/topnav/link5.gif) no-repeat 0 0; }

 /* NL */
.topnav .link1_nl a { width:107px; background:url(/01/images/cassis/topnav/link1-nl.gif) no-repeat 0 0; }
.topnav .link2_nl a { width:111px; background:url(/01/images/cassis/topnav/link2-nl.gif) no-repeat 0 0; }
.topnav .link3_nl a { width:110px; background:url(/01/images/cassis/topnav/link3-nl.gif) no-repeat 0 0; }
.topnav .link4_nl a { width:91px;  background:url(/01/images/cassis/topnav/link4-nl.gif) no-repeat 0 0; }
.topnav .link5_nl a { width:63px;  background:url(/01/images/cassis/topnav/link5-nl.gif) no-repeat 0 0; }


/* BREADCRUMB */

.ca-bread { padding:4px 0 0; width:100%; height:33px; color:#7b7b7b; text-indent:2px; }

/* MAIN TITLE */

div.main-title { padding:0 0 3px; margin:0 0 15px; width:720px; background:url(/01/images/cassis/main-title-border.gif) repeat-x 0 100%; }
div.main-title h1 { margin:-4px 0 0; float:left; line-height:1.1em; }

 /* move button from "content skin" next to title with abs.positioning */

/*div.col-main { position:relative; }*/

div.col-main .title-area-button { position:absolute; right:0; top:-3px; /*ie*/width:350px; }
div.col-main .title-area-button a { float:right; }
div.col-main .btn-green-aleft a { margin-top:9px; }


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

.ca-foot { margin-top: 45px;padding:0px 0 0; color:#97cc30; background:url(/01/images/cassis/footer-bg.gif) no-repeat 50% 0px; height:auto !important;height:58px;display: block; }
.ca-foot p { font-size:11px; margin:0; text-align:center; padding:18px 0 18px; }
.ca-foot a, .ca-foot span { color:#7b7b7b; padding:0 6px; }
.ca-foot a span { padding:0; }

/*---------------------------*/
/* Side column */
/*---------------------------*/

/* AVANTAGES */

.box-avantages { width:188px; float:right; margin:0 0 10px; }
.box-avantages div.box {  }
/*.box-avantages div.bottom { background-position:0 100%; }*/
.box-avantages .body {
	background:url(/01/images/cassis/avantages-bg.gif) no-repeat 0 0; padding:12px 10px 4px 12px;
	height:auto !important; min-height:210px; height:210px; border-bottom:1px solid #c1a6ec;
}
/*.box-avantages .bottom { height:4px; width:188px; margin:0 -12px; font-size:1px; line-height:1px; }*/
.box-avantages h1 { font-size:10px; line-height:1em; margin:0 0 10px; }
.box-avantages h2 { margin:0 0 8px; }
.box-avantages p  { margin:0 0 8px; }
.box-avantages .button { margin:0 0 6px; }

/* STICKY NOTE */

.sticky-note { width:196px; float:right; }
.sticky-note div.box { background:url(/01/images/cassis/sticky-note-bg.gif) no-repeat 0 0; }
.sticky-note div.bottom { background-position:0 100%; }
.sticky-note .body { padding:12px 12px 0 20px; }
.sticky-note .bottom { height:8px; width:196px; margin:0 -12px 0 -20px; /*ie*/font-size:1px; line-height:1px; }
/*---------------------------*/
/* Collection */
/*---------------------------*/

.collection-thumbs { margin:2em 0 1em; width:740px; margin-right:-18px; }
.collection-thumbs li { float:left; width:167px; height:218px; background:url(/01/images/cassis/collection-thumb-box.gif) no-repeat 0 0; position:relative; margin:0 18px 18px 0; }
.collection-thumbs li a { display:block; width:153px; height:204px; position:absolute; left:7px; top:7px; overflow:hidden; }
.collection-thumbs li img { display:block; width:100%; height:100%; }
.collection-thumbs li .zoom-icon { width:20px; height:19px; position:absolute; right:3px; bottom:3px; /*ie*/ cursor:pointer; }
/*ul.collection-thumbs li a:hover .zoom-icon { bottom:4px; right:4px; }*/
.collection-thumbs a .zoom-icon { background:url(/01/images/cassis/icon-zoom.png) no-repeat 0 0; /*ie6 png*/ behavior:url(../../../01/js/iepngfix.htc); }


/* COLLECTION DETAIL */

.coll-detail { margin:2.5em 0 0; width:100%; position:relative; height:414px; }
.coll-detail .photo-box { position:absolute; left:204px; top:0; }
.coll-detail .photo-box { width:315px; padding:7px 8px 0 7px; background:url(/01/images/cassis/collection-photo-box.gif) no-repeat 0 0; }
.coll-detail .photo-box .bottom { width:315px; height:7px; margin:0 -8px 0 -7px; background:url(/01/images/cassis/collection-photo-box.gif) no-repeat 0 100%; /*ie*/font-size:1px; line-height:1px; }
.coll-detail .photo-box img { display:block; width:300px; }
 /* DETAILS */
.coll-detail .item { width:186px; margin:0 0 20px; }
.coll-detail .item-left { float:left; clear:left; }
.coll-detail .item-right{ float:right; clear:right; }
.coll-detail .item h3 { color:#2b006d; font-family:Arial; font-size:17px; line-height:1.2em; }
.coll-detail .item h3 span { float:left; width:106px; }
*html .coll-detail .item h3 span { font-weight: bold; }
.coll-detail .item h3 strong { float:right; width:80px; text-align:right; font-family:Verdana; font-size:17px; font-weight:normal; color:#b51795; line-height:1em; letter-spacing:-1px;height:20px;overflow: hidden; }
.coll-detail .item ul { background:url(/01/images/cassis/chat-bubble-coll-detail.gif) no-repeat 0 0; position:relative; clear:both; width:168px; margin:0 -3px 0 -2px; padding:20px 9px 0 14px; }
.coll-detail .item li { margin:0 0 3px; }
.coll-detail .item li .lbl { float:left; width:75px; padding-left:11px; color:#7fb01b; background:url(/01/images/cassis/bullet-green-arrow.gif) no-repeat 0 3px; }
.coll-detail .item li .txt { float:right; width:82px; color:#494949; }
.coll-detail .item li .col { float:left; width:12px; height:12px; margin:1px 4px 3px 0; background:url(/01/images/cassis/colori-box.gif) no-repeat 0 0; /*ie*/font-size:1px; line-height:1px; }


/*---------------------------*/
/* Jobs */
/*---------------------------*/

.jobs-intro-image { margin:2em 0 2em; }
.jobs-intro-image img { display:block; padding:1px; border:6px solid #dbdbdb; }

#jobs-list h2 { margin-bottom:4px; }
#jobs-list .bubble-pad .btn-green-aright { width:100%; }/*fde20080625*/


/*---------------------------*/
/* Agenda */
/*---------------------------*/
.agenda-item { margin:2em 0 0; float:left; width:100%; }
.agenda-item .bubble-box { margin-bottom:0;margin-top:-0.7em; }
.agenda-item .bubble-pad { height:auto !important; min-height:90px; height:90px; }

.agenda-photo { float:left; padding:1px; border:6px solid #dbdbdb; width:131px; overflow:hidden; }
.agenda-photo img { display:block; width:131px; }

.agenda-text { width:556px;float:right; }

/*.with-photo .agenda-text { width:556px; float:right; }*/
.agenda-text h2 { margin-top:-4px; margin-bottom:4px; }
.agenda-text h2 a { text-decoration:none; }


/*---------------------------*/
/* Mes Avantages */
/*---------------------------*/

.mes-avantages { margin:2em 0 0; }
.mes-avantages h2 { margin:0 0 2px; }
.mes-avantages .col-left { width:352px; float:left; }
.mes-avantages .col-right { width:352px; float:right; }
.mes-avantages .col-left .bubble { margin-left:-2px; }
.mes-avantages .col-right .bubble { margin-right:-2px; }
.mes-avantages .bubble {
	width:323px; padding:29px 10px 0 19px;  background:url(/01/images/cassis/chat-bubble-avantages.gif) no-repeat 0 0;
	height:auto !important; min-height:273px; height:273px;
}
.mes-avantages .bubble .content-left { float:left; width:108px; }
.mes-avantages .bubble .content-right { float:right; width:212px; }


/*---------------------------*/
/* Contact Form */
/*---------------------------*/

.contact { margin:2em 0 0; }
.contact .col-photo { width:225px; float:left; margin-right:17px; /*ie*/display:inline; }
.contact .col-form  { width:480px; float:left; }
.contact .photo-frame { float:left; margin:0 0 14px; }
.contact address { text-align:center; line-height:17px; font-style:normal; }
.photo-frame { background:#dbdbdb; padding:6px; }
.photo-frame img { display:block; border:1px solid #fff; }
 /* form layout */
.contact .form .long { width:348px; }
.contact .form .short{ width:58px; }
.contact .form td.lbl { width:122px; }


/*---------------------------*/
/* Home */
/*---------------------------*/

.ca-home { margin:37px 0 0; }
.home-tendances  { float:left;  width:361px; height:363px; background:url(/01/images/cassis/home/home-cadre1.gif) no-repeat 0 0; position:relative; }
.home-agenda     { float:right; width:344px; height:172px; background:url(/01/images/cassis/home/home-cadre2.gif) no-repeat 0 0; margin:0 0 19px; position:relative; }
.home-collection { float:right; width:344px; height:172px; background:url(/01/images/cassis/home/home-cadre3.gif) no-repeat 0 0; position:relative; }

/* bloc TENDANCES */
 /* div to crop image from CMS */
.home-tendances .background { width:345px; height:349px; overflow:hidden; position:absolute; left:8px; top:7px; }
 /* title aligned to bottom of area */
.home-tendances .title-align-bottom { width:159px; height:115px; position:absolute; left:202px; top:0; }
.ca-home .home-tendances h1 { width:163px; position:absolute; left:0; bottom:0; font-size:25px; line-height:1em; font-family:Arial, sans-serif; padding:0; margin:0; }

.home-tendances .button { position:absolute; left:198px; top:118px; }
.home-tendances .button img { display:block; behavior:url(../../01/../../01/js/iepngfix.htc);/*ie6 png*/ }

.home-tendances .overlay_link { display:block; width:361px; height:363px; position:absolute; left:0; top:0; background:url(/01/images/cassis/png_fix_blank.gif) no-repeat 0 0; text-indent:-5000px; }


/* bloc AGENDA */
 /* div to crop image from CMS */
.home-agenda .background { width:332px; height:160px; overflow:hidden; position:absolute; left:6px; top:6px; }
.home-agenda .sticker {
	width:90px; height:95px; position:absolute; left:-16px; top:43px;
	background:url(/01/images/cassis/home/vignette.png) no-repeat 0 0;
	behavior:url(../../01/js/iepngfix.htc);/*ie6 png*/
}

 /* table cell for vert/horiz centering */
.ca-home .sticker table { position:absolute; left:0; top:0; margin:0; width:92px; height:88px; }
.ca-home .sticker table td { padding:0; color:#fff; text-align:center; vertical-align:middle; }

.home-agenda-intro { position:absolute; left:184px; top:54px; width:160px; }
.ca-home .home-agenda-intro h1 {
	font-size:25px; margin:0; margin-left:-2px; line-height:1.2em; padding-left:31px; background:url(/01/images/cassis/home/agenda-title-bullet.png) no-repeat 0 0;
	behavior:url(../../01/js/iepngfix.htc);/*ie6 png*/
}

.home-agenda .overlay_link { display:block; width:332px; height:160px; position:absolute; left:6px; top:6px; background:url(/01/images/cassis/png_fix_blank.gif) no-repeat 0 0; text-indent:-5000px; }


.ca-home .home-collection .intro { padding:14px 0 0 13px; width:163px; }
.ca-home .home-collection .intro h1 { font-size:25px; font-weight:bold; margin:0 0 3px; line-height:1.1em; }
.ca-home .home-collection .intro h2 { font-size:14px; line-height:16px; margin:0 0 4px; font-weight:bold; }
.ca-home .home-collection .intro p { line-height:1.2em; }

.home-collection .mini-frame { position:absolute; width:99px; height:130px; background:url(/01/images/cassis/home/collection-mini-frame.png) no-repeat 0 0; behavior:url(../../01/js/iepngfix.htc);/*ie6 png*/ }
.home-collection .mini-frame img { display:block; width:83px; height:114px; margin:8px 0 0 8px; }
.home-collection .photo1 { left:185px; top:-12px; }
.home-collection .photo2 { left:261px; top:20px; }
.home-collection .photo3 { left:211px; top:55px; }

.home-collection .button { position:absolute; left:179px; top:121px; }
.home-collection .button img { display:block; behavior:url(../../01/js/iepngfix.htc);/*ie6 png*/ }

.home-collection .overlay_link { display:block; width:344px; height:172px; position:absolute; left:0; top:0; background:url(/01/images/cassis/png_fix_blank.gif) no-repeat 0 0; text-indent:-5000px; }



/*---------------------------*/
/* Boutiques */
/*---------------------------*/

.boutiques { margin:2.3em 0 0; }
.ca-body .boutiques h2 { color:#381076; font-family:Verdana; font-size:17px; font-weight:normal; margin:0 0 4px; }

.boutiques .col-map {
	float:left; width:388px; height:413px; margin-left:-2px; padding:20px 10px 14px;
	background:url(/01/images/cassis/boutiques-map-cadre.gif) no-repeat 0 0;
	position:relative;
}
.boutiques .form label { float:left; margin:6px 0 6px; padding:0 9px 0 15px; line-height:1em; background:url(/01/images/cassis/bullet-green-arrow.gif) no-repeat 4px 2px; font-weight:normal; }
.boutiques .form input.text { float:left; width:105px; margin:0 3px 0 0; }
.boutiques .form .submit { float:left; padding:1px 0 0; }
.boutiques #googlemap { width:388px; height:354px; border:0; background:#eee; position:absolute; left:10px; top:60px; }

.boutiques .col-list { float:right; width:288px; height:411px; padding:0 0 0 14px; margin:9px 0 0; background:#eee9f9 url(/01/images/cassis/boutiques-list-corners.gif) no-repeat 0 0; }
 /* handle overflow and scrollable content with fix for IE */
.boutiques .scroll .scrollcontent {width:90%; overflow:hidden;}
.boutiques .scroll { width:100%; height:398px; padding:13px 0 0; overflow:auto; }
* html .boutiques .scroll { overflow-x:hidden; width:272px; padding-right:16px; margin-right:-16px; } /* IE fix : add padding for scrollbar */

.boutiques .repeat { padding:0 0 1em; }

.boutiques .scroll h2 { color:#2b006d; line-height:16px; }

.boutiques .shop-title { background:url(/01/images/cassis/boutiques-map-pinch.gif) no-repeat 0 0; width:100%; height:30px; }
.boutiques .shop-title .shopnum { position:absolute; left:0; top:0; width:19px; padding:3px 0 15px; text-align:center; font:11px/1em Arial, sans-serif; color:#fff; text-decoration:none; }
.boutiques .shop-title h4 { padding:4px 0 0 23px; margin:0; font-weight:bold; }

 /* due to position:relative bug with scrolling in ie6, cant use position:absolute for shop num, so position h4 on top instead with neg. margin! */
.boutiques .scroll .shop-num { background:url(/01/images/cassis/boutiques-map-pinch.gif) no-repeat 0 0; }
.boutiques .scroll .shop-num a {
	display:block; width:18px; padding:3px 250px 0 0; height:27px;
	color:#fff; font:11px/1em Arial, sans-serif; color:#fff; text-decoration:none; text-align:center;
}
.boutiques .scroll h4 { font-weight:bold; line-height:16px; margin-top:-30px; margin-left:25px; padding:2px 0 12px; margin-bottom:0; }
.boutiques .scroll h4 a { text-decoration:none; }
.boutiques .scroll h4 a:hover { color:#5e8e00; }

.boutiques .scroll ul,
.boutiques .scroll address { padding:0 0 0 23px; width:246px; margin:0 0 10px; font-style:normal; }
.boutiques .scroll li { line-height:14px; margin:0; }
.boutiques .scroll li .lbl { float:left; width:88px; font-weight:bold; }
.boutiques .scroll li .txt { float:left; width:158px; }

.boutiques .scroll .open   { background:url(/01/images/cassis/boutiques-list-icons.gif) no-repeat 0 0; }
.boutiques .scroll address { background:url(/01/images/cassis/boutiques-list-icons.gif) no-repeat 0 -128px; }
.boutiques .scroll .tele   { background:url(/01/images/cassis/boutiques-list-icons.gif) no-repeat 0 -256px; }
.boutiques .scroll .boss   { background:url(/01/images/cassis/boutiques-list-icons.gif) no-repeat 0 -384px; }

/*GoogleMap*/
#map {
background:#E1E8FA none repeat scroll 0%;
height:340px;
position:absolute;
right:10px;
top:70px;
width:390px;
}



/*---------------------------*/
/* Blog */
/*---------------------------*/

.blog-qs { margin:21px 0 0; xbackground:#eee; width:744px; margin-right:-24px; }
.blog-qs h2 { font-size:17px; line-height:1.2em; margin:0 0 4px; }
.blog-qs .column { float:left; width:226px; margin:0 22px 0 0; }
.blog-qs .column .bigbox { width:188px; padding:27px 18px 0 20px; margin:0 0 0 -3px; background:url(/01/images/cassis/blog-column-box.gif) no-repeat 0 0; }

.blog-qs .column .quote { width:185px; position:relative; }/*MIN 3PX IE6 ITALICS BUG!*/

.blog-qs .answer { width:166px; margin-left:-3px; padding:28px 12px 0 13px; }
.blog-qs .answer-box { background:url(/01/images/cassis/blog-answer-box.gif) no-repeat 0 0; }
.blog-qs .box-bottom { height:18px; width:191px; margin:0 -12px 0 -13px; background-position:0 100%; /*ie*/font-size:1px; line-height:1px; }

.blog-qs .answer h4 { font:15px/1.2em Arial, sans-serif; padding-left:18px; color:#494949; }

/* min heights to align boxes when content is not too long */
/*.blog-qs .column .quote    { height:auto !important; min-height:198px; height:198px; }*/
.blog-qs .answer .editable { height:auto !important; min-height:212px; height:212px; }


/*---------------------------*/
/* Tendances */
/*---------------------------*/

.tendances { margin:28px 0 0; }
.tendances .vignettes { margin:0 0 39px; }
.tendances .vignettes ul { float:left; margin:0; }
.tendances .vignettes li { display:block; width:93px; height:124px; float:left; padding:0; background:none; margin-right:18px; position:relative; }
.tendances .vignettes a { display:block; width:100%; height:124px; background:url(/01/images/cassis/tendances-vignettes-box.gif) no-repeat -128px 0; }
.tendances .vignettes a:hover { background-position:-256px 0; }
.tendances .vignettes a.active, .tendances ul.vignettes a.active:hover { background-position:0 0; }
.tendances .vignettes a img { display:block; position:absolute; left:7px; top:6px; width:79px; height:107px; }

.tendances .hr        { width:752px; margin:0 -15px 0; /*ie6*/ position:relative; }
.tendances .hr hr     { display:none; }
.tendances .hr-top    { height:47px; background:url(/01/images/cassis/tendances-hr-1.jpg) no-repeat 50% 0; }
.tendances .hr-bottom { height:29px; background:url(/01/images/cassis/tendances-hr-2.jpg) no-repeat 50% 0; }

.tendances .book-frame { width:752px; height:851px; margin:0 -15px 48px; background:url(/01/images/cassis/tendances-book-frame.jpg) no-repeat 0 0; position:relative; }
.tendances .bookbg 	   { width:692px; height:756px; position:relative; left:29px; top:59px; background:url(/01/images/cassis/tendances-book-bg.gif) repeat 0 0; }

.tendances .center-photo { width:352px; position:absolute; padding:8px 7px 8px; background:#fff; left:163px; top:169px; }
.tendances .center-photo img { display:block; width:352px; }

.tendances .intro { width:100%; height:123px; font-family:"Times New Roman", serif; }
.tendances .intro h2 { font:bold 20px/1.2em "Times New Roman", serif; color:#74ac01; }
.tendances .intro p { font-family:"Times New Roman", serif; line-height:18px; font-size:15px; }

.tendances .repeat { width:151px; height:auto !important; min-height:206px; height:206px; }/*fde20080624*/
.tendances .align-left { float:left; clear:left; }
.tendances .align-right{ float:right; clear:right; }
.tendances .repeat .closeup { width:100%; height:88px; }/*fde20080624*/
.tendances .repeat .closeup img { display:block; }
.tendances .repeat .infobulle { width:129px; padding:18px 11px 0; background:url(/01/images/cassis/tendances-infobulle.gif) no-repeat 0 0; height:auto !important; min-height:95px; height:95px; }
.tendances .repeat .stupid_ie { width:126px; overflow:hidden; } /*-3px for stupid italics bug ie6!*/ 

.tendances .repeat .infobulle { font-family:"Times New Roman", serif; font-style:italic; }
.tendances .repeat .infobulle p { font-size:12px; line-height:16px; }
.tendances .repeat .infobulle h3 { font:18px/1em "Times New Roman", serif; font-weight:normal; font-style:italic; color:#494949; margin:0 0 6px; }/*fde20080625*/

.tendances .coin { width:76px; height:57px; position:absolute; right:-15px; top:719px; } /*fde20080625*/


.tendances .coin a { display:block; width:100%; height:57px; }
.tendances .coin a img { display:block; }

 /* blocs pieces */
.tendances .pieces ul { width:741px; margin:0 -19px 0 0; background:url(/01/images/cassis/tendances-hr-2.jpg) no-repeat -15px -29px; }
.tendances .pieces ul li { float:left; width:208px; margin:0 19px 0 0; padding:10px 10px 0; color:#494949; background:none;  }
.tendances .pieces ul .box { background:url(/01/images/cassis/tendances-pieces-box.gif) no-repeat 0 0; }
.tendances .pieces ul .bottom { clear:both; background-position:0 100%; height:10px; width:228px; margin:0 -10px 0 -10px; /*ie*/font-size:1px; line-height:1px; }
.tendances .pieces ul h3 { color:#2b006d; font-family:Arial; font-size:17px; line-height:1.2em; width:208px; float:left; margin:0; }
.tendances .pieces ul span { float:left; width:130px; line-height:1.1em; font-weight:normal;}
*html .tendances .pieces ul span {font-weight:bold;width:100px;}
.tendances .pieces ul strong { float:right; width:78px; text-align:right; font-family:Verdana; font-size:17px; font-weight:normal; color:#b51795; line-height:1.1em; }
*html .tendances .pieces ul strong {font-weight:bold !important;width: 90px;}
.tendances .pieces ul .specs { clear:both; width:208px; margin:0 -10px 0; padding:20px 10px 0; background-position:0 -256px; }
.tendances .pieces ul li .lbl { float:left; width:77px; padding-left:11px; background:url(/01/images/cassis/bullet-green-arrow.gif) no-repeat 0 3px; }
.tendances .pieces ul li .txt { float:left; width:120px; }


/*---------------------------*/
/* Splashy page */
/*---------------------------*/

#splash { width:1024px; padding:4px 0 0; margin:0 auto; background:url(/01/images/cassis/splash/menu-bg.gif) no-repeat 100% 4px; position:relative; }
#splash .photo { width:769px; height:764px; overflow:hidden; }
#splash .photo img { width:769px; height:764px; display:block; }
#splash .logo { width:220px; height:110px; position:absolute; left:0; top:420px; }
#splash .logo img { /*ie6*/ behavior:url(../../01/js/iepngfix.htc); }
#splash .menu { position:absolute; padding:311px 49px 0 52px; right:0; top:0; width:154px; }
#splash .menu .lang { margin:0 0 24px; }
#splash .menu .lang-btn { float:left; width:75px; margin:0 0 8px; margin-left:-5px; position:relative; }
#splash p { line-height:17px; }


/*---------------------------*/
/* Editable Content Styles */
/* (a copier dans wysiwyg_content.css avec #wysiwygEditorBody, .wysiwygBody (body) */
/*---------------------------*/

/* elements de base */

.editable h1 { font-size:35px; font-family:Arial; font-weight:normal; color:#2b006d; }
.editable h2 { font-size:20px; color:#74ac01; font-weight:normal; margin:0 0 0.7em; }
.editable h3 { font-size:14px; color:#2b006d; font-weight:normal; margin:0 0 0.8em; }
.editable h4 { font-size:14px; color:#74ac01; font-weight:normal; margin:0 0 0.8em; }

.editable p  { font-size:11px; line-height:17px; margin:0 0 1em; }
.editable ul { margin:0 0 1.5em 2px; list-style:none; }
.editable li { background:url(/01/images/cassis/bullet-list-sticky.gif) no-repeat 0 0; margin:0 0 4px; line-height:1.2em; padding:4px 0 0px 24px; }


/* Colors esp. for titles on homepage to adapt based on photo background */

.TextBright, .TextBright h1 { color:#ffffff; font-weight:bold; }
.TextDark, .TextDark h1 { color:#2b006d; font-weight:bold; }

/* Styles pour la pastille sur la homepage */

.HomePastilleBig { font-size:2.4em; line-height:1.1em; }
.HomePastilleMedium { font-size:2.0em; line-height:1.1em; }
.HomePastilleSmall { font-size:1.5em; line-height:1.1em; }


/* "Sticky" note in the right column on all pages, not so much spacing in text */

.sticky-note p { line-height:1.2em; }
.sticky-note h2 { font:bold 17px/1.1em Arial, sans-serif; color:#494949; margin:4px 0 10px; padding:0 0 0 19px; }
.sticky-note ul { margin:0 0 1em; }
.sticky-note ul li { margin:0 0 4px; padding:0; width:100%; background:none; }
.sticky-note ul a { display:block; padding-left:12px;background:url(/01/images/cassis/bullet-green-arrow.gif) no-repeat 0 3px;line-height:1.2; }


/* "Nos Valeurs" : add bullets to titles, left margin to paragraphs */

.nos-valeurs p { margin-left:31px; }
.nos-valeurs h3 { padding:2px 0 11px 31px; margin:0; background:url(/01/images/cassis/bullet-nos-valeurs.gif) no-repeat 0 0; }


/* Table coloris pour la page collection details */

.coloris table { margin:-2px 0 0 -4px; padding:0; border:0; border-collapse:separate; border-spacing:4px 4px; }
.coloris td    { border:1px solid #c8c8c8; width:10px; height:12px; padding:0; xborder-right:4px solid #fff; xborder-bottom:4px solid #fff; xbackground:url(/01/images/cassis/colori-box.gif) no-repeat 0 0; /*ie*/font-size:1px; line-height:1px; }
* html .coloris td { height:10px; }


/* SITEMAP */

#sitemap ul {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:0pt 0pt 0px;
	margin:5px 0;
}

#sitemap ul li {
	height:auto;
	padding:0 0 0 0;
	margin:5px 0;
	width:300px;
	background : none;
}

#sitemap ul li a{
	display:block;
	padding: 0 0 0 38px;
	color:#83b22a;
	font-size:1.2em;
	text-decoration:none;
}
#sitemap ul li ul
{
	padding : 0;
	margin: 0;
}


#sitemap ul li ul li{
	background:none;
	height:auto;
	padding: 3px 15px;
	margin :0 ;
}
#sitemap ul li ul li a{	
	padding : 0 0 0 10px;
	margin:0 0 0 30px;
	font-size:1.1em;
	height:auto;
}

#sitemap ul li ul li ul li a{
	background:none;
	padding:0 0 0 40px;
	margin : 0;
	font-size:1.1em;
	height:auto;
}
/*End Sitemap */

/* Bug fixe*/
p img {
	position: relative !important;

}

/* Ajax modal popup */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalBox {
	background-color : #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #abacac;
	padding: 15px;
}