/* copyright 2007 espresso-com.com, stephane curzi */ /**************************************** typographie ****************************************/ /* base */ body, table { font-family: Trebuchet MS, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px; } h1 { font-size: 18px; line-height: 20px; color: #000; margin-bottom: 30px; padding: 1px; } h2 { font-size: 16px; line-height: 20px; color: #000; } h3 { font-style: normal; font-size: 14px; line-height: 18px; } .reglements #page h3 { margin-top: 30px; } .reglements #page p { width: 600px; margin-bottom: 10px; } ul { list-style-type: none; } sup { font-size: 60%; line-height: 60%; } /* liens generique */ a:link { border: none; color: #000; } a:visited { border: none; color: #000; } a:hover { border: none; color: #000; } a:active { border: none; color: #c00; } a:focus { border: none; } /* contenu */ #contenu { overflow: hidden; } #contenu .note { font-size: 11px; font-style: italic; color: #666; clear:both; } .franceguide #contenu .note { margin-bottom: 12px; margin-top: 12px; } .popup_frigo .texte_intro { font-size: 13px; line-height: 17px; font-style: italic; color: #3e7cab; } /* liens footer */ #footer { } #footer a:link { } #footer a:visited { } #footer a:hover { } #footer a:active { } a img { border: none; } /**************************************** positionnement ****************************************/ /* base */ * { margin: 0; padding: 0; } body { padding: 0 0px 0px 0px; } h3 { margin-bottom: 6px; } ul { } li { } p { } q, blockquote { } form { } fieldset { border: none; } input { } sup { } table, th, tr, td { border-collapse: collapse; } /* hack pour float */ .spacer { clear: both; font-size: 1px; line-height: 1px; height: 1px; } /********** pour impression **********/ hr { display: none; } /********** structure **********/ #page { float: left; width: 662px; overflow: hidden; border: #502427 solid 1px; padding: 0px; margin-left: 20px; margin-top: 10px; display: inline; } .franceguide.francais #page #header { float: left; width: 662px; height: 204px; background: url(/fr/images/concours/concours_franceguide.jpg) no-repeat; padding: 0px; } .franceguide.anglais #page #header { float: left; width: 662px; height: 204px; background: url(/en/images/concours/concours_franceguide.jpg) no-repeat; padding: 0px; } .francais #page #header { float: left; width: 662px; height: 264px; background: url(/fr/images/concours/concours_header.jpg) no-repeat; padding: 0px; } .anglais #page #header { float: left; width: 662px; height: 264px; background: url(/en/images/concours/concours_header.jpg) no-repeat; padding: 0px; } .landing.francais #page #header { float: left; width: 662px; height: 264px; background: url(/fr/images/concours/concours_header.jpg) no-repeat; padding: 0px; } .landing.anglais #page #header { float: left; width: 662px; height: 264px; background: url(/en/images/concours/concours_header.jpg) no-repeat; padding: 0px; } #page #header #menu { width: 600px; position: relative; top: 240px; left: 16px; display: block; border-bottom: solid 1px #878787; padding-bottom: 10px; } #page #header #menu li { display: inline; } #page #header #menu li a:link { color: #000; } #page #header #menu li a:visited { color: #000; } #page #header #menu li a:hover { color: #502424; } #page #header #menu li a:active { color: #000; } .francais #page #footer { float: left; width: 662px; height: 66px; background: url(/fr/images/concours/concours_footer.gif) no-repeat; padding: 0px; } .anglais #page #footer { float: left; width: 662px; height: 66px; background: url(/en/images/concours/concours_footer.gif) no-repeat; padding: 0px; } /********** contenu **********/ #contenu { float: left; width: 662px; padding: 0px; margin: 20px 0 0 16px; background:none; display: inline; } .franceguide #contenu { margin-top: 0px; } #contenu .separateur { border: none; background: #d6e9f8; width: 100%; height: 2px; margin: 10px 0; clear: both; display: block; } .gagnants #contenu p { width: 600px; margin: 0 0 28px 0;} /**************************************** formulaire ****************************************/ #contenu form { width: 622px; float: left; } #contenu fieldset { width: 622px; float: left; } #contenu input { width: 400px; } #contenu input.small { width: 30px; } #contenu input.medium { width: 40px; } #contenu input.radio { width: auto; margin: 0 5px 0 10px; } #contenu input.bouton_commandez { width: 100px; margin: 20px 0 10px 0; } .landing #contenu input.bouton_commandez { width: 100px; margin: 20px 0 10px 0; } #contenu label { width: 622px; float: left; clear: both; margin-bottom: 20px; } #contenu label span { width: 100px; display: block; float: left; } #contenu label span.wide { width: 120px; } #contenu label span.note { width: auto; } #contenu .fakelabel { width: 622px; float: left; clear: both; margin-bottom: 20px; } #contenu .fakelabel span { width: 100px; display: block; float: left; } #contenu .fakelabel span.wide { width: 120px; } #contenu .fakelabel span.note { width: auto; } *+html #contenu .telephone { margin-bottom: 10px; } *+html #contenu .year { margin-bottom: 10px; } /* class erreur*/ .erreur { color:#CC0000;} /**************************************** formulaire opt-in ****************************************/ #optin { clear:both; width:100%; margin:15px 0 20px 0px;} #optin fieldset {margin:20px 0 0 0; border:#CCCCCC 1px solid; padding-top:10px;} #optin label span { width:100%; display:inline; } #optin input { width:auto; margin:0 10px 0 10px;} /**************************************** formulaire rajout pour les regions favorites et activites ****************************************/ #activites fieldset { width: 622px; border:#CCCCCC 1px solid; margin:0 0 15px 0; } #activites fieldset h3 { margin:10px 0 10px 10px;} #activites label { width:auto; padding:0; margin:0px 0 8px 0;} #activites table { width:550px;} #activites table td { padding:0 0 15px 0; vertical-align:top;} #activites table th { vertical-align:top; text-align:left; padding-left:15px; font-weight: normal; } #activites input { width:auto; margin:0 10px 0 10px;} #activites label#activite1, #activites label#activite2, #activites label#activite3, #activites label#activite4, #activites label#activite5, #activites label#activite6, #activites label#activite7, #activites label#activite8, #activites label#activite9 { width: 300px; } #activites_2 input { margin: 0 10px 0px 10px; } #agent_v { padding: 10px 0 0 0; } #agent_v table td { text-align: left; vertical-align: top; } /**************************************** mise en page landing.php ****************************************/ /* form mini sondage */ h1.landing_titre_1 { color:#000; font-family: Trebuchet MS, helvetica, arial, sans-serif; font-size: 18px; line-height: 20px; margin: 0 0 10px 0; } #mini_sondage input { width: 20px; margin: 0px 0px 0 0px;} #mini_sondage table { margin: 10px;} #mini_sondage fieldset { width: 622px; float: left; margin:0px 0 15px 0; border:#CCCCCC 1px solid;} #mini_sondage label, #mini_sondage span { width: 120px; margin: 0; } #mini_sondage select {margin: 0px 0 0px 0px;} #mini_sondage table td { padding:10px 0 10px 0; vertical-align:top;} /* invite un ami */ #invite_ami h2, #invite_ami p { width: 620px; margin: 10px 10px 10px 10px; } #invite_ami input { width: auto; margin: 10px 10px 0 10px; } #invite_ami table { margin: 10px; } #invite_ami fieldset { width: 622px; margin:0px 0 15px 0; border:#CCCCCC 1px solid; } #invite_ami select { margin: 10px 0 10px 10px; } #invite_ami textarea { margin: 10px 0 10px 10px; } #invite_ami label, #mini_sondage span { width: auto; } #invite_ami label, #mini_sondage span { width: auto; } #invite_ami .commander_btn { width: 622px; text-align:right; margin-bottom: 10px; } #invite_ami .commander_btn input { float: right; width: auto; }