/* ------------------------------- */ /* RESET /* ------------------------------- */ 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline;*/ background: transparent;} body {} ol,ul{list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} :focus {outline: 0;}/* remember to define focus styles! */ ins {text-decoration: none;}/* remember to highlight inserts somehow! */ del {text-decoration: line-through;}/* remember to highlight inserts somehow! */ table { border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */ a:link {} a:visited {} a:hover {} a:active {}/* Pseudo class order A tag*/ a{text-decoration:none;} a {color:#000} a:hover{color:#000; } /* -------------------------------------- */ /* COMMON CLASSES /* ------------------------------------- */ /* positionnement flottant */ .floatL {float:left;} .floatR {float:right;} .clear{clear:both;} .debug {background-color:#DDD;} .none { display:none; } .display { display:block; } img, div , li, span { behavior: url(iepngfix.htc) } /* ---------------------------------------- */ /* GRILLE /* ---------------------------------------- */ body {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:12px; width: 100%; height: 100%; background:url(../_images/commun/bgpage.gif) left top repeat; } #header { width:100%; height:228px; background:url(../_images/header/bgheader.jpg) left top repeat-x; } #header.reduit {height:202px;} #main { width:100%; margin:0 auto; } #footer { width:100%; margin:0 auto; } #bottom { width:100%; height:30px; } .container { width:964px; margin:0 auto;} /* ---------------------------------------- */ /* HEADER /* ---------------------------------------- */ /* ------------ Structure ---------------------------- */ #header .container { position:relative; } #header .container .logo { float:left; width:185px; height:166px; background:url(../_images/header/logo.jpg) left top no-repeat; } #header .container .musique { float:right; margin:0 30px 0 0; width:241px; height:166px; background:url(../_images/header/musique.jpg) left top no-repeat; } #header .container .musique a { display:block; width:241px; height:166px; cursor:pointer; } /* ---------- menu ------------------------------ */ #header .menu { position:absolute; top: 129px; left:5px; } #header .menu li { float:left; display: block; margin-right:12px; } #header .menu li a { display: block; font-size:16px; text-align:center; font-weight:bold; } #header .menu li a span { display: block; margin-top:8px;} #header .menu li.off a{ color:#666; } #header .menu li.off a:hover{ color:#666;} #header .menu li.on a{ color:#FFF; } #header .menu li.on a:hover{ color:#FFF;} #header .menu li.on { background-position:right top; } #header .menu li.off { background-position:left top; } #header .menu #menu1 { width:94px; height:37px; background-image:url(../_images/header/menu1.gif); background-repeat:no-repeat;} #header .menu #menu1 a { width:94px; height:37px; } #header .menu #menu2 { width:157px; height:37px; background-image:url(../_images/header/menu2.gif); background-repeat:no-repeat; } #header .menu #menu2 a { width:157px; height:37px; } #header .menu #menu3{ width:178px; height:37px; background-image:url(../_images/header/menu3.gif); background-repeat:no-repeat; } #header .menu #menu3 a { width:178px; height:37px; } #header .menu #menu4 { width:117px; height:37px; background-image:url(../_images/header/menu4.gif); background-repeat:no-repeat; } #header .menu #menu4 a { width:117px; height:37px; } #header .menu #menu5 { width:184px; height:37px; background-image:url(../_images/header/menu5.gif); background-repeat:no-repeat; } #header .menu #menu5 a{ width:184px; height:37px; } /* ---------- submenu ------------------------------ */ #header .submenu { position:absolute; top: 166px; left:0px; width:940px; height:41px; background:url(../_images/header/submenu.gif) left top no-repeat; } #header .submenu .inner { display:block; margin: 2px 0 0 26px; } #header .submenu .inner li { float:left; display: block; margin-right:35px;} #header .submenu .inner li a { font-size:11px; text-align:left; font-weight:bold; } #header .submenu .inner li a span { display:block; margin-top:8px; text-indent:12px; cursor:pointer; background:url(../_images/commun/puce.png) left top no-repeat; } #header .submenu .inner li.off a{ color:#FFF; text-decoration:none; } #header .submenu .inner li.off a:hover span{ color:#FFF; text-decoration:underline; } #header .submenu .inner li.on a span { color:#FFF; text-decoration:underline; } /* ---------------------------------------- */ /* FOOTER /* ---------------------------------------- */ #footer { position:relative; top:-4px; width:964px; height:351px; background:url(../_images/footer/bg.gif) left bottom no-repeat; } /* ------------ Structure ---------------------------- */ #footer .container { position:relative; } #footer .bulles { width:964px; height:351px; background:url(../_images/footer/bulles.png) left bottom no-repeat; } #footer .copyright { position:absolute; top:316px; left:853px; color:#FFF; font-size:11px; text-align:left; font-weight:normal; } /* ---------- menu ------------------------------ */ #footer .menu { display:block; position:absolute; top: 258px; left:23px; } #footer .menu li { display: block; margin-top:8px; height:14px; } #footer .menu a{ display: block; color:#FFF; font-size:11px; text-align:left; font-weight:normal; } #footer .menu a:hover{ color:#00aeef;} /* ---------- pushs ------------------------------ */ #footer .pushs { } #footer .pushs li { float:left; display:block; width:306px; height:160px; margin:33px 13px 0 0; } #footer .pushs li .last { margin:0; } #footer .pushs li a { display:block; width:306px; height:160px; cursor:pointer; } #footer .pushs #push1 { background:url(../_images/footer/push1.png) left top no-repeat; } #footer .pushs #push2 { background:url(../_images/footer/push2.png) left top no-repeat; } #footer .pushs #push3 { background:url(../_images/footer/push3.png) left top no-repeat; } #footer .pushs #push4 { background:url(../_images/footer/push4.png) left top no-repeat; } #footer .pushs #gellule1 { width:178px; height:25px; background-image:url(../_images/footer/push1-gellule.gif); background-repeat:no-repeat; } #footer .pushs #gellule2 { width:195px; height:25px; background-image:url(../_images/footer/push2-gellule.gif); background-repeat:no-repeat; } #footer .pushs #gellule3 { width:214px; height:25px; background-image:url(../_images/footer/push3-gellule.gif); background-repeat:no-repeat; } #footer .pushs #gellule4 { width:237px; height:25px; background-image:url(../_images/footer/push4-gellule.gif); background-repeat:no-repeat; } #footer .pushs li span { display:block; } #footer .pushs li span.push-inner { position:relative; left:25px; top:116px; } #footer .pushs span.on { background-position:left top; } #footer .pushs span.over { background-position:right top; } /* ------------ hone ---------------------------- */ #footer.home { top:0px; height:145px; } #footer.home .bulles { width:964px; height:141px; background:url(../_images/footer/bulles-home.png) left bottom no-repeat; } #footer.home .copyright { top:106px; } #footer.home .menu { top: 48px; } /* ---------------------------------------- */ /* MAIN /* ---------------------------------------- */ /* ------------ Structure ---------------------------- */ #main .blocT { width:940px; height:9px; line-height:9px; margin-left:5px; background:url(../_images/commun/blocT.png) left top no-repeat; } #main .blocBInner { width:940px; min-height:400px; background:url(../_images/commun/blocBInner.png) left bottom no-repeat; } #main .blocB { width:940px; height:40px; background:url(../_images/commun/blocB.png) left top no-repeat; } #main .margeT { width:576px; height:315px; } #main h1 { margin:0; } #main h2 { width:576px; margin:14px 0 0 0; font-size:24px; color:#0099FF; font-weight:normal; font-style:normal; } #main h3 { width:576px; font-size:24px; color:#e51b23; font-weight:bold; font-style:italic; text-align:center; } #main .bloc { position:relative; margin:0 0 0 5px; background-color:#FFF; width:935px; } #main .text { display:block; width:576px; margin:19px 0 0 0; font-size:12px; color:#666; } #main .text .bold { font-weight:bold; } /* ------------ bloc video ---------------------------- */ #main .screenVideo { width:596px; height:456px; background:url(../_images/commun/bgscreen4.png) left top no-repeat; } #main .screenVideo .video { width:575px; height:434px; margin:10px 0 0 10px; } #main .vignettes { margin:4px 0 0 0; } /* ------------ button list Character ---------------------------- */ #main .listCharacters { position:absolute; top:106px; left:32px; display:block; margin:0 0 0 28px; } #main .listCharacters .inner li { float:left; display: block; margin-right:35px; } #main .listCharacters .inner li a { display: block; font-size:14px; text-align:left; font-weight:bold; font-style:italic; cursor:pointer } #main .listCharacters .inner li a .puce { float:left; width:6px; height:11px; margin:3px 2px 0 8px; background-image:url(../_images/commun/puce1.gif); background-repeat:no-repeat; } #main .listCharacters .inner li a span { display: block; float:left; margin:2px 0 0 4px; } #main .listCharacters .inner li.off a{ color:#FFF; } #main .listCharacters .inner li.off a:hover{ color:#FFF; } #main .listCharacters .inner li.on a{ color:#e61b23; } #main .listCharacters .inner li.on a:hover { color:#e61b23; } #main .listCharacters .inner #perso1 { width:101px; height:22px; background-image:url(../_images/commun/gellule1.gif); background-repeat:no-repeat;} #main .listCharacters .inner #perso1 a { width:101px; height:22px; } #main .listCharacters .inner #perso2 { width:101px; height:22px; background-image:url(../_images/commun/gellule1.gif); background-repeat:no-repeat; } #main .listCharacters .inner #perso2 a { width:101px; height:22px; } #main .listCharacters .inner #perso3{ width:122px; height:22px; background-image:url(../_images/commun/gellule2.gif); background-repeat:no-repeat; } #main .listCharacters .inner #perso3 a { width:122px; height:22px; } #main .listCharacters .inner #perso4 { width:101px; height:22px; background-image:url(../_images/commun/gellule1.gif); background-repeat:no-repeat; } #main .listCharacters .inner #perso4 a { width:101px; height:22px; } #main .listCharacters .inner li.on { background-position:left top; } #main .listCharacters .inner li.on a span { background-position:right top; } #main .listCharacters .inner li.off { background-position:right top; } #main .listCharacters .inner li.on .puce { background-position:left 4px; } #main .listCharacters .inner li.off .puce { background-position:right 4px; } /* ------------ button ---------------------------- */ #main .button a { display:block; } #main .button.on { background-position:left top; } #main .button.over { background-position:right top; } #main #btn-voir-episode { width:153px; height:25px; background-image:url(../_images/commun/btn-voir-episode.gif); background-repeat:no-repeat; } #main #btn-voir-episode a { width:153px; height:25px; } /* ------------ infos ---------------------------- */ #main .infos { position:absolute; top:155px; left:67px; } #main .infosL { float:left; width:561px; } #main .infosR { float:left; width:301px; } /* ------------ content ---------------------------- */ #main .content { width:900px; margin: 12px 0 0 22px; } #main .contentL { float:left; margin: 0; } #main .contentR { float:left; margin: 0 0 0 67px; } /* ------------ screens ---------------------------- */ #main .screen1 { width:569px; height:432px; background:url(../_images/commun/bgscreen1.gif) left top no-repeat; } #main .screen2 { width:284px; height:217px; background:url(../_images/commun/bgscreen2.gif) left top no-repeat; } #main .screen3 { width:202px; height:154px; background:url(../_images/commun/bgscreen3.gif) left top no-repeat; } #main .screen5 { width:915px; height:347px; background:url(../_images/commun/bgscreen5.gif) left top no-repeat; } #main .screens1 { margin: 33px 0 0 1px; } #main .screens1 .screen1 { float:left; margin:0 0 0 20px; } #main .screen1 div { display:none; } #main .screen1 img { display:block; padding:16px 0 0 17px; width:533px; height:400px; } #main .screens2 { margin: 12px 0 0 0; } #main .screens2 .screen2 { float:left; margin: 0 18px 0 0; } #main .screens2 .screen2 img { display:block; padding:12px 0 0 13px; width:258px; height:194px; } #main .screens2 .screen2 a { display:block; width:258px; height:194px; } #main .screens2 .last { margin:0; } #main .screens3{ margin: 0 0 0 21px; } #main .screens3 .screen3 { margin:0 0 9px 0; } #main .screens3 .screen3 img { display:block; padding:13px 0 0 14px; width:173px; height:130px; } .cadre{ width:202px; height:154px; } .cadre_hg, .cadre_hd, .cadre_bg, .cadre_bd{ width: 11px; height: 11px; background-repeat: no-repeat; font-size: 1px; } .cadre_hg{ background: url(../_images/commun/screen-rounded.png) 0 0; } .cadre_hd{ background: url(../_images/commun/screencadre-rounded.png) 11px 0; float: right; } .cadre_bg{ background: url(../_images/commun/screencadre-rounded.png) 0 11px; } .cadre_bd{ background: url(../_images/commun/screencadre-rounded.png) 11px 11px; float: right; } /* ------------ screen legendes ---------------------------- */ #main .legende2 { margin: 12px 0 0 0; } #main .legende2 .legende { float:left; margin:0 18px 0 0; width:284px; } #main .legende2 .last { margin:0; } #main .legende2 .legende span{ display:inline; float:left; margin:0 0 0 6px; font-size:14px; color:#ec1c24; font-weight:bold; font-style:italic; cursor:pointer; } #main .legende2 .legende a:hover span{ color:#ec1c24; text-decoration:underline; } #main .cercle { float:left; width:14px; height:14px; margin:0 0 0 18px; background:url(../_images/commun/cercle.gif) left top no-repeat; } #main .formats { text-align:center; margin: 38px 0 0 25px; } #main .formats li { float:left; margin:0 0 0 74px; } #main .formats li a { font-size:17px; font-weight:normal; color:#d41a21; text-decoration:underline; } #main .formats li a:hover { color:#d41a21; text-decoration:none; } /* ---------------------------------------- */ /* MAIN Place au propre /* ---------------------------------------- */ #main.propre .screenVideo { position:absolute; top:115px; left:14px; } #main.propre .sticker-video { position:absolute; top:89px; left:479px; width:91px; height:90px; background:url(../_images/commun/sticker.png) left top no-repeat; } /* ------------ sticker Personnages ---------------------------- */ #main.propre .personnages { position:absolute; top:285px; left:640px; width:267px; height:283px; background:url(../_images/content/bonux-02-accueil-personnages.jpg) left top no-repeat; } #main.propre .personnages a { display:block; position:relative; width:267px; height:283px; } #main.propre .personnages .lien { position:absolute; top:254px; left:50px; background:url(../_images/commun/puce-rouge.gif) left 2px no-repeat; } #main.propre .personnages .lien { cursor:pointer; display:block; text-indent:8px; color:#ec1c24; font-weight:bold; font-size:11px; font-style:italic; text-decoration:none; } #main.propre .personnages a:hover .lien { text-decoration:underline; } /* ---------------------------------------- */ /* MAIN Character /* ---------------------------------------- */ #main.character h2 { width:512px; margin:18px 0 0 0; } #main.character .text { width:512px; margin:10px 0 40px 0; font-size:14px; color:#666; } #main.character .text .bold { color:#333; font-weight:bold; font-style:italic; } #main.character .bottom { width:940px; min-height:400px; background:url(../_images/commun/blocB.png) left bottom no-repeat; } /* ---------------------------------------- */ /* MAIN Gift /* ---------------------------------------- */ #main.gift .lien a { color:#666; text-decoration: underline;} #main.gift .lien a:hover { color:#666; text-decoration: none;} #main.gift .text2 { font-size:17px; color:#666; margin:5px 0 0 0; } #main.gift .text3 { width:900px; font-size:22px; color:#666; margin:20px 0 0 0; } #main.gift .buttons { width:890px; margin:30px 0 0 0; } #main.gift #btn-fond-ecran { float:left; margin:0 0 0 40px; width:349px; height:34px; background-image:url(../_images/commun/btn-choisir-fondEcran.gif); background-repeat:no-repeat; } #main.gift #btn-fond-ecran a { width:349px; height:34px; } #main.gift #btn-e-card { float:right; margin:0 40px 0 0; width:349px; height:34px; background-image:url(../_images/commun/btn-envoyer-ecard.gif); background-repeat:no-repeat; } #main.gift #btn-e-card a { width:349px; height:34px; } /* ---------------------------------------- */ /* MAIN E-Card /* ---------------------------------------- */ #main.e-card .content { margin:0; } #main.e-card .Ecard_HeadImage { display:block; width:900px; } #main.e-card .Ecard_HeadImage div { clear:both; } #main.e-card .Ecard_HeadImage br { display:none; } #main.e-card .Ecard_HeadImage span { float:left; display:block; width:284px; margin:0 5px 0 0; } #main.e-card .imageEcard { width:284px; height:217px; background:url(../_images/commun/bgscreen2.gif) left top no-repeat; } #main.e-card .imageEcard img { display:block; padding:12px 0 0 13px; width:258px; height:194px; } #main.e-card .default_txt div input { padding: 20px 0 0 19px; } #main.e-card .Ecard_BgEcard { width:600px; margin-left:245px; } #main.e-card .Ecard_SelectedEcard { width:284px; height:217px; background:url(../_images/commun/bgscreen2.gif) left top no-repeat;} #main.e-card .Ecard_SelectedEcard img { display:block; padding:13px 0 0 14px; width:258px; height:194px; } #main.e-card .EcardDetails { clear:both; float:left; font-weight:bold; padding:10px 0 0 5px; width:600px; } #main.e-card .Ecardcount { float:left; font-weight:bold; width:15px; } #main.e-card .EcardReceiverName { float:left; font-weight:bold; width:95px; } #main.e-card .EcardReceiverMail { float:left; font-weight:bold; text-align:center; width:106px; } #main.e-card .EcardNotification { float:left; font-weight:bold; text-align:center; width:90px; } #main.e-card .EcardSendLater { float:left; font-weight:bold; text-align:center; width:65px; } #main.e-card .EcardDate { float:left; font-weight:bold; text-align:center; width:95px; } #main.e-card .EcardTime { float:left; font-weight:bold; width:60px; } #main.e-card .FormField { clear:both; color:Black; float:left; padding:5px; width:252px; } #main.e-card .FormLabel { color:#7E7D81; float:left; padding:5px 0 15px 0; width:300px; } #main.e-card .EcardSelection_Outline { margin-bottom:20px; text-align:left; width:634px; } #main.e-card .EcardSelection_Outline textarea { float:left;} #main.e-card #ecardimage{ width:533px; height:400px; } #main.e-card-result .EcardInfo { display:block; width:300px; } #main.e-card-result p, #main.e-card-result .BtnReturn { display:none; } #main.e-card-result div.buttons { width:900px; } #main.e-card-result div.buttons div { margin:7px auto 20px auto; } .web_part_h3 { display:none; } .Ecard_BlockSeparator { display:none; } .EcardCategoryHeader { display:none; } .default_txt p { display:none; } .EcardInfo { display:none; } .page_header {display:none; } /* ---------------------------------------- */ /* MAIN Gift visualisation /* ---------------------------------------- */ #main.visualisation .content { width:870px; margin-left:24px; } #main.visualisation .content span{ display:block; width:870px; text-align:center; font-size:14px; font-weight:bold; margin: 3px 0 0 0; } #main.visualisation div.buttons { width:870px margin:0; } #main.visualisation div.buttons div { margin:7px auto 20px auto; } #main.visualisation .EcardSelection_Outline { position:relative; width:870px; height:600px; background:url(../_images/commun/bgscreen6.gif) left top no-repeat; margin: 0 auto; } #main.visualisation #ecardimage { position:absolute; left:21px; top:17px; width:787px; height:558px; } #main.visualisation #ecardimage .EcardMessage { color:#FFF; font-size:14px; font-style:normal; font-weight:normal; width:200px; position:absolute; left:40px; top:225px; } #main.visualisation .EcardButton { display:none; } #main.previsualisation .content { width:870px; margin-left:24px; } #main.previsualisation .content span{ display:block; width:870px; text-align:center; font-size:14px; font-weight:bold; margin: 3px 0 0 0; } #main.previsualisation div.buttons { width:870px; } #main.previsualisation div.buttons div { margin:7px auto 20px auto; } #main.previsualisation .EcardSelection_Outline { position:relative; width:870px; height:600px; background:url(../_images/commun/bgscreen6.gif) left top no-repeat; margin: 0 auto; } #main.previsualisation #ecardimage{ position:absolute; left:21px; top:17px; width:787px; height:558px; } #main.previsualisation #ecardimage .EcardMessage { color:#FFF; font-size:14px; font-style:normal; font-weight:normal; width:200px; position:absolute; left:40px; top:225px; } #main.previsualisation .EcardButton { position:absolute; left:17px; top:596px; } #main.previsualisation .EcardButton .BtnBack{ width: 100px; float:left; padding:0; margin:0 0 0 20px; } #main.previsualisation .EcardButton input {float:left; } #main.previsualisation .EcardfooterBg { clear:both; } #main #btn-envoyer-ecard-ami { width:373px; height:25px; background-image:url(../_images/commun/btn-envoyer-ecard-ami.gif); background-repeat:no-repeat; } #main #btn-envoyer-ecard-ami a { width:373px; height:25px; } #main #btn-decouvrir-tv { width:536px; height:25px; background-image:url(../_images/commun/btn-decouvrir-tv.gif); background-repeat:no-repeat; } #main #btn-decouvrir-tv a { width:536px; height:25px; } /* ---------------------------------------- */ /* MAIN Legend /* ---------------------------------------- */ #main.legend h1 img { width:935px; height:273px; background:url(../_images/content/bonux-05-visuel.jpg) left top no-repeat; } #main.legend h3 { width:900px; } #main.legend .screenVideo h3 { text-align:center; width:596px; font-size:17px; } #main.legend .content { text-align:center; width:935px; margin:12px 0 0 0; } #main.legend .text { width:880px; margin:14px 0 0 37px; font-size:17px; text-align:left; } #main.legend .text2 { width:712px; } #main.legend .bold { display:block;} #main.legend .screen1 { margin:0 0 0 10px; } #main.legend .screenVideo { margin:30px auto 0 auto; } #main.legend .screenVideo .video { width:596px; height:434px; margin:0px; padding:9px 0 0 0; } #main.legend .screen5 { margin:0 auto; } #main.legend .screen5 img{ margin:15px 0 0 0; } /* ---------------------------------------- */ /* MAIN Gamme /* ---------------------------------------- */ #main.gamme h3 { width:260px; text-align:left; } #main.gamme .text { width:260px; margin:0 5px 0 2px; font-size:12px; text-align:left; } #main.gamme .content { margin: 10px 0 0 22px; } #main.gamme .contentL { margin: 0; width:456px; } #main.gamme .contentR { margin: 0; width:436px; } #main.gamme .content2 { position:absolute; top:237px; left:46px; width:700px; margin: 12px 0 0 22px; } #main.gamme .content2 h2 { width:700px; margin: 12px 0 0 0px; } #main.gamme .content2 .text { width:600px; margin: 12px 0 0 0px; } /* ---------------------------------------- */ /* MAIN Inscription /* ---------------------------------------- */ #main.inscription .text { width:700px; margin-bottom: 20px; margin-left: 10px; } #main.inscription h1 { margin-left: 10px; font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:30px; color:#e51b23; font-weight:bold; font-style:italic; text-align:left; } #main.inscription .MemberHeader h1 {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:24px; width:436px; color:#0099FF; font-weight:bold; font-style:italic; } #main.inscription .NotMemberHeader h1 {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:24px; width:326px; color:#0099FF; font-weight:bold; font-style:italic; } #main.inscription .BgSubscription img { display:none; } #main.inscription .BgSubscription h1 { display:none; } #main.inscription .textcontainerSubscription_InnerPadding { display:block; width:800px; font-size:12px; color:#666; } #main.inscription table.TableWhoAreYou { width:420px; } #main.inscription table.TableWhoAreYou td.page_subscription_who { font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:24px; color:#0099FF; font-weight:bold; font-style:italic; } #main.inscription table td.title { font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:24px; color:#0099FF; font-weight:bold; font-style:italic; ; } #main.inscription table .Label { font-size:12px; color:#666; font-style:normal; } #main.inscription .inputTextBox185 { } #main.inscription .subscription_details label { padding-right:10px; } #main.inscription table.RegistrationForm { margin:30px 0 0 0; } #main.inscription table.RegistrationForm .label{ width: 500px; } #main.inscription .subscription_family { width: 400px; } #main.inscription span.emphasis { display:block; margin:0 0 20px 0; font-size:12px; color:#666; font-style:normal; } #main.inscription span.emphasis label{ padding: 0 20px 0 0; } #main.inscription .TableYourDetails br { display:none; } /* ---------------------------------------- */ /* FORMULAIRE /* ---------------------------------------- */ .dropdown_style{ color:#595667; font-size:1.1em; text-decoration:none; } .emphasis { color:#595667; font-size:1.2em; font-weight:bold; text-decoration:none; } .MemberHeader h1{ color:#595667; font-size:2.1em; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .NotMemberHeader h1{ color:#595667; font-size:2.1em; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .MemberHeader { width:407px; } .NotMemberHeader { width:407px } .inputTextBox185 {color:#525252; font-size:1.1em; height:18px; width:185px; } /* page registration subscription */ .BgSubscription{ width:715px; } .textcontainerSubscription_InnerPadding { color:#595667; font-size:1.5em; font-weight:normal; } .textcontainerSubscription { background-color:White; width:694px; } table.RegistrationForm { width:840px; font-weight: 1.2em; color:#666666; } .leftMainSubsciption { padding-left:10px; } .DetailsRowspace { height:10px; } .TableWhoAreYou { padding-right:10px; width:350px; } .inputTextBox64 { color:#525252; font-size:1.1em; height:18px; width:94px; } .page_subscription_who { color:#6F58A8; font-size:1.15em; padding-bottom:10px; font-weight: bold; } .TxtDropDownList { color:#525252; font-size:1.1em; } table.RegistrationForm td .title { color:#6F58A8; font-size:1.15em; padding-bottom:10px; font-weight:bold; } .inputTextBox270 { color:#525252; font-size:1.1em; height:18px; width:270px; } .verticalLine { background:transparent url(images/WebPartSubscription/tile_rose_vertical.gif) repeat-y scroll 0 0; width:2px; } .TableYourDetails { font-size:1.1em; font-weight:bold; width:123px; height:10px; } table.RegistrationForm #textitalic { font-style:normal; font-weight:normal; font-size: 1em; width:600px; } .TextAlertGlobalBold { padding-left:2px; } .PaddingTopNewsletter { padding-top:7px; color: #666666; } table.RegistrationForm td .Label { color:#666666; font-size:1.1em; font-weight: normal; } .TableWhoAreYou td .Label { color:#666666; font-size:1.1em; font-weight: bold; } .inputTextBox120 { color:#525252; font-size:1.0em; height:18px; width:120px; } table.Labelnormal { width:680px; } .FirstWidthSize { width:22%; font-weight: normal; font-size: 1.1em; } table.Labelnormal { width:800px; vertical-align:top; } table.Labelnormal td { vertical-align:top; } table.Labelnormal label { padding-right:15px; } table.Labelnormal input { color:#525252; font-size:1.1em; height:14px; } .RowPaddingTop { clear:both; margin:10px 0 0 0; } .Rowspace { height:20px; } .textGlobal11{ font-weight: normal; } .padbottomSuperMarket { padding-bottom:3px; font-weight: normal; vertical-align:top; } .RowspaceSubscription { height:20px; } .subscription_label_name{ font-size: 1.1em; padding-left: 3px; } .subscription_sex_label{ padding-top: 3px; font-size: 1.1em; } .inputTextBoxheight{width:140px;} .subscription_default_txt{ font-size: 1.1em; } .subscription_dropdown{font-size:1.05em; padding-left:18px;} .OperatorPaddingLeft { padding-left:45px; } .subscription_family{ font-weight: normal; font-size: 1.1em; } .subscription_details { font-size: 1.1em; font-weight:bold; } .inputTextBox270 { color:#525252; font-size:1.1em; height:18px; width:270px; } .DetailsRowspace { height:10px; } .TextAlertGlobalBold{ color: #FF0000; font-weight: bold; } .TextSponsoringSent { color:Green; } /* Page login */ .LoginHeaderBackground { display:none; } .bottomwhite { background:transparent url(images/WebPartLogin/bottom_694.gif) no-repeat scroll 0 0; height:6px; width:694px; } .LoginHeaderText { color:#595667; font-size:1.5em; font-weight:normal; } .txtHeaderMember {font-family:arial;} .txtHeaderLoginMember { display:none; } .InnerContainer_PaddingLeft div { float:left; padding:3px 0 2px 0; width:200px; font-size:12px; color:#666; } .txtLoginMemberPurple { float:left; display:block; width:150px; font-size:12px; color:#666; } .Membercontainer { width:450px; margin:10px 0 0 10px; } .Membercontainer span.txtLoginMemberSmallFont { display:none; } .Membercontainer a.txtLoginMemberSmallFont { clear:both; text-decoration:underline; font-size:11px; color:#666; width: 250px; } .Membercontainer a.txtLoginMemberSmallFont:hover { text-decoration:none; color:#666; } .btnaligment { clear:both; margin-top: 20px; } .BgMauvenotmember { display:bnone; } .ColumnSpace { padding-left:12px; } .calageNotmember { width: 300px; } .btncreateac { padding:50px 0 10px; } .txtLoginMemberSmallFont { color:#565462; font-size:1.0em; font-weight:normal; width:320px; } .notmemberwrapper { width:296px; margin-left:10px; }