/*GLOBAL*/ body { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px auto 0px auto; background:url("/images/bg/body.gif") #422827 top left repeat-x; } form { margin:0px; } a:focus, a:active { outline:none; } .killer { clear:both; height:1px; margin-top:-1px; line-height:1px; } .erreur { width:99%; margin:10px auto 5px auto; padding:5px 0px 5px 0px; border:1px solid #F32686; color:#F32686; background-color:#FFECF5; text-align:center; } .erreur a, .erreur a:link, .erreur a:visited { color:#F32686 !important; text-decoration:underline !important; } .erreur a:hover { text-decoration:none !important; } .ok { width:99%; margin:10px auto 10px auto; padding:5px 0px 5px 0px; text-align:center; border:1px solid #71C566; background-color:#F4FFF3; color:#339933; font-weight:bold; } .opacityit:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity:0.4; } .no_bg { background:none !important; } .no_border { border:none !important; } .no_width { width:auto !important; } .center { text-align:center !important; } .right { text-align:right !important; } .left { text-align:left !important; } .middle { vertical-align:middle; } a.lien { text-decoration:underline !important;} a.lien:hover { text-decoration:none !important; } h1 { margin:0px 0px 5px 0px; padding:26px 0px 0px 0px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#330000; text-transform:uppercase; background:url("/images/bg/ttl.gif") bottom left no-repeat; } /* SITE */ #header { width:950px; height:67px; margin:0px auto 0px auto; background:url("/images/bg/header.jpg") top no-repeat; } #header .logo { float:left; } #header .logo a { display:block; padding:18px 190px 5px 29px; } #header .login { float:right; width:190px; padding:7px 2px 0px 0px; color:#FF6600; } #header .login .input { width:78px; border:1px solid #99BB00; font-size:11px; color:#888888; } #header .login form {margin-bottom:3px;} #header .login a, #header .login a:link, #header .login:visited { font-size:11px; color:#DDDDDD; text-decoration:none;} #header .login a:hover { text-decoration:underline; } #header .login .liens { padding:1px 0px 0px 2px; color:#FFFFFF; } #nav { width:667px; height:30px; margin:0px auto 0px auto; padding-left:283px; background:url("/images/bg/nav_g.gif") top left no-repeat; } #nav .accueil a{ display:block; float:left; width:91px; } #nav .accueil a:link, #nav .accueil a:visited { background:url("/images/nav/accueil.jpg") no-repeat top;} #nav .accueil a:hover { background:url("/images/nav/accueil.jpg") no-repeat 0 -30px;} #nav .carte a { display:block; float:left; width:103px; } #nav .carte a:link, #nav .carte a:visited {background:url("/images/nav/carte.jpg") no-repeat top;} #nav .carte a:hover {background:url("/images/nav/carte.jpg") no-repeat 0 -30px;} #nav .adresses a { display:block; float:left; width:135px; } #nav .adresses a:link, #nav .adresses a:visited {background:url("/images/nav/adresses.jpg") no-repeat top;} #nav .adresses a:hover {background:url("/images/nav/adresses.jpg") no-repeat 0 -30px;} #nav .traiteur a { display:block; float:left; width:113px; } #nav .traiteur a:link, #nav .traiteur a:visited {background:url("/images/nav/traiteur.jpg") no-repeat top;} #nav .traiteur a:hover {background:url("/images/nav/traiteur.jpg") no-repeat 0 -30px;} #nav .recrutement a { display:block; float:left; width:137px; } #nav .recrutement a:link, #nav .recrutement a:visited {background:url("/images/nav/recrutement.jpg") no-repeat top;} #nav .recrutement a:hover {background:url("/images/nav/recrutement.jpg") no-repeat 0 -30px;} #nav .contact a { display:block; float:left; width:88px; } #nav .contact a:link, #nav .contact a:visited {background:url("/images/nav/contact.jpg") no-repeat top;} #nav .contact a:hover {background:url("/images/nav/contact.jpg") no-repeat 0 -30px;} #footer { width:942px; height:24px; margin:0px auto 0px auto; padding:4px; background:url("/images/bg/footer.gif") top repeat-x; color:#555555; font-size:11px; text-align:right; } #footer a, #footer a:link, #footer a:visited { color:#555555; text-decoration:none; padding:0px 2px; } #footer a:hover { text-decoration:underline; } #biskot { width:192px; margin:5px auto 10px auto; padding:7px 5px; font-size:10px; color:#D14718; background:url("/images/bg/biskot.gif") top no-repeat; } #biskot a{ font-size:10px;color:#D14718; text-decoration:underline; } #biskot a:link, #biskot a:visited{ font-size:10px;color:#D14718; text-decoration:underline; } #biskot a:hover{ font-size:10px;color:#D14718; text-decoration:none; } /* ACCUEIL */ #home { width:950px; height:450px; margin:0px auto 0px auto; background-color:#FFFFFF; } #home .bloc_g { float:left; width:287px; height:450px; } #home .bloc_m { float:left; width:400px; height:430px; padding:20px 10px 0px 6px; background:url("/images/bg/home_bloc_m.gif") top right no-repeat; } #home .bloc_m .produit { padding:10px 0px 5px 0px; font-size:12px; } #home .bloc_m .produit .photo { display:inline; float:left; padding:0px 10px 0px 0px; } #home .bloc_m .produit .photo img { margin:0px; } #home .bloc_m .produit .contenu { float:left; } #home .bloc_m .produit .description { padding:4px 0px; color:#777777; } #home .bloc_m .produit .prix { background:url("/images/bg/home_prix.gif") top left no-repeat; height:22px; width:106px; color:#FF6600; padding:6px 0px 0px 12px; } #home .bloc_m .produit a, #home .bloc_m .produit a:link, #home .bloc_m .produit a:visited { color:#FF6600; text-decoration:underline; font-weight:bold;} #home .bloc_m .produit a:hover { text-decoration:none;} #home .bloc_d { float:left; padding:0px; font-size:1px; } /* PAGE (contenu, adresses, contact) */ #page { width:950px; margin:0px auto 0px auto; background:url("/images/bg/adresses.jpg") #FFFFFF 243px 0px no-repeat; } #page .erreur, #page .ok { width:800px; margin:20px auto -10px auto; } #page .titre { padding:2px 0px 0px 75px; } #page .restaurants { height:285px; padding:25px 0px 0px 70px; } #page .restaurants .restaurant { float:left; width:172px; } #page .restaurants .restaurant .coordonnees { padding:10px 0px 0px 5px; color:#996633; } #page .footer { background:url("/images/bg/page-footer.jpg") bottom no-repeat; height:115px; width:440px; padding:0px 0px 0px 510px; margin-top:20px; } #page .footer span { color:#FF6600; } #page .footer .ttl { color:#FF6600; text-transform:uppercase; float:left; padding-right:9px; height:50px; } #page .contact_g, #page .contact_d { float:left; border:1px solid #EEEEEE; width:340px; height:200px; color:#996633; background-color:#FCFCFC; padding:20px; text-align:justify; display:inline; } #page .contact_g { margin:25px 36px 20px 75px; } #page .contact_d { margin:25px 0px 20px 0px; } #page .content { border:1px solid #EEEEEE; width:760px; color:#996633; background-color:#FCFCFC; padding:20px; text-align:justify; margin:25px 0px 20px 75px; } #page .content h2 { margin:10px 0px 5px 0px; font-size:12px; text-decoration:underline; color:#330000; } #page .content a, #page .content a:link, #page .content a:visited { color:#996633; text-decoration:underline;} #page .content a:hover { text-decoration:none;} #page .content h2 a, #page .content h2 a:link, #page .content h2 a:visited { color:#996633; text-decoration:underline;} #page .content h2 a:hover { color:#996633; text-decoration:none;} #formulaire input { width:220px; border:1px solid #E0E0E0; font-size:11px; color:#422827; } #formulaire select { border:1px solid #E0E0E0; font-size:11px; color:#422827; } #formulaire td { height:20px; } #formulaire textarea { width:220px; height:70px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#422827; border:1px solid #E0E0E0; } #formulaire .long_text { width:400px; height:100px; } #formulaire .ttl { width:87px; padding-right:25px; text-align:right; } #formulaire .legende { text-align:right; font-size:9px; } #formulaire h2 { margin:10px 0px 5px 0px; font-size:12px; text-decoration:underline; color:#330000; } /* PAGE 2 COLONNES - CARTE, RECRUTEMENT */ #page2 { width:950px; margin:0px auto 0px auto; background:url("/images/bg/carte_nav.gif") #FFFFFF bottom left repeat-y; } #page2 .page_g { float:left; width:160px; padding:28px 0px 30px 0px; background:url("/images/bg/carte_rubriques.gif") #f4f3f3 bottom left no-repeat; } #page2 .page_g ul { margin:10px 0px; padding:0px; } #page2 .page_g li { margin:0px; list-style:none; } #page2 .page_g li a { display:block; height:13px; padding:0px 0px 1px 14px; color:#000000; } #page2 .page_g li a:link, #page2 .page_g li a:visited { text-decoration:none; } #page2 .page_g li a:hover { color:#00FF00; background:url("/images/bg/carte_li_hover.gif") top no-repeat; } #page2 .page_g .postuler a {color:#000000; padding-left:14px; font-weight:bold;} #page2 .page_g .postuler a:link, #page2 .page_g .postuler a:visited { color:#000000; text-decoration:none; } #page2 .page_g .postuler a:hover { color:#00FF00; } #page2 .page_d { float:left; width:724px; padding:0px 33px 30px 33px; } #page2 .page_d a, #page2 .page_d a:link, page2 .page_d a:visited { color:#996633; text-decoration:none; } #page2 .page_d a:hover { color:#996633; text-decoration:underline; } #page2 .page_d .content { border:1px solid #EEEEEE; width:682px; color:#996633; background-color:#FCFCFC; padding:20px; text-align:justify; margin:25px 0px; } #page2 .page_d .listing { width:722px !important; padding:20px 0px !important; } #page2 .page_d .legende { margin-bottom:30px; color:#FF6600; } #page2 .page_d .produit { float:left; width:210px; padding:0px 31px 30px 0px; } #page2 .page_d .produit a { display:block; width:210px; text-align:center; } #page2 .page_d .produit h2 { width:210px; padding:0px; margin:6px 0px 10px 0px; color:#CC6600; font-size:11px; border-bottom:1px solid #CC6600; text-decoration:none; } #page2 .page_d .produit h3 { clear:both; margin:10px 0px 0px 0px; color:#000000; font-size:11px; font-weight:normal; } #page2 .page_d .produit select { float:left; height:19px; font-size:11px; } #page2 .page_d .produit .prix { float:left; height:14px; padding:2px 8px 3px 8px; font-size:11px; color:#FFFFFF; background-color:#FF6600; } #page2 .page_d .produit .btn { float:left; padding:0px 8px 3px 8px; width:auto !important; } #page2 .page_d .panier { width:100%; font-size:12px; } #page2 .page_d .panier th { padding-bottom:5px; color:#422827; } #page2 .page_d .panier td { height:18px; padding-bottom:4px; } #page2 .page_d .panier .total { height:23px; padding:0px; border-bottom:1px dotted #FF6600; font-weight:bold; font-size:15px; text-align:right; text-transform:uppercase; background-color:#EEEEEE; color:#FF6600; } #page2 .page_d .panier .interligne { padding-top:15px; } #page2 .page_d .panier input { border:1px solid #E0E0E0; font-size:11px; color:#422827; } #page2 .page_d .panier .quantite input { text-align:center; width:40px; } #page2 .page_d .panier .commentaire input { width:150px; } #page2 .page_d .panier .code_erreur { font-size:11px; color:#FF0000; text-align:left; } #page2 .page_d .panier a, #page2 .page_d .panier a:link, page2 .page_d .panier a:visited { color:#FF6600; text-decoration:underline; } #page2 .page_d .panier a:hover { color:#FF6600; text-decoration:none; } #page2 .page_d .panier .code_promo { width:260px; padding:10px; border:1px solid #EEE; background-color:#fcfcfc; } #page2 .page_d .panier .code_promo .ttl { margin-bottom:5px; } #page2 .page_d .panier .code_promo .input { font-size:12px; width:100px; } #page2 .page_d .bloc_commande { float:left; display:inline; width:289px; height:120px; margin:0px 0px 10px 20px; padding:15px 20px 20px 20px; border:1px solid #EEEEEE; } #page2 .page_d .bloc_commande h2 { margin:0px 0px 10px 0px; font-size:12px; text-decoration:underline; } #page2 .page_d .bloc_g, #page2 .page_d .bloc_d { float:left; width:310px; height:120px; margin-top:20px; padding:15px; border:1px solid #EEEEEE; background-color:#FCFCFC; color:#996633; text-align:justify; } #page2 .page_d .bloc_g { margin-right:12px; } #page2 .page_d .bloc_g h2, #page2 .page_d .bloc_d h2 { margin:0px 0px 10px 0px; font-size:12px; text-decoration:underline; color:#330000; } #page2 .page_d .bloc_g .formulaire, #page2 .page_d .bloc_d .formulaire { margin-top:5px; } #page2 .page_d .bloc_g td, #page2 .page_d .bloc_d tr { height:22px; } #page2 .page_d .bloc_g input, #page2 .page_d .bloc_d .formulaire input { width:220px; border:1px solid #E0E0E0; font-size:11px; color:#422827; } #panier { display:none; float:right; width:262px; height:38px; padding-left:8px; background:url("/images/bg/panier.gif") top left no-repeat; } #panier img { float:left; } #panier_content { float:left; padding:11px 0px 0px 9px; } #panier_content span { color:#FF6600; } #panier_confirm { position:absolute; z-index:100; left:50%; top:40%; width:300px; height:40px; margin-left:-70px; padding-top:20px; border:1px solid #FF6600; background-color:#FFDDCC; color:#FF6600; text-align:center; font-weight:bold; display:none; } body.popup { background-color:#FFF !important; background-image:none; } #popup { font-size:12px; } #popup h1 { padding-top:0px; } #popup h2 { margin:10px 0px 5px 0px; color:#CC6600; font-size:13px; }