* { margin: 0; padding: 0; }
* html { height: 100%;}
html, body { height: 100%; }
body { padding-top: 30px; text-align: center; margin: 0; border: 0; padding: 0; background-image: url(/assets/images/textured_background.jpg); background-repeat: repeat; color: #000000; font-family: Georgia; font-size: 12px; font-weight: normal; letter-spacing: 0.9px;/* this changes a bit on both browsers, double check*/ }
img {border: 0;}
a, a:visited, a:hover, h1 a, h2 a, h3 a, h4 a { color: #FF99CC; outline: none; text-decoration: none; }
#content_loading { position: absolute; top:50px; left: 200px; width: 912px; min-height: 100%; }
#rotation_animation { position: absolute; top: 50%; left: 50%;}
#prepage_loading { position: absolute; top: 400px; left: 420px; }
#container-page { margin: 0 auto;width: 912px; position: relative; min-height: 100%; height: auto !important; height: 100%; text-align: center; display: none; }
/* splash page */
#splash_container { width: 100%; float: left; min-height: 100%; background-color: #000; background-repeat: repeat;}
#splash_image { float: left; position: relative; margin-top: 100px;}
#splash_en { position: absolute; top: 77px; left: 510px;}
#splash_fr { position: absolute; top: 77px; left: 650px;}
#sentence_en { width: 412px; position: absolute; top: 170px; left: 445px; display: none;}
#sentence_fr { width: 412px; position: absolute; top: 170px; left: 445px; display: none;}
/* header in general used throught the site */
#container-head { float: left; width: 912px; clear: both;}
#header { float: left; width: 912px; height: 40px; }
#header_logo { position: absolute; width: 274px; top: 60px; left: 0px; }
.header_menu { float: left; line-height: 0px; font-size: 0px;}
#menu_pink_line { width: 911px; position: absolute; top: 86px; left: 0px; border: 0;}
#menu_black_line { width: 911px; position: absolute; top: 47px; left: 0px; border: 0;}
#menu_logo { width: 274px; height: 29px; position: absolute; left: 20px; top: 52px; }
/* top menu bar */
#pink_menu_block { position: absolute; left: 615px; top: 28px; }
#pink_menu_block a { color: #000000; font-size: 10px; font-family: Verdana; }
#pink_menu_block_fr { position: absolute; left: 552px; top: 28px; }
#pink_menu_block_fr a { color: #000000; font-size: 10px; font-family: Verdana; }
#subscribe { position: absolute; left: 12px; top: 3px; }
#about_us { position: absolute; left: 84px; top: 3px; }
#contact_us { position: absolute; left: 151px; top: 3px; }
#inscription {position: absolute; left: 18px; top: 3px; }
#a_propos { position: absolute; left: 100px; top: 3px; }
#contact { position: absolute; left: 225px; top: 3px;}
#language_fr { position: absolute; left: 233px; top: 3px}
#language_fr a { color: #000; }
#language_en { position: absolute; left: 303px; top: 3px; }
#language_en a { color: #000; }
#select_language { color: #FF99CC; }
#top_menu_en { width: 620px; height: 37px; position: absolute; left: 275px; top: 50px; }
#top_menu_en a { font-size: 9px; color: #FFFFFF; }
#top_menu_en a:hover, a:active { color:#FF99CC; }
#top_menu_en .active a { color:#FF99CC; }
#top_menu_fr { width: 620px; height: 37px; position: absolute; left: 280px; top: 50px; }
#top_menu_fr a { font-size: 9px; color: #FFFFFF; }
#top_menu_fr a:hover, a:active { color:#FF99CC; }
#top_menu_fr .active a { color:#FF99CC; }
/* menu using wayfinder */
#top_menu_en ul { position: absolute; left: 25px; top: 8px;list-style: none; text-transform: uppercase; width: 620px; height: 37px;}
#top_menu_en li { padding-right: 7px; padding-left: 7px; display: inline;}
#top_menu_fr ul { position: absolute; left: 17px; top: 8px;list-style: none; text-transform: uppercase; width: 620px; height: 37px;}
#top_menu_fr li { padding-right: 4px; padding-left: 7px; display: inline;}
/* li has nav active class not the div */
li.menu_active { color: #FF99CC; font-size: 9px;}
#top_menu li:hover { color: #FF99CC; }
#top_menu a{ text-decoration: none;}
/* Home page slideshow using Simple Controls Gallery Plugin */
/*Make sure your page contains a valid doctype at the top*/
#home_slideshow_container { width: 885px; height: 369px; position: absolute; left: 13px; top: 104px; z-index: 2; }
#home_slideshow{ position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 0px solid;}
#home_banner { }
/* Style for subscribe page ***************************/
#frontpage_image { width: 911px; float: left; border: 0;margin-top: 50px; }
/* subscription form */
#sign_up_form_container{ width: 404px; position: absolute; top: 203px; left: 252px; z-index: 99; }
#sign_up_form { width: 404px; float: left; background-image: url(/assets/images/box.png); background-position: top left; height: 110px; overflow: hidden; }
#first_email_field{ position: absolute; top: 70px; left: 40px; color: #FFFFFF; font-size: 15px; }
#first_email_field input { width: 223px; border-style: none;}
#go_button{ position: absolute; top: 70px; right: 40px; font-size: 16px; }
.left_dot{ position: absolute; left: 20px; top: 75px; }
.right_dot { position: absolute; right: 27px; top: 75px; }
/* the form that gets toggled up and down */
#full_form {float: left; position: relative; width: 404px; margin-top: 115px; color: #FFFFFF; font-size: 15px; text-align: left; padding-top: 10px}
#full_form input { border-style: none; }
.dot{ width: 5px; float: left; padding-left: 20px; padding-top: 5px; }
#first_name{ float: left; width: 355px; padding-left: 15px; padding-bottom: 30px; }
#first_name input { margin-left: 10px;width: 170px; }
#last_name{ float: left; width: 355px; padding-left: 15px; padding-bottom: 30px; }
#last_name input { margin-left: 7px; width: 190px; }
#city{ float: left; width: 355px; padding-left: 15px; padding-bottom: 30px; }
#city input { margin-left: 58px; width: 190px; }
#birthday{ float: left; width: 355px; padding-left: 15px; padding-bottom: 30px; }
#birthday input { margin-left: 10px; width: 141px; }
#language { float: left; width: 355px; margin-left: 15px; padding-bottom: 15px; }
#language select { margin-left: 53px; border-style: none; border-color: #000000; width: 140px; }
#instructions { float: left; width: 230px; font-size: 11px;padding-left: 25px; padding-bottom: 30px; text-align: left;}
#ok_button { float: left; width: 20px; padding-left: 35px;}
.last_dot { width: 5px; float: left; padding-left: 15px; padding-top: 5px; }
#drop_shadow { width: 404px; float: left; height: 9px; background-image: url(/assets/images/box_drop_shadow.png); background-position: top left; }
/* SUBSCRIBE PAGE ONLY EMBEDDED FORM *******************************************************/
#subscribe_form_container_embedded { width: 582px; float: left; }
#subscribe_form_container_embedded table { width: 582px; float: left;}
#subscribe_form_container_embedded td { padding-bottom: 10px; }
/* subscribe form HOME page that toggles up and down **************************************************************/
#subscribe_container{ width: 404px;height: 110px; position: absolute; top: 203px; left: 252px; z-index: 99; overflow: hidden; }
#subscribe_form_container_en { width: 404px; float: left; background-image: url(/assets/images/box_en.png); background-position: top left; overflow: hidden; }
#subscribe_form_container_fr { width: 404px; float: left; background-image: url(/assets/images/box_fr.png); background-position: top left; overflow: hidden; }
#subscribe_email { position: absolute; top: 75px; left: 20px; color: #FFFFFF; font-size: 13px; width: 280px; }
#subscribe_email input { width: 200px; }
#subscribe_expand_form { position: absolute; top: 75px; right: 70px; font-size: 15px; }
/* the form that gets toggled up and down */
#subscribe_full_form {float: left; position: relative; width: 400px; margin-top: 105px; color: #FFFFFF; font-size: 13px; text-align: left; }
#subscribe_full_form table { width: 390px; padding-left: 10px; }
#subscribe_full_form table td { padding: 10px; font-weight: normal;}
#subscribe_full_form input { border-style: none; }
#Submit { font-family: Georgia; font-weight: bold; width: 40px;}
.error { float: left; color: red; vertical-align: top; display: block; margin-bottom: 5px;}
input.error { float: left;border: 1px solid red; }
#subscribe_drop_shadow { width: 404px; float: left; height: 9px; background-image: url(/assets/images/box_drop_shadow.png); background-position: top left; }
/*****************************************************/
/* SMALL BOXES subscription form for the rest of the site */
#sign_up_form_container_site{ width: 309px;float: left; position: relative; text-align: left; z-index: 99; }
#sign_up_form_site { width: 309px; float: left; background-image: url(/assets/images/signupbox_english.png); background-position: -5px 0px; height: 110px; overflow: hidden; text-align: left; }
#sign_up_form_site_fr { width: 309px; float: left; background-image: url(/assets/images/signupbox_french.png); background-position: -5px 0px; height: 110px; overflow: hidden; text-align: left; }
#drop_shadow_site { width: 309px; float: left; height: 9px; background-image: url(/assets/images/signup_box_dropshadow.png); background-position: -5px 0px; }
/* the form that gets toggled up and down they will not be toggled anymore ****************/
#email{ position: absolute; top: 85px; left: 10px; color: #FFFFFF; font-size: 13px; font-weight: normal; }
#expand_form{ position: absolute; top: 85px; right: 13px; font-size: 16px; }
#full_form_site { float: left; position: relative; width: 309px; margin-top: 120px; color: #FFFFFF; font-size: 12px; text-align: left;font-weight: normal; }
#full_form_site table { width: 299px; padding-left: 10px; }
#full_form_site table td { padding-bottom: 15px; font-weight: normal;}
#Submit { font-family: Georgia; font-weight: bold; width: 40px;}
.error { float: left; color: red; vertical-align: top; display: block; margin-bottom: 5px;}
input.error { float: left;border: 1px solid red; }
/* Banner chic-parties and sign up form *************/
.chic_parties_banner { width: 309px; height: 182px;float: left; margin-bottom: 5px; margin-top: 5px; }
.subscription_form_site { width: 319px; float: left; text-align: left; z-index: 99; }
.subscription_form_site_only { width: 309px; float: left; padding-top: 10px; text-align: left;}
.subscription_form_site_only_fr { width: 309px; float: left; padding-top: 10px; text-align: left;}
.ad_banner { width: 309px; float: left; margin-bottom: 5px; margin-top: 5px; background-color: #000; }
.main_content_banner_ad_container { width: 582px; float: left; margin-top: 50px; margin-bottom: 10px; background-color: #000; }
/* subscription form text in bottom */
#frontpage_text { width: 912px; float: left; padding-top: 5px; padding-bottom: 5px; font-style: italic; font-size: 13px; color: #000;}
#chic_parties_banner_home { width: 309px; height: 182px;float: left; }
#frontpage_text_left { width: 275px; height: 182px; float: left; background-image: url(/assets/images/vertical_dash_line.png); background-position: top left; background-repeat: repeat-y; margin-left: 10px; padding-left: 11px; text-align: left; }
#frontpage_text_right { width: 304px; height: 182px; float: left; background-image: url(/assets/images/background_story.png); background-position: top left; background-repeat: repeat-x; margin-left: 3px; text-align: left;}
.daily_scoop_item { width: 278px; float: left; text-align: justify; padding-left: 10px; }
.daily_scoop_item_date { font-size: 9pt; color: #000; font-weight: bold; font-style: normal; padding-bottom: 10px; padding-top: 5px;}
.daily_scoop_item h4 { font-size: 10pt; padding-top: 10px; font-style: normal; }
.daily_scoop_item p { font-size: 13px; font-style: italic; letter-spacing: 0.8px; text-align: left; }
.daily_scoop_item a { color: #000; }
/* css for the template var in modx , clear: both is fix for IE*/
/* used by subscription page */
.content_text{width: 912px; float: left; clear: both; text-align: justify; font-size:11px;}
/* end of style subscription form page ********************************************** */
.frontpage_main_container { width: 912px; float: left; clear: both; text-align: center; /* gets faded in */ }
/* used inside for layout in the frame */
#content_text_inside { width: 910px; position: absolute; top: 100px; left: 0px; }
/* used in articles */
.article_text { float: left; width: 912px; margin-top: 50px; margin-bottom: 0px; text-align: justify; }
#all_articles_container { float: left; width: 592px; padding-left: 10px; margin-top: 5px; margin-bottom: 5px; }
#all_articles_black_bar { float: left; position: relative; width: 592px; margin-bottom: 10px; }
#all_articles_title { position: absolute; top: 8px; left: 10px;color: #FF99CC; text-transform: uppercase;font-style: italic; font-weight: normal; font-size: 13px; }
.all_articles_dashline { float: left; width: 582px; overflow: hidden; }
#navigation_controls_all_articles { width: 170px;position: absolute; top: 104px; left: 735px;text-transform: uppercase;font-size: 10px; color: #FFF; font-weight: normal; }
#navigation_controls_previous_all_articles { width: 80px; float: left; }
#navigation_controls_page_info_all_articles { width: 40px; float: left; }
#navigation_controls_next_all_articles { width: 50px; float: left; }
#navigation_controls_all_articles_fr { width: 170px;position: absolute; top: 104px; left: 735px;text-transform: uppercase;font-size: 10px; color: #FFF; font-weight: normal; }
#navigation_controls_previous_all_articles_fr { width: 80px; float: left; }
#navigation_controls_page_info_all_articles_fr { width: 40px; float: left; }
#navigation_controls_next_all_articles_fr { width: 50px; float: left; }
.news_item { float: left; clear: both; text-align: justify; width: 592px; margin-top: 10px; }
html>body .news_item { float: left; clear: both; text-align: justify; width: 592px; margin-top: 10px; }
.news_item_date { font-size: 9pt; color: #000; font-weight: bold; padding-bottom: 10px;padding-left: 10px;}
.news_item H4 { font-size: 10pt; color: #FF99CC; text-transform: uppercase; padding-bottom: 10px; font-weight: bold; padding-left: 10px;}
.news_item p { font-size: 11px; padding-left: 10px; }
.news_item a { padding-left: 10px; line-height: normal; }
/* for the first article displayed only */
.first_item { float: left; clear: both; text-align: justify; width: 912px; margin-top: 5px;}
html>body .first_item { float: left; clear: both; text-align: justify; width: 912px; margin-top: 5px; }
.first_item_header { background-image: url(/assets/images/article_header.png); background-position: left top; width: 592px; height: 42px;float: left; position: relative; background-repeat: no-repeat; margin-left: 10px;}
.article_left_container { width: 309px;float: left;position: relative; z-index: 99;}
.first_item_image { width: 309px; float: left; }
.image_bottom_lines { float: left; width: 309px; height: 52px;position: relative; }
.image_description { width: 309px; padding-top: 5px; position: absolute; top: 5px; left: 5px; font-style: italic; font-weight: bold; }
.first_item_text { float: left; width: 582px; padding-left: 20px; }
.first_item_date { width: 582px; float: left; font-size: 9pt; color: #000; font-weight: bold; padding-bottom: 10px; padding-left: 20px;}
.first_item_title { width: 582px; float: left;font-size: 16pt; color: #FF99CC; padding-bottom: 10px; font-weight: normal; padding-left: 20px;}
.first_item_dashed_line { width: 592px; padding-left: 10px; float: left; padding-bottom: 10px; }
.first_item p { font-size: 12px; line-height: 1.4;}
.share_article_link { width: 200px; float: left; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; }
/* CHIC PARTIES ************************/
.gallery_main_container { float: left; width: 912px; height: 100%; margin-top: 50px; margin-bottom: 20px; text-align: justify; }
.galleries_left_container { width: 309px; float: left; }
#chic_parties_list_container { width: 582px;float: left; margin-top: 5px;padding-left: 10px; }
#all_galleries_container { float: left; width: 582px; padding-left: 10px; margin-top: 5px; }
#all_galleries_black_bar { float: left; position: relative; width: 592px; margin-bottom: 10px; }
#all_galleries_title { position: absolute; top: 8px; left: 10px;color: #FF99CC; text-transform: uppercase;font-style: italic; font-weight: normal; font-size: 13px; }
#navigation_controls_all_galleries { width: 170px;position: absolute; top: 104px; left: 735px;text-transform: uppercase; color: #FFF;font-size: 0.7em; font-weight: bold; }
#navigation_controls_previous_all_galleries { width: 80px; float: left; padding-left: 10px; }
#navigation_controls_page_info_all_galleries { width: 30px; float: left; }
#navigation_controls_next_all_galleries { width: 50px; float: left; }
.chic_parties_item { width: 582px; float: left; clear: both; text-align: left; padding-bottom: 10px; }
.chic_parties_image { width: 100px; float: left; margin-right: 20px; }
.chic_parties_info{ width: 462px; float: left; }
.chic_parties_title{ width: 462px; float: left; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.chic_parties_date { width: 462px; float: left;font-weight: bold; margin-bottom: 10px; }
.chic_parties_summary { width: 462px; float: left;margin-bottom: 10px; margin-right: 10px; }
.chic_parties_dashed_line { width: 582px; float: left; overflow: hidden; padding-top: 10px; }
/* gallery common**************************************** */
#single_gallery_wrapper { width: 912px; float: left; margin-top: 54px; }
#gallery_container {width: 423px; float: left; }
#single_gallery_pink_bar { float: left; position: relative; width: 408px; /*background-color: #000;*/ }
#single_gallery_pictures_title { width: 140px; position: absolute; top: 8px; left: 24px; font-weight: bold; font-size: 13px; text-align: left; }
#left_side_gallery { width: 423px; float: left; margin-bottom: 30px; } /* has the banner and the thumbs*/
/* default.css takes care of this - altering a bit the look */
.thumbscontainer { margin-left: 12px; }
.pagenumbers { color: #000; }
.pagenumbers a{ color: #000; }
.share_gallery_link { width: 200px; float: left; padding-left: 20px; padding-top: 10px; padding-bottom: 20px; }
.parties_story_banner_ad_container { width: 474px; float: left; margin-top: 50px; margin-bottom: 20px; padding-left: 15px; }
#gallery_dashed_line { width: 408px; height: 1px; float: left; background-image: url(/assets/images/gallery_dashed_line.jpg); background-position: bottom left; background-repeat: repeat-x; margin-top: 10px;}
#gallery_text { width: 489px; float: left; text-align: left; }
#single_gallery_black_bar { width: 489px; float: left; position: relative; }
#single_gallery_story_title { width: 100px; position: absolute; top: 8px; left: 15px; font-weight: normal; font-size: 13px; color: #FF99CC; }
#link_to_all_galleries { width: 170px; position: absolute; top: 22px; left: 305px; font-style: italic; font-weight: normal; font-size: 13px; }
#link_to_all_galleries a { color: #FFF; font-weight: normal; }
#link_to_all_galleries_fr { width: 200px; position: absolute; top: 22px; left: 305px; font-style: italic; font-weight: normal; font-size: 13px; }
#link_to_all_galleries_fr a { color: #FFF; font-weight: normal; }
#gallery_title { width: 474px; float: left; font-size: 21px; font-weight: normal; margin-bottom: 10px;margin-top: 15px;padding-left: 15px; color: #FF99CC; }
#gallery_story { width: 474px; float: left; padding-left: 15px; margin-bottom: 5px; text-align: justify; }
#left_banner { margin-left: 50px; }/* holds banners only */
#navigation_controls { width: 150px; position: absolute; left: 512px; top: 106px; color: #FFF; font-size: 9px;font-weight: normal; text-transform: uppercase; }
#navigation_controls_previous { width: 70px; float: left; }
#navigation_controls_page_info { width: 30px; float: left; font-style: none;}
#navigation_controls_next { width: 50px; float: left; }
#navigation_controls_fr { width: 150px; position: absolute; left: 496px; top: 106px; color: #FFF; font-size: 9px;font-weight: normal; text-transform: uppercase; }
#navigation_controls_previous_fr { width: 70px; float: left; }
#navigation_controls_page_info_fr { width: 30px; float: left; font-style: none;}
#navigation_controls_next_fr { width: 50px; float: left; }
/* ABOUT page **********************************************************/
#about_content { float: left; width: 582px; min-height: 400px; margin-top: 10px; margin-left: 10px; text-align: justify; margin-bottom: 10px; }
#about_content a { font-weight: bold; }
/* CONTACT page with embedded form *************************************/
#contact_form_container { width: 582px; float: left; text-align: left;}
#contact_form_container table { width: 582px; float: left;}
#contact_form_container td { padding-bottom: 10px; }
/* footer */
#container-foot { width: 1000px; float: left; clear: both; z-index: 3; margin-top: 0px;}
#footer { float: left; width: 912px; clear: both;}
#footer_pink_line { width: 912px; clear: both; padding-top: 0px; padding-bottom: 2px; }
#footer_black_line { width: 912px; clear:both; padding-bottom: 5px;}
#footer_dash_line { width: 911px; clear:both; padding-bottom: 8px; }
#footer_dots { width: 912px; clear: both; padding-bottom: 7px; }
#footer_text { width: 912px; clear: both; color: #BBBBBB; font-size: 9px; }
#footer_text a { color: #BBB; }
#footer_text a:hover { color: #666; }
H1 { font-size: 4.0em; letter-spacing: 3px; line-height: 1.0em; font-weight: normal; }
H2 { font-size: 14px; font-weight: normal; letter-spacing: 3px; line-height: 1.0em; }
H3 { font-size: 3.0em; font-weight: normal; letter-spacing: 3px; line-height: 1.0em; }
H4 { font-size: 1.5em; font-weight: normal; line-height: 1.0em; }