/*---------------------------------------------------------- Main CSS Main styles for all the website Project: My Project Author: My Name Summary : Reset styles Layout General layout Column container Common column settings 1 column (full page) settings 2 column (double page) settings 2 column settings 3 column settings Debug (comment/delete it when your layout is ok) Commons layout components Branding Skip navigation Main navigation Additional navigation Breadcrumb Commons website items Form elements Main page layout components Block 1 Block 2 Block 3 IE Patches (PNG fix, hasLayout triggers, etc.) ----------------------------------------------------------*/ /* ================================ * !Reset styles * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded ) * ================================*/ /* nom et prenom de adresse liv invisibles : à retirer pour mise en prod de nom / prenom dans adresse livraison */ /*#ctl00_ContentPlaceHolder1_txtNewAdress_nom, #ctl00_ContentPlaceHolder1_txtNewAdress_prenom, #ctl00_ContentPlaceHolder1_Label2, #ctl00_ContentPlaceHolder1_Label1 { display:none;}*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:1px dotted; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } html { background:#FFF; font-family:Arial, Helvetica, sans-serif; } body { color:#000; font-size:10px; line-height:normal; } /* ================================ * !Layout * ================================*/ /* * !General layout * Using Perfect multi-column CSS liquid layouts ( http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts ) */ body { background:#FFF url(images/268/back.png) repeat-x; } #col1wrap { float:left; width:80%; } #colmenu { float:left; width:20%; } /* * !Commons layout components */ /* !Header */ #header { background:url(http://www.themisweb.fr/rodwebshoppsg/DifferentesCss/images/268/header_billetterie.jpg) no-repeat 100% 0; height:390px; } #ctl00_imgBanner { display:none; } /* !Account */ #divLogin {font-size:1.3em; font-weight:bold; left:500px; position:absolute; top:250px;padding: 5px 5px; } #divLogin .lbloginEmail { font-size:0.8em; } /*Page 1*/ #ctl00_ContentPlaceHolder1_lbemail {display:none;} #ctl00_ContentPlaceHolder1_Txtemail {display:none;} #ctl00_ContentPlaceHolder1_LoginUpdate, #ctl00_ContentPlaceHolder1_tableLogin { margin: 0 auto; padding: 5px 5px; width: 500px; font-size: 1.2em; background: #E3EFFB; } #ctl00_ContentPlaceHolder1_tableLogin .tr{ background: #E3EFFB; } /*Page 2*/ #ctl00_ContentPlaceHolder1_LoginUpdate{ margin: 0 auto; width: 300; } #tblCreateLogin{ margin: 0 auto; width: 300px; font-size: 1.2em; } #tblCreateLogin .tr{ background: background:#E3EFFB; } .cssinfo{ font-size: 1.3em; font-weight: bold; } /* !Map Site */ #divMapSite { left:1%; position:absolute; top:240px;} /* !Footer */ #footer { clear:both; padding:10px; } #footer li { border-left:1px solid #C0D4EC; float:left; margin-left:5px; padding-left:5px; } #footer li:first-child { display:none; } #footer .labelCopyright { clear:both; color:#96B6DD; display:block; text-align:right; } /* ================================ * !Commons website items * ================================*/ hr { display:none; } a, a:visited { color:#0047AB; } a:hover, a:active { text-decoration:none; } /* * !Form elements */ input { } select { } /* ================================ * !Layout components * ================================*/ /* * !Filter */ #TopListeManif { background:#E3EFFB; font-size:12px; margin:2%; padding:1%; } #TopListeManif .labels { margin-right:10px; } /* * !Ticketing */ #ctl00_ContentPlaceHolder1_UpdatePanelListeManif table { border-collapse:collapse; margin:10px 2%; width:96%; } /* !Month */ #ctl00_ContentPlaceHolder1_UpdatePanelListeManif .EnteteMois { color:#D90329; font-size:16px; font-weight:bold; } #ctl00_ContentPlaceHolder1_UpdatePanelListeManif .EnteteMois td { padding:10px; vertical-align:middle; } /* !Event */ #ctl00_ContentPlaceHolder1_UpdatePanelListeManif .nommaniftr td { background:#E3EFFB; border-bottom:10px solid #FFF; color:#0048A7; font-size:10px; height:110px; padding:0 10px; text-align:center; vertical-align:middle; } #ctl00_ContentPlaceHolder1_UpdatePanelListeManif .nommaniftr .NomManif { font-size:22px; font-weight:bold; text-align:left; width:50%; } #ctl00_ContentPlaceHolder1_UpdatePanelListeManif .nommaniftr .lienvente, #ctl00_ContentPlaceHolder1_UpdatePanelListeManif .nommaniftr .EnVenteAPartirDe { width:auto; } .lienvente a { background:url(http://www.themisweb.fr/rodwebshoppsg/DifferentesCss/images/268/reserve.png) no-repeat; display:block; height:25px; margin:0 auto; text-indent:-1000em; width:102px; } /* !Date */ .date { color:#0048A7; display:block; font-size:12px; left:115px; margin-top:-50px; position:absolute; } /* * !Menu */ #ctl00_MenuNavig { margin-top:10px; text-align:center; width:100%; } #ctl00_MenuNavign0 { display:none; } #ctl00_MenuNavign1 { font-size:12px; } .ctl00_MenuNavig_1 { margin:0 !important; } /* * !Place choice */ .tableglobalechoixseance { background:#E3EFFB; margin:2%; width:96%; } .tableglobalechoixseance td { color:#0048A7; font-size:12px; padding:10px; vertical-align:middle; } .tableglobalechoixseance th { padding:2px 10px; } .tableglobalechoixseance br { display:none; } .tableglobalechoixseance table { margin:1%; } .tableglobalechoixseance table th { background:#C0D4EC; } .tableglobalechoixseance table th, .tableglobalechoixseance table td { border:1px solid #C0D4EC; } #ctl00_ContentPlaceHolder1_lblManif { color:#0048A7; font-size:22px; font-weight:bold; } #ctl00_ContentPlaceHolder1_lblTitreTotalNbr { display:block; text-align:right; } #ctl00_ContentPlaceHolder1_lblTitreTotal, #ctl00_ContentPlaceHolder1_lblTotal, #ctl00_ContentPlaceHolder1_lblTitreTotalNbr, #ctl00_ContentPlaceHolder1_lblTotalNbr { font-size:15px; font-weight:bold; } .tableglobalechoixseance .lbcommentairetarifs { font-size:15px; font-weight:bold; } #ctl00_ContentPlaceHolder1_lbChoixPlacement { font-size:1.5em; font-weight:bold; } /* Prigress Update */ .modalProgressGreyBackground { background:#042666; filter:alpha(opacity=60); opacity:0.6; } .modalPopup { text-align:center; padding-top: 30px; border-style:solid; border-width:1px; background-color:White; width:300px; height:100px; } /* * !Product */ #TopListeProduits { background:#E3EFFB; font-size:12px; margin:2%; padding:1%; } #TopListeProduits .labels { color:#0048A7; font-size:22px; font-weight:bold; } .tableglobaleproduit { background:#E3EFFB; margin:2%; width:96%; } .tableglobaleproduit td { color:#0048A7; font-size:12px; padding:10px; vertical-align:middle; } .tableglobaleproduit th { background:#C0D4EC; } .tableglobaleproduit table { margin:1%; width:98%; } /* * !Cart */ .tableglobalepanier { background:#E3EFFB; margin:2%; width:96%; } .tableglobalepanier td { color:#0048A7; font-size:12px; padding:10px; vertical-align:middle; } .tableglobalepanier th { padding:2px 10px; } .tableglobalepanier br { display:none; } .tableglobalepanier table { margin:1%; width:98%; } .tableglobalepanier table th { background:#C0D4EC; } .tableglobalepanier table th, .tableglobalepanier table td { border:1px solid #C0D4EC; } .tableglobalepanier table table { margin:0; width:auto; } .tableglobalepanier td td td { border:0; padding:0; } #ctl00_ContentPlaceHolder1_lblTitre { color:#0048A7; font-size:22px; font-weight:bold; } #ctl00_ContentPlaceHolder1_ibEtapeSuivante { float:right; } #ctl00_ContentPlaceHolder1_lblObtentionBillet { white-space:nowrap; } .tableglobalepanier td tr.rowtotalproduits { font-size:15px; font-weight:bold; } .tableglobalepanier td tr.rowtotalentrees { font-size:15px;font-weight:bold; } .tableglobalepanier td tr.rowmontantmommande { background:#C0D4EC; font-weight:bold; } .tableglobalepanier td tr td.cellmontantmommande { font-size:25px;font-weight:bold; text-align:right; } .tableglobalepanier td.seancedescription { font-size:15px;font-weight:bold;} .tableglobalepanier td.cellproduitdetail { padding:0 25px; font-size:11px; } /* * !Adress */ .tableglobaleadresses { background:#E3EFFB; margin:2%; width:96%; color:#0048A7; font-size:15px; font-weight:bold; padding:10px; vertical-align:middle; } .tableglobaleadresses th { background:#C0D4EC; } .tableglobaleadresses td { padding-left:2%; padding-top:10px } .tableglobaleadresses table { margin-top:1%; width:98%; } .tableglobaleadresses .tableadresse { color:#0048A7; font-size:12px; padding:10px; vertical-align:middle;font-weight:normal; } .tableglobaleadresses .tableadresse .cellAdresse { padding-left:0%; width:60%; } .tableglobaleadresses .tableadresse .cellTelephone { padding-left:0%; text-align:left; } .tableglobaleadresses .tblNewAdresse { width:50%; color:#0048A7; font-size:12px; padding:10px; font-size:12px;font-weight:normal; } .tableglobaleadresses .tblNewAdresse td { width:50%;text-align:left; padding-top:3px } .tableglobaleadresses .tblNewAdresse .libelleNewAdresse { padding-right:10px;text-align:right;} .tableglobaleadresses .tblNewAdresse .validationNewAdresse { padding-left:50%;text-align:left;} /* * !Before Paiement */ #literalfromatos { margin:2%; padding:2px 10px; font-size:13px; background:#E3EFFB; border:1px solid #C0D4EC; } #commentairepaiement { margin:2%; padding:2px 10px; font-size:13px; background:#E3EFFB; border:1px solid #C0D4EC; } /* * !FromBoutiqueToPanier */ #attente { margin:2%; padding:2px 10px; font-size:13px; background:#E3EFFB; border:1px solid #C0D4EC; } /* * !Recap */ #ctl00_ContentPlaceHolder1_tblRecapCommande { background:#E3EFFB; margin:2%; width:96%; border:1px solid #C0D4EC; font-size:13px; } .tbrownumerocommande td {padding:25px 10px; font-weight:bold; } .rowseancedescription td { padding:2px 25px; } .rowseancenombre td { padding:2px 30px; } .tbrowtransactionid td,.tbrowcertificat td,.tbrownumeroautorisation td,.tbrowtypecarte td,.tbrowmontanttotal td,.tbrownumeroclient td { padding:0px 10px;} .tbrownumeroclient td { padding:0px 10px 10%;} /* ================================ * !IE Patches (PNG fix, hasLayout triggers, etc.) * IE<6 is not supported * ================================*/ /* * !Layout components */ /* !Ticketing */ /* !Date */ .IE .date { left:31px; margin-top:-35px; } #ctl00_ContentPlaceHolder1_tblProduits .btSupprimer { display:none; }