/* CSS Document @ EN LIGNE */ /* projet LRW restaurants */ /* Fait par younes CHRAK en juillet 2008 */ /* pour tous les navigateurs */ /* ---------- -------------*/ /*---DEB General ------*/ body { padding:0; margin:0; background: url(../images/bg_body.gif) repeat-x #FFF; font-family:verdana; font-size:10px; color:#888; } #page { width:945px; margin:0 auto; position:relative; } img {border:none} .clear {clear:both; height:0px; width:0px; } ul {list-style:none;} h1,h2,h3,h4,span,ul,li,p,div,hr, img{ padding:0; margin:0;} p {text-align:justify; margin-left:0px; } h1,h2,h3 { color:#54432B; font-family: 'Times New Roman',Times,serif; font-weight: normal;} h1 { font-size:22px; margin:15px 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; } h2 { font-size:17px; font-weight:bold; margin:10px 0; /*margin-left:5px;*/ } h3 { font-size:13px; font-weight:bold; margin:10px 0; /*margin-left:10px; */} hr { border-bottom: solid 0,5px #BBAC91;} a { text-decoration:none; color:#000;} a:hover {} .a_actu{font-size:16px; font-weight:bold; color:#8D6E43; margin:5px 0; /*margin-left:5px;*/ font-family:Georgia, "Times New Roman", Times, serif;} hr { margin:15px 0; border: none; border-bottom: solid 2px #796F5C; } .liste1 {} .liste1 li { margin: 12px 0 12px 10px; } .liste2 {} .liste2 li { margin: 3px 0 3px 25px; list-style:circle; } ol li { margin: 3px 0 3px -10px; } .fleft { float:left;} .fright { float:right; } /*p,ul {line-height:18px;}*/ /* les formulaire du site */ .lbl {float:left; width:150px; color:#544C3D; margin-left:5px; padding-left:10px; font-size:11px; background:#F2F0E5; border-left:solid 2px #6F6450; line-height:21px; margin-right:5px; } .chp_txt { border: solid 1px #E2DFD0; margin-bottom:4px; height:17px; width:210px; } .chp_cbo { border: solid 1px #E2DFD0; margin-bottom:4px; } .obligatoire { color:red; } .bt_valider , #bt_envoyer { margin: 10px auto 0 ; position:relative; width:100px; } .zon_txt { border: solid 1px #E2DFD0; margin-bottom:4px; height:120px; width:300px; } #msg_err { color:red; height:15px; } /* ------ ---- ---- --- */ /*---FIN General------*/ /*---DEB entete ------*/ #entete {width:100%; height:360px; background:url(../images/bg_titre_entete.gif) top right no-repeat; position:relative; } #identification { position:absolute; left:773px; top:0px; width: 180px;} .champ_txt { border:none; background:#817C62; width: 70px; height:13px; color:#fff; font-size:10px; text-align:center; } #bt_ok-id { background:url(../images/bt_ok.gif); width:20px; height:15px; padding:0; margin:0; border:none; position:absolute; left:143px; top:0px; } #menu_top { width:700px; height:29px; position:absolute; top:80px;left:50px background:#BBCCD8; left: 239px;} #menu_top li { float:left; display:block; margin-top:5px; margin-right:56px; } #menu_top #langues { width:21px; height:28px; background:#746D4F; margin:1px; position:relative; } #menu_top #langues #lang_fr , #menu_top #langues #lang_ang {display:block; width:15px; height:9px; position:absolute; left:2px; } #menu_top #langues #lang_fr { background:url(../images/darpo_fr.gif) no-repeat; top:3px; } #menu_top #langues #lang_ang { background:url(../images/darpo_ang.gif) no-repeat; top:14px; } /*#menu_top li a {display:block; color:#003567; font-size:20px; line-height:32px; text-decoration:none; margin:0 5px; } #menu_top li a:hover{text-decoration:none; color:#96825C; background:#FFFFCC;} */ #banner { position:absolute; width:744px; height:226px; left:195px; top:111px; z-index:3; } #bloc_recherche {position:relative; width:202px; height:360px; background:url(../images/bg_zone_recherche.gif); z-index:2; } #logo_site { position:absolute; left:26px; top:24px; background:url(../images/logo_site.png) no-repeat; cursor:pointer;} #zone_recherche {position:relative; left:11px; top:190px; width:185px; height:127px; z-index:10 } #search_carte { position:absolute; left:90px; top: 174px; color:#fff; display:block; width:79px; } #search_carte a{ color:#E4DDCE;} #search_carte a:hover{color:#FFFFFF;} a#carte_maroc {position:relative; left:122px; top:-14px; width:60px; height:53px; display:block; } #bloc_form { position:relative; left:5px; top:-7px; } .cbo_serach { /* display:block; */ width:167px; height:19px; text-align:left; margin: 3px 0; font-size:10px;} .cbo_serach3 { /* display:block; */ width:150px; height:19px; text-align:left; font-size:10px; border: solid 1px #E2DFD0; margin: 0 13px; } #ok_search { background:#5F5645; border:none; position:relative; color:white; font-weight:bold; height:20px; text-align:center; width:24px; top: 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .cbo_serach2 { width:168px; height:19px; text-align:center; margin: 10px 6px; } #bt_recherche { background:url(../images/bt_rechercher.gif) top center no-repeat; width:86px; height:16px; position:relative; left:80px; top:2px; border:none;} /*---FIN entete ------*/ /*---DEB contenu ------*/ #contenu {width:100%; margin-bottom: 25px; } #contenu_gauche {float:left; width:202px; color:#000; position:relative;} /*--------------*/ #ecran_carte {position:absolute; left:207px; top:-243px; width:250px; height:300px; background:#7B6E5B; z-index:1000; visibility:hidden; border: solid 1px #807562;} /*--------------*/ #recherche_resto { background:url(../images/bg_recherche_resto.gif) no-repeat; width:202px; height:74px; z-index:3; position:relative; top:-1px;} #recherche_resto select {position:absolute; margin:0; left:18px; top:20px; } #contenu_gauche2 { width:188px; margin:0 auto; } .text_left { text-align:center; font-size:12px; margin-top:20px; display:block; } .text_left2 { text-align:center; font-size:12px; position:relative; top:40px; display:block; } #espace_ets { background:url(../images/bg_espace-ets.gif) no-repeat; width:188px; height:90px; display:block; } #espace_invitat { background:url(../images/bg_espace-invitat.gif) no-repeat; width:188px; height:90px; display:block; } /*#dernier_restau { background:url(../images/bg_dernier.jpg) no-repeat; width:188px; height:121px; display:block; margin: 18px 0; }*/ #dernier_restau { background:url(../images/bg_dernier_restau.jpg) no-repeat 4px 3px; width:188px; height:132px; display:block; margin: 18px 0; border :1px solid #E2DFD0 ; padding-top:6px; } #dernier_restau .text_left2 { text-align:left; padding-top:10px; } #dernier_restau .text_left2 a { display:block; list-style:circle; margin-left:22px;display:list-item; margin-top:-10px; font-size:10px; } #newsletter { margin-top:20px;} .a_espace { display:block; list-style:circle; margin-left:22px;display:list-item; font-size:10px; } #contenu_droite { float:left; width: 732px; padding-left:2px; } .img_title1 { margin:8px 0; } #conteneur_bloc { border:solid 1px #E2DFD0; height:372px; } .bloc_contenu1 { width:98%; padding:1%; margin: 8px 0; position:relative; height:74px; } .bloc_contenu2 { width:98%; border-bottom:solid 1px #E2DFD0; padding:1%; margin: 8px 0; margin-bottom: 8px; padding-bottom: 16px; padding-left: 0px; margin-left: 7px;} .bloc_contenu1 a , .bloc_contenu2 a { color:#888; } .bloc_contenu1 img , .bloc_contenu2 img { float:left; margin-right: 8px;} .bloc_contenu1 h2 { margin:0; margin-top:12px; font-size:12px; font-weight:bold; } .bloc_contenu2 h2 { margin:0; margin-top:5px; font-size:12px; font-weight:bold; } .date_creat { display:block; float:right; font-weight:bold; font-size:10px; } /* ---------- page Accueil -------------*/ #col1 { width:387px; float:left; padding:1%;} .ccp_link { display:block; width:385px; height:74px; position:absolute; top:0px; left : 0px; } #col1 p { margin-left: 3px; } #col2 { width:310px; padding-left:10px; float:left; margin-bottom:20px;} #bloc_options { width:100%; margin-bottom:19px; } #bloc_options img { margin: 1px; } #services { background:url(../images/bg_nos-services.jpg) no-repeat 0 0; width:317px ; height:164px; margin-left:3px; margin-bottom:18px; position:relative; } #services1 { position:relative; top:3px; padding-left:1px; width:308px; z-index:0; } #services ul { position:absolute; left:19px; top:3px; color:#fff; font-size:12px; width: 144px; font-weight:bold; } #services ul li { margin:3px 0; } #contactez { background:url(../images/img_contactez-nous.jpg) no-repeat 0 0; width: 318px ; height:134px; margin-left:1px; cursor:pointer; display:block; padding-bottom:20px; position:relative; top:20px;} #accueil1 { font-size:10px; color:#888; font-family:"verdana", Times, serif;} /* ----------FIN page Accueil -------------*/ /* ---------- page Actualite -------------*/ .bloc_act-list { width:98%; border:solid 1px #E2DFD0; padding:1%; margin: 8px 0; } .bloc_act-list img { float:right; margin-left: 8px;} .bloc_act-list h2 { margin:0; margin-top:5px; font-size:12px; font-weight:bold;padding-bottom: 8px; } .bloc_act-detail { width:98%; border:solid 1px #E2DFD0; padding:1%; margin: 8px 0; height:auto !important; min-height:390px; height: 390px; } .bloc_act-detail img { float:right; margin-left: 8px;} /* ----------FIN page Actualite -------------*/ /* ---------- page Restaurants -------------*/ #navigation { padding: 0; margin: 10px 0; width:100%; } #bt_preced { float:left; } #nom_resto { float:left; position:relative; width:520px; text-align:center; top:-2px; display:block; font-size:20px; color:#4B4539; font-family:Georgia, "Times New Roman", Times, serif; /*text-transform:uppercase;*/ z-index:-1; } #bt_suivant { float:right; } #restau_gallerie {} #restau_gallerie img { /* border:solid 3px #7D725F; */ } #gallerie_detail { float:left; width:431px;} #gallerie_liste {float:right; width:301px;} #gallerie_liste img {margin-left:1px; margin-bottom:1px; float:left; width:149px; } #info_resto { margin-top:10px; } #col_1 { float:left; width:512px;} #col_1 #bt_navig {margin-top:10px; position:relative; } #menu_deroulant_1 { position:absolute; width:114px; left:280px; top:36px; visibility:hidden; } #menu_deroulant_2 {position:absolute; width:114px; left:398px; top:36px; visibility:hidden; } #menu_deroulant_1 a , #menu_deroulant_2 a { display:block; width:100%; line-height:20px; background:#A69B89; color:#211400; text-align:center; } #menu_deroulant_1 a:hover, #menu_deroulant_2 a:hover {background:#514A3E; color:#fff;} #tb_menu_resto {width:100%; border:solid 1px #908879; padding-bottom:7px; } #tb_menu_resto td { padding-left: 10px; } #tb_menu_resto .t_entete td { border-bottom:solid 1px #908879; height:32px; font-size:13; font-weight:bold; vertical-align:bottom; } .t_col1 { color:#4C4437} .t_col2{color : #8A7D67; text-align:right; } #col_2 { float:right; width:190px;} #icones {} #icones img { margin-left: 3px; float:right; } #recette_chef { background:url(../images/bloc_recette-chef.jpg); width: 188px ; height: 116px; margin-top:20px; /*padding:20px 0 0 13px */ } #recette_chef span { position:relative; left : 3px; top:30px; } a#print_fich , a#tel , a#mail { display:block; line-height:20px; width:75%; padding-left:25%; font-size:11; color:#E4DDCE; margin-bottom:5px; } a#print_fich:hover , a#tel:hover , a#mail:hover{ color:#FFFFFF;} a#print_fich { background: #534C40 url(../images/printer.gif) no-repeat 20px 5px ;} a#tel { background: #534C40 url(../images/tel.gif) no-repeat 20px 1px;} a#mail { background: #534C40 url(../images/arobaz.gif) no-repeat 17px 4px;} #div_tele { text-align:center; font-size:12px; font-weight:bold; color:#534C40;} #ctn_tel { height:4px; } #type_cuisine { /*width: 34%;*/ margin-right: 0%; /*position: relative;*/ top: -32px; float: right; text-align:right; font-weight:bold; color: #8B7F6A; } /* ---------- FIN page Restaurants ---------------*/ /* ---------- page Recettes ---------------*/ #navig_recette { width:100%; margin:0 auto; } #navig_recette li { float:left; width:32.5%; margin: 0% 0.2%; } #navig_recette li a {display:block; background:#D2CABA; width:100%; line-height:30px; font-size:18px; text-align:center; color:#594D3A } #navig_recette li a:hover { color:#fff; background:#796F5C; } .link_recette { font-style:italic; } /* ---------- FIN page Recettes -----------*/ /* ---------- page coffret cadeau , carton de repas , Détail de chaqun 'un ---------------*/ #images_center { text-align:center;} #images_center img { margin:1px 0 0 0; } .p_txt { padding: 2%; margin:25px 0; text-align:justify ; } #conteneur_choix { margin: 15px 0; } h2.title_center { text-align:center; font-size:22px; margin: 10px 0; } h2.title_left { float:left; border-right: solid 2px #BEB5A4; width:150px; margin-right: 10px; padding-right:10px; } .bloc_choix { float:left; width:220px; border: 1px solid #BEB5A4; margin:0 19px; padding:2px; } /* les #bc pour destinguer les bloc choix par des mragin .. */ #conteneur_choix #bc1 ,#conteneur_choix #bc3{ margin:0; } #conteneur_choix #bc2 { margin:0 27px; } .title_choix { background: #8B7F6A;} .title_choix .t1 , .title_choix .t2 { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; display:block; text-align:center;} .title_choix .t1 {font-size:16px;} .title_choix .t2 {font-size:12px;} .bloc_choix .imag { text-align:center; margin:15px 0 ; } .bloc_choix .ctn_choix { width:90%; margin:0 auto; } /*.plus_info , .cmt_marche { display:block; float:right; color:#8B7F6A ; font-weight:bold; } */ /******************* deb invitation *******************/ .cmt_marche { background:url(../images/carton/bg_bt_cmt-march.jpg); width:251px; display:block; float:right; color:#fff ; font-weight:bold; line-height:61px; text-align:center; } .commander { background:url(../images/carton/bg_bt_cmt-march.jpg); width:251px; display:block; color:#fff ; font-weight:bold; line-height:61px; text-align:center; margin:0 auto; } .list_restau { color:#4C463A; font-size: 12px; font-family:Arial, Helvetica, sans-serif } .plus_info { font-size:10px; color:#4C463A} #bt_plusinfo {margin: 55px auto 0 ; position:relative; width:359px; background:url(../images/carton/bg_bt_plus-info.jpg) no-repeat; width:359px; line-height:63px; color:#fff; float:right; text-align:center; font-weight:bold; } .link_bloc_choix { display:block; width:193px; height:169px; } .bt_voir_list {margin: 0px auto 0 ; position:relative; width:359px; background:url(../images/carton/bg_bt_plus-info.jpg) no-repeat; width:359px; line-height:63px; color:#fff; float:right; text-align:center; font-weight:bold; } #tab_center_bloc { margin:0 auto; width:90%; } /*---------------- fin invitation ***********************/ #conteneur_2 {} #conteneur_2 .liste2 { margin-left:37px;} .bouton2 { background:url(../images/bg_bouton.gif); color:#FFF; display:block; line-height:25px; text-align:center; font-weight:bold; font-size:11px; border:solid 0px} /*#bt_plusinfo {margin: 55px auto 0 ; position:relative; width:250px;} */ #bt_cmdmnt {margin: 10px auto 0 ; position:relative; width:250px;} #bt_voir_list { width:275px; float:right; position:relative; top: 7px; } #bt_commandez { position:relative; width:200px; margin: 10px auto 0; } .text_avce_ce {float:left;width:460px;border-left:#000 solid 1px; padding-left:31px; height:48px; } .text_offrez_vous { float:left;width:140px; margin-left:50px; } .text_offrez_vous h2 { margin:0; } /* ---------- FIN page coffret cadeau ---------------*/ /* ---------- DEB Carte du maroc ---------------*/ #ctn_carte_maroc { text-align:center; padding-top:20px; } /* ---------- FIN Carte du maroc ---------------*/ /* ---------- DEB commandez ---------------*/ #cmdez_col2 { float:right; width:170px; } #cmdez_form { width:400px; margin-left:50px; } .bloc_adresse { float:right; border: solid 1px #E2DFD0; padding:3px; position:relative; top:0px; left:0px; width:163px; } /* ---------- DEB commandez ---------------*/ /*----- contacter ----*/ #contact_form {width:76%; margin: 0 auto} /*----- contacter ----*/ /*-----DEB 'Comment ça marche' ----*/ #ctn_cmtcamarch { width:95%; padding-left:5%;} #tatouage { float:right; background:url(../images/tatouage.jpg) no-repeat 0 0; width:306px; height:216px; } /*-----fin 'Comment ça marche' ----*/ #bt_calendar { background:url(../images/ico_calandar.gif) no-repeat 0 0 ; border:solid 1px #0099CC; width:20px; height:20px; } /*------ DEB résérvation groupe ------*/ #rg_col1 {width:430px; float:left;} #rg_col2 {width:300px; float:left;} #rg_col2 #img_restau img { float:left; margin:2px; } .zon_txt2 { border: solid 1px #E2DFD0; margin:4px; height:120px; width:378px; } .lbl2 {float:left; width:367px; color:#544C3D; margin-left:5px; padding-left:10px; font-size:11px; background:#F2F0E5; border-left:solid 2px #6F6450; line-height:21px; margin-right:5px; } /*------ FIN résérvation groupe ------*/ /*------ DEB hotel.php ------*/ #nom_hotel_ville {} .hv_lbl { display:block; font-size:12px; } .hv_val { display:block; font-size:11px; text-align:center; background:#E4DDCE; padding:3px 0; color:#534C40 ;font-weight:bold; margin: 2px 0 4px } .hv_val:hover { background:#EEEAE0; color:#686154; } #val_tel , #val_fax, #val_mail , #val_internet { display:block; text-align:center; margin-bottom:3px; font-family:"trebuchet MS", verdana; font-size:13px; color:#534C40 } #val_internet { font-size:11px;} /*------ FIN hotel.php ------*/ /*---FIN contenu ------*/ /*---DEB pied ------*/ #pied {width:100%; border-top: solid 1px #CBC8BD; margin-top:20px; height:60px; } #menu_bas { width:490px !important; width:515px; height:22px; top:10px; position:relative; margin: 0 auto; } #menu_bas li { float:left; display:block; margin-top:5px; margin: 0 10px ; font-size:12px; color:#928979; font-family:"Times New Roman", Times, serif;} #menu_bas li a { color:#928979; } #copyright { width:180px; margin:0 auto; position:relative; top:6px; font-size:12px; color:#928979; font-family:"Times New Roman", Times, serif; } #menu_liens-1 { float:left; display:block; margin-top:5px; margin: 0 10px ; font-size:12px; color:#928979; font-family:"Times New Roman", Times, serif;} #menu_villes { font-size:10px; color:#CCCCCC; font-family:"verdana", Times, serif;} #menu_villes2 { font-size:10px; color:#CCCCCC; font-family:"verdana", Times, serif;} #texte-A { font-size:12px; color:#928979; font-family:"Times New Roman", Times, serif;} /*---FIN pied ------*/ /*-----css adil----*/ .bloc_act-cat { width:88%; border:solid 1px #E2DFD0; margin: 8px 0; height:auto !important; min-height:390px; height: 390px;padding:1% 0% 1% 10%; } .cat-coffret { width:20%; border:solid 1px #E2DFD0; padding:1%; margin: 8px 0; height:auto !important; padding-bottom:1%;float:left;margin-right:11% } /** DEB bloc news ***/ #b_news { background:url(../images/bg_news.jpg) no-repeat 4px 3px; width:188px; height:auto !important; min-height: 132px; height:132px; display:block; margin: 18px 0; border :1px solid #E2DFD0 ; padding-top:6px; padding-bottom:10px; } #b_news .text_left2 { text-align:left; padding-top:10px; } #b_news .text_left2 a { display:block; list-style:circle; margin-left:22px;display:list-item; margin-top:-10px; font-size:10px; } /** fiN bloc news ***/