/* -------------------------------------------------------------- * screen.css - TGiWP 1.0 - Base Framework CSS * @type: Reset * @year: 2010 * @author: PG --------------------------------------------------------------- */ /* Resets default browser CSS. --------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; line-height:normal; font-weight:inherit; font-size:100%; font-style:inherit; font-family:inherit; vertical-align:baseline; } body { line-height:1.25em } :focus { outline:none } /* Remove annoying border on linked images. */ a img { border:none } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:separate; border-spacing:0 } caption, th, td { text-align:left; font-weight:normal } table, td, th { vertical-align:top } /* remove the blockquote " " */ blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } /* Headings --------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #333; line-height:1.25em; margin-bottom:1em } h1 { font-size:2em } h2 { font-size:1.7em } h3 { font-size:1.5em } h4 { font-size:1.3em } h5 { font-size:1.1em } h6 { font-size:1em } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0 } /* Text elements --------------------------------------------------------------- */ p { margin:0 0 1.5em; line-height:1.15em } p img.left { margin:0.25em 1.5em 1.5em 0; padding:0 } p img.right { margin:0.25em 0 1.5em 1.5em; padding:0 } a:hover { color: #000 } a { color: #009; text-decoration: underline } hr { border:none 0; height:0px; color:#fff; background-color:#fff; display:none } blockquote { margin:1.5em; color:#666; font-style:italic } strong { font-weight:bold } em,dfn { font-style:italic } dfn { font-weight:bold } sup, sub { line-height:0 } abbr, acronym { border-bottom:1px dotted #666 } address { margin:0 0 1.5em; font-weight:bold; font-style:normal; color:#666 } del { color:#666 } pre,code { margin:1.5em 0; white-space:pre } pre,code,tt { font:11px 'andale mono', 'lucida console', monospace; line-height:1.5em } /* Lists --------------------------------------------------------------- */ li ul, li ol { margin:0 0 0 1.5em } ul, ol { margin:0 0 1.5em 1.5em } ul { list-style-type:disc } ol { list-style-type:decimal } dl { margin:0 0 1.5em 0 } dl dt { font-weight:bold } dd { margin-left:1.5em } /* Tables --------------------------------------------------------------- */ table { margin-bottom:1.4em; width:100%; text-align:left } th { font-weight:bold; background:#C3D9FF } th,td { padding:4px 10px 4px 5px } tr.even td { background:#E5ECF9 } tfoot { font-style:italic } caption { background:#eee } /* -------------------------------------------------------------- * screen.css - TGiWP 1.0 - Base Framework CSS * @type: Screen * @year: 2010 * @author: PG --------------------------------------------------------------- */ /* globalClass --------------------------------------------------------------- */ body .hide { display:none } body .seoTweak { position:absolute; top:-999999px; left:-9999999px } body .right { float:right } body .left { float:left } body .clear { clear:both } body .txtRight { text-align:right } body .txtLeft { text-align:left } body .txtCenter { text-align:center } body .noMargin { margin:0 } body .noPadding { padding:0 } body .bold { font-weight:bold } body .italic { font-style:italic } body .normal { font-style:normal } body .top { margin-top:0 } body .bottom { margin-bottom:0 } body .noBorder { border:none } body .noIcon { background:none; padding:0; margin:0 } body .noFloat { float:none } body .noBg { background:none } body .noBullets { list-style-type:none } body .debug { position:absolute; top:0; right:0; padding:15px; background-color:#ff0000; color:#fff; font-size:15px; font-weight:bold; z-index:100000000 } body .debug a, body .debug div { font-size:12px; color:#fff } /* Success, notice and error boxes -------------------------------------------------------------- */ body .error, body .notice, body .success { padding:1em; margin-bottom:1em; border: 2px solid #ddd; text-align:center } body .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 } body .notice { background: #FFF6BF; color: #514721; border-color: #FFD324 } body .success { background: #E6EFC2; color: #264409; border-color: #C6D880 } body .error a { color: #8a1f11 } body .notice a { color: #514721 } body .success a { color: #264409 } /* Wordpress elements --------------------------------------------------------------- */ img.alignleft { margin:0.25em 1em 1em 0; padding:0; float:left } img.alignright { margin:0.25em 0 1em 1em; padding:0; float:right } body .spacer_ { clear:both } /* -------------------------------------------------------------- * screen.css - Guide Organisateur * @type: Screen * @langue: Commun --------------------------------------------------------------- */ /* Default setting. --------------------------------------------------------------- */ body { background:#060606; font-family:Arial, sans-serif; font-size:12px; line-height:1.5em; color:#ffffff } #container { background:#424242 url(img/bg_body_repeat.jpg) repeat-x } a { color:#07617a; text-decoration:none; font-weight:normal } a:hover { color:#ffffff; text-decoration:underline } hr { display:block; height:1px; background:none; overflow:hidden; clear:both; margin-bottom:2em; border-top:#707070 dotted 1px } p img { border:#707070 solid 1px } /* title / heading --------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#ffffff; font-family:"Trebuchet MS", sans-serif } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#cf9b2d } h1 a:hover,h2 a:hover,h3 a:hover, h4 a:hover,h5 a:hover,h6 a:hover { color:#ffffff } h1 { text-transform:uppercase; font-size:1.5em; font-weight:normal; padding-bottom:0.3em; margin-bottom:0.7em; border-bottom:#707070 dotted 1px; clear:both } h2 { padding-bottom:0; margin-bottom:0.5em; font-size:2em; clear:both } h3 { padding-bottom:0; margin-bottom:0.5em; font-size:1.5em; clear:both } h4 { margin-top:1.5em; font-weight:bold; color:#cf9b2d; clear:both } address { width:300px; margin:0 0 2em; line-height:1.5em; font-weight:normal; font-style:normal; color:#ffffff } small { color:#a88470; display:block; text-transform:uppercase; margin-bottom:0.5em } /* button / links --------------------------------------------------------------- */ .btn_plus { background:url(img/btn_plus.png) no-repeat; display:block; width:75px; height:20px; float:right; margin-top:0.8em; padding:8px 30px 0 25px; font-size:0.8em; text-transform:uppercase; font-weight:normal; color:#ffffff } .btn_plus:hover { color:#ffffff; text-decoration:underline } .btn_back { background:url(img/btn_back.png) no-repeat; display:block; width:63px; height:20px; margin-top:0.8em; padding:6px 20px 2px 45px; font-size:0.8em; text-transform:uppercase; font-weight:normal; color:#ffffff } .btn_back:hover { color:#ffffff } .txt_link { background:url(img/yellow_arrow.png) right 4px no-repeat; padding:0 20px 0 0; margin:0; color:#07617a; font-size:14px; text-transform:none; font-weight:normal } .txt_link:hover { color:#ffffff; text-decoration:underline } .btn_google { background:url(img/btn_google.png) no-repeat; display:block; width:100px; height:40px; margin-top:2empx; padding:7px 0 0 40px; font-size:0.9em; text-transform:uppercase; font-weight:normal; color:#cf9b2d } /* header --------------------------------------------------------------- */ #header { background:url(img/bg_header.png) top repeat-x; height:51px; padding:2px 0 0 0; position:fixed; top:0; width:100%; z-index:10001 } #logo_header { margin:0; padding:0; display:block; width:255px; height:40px } #logo_header a img { display:block; width:255px; height:40px } /* topMenu --------------------------------------------------------------- */ #topMenu { width:100%; position:fixed; top:6px; left:0; z-index:10002 } #topMenu ul { margin:0; padding:10px 0; text-align:right; } #topMenu li { display:inline; padding:0 10px; color:#ffffff } #topMenu li img {vertical-align: middle;margin-left: 5px; margin-top: -5px;} #topMenu a { font-size:0.9em; font-weight:normal; text-transform:uppercase; font-family:"Trebuchet MS", sans-serif; color:#ffffff } #topMenu a:hover { color:#cf9b2d; text-decoration:none; } /* mainMenu --------------------------------------------------------------- */ #mainMenu { width:100%; position:absolute; top:55px; left:0; } #mainMenu .wrapper { background:#131011; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:visible } #mainMenu ul { width:955px; margin:0; padding:0; text-align:center; overflow:hidden } #mainMenu li { background:url(img/border_mainMenu.png) right top no-repeat; display:block; float:left; width:165px; height:36px; padding:0 15px 0 10px; color:#ffffff } #mainMenu a { display:block; padding:10px 0 7px; font-size:0.9em; font-weight:normal; text-transform:uppercase; font-family:"Trebuchet MS", sans-serif; color:#ffffff } #mainMenu a:hover { color:#cf9b2d; text-decoration:none } #mainMenu li ul { position:absolute; width:175px; margin-left:-5px; padding:0; text-align:center; background:#131011; display:none } #mainMenu li ul li { background:none; float:none; display:block; width:175px; height:36px; text-align:center; margin:0; padding:0; color:#ffffff } #mainMenu li:hover ul { display:block } #mainMenu .page-item-1798 { background:none } #mainMenu .page-item-10 a, #mainMenu .page-item-12 a, #mainMenu .page-item-1798 a { background:url(img/arrow_mainMenu.png) center bottom no-repeat } #mainMenu .page_item li a { background:none; color:#ffffff } #mainMenu .page_item li a:hover { color:#cf9b2d } /* content --------------------------------------------------------------- */ #content { background:url(img/bg_body.jpg) center top no-repeat; padding:100px 0 20px } .wrapper { width:955px; margin:0 auto; padding:0; overflow:hidden } #topContent { } #topContent .wrapper { margin-bottom:40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px } #mainContent { } #mainContent .wrapper { } #bottomContent { } #bottomContent .wrapper { background:#060606; padding:15px 0; margin-bottom:5px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px } #topBanner { padding:15px 0 } .columnX { width:718px; margin:0; float:left; overflow:hidden } .columnX p { color:#ffffff; line-height:1.5em; margin-bottom:2em } .columnX strong { color:#cf9b2d; font-weight:bold } .columnX li { color:#ffffff; line-height:1.5em } .columnA { width:230px; margin:0 5px 0 0; float:left; overflow:hidden } .columnB { width:485px; margin:0 0 0 0; float:left; overflow:hidden } .columnC { width:230px; margin:0 0 5px 0; float:right; overflow:hidden } .topBanner { background:#333333; width:468px; height:60px; margin:0 auto } .bottomBanner { background:#333333; width:728px; height:90px; margin:0 auto } .squareBanner { background:#333333; width:200px; height:200px; margin:15px auto 0; } .box { background:#060606; padding:15px; margin-bottom:8px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px } .box.small { min-height:125px } .box.big { height:445px } .columnX .box { padding:35px 25px } .yellow { color:#cf9b2d } .intro_holder { overflow:hidden; clear:both } .intro_holder div { width:275px; padding:25px } .intro_holder p a { font-weight:bold } .bottom_holder { overflow:hidden; clear:both } .bottom_holder div { width:300px; padding:0 0 25px } .bottom_holder .right { padding-left:25px } .bottom_holder .left { padding-right:25px } .bottom_holder p { margin-bottom:0 } .pdf { background:url(img/pdf_30x40.png) no-repeat; display:block; padding:15px 0 15px 40px } .bottom { overflow:hidden; clear:both; padding-top:25px; border-top:#707070 dotted 1px } .bottom h4 { margin-top:0 } .bottom p { margin-bottom:0 } .bottom a { background:url(img/yellow_arrow.png) left 1px no-repeat; padding:0 10px 0 20px; margin:0; color:#cf9b2d; font-weight:normal } .bottom a:hover { color:#ffffff; text-decoration:underline } .bottom span { color:#ffffff } #post-1125 .bottom_holder, #post-1125 .bottom { display:none } #post-1125 p { margin-bottom:1em } #post-1125 h4 { margin-bottom:0 } .page-id-53 h4 { padding-top:1.5em; border-bottom:#707070 dotted 1px } #sitemap_list li { line-height:2em } #sitemap_list li li { list-style-type:circle } /* Liste fiche --------------------------------------------------------------- */ #liste_fiche_modif { padding-top:30px } #liste_fiche_modif ul { list-style-type:none; margin-left:0 } #liste_fiche_modif h1 { font-size:1.1em } #liste_fiche_modif a { background:url(img/yellow_arrow.png) left 3px no-repeat; padding:0 0 0 20px; margin:0 0 20px; color:#07617a; font-size:1.2em; font-weight:normal; display:block } #liste_fiche_modif a:hover { color:#ffffff; text-decoration:underline } /* p_home --------------------------------------------------------------- */ #p_home h2 { font-size:1.2em; margin-bottom:0.5em; font-family:Arial, sans-serif } #p_home h3 { text-transform:uppercase; font-size:1.5em; font-weight:normal; padding-bottom:0.3em; margin-bottom:0.7em; border-bottom:#707070 dotted 1px } #slideshow_holder { background:url(img/slideshow_holder.png) no-repeat top right; width:955px; height:218px; overflow:hidden } #p_home #slideshow { position:relative; width:610px; height:218px; overflow:hidden } #p_home #slideshow div { float:left; position:absolute; margin:0; padding:0; display:none } #p_home #slideshow div.1 { display:block } #p_home #content { background:url(img/bg_body_home.jpg) center top no-repeat } #p_home .columnX { width:720px; margin:0; float:left; overflow:hidden } #p_home #simplesearch { min-height:125px } #p_home .txt_link { float:right } #p_home .box { margin-bottom:5px; padding:15px } #nouvelles { clear:both; min-height:150px; position:relative } #nouvelles .txt_link { position:absolute; top:15px; right:15px } #nouvelles .news_holder { width:45%; padding-right:30px } #nouvelles .news_holder p { margin-bottom:0; display:inline } #vedettes h3 { border:none; margin:0 } #vedettes .news_holder { border-top:#707070 dotted 1px; padding:15px 0 22px } #vedettes .news_holder h2 { margin-bottom:15px } #vedettes .news_holder img { float:left; margin-top:3px } #vedettes .news_holder p { float:right; width:330px; margin-bottom:1.8em } #vedettes .news_holder .btn_plus { clear:both } .news_holder { overflow:hidden } .news_more { color:#07617a; text-decoration:underline; font-weight:normal } .news_more:hover { color:#ffffff; text-decoration:none } #inscription p { color:#cf9b2d; font-size:1.2em; line-height:1.2em; margin:0.9em 0; padding:0 } #sortiesdegroupe h3 { font-size:1.2em; margin-bottom:1.8em } #sortiesdegroupe a { background:url(img/link_sortiesdegroupe.png) no-repeat; display:block; width:200px; height:35px } #p_home #simplesearch form { margin:1.5em 0 1em } /* p_news --------------------------------------------------------------- */ #p_news .news_liste { list-style-type:none } #p_news .news_holder { display:block; padding:1.5em 0; border-bottom:#707070 dotted 1px } #p_news .news_holder div { display:block; padding:15px; overflow:hidden } #p_news .news_holder div:hover { background:#333333 } #p_news .news_holder h2 { font-size:1.5em; margin-bottom:0 } #p_news .news_holder p, #p_news .news_holder small { margin-bottom:1em } #p_news h1 { margin-bottom:0 } #p_news .news_more { clear:both } #p_news .news_holder img { margin:0.5em 1.5em 1.5em 0; padding:0; float:left } #p_news small { margin:0.7em 0 2em } #p_news .simple_liste { float:left; display:block; width:300px; margin-right:25px } #p_news .simple_liste a { color:#07617a; text-decoration:underline; font-weight:normal } #p_news .simple_liste a:hover { color:#ffffff; text-decoration:none } #p_news .simple_liste small { margin-top:0 } /* breadcrumbs --------------------------------------------------------------- */ #breadcrumbs { color:#cf9b2d; text-transform:uppercase; font-size:12px; font-weight:bold; padding:15px } #breadcrumbs a { color:#ffffff; text-transform:uppercase; font-size:12px; font-weight:bold } /* p_search --------------------------------------------------------------- */ #p_search h1 { margin-bottom:5px } #liste_results { list-style-type:none } #liste_results .results { display:block; padding:1.5em 0; border-bottom:#707070 dotted 1px } .result_holder { display:block; padding:15px; overflow:hidden } .result_holder:hover { background:#333333; } .result_holder h2 { font-size:1.5em; margin:0 0 15px } .result_holder small span { color:#ffffff } .result_holder small { float:right } .result_holder img { float:left; margin:0 20px 0 0 } .noResults { padding:1.5em 0 } .total_result { text-align:right; position:absolute; display:block; width:668px } .txt_result { display:block; overflow:hidden } .txt_result h4 { margin:0 0 5px; font-size:1.1em; color:#07617a } .txt_result li { width:400px } /* sidebar simplesearch --------------------------------------------------------------- */ #sidebar .title { display:none } #sidebar #rightBanner { margin-bottom:0; padding:0 15px 15px } #simplesearch form { background:url(img/simplesearch.png) no-repeat; display:block; width:200px; height:25px; margin:1em 0 0.5em; overflow:hidden } #simplesearch label { display:none } #simplesearch input { background:none; border:none; display:inline; margin:0 } #simplesearch .txt_link { float:right; color:#cf9b2d } #simplesearch .txt_link:hover { color:#ffffff } #s_search { width:135px; height:25px; padding:0 15px } #s_searchsubmit { width:30px; height:25px; padding:0; cursor:pointer; text-indent:-99999px } /* fiche fournisseur --------------------------------------------------------------- */ #fiche { position:relative } #fiche h4 { margin-top:0 } .fiche_top { padding:0px 0 15px; margin-bottom:1em; border-bottom:#707070 dotted 1px; overflow:hidden; } .fiche_bottom { padding:0px 0 15px; overflow:hidden } #fiche a { text-decoration:underline;color:#07617A !important;font-size:12px; } #fiche a:hover { text-decoration:underline;color:#fff !important; } #fiche .left { width:50%;float:left;padding-right:5%; } #fiche .right { width:45%;float:left; } #fiche .left p, #fiche .right p { margin:0 0 15px 0;padding:0;} .friend { /*position:absolute; top:39px; right:25px*/ } #fiche_slideshow { position:relative; display:block; width:250px; height:175px } #fiche_slideshow div { background:#333333; display:block; width:250px; height:175px; overflow:hidden; position:absolute; top:0; display:none } #control_slideshow { margin:5px 0 0 0; padding:0; list-style:none } #control_slideshow a { display:inline; padding:0 8px 0 5px } #control_slideshow a.current { color:#cf9b2d } /* footer --------------------------------------------------------------- */ #footer { background:#060606; padding:20px 0 15px; text-align:center } #footer .wrapper { position:relative } #footer small { color:#ffffff; display:block; padding:1.5em 0 0; text-align:center } #footer ul { width:100%; font-size:0.9em; margin:0; padding:0 0 5px; text-align:center; font-family:"Trebuchet MS", sans-serif } #footer li { display:inline; padding:0 13px 0 10px; border-right:#ffffff solid 1px } #footer li a { font-weight:normal; text-transform:uppercase; color:#ffffff } #footer li a:hover { color:; text-decoration:none } #footer .page-item-print, #footer .page-item-1798 { border:none } #logo_footer_satq { position:absolute; top:0; left:0 } #logo_footer_festivals { position:absolute; top:0; right:0 } /* Wordpress elements --------------------------------------------------------------- */ img.alignleft { margin:0.5em 3em 3em 1.5em; padding:0; float:left } img.alignright { margin:0.5em 1.5em 3em 3em; padding:0; float:right } .spacer_ { clear:both } img.wp-image-1814, img.wp-image-1908 { margin-bottom:6em } .linkcat { list-style:none } .linkcat h2 { text-transform:uppercase; font-size:1.5em; font-weight:normal; padding-bottom:0.3em; margin-bottom:0.7em; border-bottom:#707070 dotted 1px } .wp-image-1900 { border:none } #li--18items label { width:50px} /* Wordpress advanced search --------------------------------------------------------------- */ .searchform-label { display:block; float:left; width:35%; overflow:hidden; font-size:1.2em; font-family:sans-serif; font-weight:bold; padding-top:4px; color:#cf9b2d } .searchform-input-wrapper { display:block; float:left; text-align:right; width:60% } .searchform-input-wrapper .radio-button-wrapper input { float:left } #p_advsearch .searchform-input-wrapper input.cs-all-0 { width:395px } #p_advsearch .searchform-input-wrapper select { width:399px } .searchform-param { clear:left } .searchform-params { clear:left; overflow:hidden } .searchform-controls { clear:left; text-align:right } .searchform-spoiler { width:100%; text-align:center; size:0.5em; opacity:50%; margin:5px } .DropDownField, .TextField { margin:10px 0; clear:both; overflow:hidden } .RadioButton { margin-bottom:30px; clear:both; overflow:hidden } .searchform-controls { margin:10px 30px 15px; clear:both; overflow:hidden } .searchform-params .TextField .searchform-input-wrapper input { width:395px } .RadioButton .searchform-input-wrapper { display:block; text-align:left; width:99%; overflow:hidden } .RadioButton .radio-button-wrapper { display:block; width:300px; margin:20px 25px 0 0; float:left; overflow:hidden } .RadioButton .radio-button-wrapper input { display:block; float:left; width:25px; margin:0; padding:0 } .RadioButton .radio-button-wrapper label { display:block; float:left; width:275px; margin:0; padding:0; font-size:12px; font-family:Tahoma, sans-serif } .linklove { display:none } #li--18 label { float:right; width:450px} #li--18 label span { width:450px} /* Inscription form --------------------------------------------------------------- */ .tdomf_form { margin:30px 15px 15px 15px; width:515px; } .tdomf_form fieldset, .tdomf_form2 fieldset { margin-top:10px; padding:5px 0 5px 0; border:none; } body .tdomf_form fieldset legend, body .tdomf_form2 fieldset legend { margin:0 0 15px; padding:0 0 5px 0; font:normal 1.2em Trebuchet, sans-serif; color: #CF9B2D; border-bottom:1px dotted #707070; width:100%; } span.reqtxt, span.emailreqtxt { color:#aaa; display:block; font-size:0.8em; line-height:1.2em; margin:7px 15px 0 0; text-align:right; vertical-align:top; } body .tdomf_form label, body .tdomf_form .required { color:#fff; display:inline-block; margin:4px 10px 0 0; text-align:left; vertical-align:top; width:150px; font-weight:normal } .tdomf_form input, .tdomf_form textarea, .tdomf_form select { padding:3px; border:1px solid #aaa; font:0.9em Trebuchet MS,sans-serif; color:#333; background:#fff; vertical-align:top; } .tdomf_form input:hover, .tdomf_form textarea:hover, .tdomf_form select:hover { border: 1px solid #FFCC00; background:#ffeebb; } .tdomf_form input:focus, .tdomf_form textarea:focus, .tdomf_form select:focus { border: 1px solid #FFCC00; background:#fff; } .tdomf_form textarea, .tdomf_form input { width:338px; } .tdomf_form select { width:346px; /* attempt to have equal length */ } .tdomf_form select.cfselectmulti { height:7.5em; } .tdomf_form textarea { font-family: arial; font-size: 0.9em; overflow:auto; } .tdomf_buttons { margin:15px 0 0 0; padding:10px 0 0 0; border-top:#707070 dotted 1px; text-align:right } input.tdomf_form_send { width:auto; padding:2px 1em; margin:0; font-size:0.8em; background:#fff url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; cursor:pointer; float:right } input.tdomf_form_send2 { width:auto; padding:2px 1em; margin:0; font-size:0.8em; background:#fff url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; cursor:pointer; float:left } .user_info { margin:0; padding:0 } #login_form { padding:0 0 20px } #login_form h2 { display:none } #login_form .pagenav { list-style-type:none } .tdomf_form .tdomf_form_message { padding:80px 0 20px 0 } /* Abonnement / partager / commande form --------------------------------------------------------------- */ /* */ /* main 'top-level' form elements */ /* */ @import "calendar.css"; .cform { margin:15px; width: 515px; } .cform fieldset { margin-top:30px; padding:5px 0 5px 0; border:none; } .cform .cf_hidden { display:none; border:none!important; background:none!important; padding:0!important; margin:0!important; } .cform legend { margin:0; padding:0; font:normal 1.2em Trebuchet, sans-serif; color: #CF9B2D; } ol.cf-ol { margin:0!important; padding:15px 0 0 0!important; border-top:#707070 dotted 1px; } ol.cf-ol li { background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/ padding:0; list-style:none!important; text-align:left; line-height:1.1em; } /* */ /* just for text-only fields (no input) */ /* */ ol.cf-ol li.textonly { color:#fff; font-size:1em; letter-spacing:2px; margin:12px 0pt !important; padding:0pt 0pt 0pt 100px; } /* */ /* global definitions for field labels */ /* */ .cform label { width:150px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; color: #fff; font:1em; } .cform label span { width:150px; /* must be the same as above!*/ display:block; } label.cf-before { margin:4px 10px 0 0; } label.cf-after { margin:4px 2px 0pt 15px; text-align:left; width:350px; } label.cf-after span { display:block; width:350px; font-size:0.8em } label.cf-group-after { margin:4px 0 0 2px; width:60px; text-align:left; } label.cf-group-after span { width:60px; display:block; } /* */ /* FORM FIELDS general formatting */ /* */ .cform input, .cform textarea, .cform select { padding:3px; border:1px solid #aaa; font:0.9em Trebuchet MS,sans-serif; color:#333; background:#fff; vertical-align:top; } .cform input:hover, .cform textarea:hover, .cform select:hover { border: 1px solid #FFCC00; background:#ffeebb; } .cform input:focus, .cform textarea:focus, .cform select:focus { border: 1px solid #FFCC00; background:#fff; } .cform textarea, .cform input { width:338px; } .cform select { width:346px; /* attempt to have equal length */ } .cform select.cfselectmulti { height:7.5em; } .cform textarea { font-family: arial; font-size: 0.9em; overflow:auto; } /* */ /* formatting for text: "(required)" & other */ /* */ span.reqtxt, span.emailreqtxt { margin:7px 15px 15px 0; display: block; vertical-align:top; text-align:right; color: #aaa; font-size:0.8em; line-height:1.2em; } /* */ /* radio button title */ /* */ ol.cf-ol li.cf-box-title { color:#888888; font-size:1em; letter-spacing:2px; margin:12px 0pt 0 !important; padding:0pt 0pt 0pt 100px; } /* */ /* check boxes */ /* */ input.cf-box-a, input.cf-box-b { margin:1px 0 0 0; width:16px; height:22px; border:none!important; background:none!important; } input.cf-box-a { margin-left:115px; /* check with label 'width' incl. */ } /* */ /* check box groups */ /* */ ol.cf-ol li.cf-box-group { padding: 0 0 5px 100px; } /* */ /* FORM submit button */ /* */ p.cf-sb { margin:15px 0 0 0; padding:15px 10px 0pt 0pt !important; border-top:#707070 dotted 1px; text-align:right; } .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton, .loginbutton { width:auto; padding:2px 1em; margin: 0; font-size:0.8em; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; cursor:pointer } .loginbutton { background:#fff; margin: 15px 5px; } .loginbutton:hover { background:#ffeebb; } .cform input.resetbutton { margin: 0 5px 0 0; } .cform input.backbutton { margin: 0 5px 0 0; } /* */ /* FORM FIELDS enhanced error display */ /* */ ol.cf-ol li.cf_li_err { padding:5px 0!important; margin:5px 0!important; } ol.cf-ol li ul.cf_li_text_err { margin:0 0 0 10px; padding:0; color:red; } ol.cf-ol ul.cf_li_text_err li { list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:150px; color:red; } ol.cf-ol ul.cf_li_text_err li:before { content:''; } /* */ /* 'visitor verification' related styles */ /* */ label.secq, label.seccap { vertical-align:text-bottom; margin-bottom:4px; } input.secinput { vertical-align:text-bottom; } #cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height:15px; width:100px; padding: 4px 4px; margin: 0; vertical-align:text-bottom; } img.captcha { vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important; } img.captcha-reset { vertical-align:text-bottom; background: url(captcha_reset_white.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none; } img.imgcalendar { border:none; } /* */ /* change formatting of response msgs here */ /* */ div.cf_info { color:#333; display:none; padding:10px 15px!important; width:470px; line-height:1.3em; margin:15px; } div.cf_info ol { margin:0; padding:5px 15px 0 30px; } div.cf_info ol li { padding:1px 0; margin:2px 0; } div.cf_info a { color:red!important; text-decoration:underline!important; } div.success { background:#F9F9F9 none repeat scroll 0%; color:#264409; display:block; } div.failure { display:block; background:#111; color:red!important; } div.waiting { background:#F9F9F9; color:#AAAAAA; display:block; } /* */ /* formatting for invalid user inputs */ /* */ .cform .cf_error { color:red; border:1px solid #FF0000; } div.mailerr { display:block; } .mailerr, .cform .cf_errortxt { color:red; } /* */ /* change formatting of response msgs here */ /* */ p.cf_info { margin:10px 0; text-align:center; } p.success { color:green; } p.failure { color:red; } /* */ /* disabled fields [disabled] does not work on IE! */ /* */ [disabled] { color:#dddddd; border-color:#dddddd!important; background:none!important; } .disabled { border-color:#dddddd!important; } /* */ /* upload box styling */ /* */ .cform input.cf_upload { width:220px; background: #f9f9f9; border:1px solid #888888; } /* */ /* Other: link love */ /* */ .linklove { margin:6px auto 10px !important; padding:0pt 6px 0pt 0pt !important; text-align:right; width:410px; } .linklove a, .linklove a:visited { font-size: 0.8em; font-family: Tahoma; color:#aaaaaa!important; } /* */ /* Other: browser hacks */ /* */ *+html ol.cf-ol, *+html ol.cf-ol li { display: inline-block; /*for ie7*/ } * html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block; } * html .cform legend { position:absolute; left: -8px; top:0; margin-left:0; } *+html .cform legend { position:absolute; left: -8px; top:0; margin-left:0; } * html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; } *+html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; } * html img.captcha { margin-bottom:1px!important; } *+html img.captcha { margin-bottom:1px!important; } #li--19 { padding:20px 0; } #legend li { margin:0 0 10px 0;padding:0; } .clear { clear:both; } .color1 { color:#cf9b2d; }