tasslihorec sfaxoistadet bintestcss @font-face { font-family: 'AbrilFatface-Regular'; src: url("content.sitezoogle.com/system/fonts/AbrilFatface-Regular/AbrilFatface-Regular.eot") format("embedded-opentype"), url("content.sitezoogle.com/system/fonts/AbrilFatface-Regular/AbrilFatface-Regular.woff") format("woff"), url("content.sitezoogle.com/system/fonts/AbrilFatface-Regular/AbrilFatface-Regular.ttf") format("truetype"), url("content.sitezoogle.com/system/fonts/AbrilFatface-Regular/AbrilFatface-Regular.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: 'OpenSans'; src: url("content.sitezoogle.com/system/fonts/OpenSans/OpenSans.eot") format("embedded-opentype"), url("content.sitezoogle.com/system/fonts/OpenSans/OpenSans.woff") format("woff"), url("content.sitezoogle.com/system/fonts/OpenSans/OpenSans.ttf") format("truetype"), url("content.sitezoogle.com/system/fonts/OpenSans/OpenSans.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: 'OpenSans-Extrabold'; src: url("content.sitezoogle.com/system/fonts/OpenSans-Extrabold/OpenSans-Extrabold.eot") format("embedded-opentype"), url("content.sitezoogle.com/system/fonts/OpenSans-Extrabold/OpenSans-Extrabold.woff") format("woff"), url("content.sitezoogle.com/system/fonts/OpenSans-Extrabold/OpenSans-Extrabold.ttf") format("truetype"), url("content.sitezoogle.com/system/fonts/OpenSans-Extrabold/OpenSans-Extrabold.svg") format("svg"); font-style: normal; font-weight: normal; } #usersite-container, #usersite-container legend, #usersite-container input, #usersite-container textarea, #usersite-container button { font-size: 16px; line-height: 1.5; font-family: Lucida Grande, Tahoma, Verdana, sans-serif; font-weight: normal; text-transform: none; font-style: normal; letter-spacing: normal; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body.mobile-view #usersite-container { font-size: 12px; } body.mobile-view #usersite-container legend, body.mobile-view #usersite-container input, body.mobile-view #usersite-container textarea, body.mobile-view #usersite-container button { font-size: 12px; } } body.mobile-view #usersite-container.previewing-within-container[content-width~="<480"] { font-size: 12px; } body.mobile-view #usersite-container.previewing-within-container[content-width~="<480"] legend, body.mobile-view #usersite-container.previewing-within-container[content-width~="<480"] input, body.mobile-view #usersite-container.previewing-within-container[content-width~="<480"] textarea, body.mobile-view #usersite-container.previewing-within-container[content-width~="<480"] button { font-size: 12px; } #usersite-container .gallery_feature li { font-size: 16px; } #usersite-container #header-graphic img { vertical-align: bottom; } #usersite-container { text-align: left; } #usersite-container .main-font { font-family: Lucida Grande, Tahoma, Verdana, sans-serif; font-weight: normal; text-transform: none; font-style: normal; letter-spacing: normal; } #usersite-container .alt-font { font-family: Lucida Grande, Tahoma, Verdana, sans-serif; font-weight: normal; text-transform: none; font-style: normal; letter-spacing: normal; font-weight: bold; } #usersite-container footer .branding a { text-decoration: none; } #usersite-container, #usersite-container legend, #usersite-container button { color: black; } #usersite-container .FCK__AnchorC { color: black !important; } #usersite-container input, #usersite-container textarea { color: #333; background-color: #fff; } #usersite-container input[type="image"] { background-color: transparent; } #usersite-container .text-main, #usersite-container h1, #usersite-container h2, #usersite-container h3, #usersite-container h4, #usersite-container h5 { color: black; } #usersite-container a, #usersite-container .text-main a, #usersite-container h1 a, #usersite-container h2 a, #usersite-container h3 a, #usersite-container h4 a, #usersite-container h5 a { color: #747a85; } #usersite-container a.cart-option { border-color: #747a85; } #usersite-container .text-secondary { color: #262626; color: rgba(0, 0, 0, 0.75); } #usersite-container .text-secondary a, #usersite-container .pagination a { color: #9ca1a9; color: rgba(116, 122, 133, 0.75); } #usersite-container .text-tertiary { color: #4d4d4d; color: rgba(0, 0, 0, 0.55); } #usersite-container .text-tertiary a, #usersite-container .pagination a { color: #262626; color: rgba(0, 0, 0, 0.85); } #usersite-container .text-tertiary a:hover, #usersite-container .text-tertiary a:focus, #usersite-container .pagination a:hover, #usersite-container .pagination a:focus { color: black; } #usersite-container .bg-accent-slight, #usersite-container .bg-accent-slight-hover:hover, #usersite-container table.ui-collection tr:hover { background-color: rgba(0, 0, 0, 0.05); } #usersite-container .bg-accent { background-color: #8c8c8c; background-color: rgba(0, 0, 0, 0.2); } #usersite-container .bg-accent-heavy { background-color: gray; background-color: rgba(0, 0, 0, 0.5); } #usersite-container .bg-main { background-color: black; } #usersite-container table.underlined th, #usersite-container table.underlined td, #usersite-container table.ui-collection th, #usersite-container table.ui-collection td, #usersite-container .border-accent th, #usersite-container .border-accent td, #usersite-container .border-accent { border-color: #8c8c8c; border-color: rgba(0, 0, 0, 0.2); } #usersite-container .border-accent-embossed { border-color: #8c8c8c; border-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.35); } #usersite-container .border-accent-dark { border-color: #8c8c8c; border-color: rgba(0, 0, 0, 0.35); } #usersite-container .border-link { border-color: #747a85; border-color: rgba(116, 122, 133, 0.6); } #usersite-container .simple_form textarea, #usersite-container .simple_form input { border: 1px solid #8c8c8c; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.15); } #usersite-container .simple_form textarea:focus, #usersite-container .simple_form input:focus { border-color: #747a85; box-shadow: 0 0 4px rgba(116, 122, 133, 0.5); } #usersite-container nav#main-nav.non-mobile ul ul:before, #usersite-container nav#main-nav.non-mobile ul.horizontal ul:before { border-color: transparent transparent #747a85 transparent; } #usersite-container nav#main-nav.non-mobile ul.horizontal ul:after { border-color: #747a85 transparent transparent transparent; } #usersite-container nav#main-nav.non-mobile ul.vertical_right ul:before { border-color: transparent transparent transparent #747a85; } #usersite-container nav#main-nav.non-mobile ul.vertical_left ul:before { border-color: transparent #747a85 transparent transparent; } #usersite-container nav#main-nav.non-mobile ul ul li a:link, #usersite-container nav#main-nav.non-mobile ul ul li a:visited { background-color: #747a85; color: white; color: rgba(255, 255, 255, 0.8); } #usersite-container nav#main-nav.non-mobile ul ul li a:hover, #usersite-container nav#main-nav.non-mobile ul ul li a:focus { color: white; } #usersite-container #mobile-header .bar { color: black; } #usersite-container #mobile-header .bar a { color: black; border-color: black; } #usersite-container nav#main-nav.mobile a.top:link, #usersite-container nav#main-nav.mobile a.top:visited, #usersite-container nav#main-nav.mobile a.top:hover, #usersite-container nav#main-nav.mobile a.top:active, #usersite-container nav#main-nav.mobile ul li a:link, #usersite-container nav#main-nav.mobile ul li a:visited, #usersite-container nav#main-nav.mobile ul li a:hover, #usersite-container nav#main-nav.mobile ul li a:active { color: black; } #usersite-container .button, #usersite-container input[type="submit"], #usersite-container .text-secondary .button, #usersite-container .text-tertiary .button, #usersite-container .bg-highlight, #usersite-container a.bg-highlight { background-color: #747a85; background-color: rgba(116, 122, 133, 0.9); } #usersite-container .button, #usersite-container .button:hover, #usersite-container .button:focus, #usersite-container input[type="submit"], #usersite-container input[type="submit"]:hover, #usersite-container input[type="submit"]:focus, #usersite-container .text-secondary .button, #usersite-container .text-secondary .button:hover, #usersite-container .text-secondary .button:focus, #usersite-container .text-tertiary .button, #usersite-container .text-tertiary .button:hover, #usersite-container .text-tertiary .button:focus, #usersite-container .bg-highlight, #usersite-container .bg-highlight:hover, #usersite-container .bg-highlight:focus, #usersite-container a.bg-highlight, #usersite-container a.bg-highlight:hover, #usersite-container a.bg-highlight:focus { color: white; } #usersite-container .button:hover, #usersite-container .button:focus { background-color: #747a85; } #usersite-container .button:active { background-color: #8f949d; } #usersite-container .button.disabled:hover, #usersite-container .button.disabled:focus, #usersite-container .button[disabled]:hover, #usersite-container .button[disabled]:focus { background-color: rgba(116, 122, 133, 0.9); } #usersite-container .button.button-secondary { color: #747a85; box-shadow: inset 0 -1px 0 rgba(116, 122, 133, 0.1); border: 1px solid #8c8c8c; border: 1px solid rgba(0, 0, 0, 0.2); background-color: transparent; } #usersite-container .button.button-secondary:hover, #usersite-container .button.button-secondary:focus { background-color: rgba(255, 255, 255, 0.2); } #usersite-container .button.button-secondary:active { background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); } #usersite-container .button.button-tertiary, #usersite-container .button.button-tertiary:hover, #usersite-container .button.button-tertiary:focus { background-color: #4d4d4d; background-color: rgba(0, 0, 0, 0.55); } .oldie #usersite-container .zoogle-music-player .circle-button { color: #747a85; } #usersite-container footer .branding a { color: black; } #usersite-container #sticky-footer .music_feature .music-player.display-swmp { background-color: black; background-color: rgba(0, 0, 0, 0.95); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player-title .title { color: white; color: rgba(255, 255, 255, 0.9); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .artist { color: white; color: rgba(255, 255, 255, 0.6); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .artist span { color: white; color: rgba(255, 255, 255, 0.7); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a { color: white; } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button, #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button { background-color: transparent; background-color: rgba(255, 255, 255, 0.3); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button:hover, #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button:focus, #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button:hover, #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button:focus { background-color: rgba(255, 255, 255, 0.325); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button:active, #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button:active { background-color: rgba(255, 255, 255, 0.35); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .progress { background: #fefefe; background: rgba(255, 255, 255, 0.4); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .progress .position { background: #fdfdfd; background: rgba(255, 255, 255, 0.7); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .time { color: white; color: rgba(255, 255, 255, 0.7); } #usersite-container #sticky-footer .music_feature .music-player.display-swmp .text-tertiary { color: rgba(255, 255, 255, 0.7); } #usersite-container .my_sites .my_site_icon:hover { color: #747a85; } #usersite-container #header-wrap .layer-subtitle { font-family: 'AbrilFatface-Regular'; font-size: 20px; } #usersite-container #header-wrap .layer-subtitle span.outer { color: #ffffff; } #usersite-container #header-wrap h1#page-title.display-type-image span img { width: 100%; } #usersite-container .project-name, #usersite-container h1#page-title .outer { font-family: 'AbrilFatface-Regular'; font-weight: normal; } #usersite-container #page-root h1#page-title.display-type-text span.outer { color: #ffffff; } #usersite-container h1#page-title .outer { font-size: 58px; } #usersite-container h1#page-title.display-type-text span.outer { color: #ffffff; } #usersite-container h1#page-title.display-type-image span.outer, #usersite-container h1#page-title.display-type-none span.outer { font-size: 0; } #usersite-container h1#page-title.display-type-none span { display: none; } #usersite-container h1#cart-title { font-family: 'OpenSans-Extrabold'; } #usersite-container #title-wrap h1#page-title.display-type-image span, #usersite-container #title-wrap h1#page-title.display-type-image span img { width: 100%; } #usersite-container #page-root nav#main-nav { font-size: 15px; } #usersite-container #page-root nav#main-nav ul ul { font-size: 12px; } #usersite-container #page-root nav#main-nav.non-mobile { font-size: 15px; } #usersite-container #page-root nav#main-nav.non-mobile ul ul { font-size: 12px; } #usersite-container nav#main-nav { font-family: 'OpenSans'; } #usersite-container nav#main-nav.mobile ul.mobile { padding-bottom: 10em; } #usersite-container #toggle-mobile-menu a, #usersite-container nav#main-nav.non-mobile a.top { color: #ffffff !important; } #usersite-container #toggle-mobile-menu a:hover, #usersite-container nav#main-nav.non-mobile a.top:hover { color: #ffffff !important; } #usersite-container #page-root .subtitle-wrap { font-family: 'OpenSans-Extrabold'; font-size: 23px; color: #747a85; letter-spacing: normal; font-weight: normal; text-transform: none; font-style: normal; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body.mobile-view #usersite-container #container-wrap .subtitle-wrap { font-size: 17.25px; } } body.mobile-view #usersite-container.previewing-within-container[content-width~="<480"] #container-wrap .subtitle-wrap { font-size: 17.25px; }