/* 2013-12-25 13:49:57 */ /*========================================================================= HTML =========================================================================*/ html[lang="fa"], html[lang="ar"], html[lang="he"]{ direction: rtl !important; } a img{ border: 0; } hr{ color: black; background-color: black; height: 1px; border: 0; } ul{ margin-left: 20px; } ol{ margin-left: 25px; } /*========================================================================= COMMON =========================================================================*/ .clear{ clear: both; } div.clear{ width: 100%; height: 0; } .hide{ display: none; } .fleft{ float: left; } .fright{ float: right; } /**/ .main_title{ clear: both; } /**/ div.plugin_container, div.last_upd_dt{ margin-top: 20px; clear: both; } /**/ div#ad_website_top{ padding: 5px 0; text-align: center; } /**/ div#brandcopyright{ margin: 10px 0; } /**/ div#legal{ padding: 5px 0; text-align: center; } /*========================================================================= ICONS =========================================================================*/ .ico{ padding-left: 20px !important; height: auto; min-height: 16px; background-repeat: no-repeat; } a.ico{ display: inline-block; } /*========================================================================= MENUS V4 =========================================================================*/ #container div.menu_h ul.menu, #container div.sidebar ul.menu, #container div.menu_h ul.submenu, #container div.sidebar ul.submenu{ margin-left: 0; list-style: none; } #container ul.menu li{ position: relative; } #container ul.menu li a, #container ul.menu li a:visited{ display: block; height: 40px; line-height: 40px; text-decoration: none; overflow: hidden; } ul.menu li a img.new{ vertical-align: middle; margin-left: 5px; } /**/ #container div.menu_h{ position: relative; clear: both; float: left; width: 100%; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; z-index: 1000; } #container div.menu_h ul.menu{ float: left; position: relative; width: 100%; height: auto; min-height: 40px; } #container div.menu_h ul.menu li{ float: left; border-right-style: solid; border-right-width: 1px; } #container div.menu_h ul.menu li a{ float: left; padding: 0 10px; } /*SOUS-MENU*/ #container ul.submenu{ display: none; position: absolute; width: 200px; left: -1px; border-width: 1px; border-style: solid; background-color: #fff; z-index: 100; } #container ul.submenu li a{ border-bottom-style: solid; border-bottom-width: 1px; } #container ul.submenu li.last_submenu_item > a, #container ul.submenu li.last_submenusecond_item > a{ border-bottom-width: 0; } /*SOUS-MENUS HORIZONTAUX*/ #container div.menu_h ul.submenu.first{ top: 40px; } #container div.menu_h ul.submenu li, #container div.menu_h ul.submenu li a{ border-right: 0; float: none; } /*SOUS-MENUS HORIZONTAUX SECOND*/ #container div.menu_h ul.submenu.second{ top: -1px; left: 200px; } /*SOUS-MENUS VERTICAUX*/ #container div.sidebar ul.menu ul.submenu li a{ padding: 0 10px; } /*SOUS-MENU VERTICAUX FIRST*/ #container div.sidebar ul.submenu.first{ position: relative; border: 0; } /*SOUS-MENU VERTICAUX SECOND*/ #container div.sidebar ul.menu ul.submenu.second{ top: -1px; left: 100%; } /*WIDGET MENU DANS MAIN*/ #container div.col_content ul.menu li, #container div.widget_content ul.menu li{ margin-bottom: 5px; background: transparent; } #container div.col_content ul.menu li a, #container div.col_content ul.menu li a:visited, #container div.widget_content ul.menu li a, #container div.widget_content ul.menu li a:visited{ display: inline; line-height: 1; } #container div.col_content ul.submenu{ position: relative; display: block; margin-top: 5px; width: auto; border: 0; background-color: none; } #container div.col_content ul.submenu li a{ display: inline; line-height: 1; border: 0; } /*========================================================================= LISTE VERTICALE D'ITEMS =========================================================================*/ .list_items{ clear: both; margin-bottom: 20px; margin-left: 0; list-style: none; } .list_items .item{ padding: 5px; overflow-y: auto; } /*========================================================================= LISTE DE VIGNETTES =========================================================================*/ .list_thumbs_items{ clear: both; overflow-y: auto; margin-bottom: 20px; margin-left: 0; list-style: none; } .list_2_cols .item{ width: 49%; } .list_3_cols .item{ width: 32%; } .list_4_cols .item{ width: 23.5%; } .list_5_cols .item{ width: 18.4%; } .list_thumbs_items .item{ position: relative; float: left; margin-right: 2%; margin-bottom: 2%; padding: 0 !important; overflow: hidden; text-align: center; } .list_thumbs_items .item.last{ margin-right: 0; } *+html .list_thumbs_items .item.last{/*IE7*/ margin-right: -3px; } .list_thumbs_items .item_content{ padding: 1%; } /*========================================================================= CATEGORIES LISTING =========================================================================*/ ul.categories_list{ margin-bottom: 20px; margin-left: 0; padding-top: 10px; list-style: none; overflow-y: auto; } ul.categories_list li{ float: left; margin: 0 2% 10px; padding: 2px 0; width: 29%; } ul.categories_list ul{ margin-left: 0; list-style: none; } ul.categories_list li li{ float: none; margin: 0; padding: 0; width: 100%; font-size: .9em; } ul.categories_list li small{ font-style: italic; } /*========================================================================= ITEMS LISTING =========================================================================*/ dl.definitions_list{ margin-bottom: 20px; } dl.definitions_list dd{ margin-bottom: 10px; } /*========================================================================= INTRODUCTION TEXT (MODULE, CATEGORY, ITEM) =========================================================================*/ div.introduction{ overflow-x: hidden; overflow-y: auto; margin-bottom: 20px; } /*========================================================================= TAGS LISTING ON CONTENT =========================================================================*/ p.tags{ clear: both; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; background-position: 0 50% !important; } /*========================================================================= CATEGORY NAVIGATION =========================================================================*/ .category_navigation{ width: 100%; margin: 20px 0; } .category_navigation td{ width: 33.3333333333333333%; white-space: nowrap; text-overflow: ellipsis; } .previous_item img{ vertical-align: middle; margin-right: 5px; } .category_item{ margin: 0 .5%; text-align: center; } .next_item{ text-align: right; } .next_item img{ vertical-align: middle; margin-left: 5px; } /*========================================================================= MESSAGES =========================================================================*/ .message{ clear: both; margin-bottom: 20px; padding: 5px 5px 5px 25px; background-position: 5px 5px; background-repeat: no-repeat; border-width: 1px; border-style: solid; color:#000; } .message.info{ background-image: url(../medias/static/themes/icons/common/information.png); background-color: #9cf; border-color: #069; } .message.error{ background-image: url(../medias/static/themes/icons/common/cancel.png); background-color: #f99; border-color: #c00; } .message a, .message a:visited, .message a:hover{ color:#000; text-decoration: underline; } .message.alert{ background-image: url(../medias/static/themes/icons/common/error.png); background-color: #ffc; border-color: #fc3; } .message.accept{ background-image: url(../medias/static/themes/icons/common/accept.png); background-color: #cc6; border-color: #390; } /*========================================================================= BUTTONS =========================================================================*/ a.button{ padding: 5px; background-color: #000; color: #fff; text-decoration: none; white-space: nowrap; background-position: 10px 50%; background-repeat: no-repeat; } a.button.disabled, a.button.disabled:hover{ color: #000; background-color: #ccc; cursor: default; } a.button.pdf{ padding-left: 30px; background-image: url(../medias/static/themes/icons/common/file_pdf.png); } a.button:hover{ color: #ccc; } /*========================================================================= ITEMS TITLE =========================================================================*/ .item_title{ margin: 0 0 10px; font-size: 130%; } .item_title a{ text-decoration: underline; } .item_title a:hover{ text-decoration: none; } /*========================================================================= ITEMS INFOS =========================================================================*/ .item_infos{ margin-bottom: 10px; margin-left: 0; list-style: none; } .item_infos li{ display: inline-block; padding-right: 5px; margin-bottom: 5px; } .item_infos li:last-child{ padding-right: 0; } /*========================================================================= CAPTION =========================================================================*/ .caption{ margin-bottom: 10px; } .caption img{ display: block; margin: 0 auto 10px; } .caption-text{ text-align: center; font-style: italic; font-size: .9em; } /*========================================================================= PASSWORD ACCESS =========================================================================*/ body.passwordaccess div#container{ width: 400px; margin-top: 30px; } /*========================================================================= FORMS =========================================================================*/ .textfield, select, textarea{ padding: 5px; border-style: solid; border-width: 1px; border-color: #000; } input.button{ padding: 5px; cursor: pointer; } textarea{ font-family: inherit; min-width: 67%; max-width: 67%; } fieldset{ padding: 10px 5px; margin: 20px 0; border-style: solid; border-width: 1px; border-color: #000; } fieldset:first-child{ margin-top: 0; } fieldset:last-child{ margin-bottom: 0; } legend{ position: relative; _top: -15px; padding: 5px; margin: 0 5px 10px; font-weight: bold; } code{ display: block; padding: 2px; border-style: solid; border-width: 1px; border-color: #000; } /**/ div.form_line{ overflow-y: auto; margin-bottom: 20px; } div.form_line_submit{ text-align: center; overflow-y: visible; } .form_standard_indent, div.form_line.form_standard_indent{ margin-left: 30%; } form.form_standard label{ width: 29%; padding-right: 1%; margin-top: 5px; float: left; text-align: right; } form.form_standard .form_standard_indent label{ width: auto; padding-right: 0; margin-top: 0; float: none; text-align: left; } form.form_standard label.inline_label{ width: auto; float: none; margin-right: 5px; margin-top: 0; } label.field_required{ font-weight: bold; } form.form_standard .textfield{ width: 67%; } form.form_standard select{ width: 67%; } form.form_standard input[type="file"]{ float: none; } input[type="checkbox"], input[type="radio"]{ position: relative; top: 1px; } form div.error{ color: red; } /* champs date */ form.form_standard input.textfield_date_y, form.form_standard select.select_date_m, form.form_standard select.select_date_y, form.form_standard select.select_date_d{ width:50px; float: none; } /* smileys */ a.smiley{ margin: 0 3px; } a.smiley:first-child{ margin-left: 0; } div.more_smileys_container{ display: none; } /*text format*/ span.form_standard_text_format_icons{ display: block; float: left; width: 68.7%; background-color: #000; } span.form_standard_text_format_icons a{ display: block; float: left; width: 32px; height: 32px; margin: 3px; text-indent: -9999px; background-position: 50% 50%; background-repeat: no-repeat; } span.form_standard_text_format_icons a.text_format_bold{ background-image: url(../medias/static/themes/icons/common/icon_text_bold.png); } span.form_standard_text_format_icons a.text_format_italic{ background-image: url(../medias/static/themes/icons/common/icon_text_italic.png); } span.form_standard_text_format_icons a.text_format_underline{ background-image: url(../medias/static/themes/icons/common/icon_text_underline.png); } span.form_standard_text_format_icons a.text_format_quote{ background-image: url(../medias/static/themes/icons/common/icon_text_quote.png); } span.form_standard_text_format_icons a.text_format_align_center{ background-image: url(../medias/static/themes/icons/common/icon_text_align_center.png); } span.form_standard_text_format_icons a.text_format_link{ background-image: url(../medias/static/themes/icons/common/icon_link.png); } span.form_standard_text_format_icons a.text_format_img{ background-image: url(../medias/static/themes/icons/common/icon_image.png); } /*========================================================================= CAPTCHA =========================================================================*/ div#recaptcha_image{ float: left; margin-right: 5px; margin-bottom: 15px; } div#recaptcha_image a{ margin-left: 5px; } div#recaptcha_widget ul{ float: left; margin-left: 0; list-style: none; } div#recaptcha_widget ul a{ display: block; margin-bottom: 5px; width: 16px; height: 16px; text-indent: -9999px; } div#recaptcha_response_container{ clear: left; } div.recaptcha_only_if_incorrect_sol{ clear: left; color: red; } /*========================================================================= TABLE =========================================================================*/ table.table_standard{ width: 100%; margin-bottom: 20px; border-style: solid; border-width: 1px; border-color: #000; border-spacing: 1px; } table.table_standard th{ padding: 5px; background-color: #000; color: #fff; font-weight: bold; text-align: center; white-space: nowrap; } table.table_standard td{ padding: 5px; word-wrap: break-word; } div.widget table.table_standard{ border-spacing: 0; } /*========================================================================= BREADCRUMBS =========================================================================*/ ul#breadcrumbs{ margin-bottom: 20px; margin-left: 0; list-style: none; } ul#breadcrumbs li{ display: inline; padding-left: 15px; line-height: 16px; background-position: -3px 0; background-repeat: no-repeat; } ul#breadcrumbs li.breadcrumbs_home{ padding-left: 20px; background-position: 0 0; } /*========================================================================= PAGINATION =========================================================================*/ div.pagination{ clear: both; height: 2em; margin: 20px 0; line-height: 2; text-align: center; } div.pagination span, div.pagination a{ padding: 3px 5px; border-width: 1px; border-style: solid; border-color: #000; border-radius: 5px; text-decoration: none; } div.pagination span, div.pagination a:hover { background-color: #000000; color: #FFFFFF; } /*========================================================================= PAGES PAR BLOC =========================================================================*/ *+html div.last_col{/*IE7*/ margin-right: -1px; } /*========================================================================= COMMON WIDGETS =========================================================================*/ div.widgets{ float: left; width: 100%; } div.widget{ float: left; width: 100%; overflow: hidden; margin-bottom: 20px; } div.widget_item{ padding: 5px; overflow: hidden; } div.widget_title{ margin-bottom: 10px; } div.widget div.form_line_submit{ margin-bottom: 0; } p.view_all{ margin-top: 1.3em; } p.no_item{ font-style: italic; } div.gadget{ text-align: center; padding: 1px; } /*menus*/ div.widget_menu{ overflow: visible; } /*tags cloud */ div.widget_tags a{ margin-right: 5px; } div.widget_tags a.tag_1{ font-size: 1em; } div.widget_tags a.tag_2{ font-size: 1.2em; } div.widget_tags a.tag_3{ font-size: 1.4em; } div.widget_tags a.tag_4{ font-size: 1.6em; } div.widget_tags a.tag_5{ font-size: 1.8em; } /*maps*/ .gmapInfoWindow{ color: #000 !important; } /*langs*/ div.widget_googletraduction li{ margin-bottom: 10px; } div.widget_googletraduction li:last-child{ margin-bottom: 0; } /*stats*/ dl#stats dd{ margin-bottom: 1.3em; } /*coordonnees de contact*/ ul.contact_infos{ list-style: none; margin-bottom: 1.3em; margin-left: 0; } /* DEBUT CSS WIDGET SLIDER */ .slider-description{ color:#FFFFFF; font-size: 14px; line-height: 20px; margin-bottom:0; } .slider-title{ font-size: 19px; font-weight: normal; line-height: 20px; margin: 0 0 5px; color:#FFFFFF; } .camera_thumbs_cont > div{ background-color:#000000; } .camera_caption { background-color:#000000; opacity:0.8; } /* FIN CSS WIDGET SLIDER */ /*playlist*/ .playlist_wrapper{ width: auto; min-width: 140px; } /**/ .playlist_wrapper .jp-audio{ line-height: 1.6; background-color: #eee; } /**/ .jp-progress{ position: relative; height: 15px; background-color: #ddd; } .jp-seek-bar{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -202px repeat-x; width: 0; height:100%; cursor: pointer; } .jp-play-bar{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -218px repeat-x ; width: 0; height: 100%; } .jp-seeking-bg{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.seeking.gif"); } /**/ .playlist_wrapper .jp-current-time, .playlist_wrapper .jp-duration{ width: 60px; margin-top: 5px; font-size: .8em; font-style: oblique; display:inline; } .jp-current-time{ float: left; margin-left: 5px; } .jp-duration{ float: right; text-align: right; margin-right: 5px; } /**/ .jp-controls-holder{ clear: both; position: relative; overflow:hidden; } /**/ .playlist_wrapper .jp-volume-control{ position: relative; width: 90px !important; height: 15px !important; margin: 10px auto 0 !important; } .jp-mute, .jp-unmute, .jp-volume-max{ display: block; float: left; width: 18px; height: 15px; text-indent: -9999px; } .jp-mute{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -170px no-repeat; } .jp-mute:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -19px -170px no-repeat; } .jp-unmute { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -60px -170px no-repeat; display: none; } .jp-unmute:hover{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -79px -170px no-repeat; } .jp-volume-max{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -186px no-repeat; } .jp-volume-max:hover{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -19px -186px no-repeat; } .jp-volume-bar{ position: relative; float: left; margin-top: 5px; margin-right: 8px; overflow: hidden; background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -250px repeat-x; width: 46px; height: 5px; cursor: pointer; } .jp-volume-bar-value{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -256px repeat-x; width: 0; height: 5px; } /**/ .playlist_wrapper .jp-controls{ list-style-type:none; margin: 20px auto !important; padding: 0 !important; width: 135px !important; overflow:hidden; } .jp-controls li{ display: inline; float: left; } .jp-controls a{ display: block; overflow: hidden; text-indent: -9999px; padding: 0 !important; border: none !important; } .jp-play, .jp-pause{ width:40px !important; height:40px !important; } .jp-play{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 0 no-repeat; } .jp-play:hover{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -41px 0 no-repeat; } .jp-pause{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -42px no-repeat; display: none; } .jp-pause:hover{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -41px -42px no-repeat; } .jp-stop, .jp-previous, .jp-next{ width:28px !important; height:28px !important; margin-top: 6px !important; padding: 0 !important; border: none !important; } .jp-stop{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left:10px; } .jp-stop:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -29px -83px no-repeat; } .jp-previous { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -112px no-repeat; } .jp-previous:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -29px -112px no-repeat; } .jp-next { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -141px no-repeat; } .jp-next:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -29px -141px no-repeat; } /**/ .playlist_wrapper .jp-toggles{ list-style-type: none; padding: 0 !important; margin: 0 auto 10px !important; overflow: hidden; width:55px; } .jp-toggles li{ display: block; float: right; } .jp-toggles li a{ display:block; width:25px; height:18px; text-indent:-9999px; line-height:100% !important; padding: 0 !important; border: none !important; } .jp-repeat{ background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -290px no-repeat; } .jp-repeat:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -30px -290px no-repeat; } .jp-repeat-off { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -60px -290px no-repeat; } .jp-repeat-off:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -90px -290px no-repeat; } .jp-shuffle { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") 0 -270px no-repeat; margin-left: 5px; } .jp-shuffle:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -30px -270px no-repeat; } .jp-shuffle-off { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -60px -270px no-repeat; margin-left: 5px; } .jp-shuffle-off:hover { background: url("../medias/static/jQuery.jPlayer.2.3.0/blue.monday/jplayer.blue.monday.jpg") -90px -270px no-repeat; } /**/ .jp-title{ margin-bottom: 10px !important; font-weight: bold !important; text-align: center !important; } .jp-free-media{ float: right; text-align: right !important; } /**/ .jp-playlist{ background-color: #ccc; } .playlist_wrapper .jp-playlist ul{ list-style-type:none; margin:0 !important; padding: 0 !important; } .jp-playlist li{ padding: 5px 10px 4px; border-bottom:1px solid #eee; } .jp-playlist li:last-child{ padding-bottom: 5px; border-bottom:none; } .jp-playlist li div{ display:inline; } .jp-playlist-item.jp-playlist-current{ font-weight: bold !important; } /*agenda culturel*/ .with_thumbnail .ac_item_thumbnail{ float: left; margin-right: 5px; margin-bottom: 5px; } /*========================================================================= BLOC DE LANGUES DISPONIBLES EN HAUT DU SITE =========================================================================*/ ul#lang{ position: fixed; top: 0; right: 5px; padding: 5px; list-style: none; margin-left: 0; border-radius: 0 0 5px 5px; background-color: #000; z-index: 100000; } ul#lang li{ float: left; margin-right: 5px; } ul#lang li:last-child{ margin-right: 0; } ul#lang li img{ display: block; } /*========================================================================= ALIGNEMENT DES IMAGES DANS LES BLOCS =========================================================================*/ img.img-left { display:block; float:left; margin:5px 5px 5px 0px; } img.img-center { display:block; margin:5px auto 5px; } img.img-right { display:block; float:right; margin:5px 0px 5px 5px; } /*========================================================================= MENTIONS LEGALES =========================================================================*/ dl.legal{ margin-bottom: 1.3em; } /* --------------- */ /* modules activés */ /* --------------- */ /* module agenda : modules.agenda.maincss */ /*============================================================================= MODULE : AGENDA =============================================================================*/ .diary_item_description{ clear: left; } .diary_item_date{ font-weight: bold; } .diary_item .diary_item_infos_contact{ margin-left: 0; list-style: none; }/* module blog : modules.blog.maincss */ /*============================================================================= MODULE : BLOG =============================================================================*/ div.blog_items_container{ clear:left; position: relative; } div.blog_item{ width: 100%; position: relative; margin-bottom: 20px; overflow: hidden; } div.blog_item_img{ clear: both; margin-bottom: 10px; text-align: center; } div.blog_item_introduction{ clear: both; margin-bottom: 10px; }/* module contact : modules.contact.maincss */ /*============================================================================= MODULE : CONTACT =============================================================================*/ table#contact_table{ border: 0; } table#contact_table th{ text-align: left; } table#contact_table th span.message_date{ float: right; font-style: italic; font-weight: normal; } table#contact_table td{ padding-bottom: 20px; } table#contact_table td:first-child ul{ float: left; width: 100%; margin-top: 20px; margin-left: 0; list-style: none; } table#contact_table td:first-child li{ float: left; width: 100%; padding-top: 5px; padding-bottom: 3px; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000; text-align: right; } table#contact_table td:first-child li strong{ display: block; float: left; width: 40%; text-align: left; } /* module edirectory : modules.edirectory.maincss */ /*============================================================================= MODULE : ANNUAIRE =============================================================================*/ #directory_items_container a.directory_item_screenshot{ float: left; } #directory_items_container img{ display: block; } #directory_items_container dl{ margin-left: 125px; } /**/ #directory_item_infos a.directory_item_screenshot{ float: left; } #directory_item_infos p.directory_item_url{ margin-left: 125px; } #directory_item_content{ margin-top: 20px; }/* module epoll : modules.epoll.maincss */ /*============================================================================= MODULE : SONDAGE =============================================================================*/ /*LISTE*/ span.chart_status{ float: right; padding-right: 20px; font-size: .8em; font-weight: normal; font-style: italic; color: #999; background-position: 100% 0; background-repeat: no-repeat; } /**/ dl.chart_question dt{ margin-bottom: 10px; font-weight: bold; font-size: 1.2em; } dl.chart_question dd{ padding: 5px; } /**/ dl.chart_result dt{ font-weight: bold; } dl.chart_result dt small{ font-style: italic; font-weight: normal; } dl.chart_result dd{ margin: 5px 0 20px 0; } dl.chart_result dd span{ display: block; padding: 3px 0; text-indent: 3px; font-weight: bold; background-color: #000; color: #fff; }/* module forum : modules.forum.maincss */ /*============================================================================= MODULE : FORUMS =============================================================================*/ /*sujet*/ dd.forum_infos_description{ padding-left: 20px; } /*colonnes nb messages, nb sujets, nb réponses*/ td.nb_subjects_column, td.nb_messages_column, td.nb_responses_column{ text-align: center; width: 10%; } td.last_message_column{ width: 25%; } /*auteur*/ p.forum_response{ margin-bottom: 0; } p.forum_response small{ font-style: italic; color: #666; } /*avatar*/ td.author_column{ vertical-align: top; width: 100px; } div.forum_avatar{ margin-bottom: 10px; overflow: hidden; } ul.forum_infos_author{ list-style: none; margin-left: 0; } ul.forum_infos_author li{ display: inline; margin-right: 10px; } /*message*/ td.pseudo_column, td.pseudo_column a{ font-weight: bold !important; } td.pseudo_column span.date{ float: right; } td.message_column{ vertical-align: top; word-break: break-word; } td.message_column div.member_sign{ margin-top: 20px; overflow-x: hidden; font-style: italic; } /*avatar*/ div.forum_avatar{ width: 100px; height: 100px; } /*colonnes nb messages et nb sujets*/ td.nb_subjects_column, td.nb_messages_column{ text-align: center; } /*moderation*/ p.moderateforum{ line-height: 2; }/* module guestbook : modules.guestbook.maincss */ /*============================================================================= MODULE : LIVRE D'OR =============================================================================*/ span.guestbook_item_author{ font-weight: bold; } span.guestbook_item_date{ font-style: italic; }/* module pages : modules.pages.maincss */ /*========================================================================= MODULE : PAGES =========================================================================*/ .rows{ clear: both; width: 100%; float: left; } .row{ width: 100%; float: left; margin-bottom: 20px; overflow: hidden; } .row:last-child{ margin-bottom: 0; } .row.hide{ display: none; } div.cols{ float: left; width: 100%; margin: 0 -10px !important; } div.col{ float: left; } div.col_content{ margin: 0 10px; overflow: hidden; } /*WIDGET*/ .pages_list_widget .item img{ float: left; margin-right: 5px; } /*WIDGET PAGE_CATEGORY_BLOC */ .pages_list_widget dl.isimage{ margin-left: 133px; } /* -------------- */ /* modules system */ /* -------------- */ /*============================================================================= MODULE : ESPACE MEMBRE =============================================================================*/ /*TOOLBAR*/ div#member_toolbar{ margin-bottom: 20px; } a#member_pseudo{ font-weight: bold; } div#member_toolbar ul{ float: right; margin-right: 5px; margin-left: 0; list-style: none; } div#member_toolbar ul li{ display: inline; margin-left: 10px; } /*MEMBER ACCOUNT*/ div#members_account, div#members_accountupdate{ clear: left; } div#member_infos_container{ margin-bottom: 20px; } div#member_avatar{ float: left; width: 100px; height: 100px; } div#member_avatar img{ display: block; } div#member_infos{ overflow: hidden; margin-left:112px; } div#member_infos dl{ float: left; width: 100%; margin-bottom: 10px; } div#member_infos dt{ float: left; clear: left; width: 30%; padding: 3px 0; text-indent: 3px; } div#member_infos dd{ float: left; width: 70%; padding: 3px 0; } div#member_infos_introduction{ clear: both; margin-bottom: 1.3em; } div#member_presentation{ clear: left; margin-bottom: 10px; padding-left: 6px; border-left-width: 4px; border-left-style: solid; } /*LISTE DES PROFILS*/ div#members_profiles{ clear: left; } ul#members_profiles_list a{ display: block; margin-top: 5px; overflow: hidden; } ul#members_profiles_list a span{ font-size: .9em; display: block; margin-top: 5px; height: 35px; } /*COMPTE BOUTIQUE*/ /*commandes*/ table#member_store_account_orders_table th{ text-align: left; } table#member_store_account_orders_table td{ padding: 10px 5px; } table#member_store_account_orders_table td.order_bill{ text-align: center; } /*adresses*/ table#member_store_account_adresses_table th{ text-align: left; } table#member_store_account_adresses_table td.adress{ width: 70%; } table#member_store_account_adresses_table td.adress_buttons{ text-align: right; } a.member_modify_adress{ margin-right: 10px; } /*detail commande*/ div.member_order_detail_column{ width: 45%; } div.member_order_detail_column.left{ float: left; } div.member_order_detail_column.right{ float: right; } table#member_order_details_table td.total, table#member_order_details_table tfoot td{ text-align: right; } table#member_order_details_table td.total, table#member_order_details_table tfoot td{ text-align: right; } tr.order_total_line{ font-weight: bold; } /*CHATBOX*/ #chatbox_wrapper{ background-color:#fff; color:#000; margin:0; padding:0; border:1px solid #ccc; } #chatbox_messages_wrapper{ margin:0; padding:0; float:left; width:70%; } #chatbox_messages{ overflow-y:auto; height:400px; border-right:1px solid #ccc; } #chatbox_messages_content{ } #chatbox_messages_content div.chat_msg{ background-color:#fcfcf1; border:1px solid #e7e391; margin:5px; padding:5px; } #chatbox_messages_content div.chat_msg .chat_msg_infos{ color:#c4bc33; } #chatbox_messages_content div.chat_pm{ background-color:#f4fae8; border:1px solid #c6e090; } #chatbox_messages_content div.chat_pm .chat_msg_infos{ color:#acd44a; } #chatbox_messages_content div.chat_highlight{ background-color:#f8e4de; border:1px solid #da947e; } #chatbox_messages_content div.chat_login{ background-color:#f5f5f5; border:1px solid #e6e6e6; color:green; } #chatbox_messages_content div.chat_logout{ background-color:#f5f5f5; border:1px solid #e6e6e6; color:red; } #chatbox_messages_content div.chat_msg_infos{ margin:0 0 5px 0; padding:0; font-size:0.9em; } #chatbox_messages_content div.chat_msg_username{ float:left; } #chatbox_messages_content div.chat_msg_time{ float:right; } #chatbox_messages_content div.chat_msg_remove{ float:right; background-image:url(http://www.lelotenaction.org/medias/static/themes/im/chat_msg_remove.png); background-position:center; display:block; width:12px; height:12px; border:1px solid #ccc; overflow:hidden; text-indent:-999px; margin:0 0 0 4px; cursor:pointer; } #chatbox_messages_content div.chat_msg_message{ } #chatbox_members_wrapper{ margin:0; padding:0; float:right; width:30%; } #chatbox_members{ overflow-y:auto; height:400px; } #chatbox_members_content{ } #chatbox_members_content div.chat_member{ background-color:#f7f7f7; margin:5px; padding:5px; cursor:pointer; } #chatbox_members_content div.moderator{ font-weight:bold; padding:5px 5px 5px 20px; background-image:url(http://www.lelotenaction.org/medias/static/themes/im/chat_moderator.png); background-repeat:no-repeat; background-position:5px 7px; } #chatbox_members_content div.chat_member .is_writing{ float:right; } #chatbox_form{ padding:5px; clear:both; border-top:1px solid #ccc; } #chatbox_message_input_wrapper{ padding: 0 10px 0 0; border-width: 1px; border-style: solid; border-color: #ccc; margin:0 0 5px 0; } #chatbox_message_input{ width:100%; margin:0; padding:5px; border:0; font-size:1.2em; background-color:#fffff0; } a#chatbox_message_submit{ float:right; font-size:1.2em; } body #chatbox_smileys a{ display:block; float:left; margin:0 5px 0 0; width:24px; height:24px; border:1px solid #ccc; background-position:center; background-repeat:no-repeat; background-color:#eee; text-indent:-999px; overflow:hidden; } #chat_smiley_01{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/01.png);} #chat_smiley_02{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/02.png);} #chat_smiley_03{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/03.png);} #chat_smiley_04{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/04.png);} #chat_smiley_05{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/05.png);} #chat_smiley_06{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/06.png);} #chat_smiley_07{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/07.png);} #chat_smiley_08{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/08.png);} #chat_smiley_09{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/09.png);} #chat_smiley_10{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/10.png);} #chat_smiley_11{background-image:url(http://www.lelotenaction.org/medias/static/themes/smileys/chat/11.png);} /*WIDGET*/ /*members connect*/ form.menu_member_connect .textfield, form.menu_member_connect select{ width: 94%; margin-top: 5px; } /**/ .memberchatbox_msg { background-color:#fcfcf1; border:1px solid #e7e391; margin:5px 0 5px 0; padding:5px; color:#000; } .memberchatbox_infos { margin:0 0 5px 0; padding:0; font-size:0.9em; color:#c4bc33; } .memberchatbox_username { float:left; } .memberchatbox_time { float:right; } /*============================================================================= MODULE : NEWSLETTER =============================================================================*/ /* WIDGET */ form.form_newsletter input.textfield{ padding: 7px 7px 7px 25px; background-position: 5px 50%; background-repeat: no-repeat; max-width: 250px; } form.form_newsletter input.button{ padding: 7px 5px; font-size: 12px; width: 32px; }/*============================================================================= RESULTATS DE RECHERCHE =============================================================================*/ div.search_result_item{ float: left; width: 100%; margin-bottom: 10px; } div.search_result_item img{ float: left; display: block; margin-right: 5px; } div.search_result_item h2, div.search_result_item p{ margin-bottom: 10px; } /*SEARCH BOX*/ div.search_container{ clear: both; margin-bottom: 20px; } div.search_container label{ font-weight: bold; } div.search_container input.textfield{ padding: 7px 7px 7px 25px; background-position: 7px 50%; background-repeat: no-repeat; max-width: 250px; } div.search_container input.button{ padding: 7px 5px; font-size: 12px; width: 32px; } /* ------- */ /* plugins */ /* ------- */ /* plugin comment : plugins.comment.maincss */ /*========================================================================= PLUGIN : COMMENTS =========================================================================*/ div.comment_avatar{ float: left; overflow: hidden; width: 100px; height: 100px; } span.comment_author{ font-weight: bold; } div.comment_content{ margin-left: 105px; overflow: hidden; } /* widget */ div.widget div.comment_content{ margin-left: 0; } /* plugin rating : plugins.rating.maincss */ /*============================================================================= PLUGIN : RATING =============================================================================*/ ul.rating_list{ height: 24px; line-height: 24px; margin-right: 10px; float: left; font-size: 10px; margin-left: 0; list-style: none; } ul.rating_list li{ float: left; width: 24px; height: 24px; } ul.rating_list label{ display: block; text-align: center; background: url(../medias/static/themes/im/rates.png) 0 0 no-repeat; cursor: pointer; } ul.rating_list input{ position: absolute; left: -9999px; } ul.rating_list li.note-off label{ background-position: 0 -24px; } p.rating_infos{ line-height: 24px; } span.rating_nb_votes, span.rating_average{ font-weight: bold; } /* plugin social : plugins.social.maincss */ /*============================================================================= PLUGIN : SOCIAL =============================================================================*/ div.share_container{ height: 24px; } div.share_twitter, div.share_fb{ float: left; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../medias/static/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { color:#000; background-color:#FFF; width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid transparent; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../medias/static/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../medias/static/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../medias/static/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../medias/static/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../medias/static/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../medias/static/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../medias/static/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../medias/static/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../medias/static/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../medias/static/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../medias/static/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../medias/static/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../medias/static/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../medias/static/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../medias/static/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../medias/static/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /*INTRODUCTION*/ div#splashscreen{ position: absolute; top: 0; left: -9999px; } p#splashscreen_link{ margin: 0; text-align: center; font-size: 1.1em; font-weight: bold; color: #000; } /*MESSAGE*/ p.fb_message{ margin-top: 1.3em; text-align: center; font-size: 1.5em; } p.fb_buttons{ margin-top: 20px; margin-bottom: 0; text-align: center; white-space: nowrap; } p.fb_buttons a{ margin: 0 10px; display: inline-block; }