/* Exemple de style a copier coller */ /* - Pour fixer une hauteur minimale : min-height:400px; height:auto !important; height:400px; - Pour faire des coins arrondis (mais ça ne passe pas sous IE) : -moz-border-radius:8px;-webkit-border-radius:8px; - Pour mettre une ombre portée (mais ça ne passe pas sous IE) : text-shadow:0px 1px 1px #000; */ * {margin:0; padding:0;} body {text-align:center;color:#c3b5b0;background:#471e07;} table, div, input, body, textarea, select {font: 16px Arial, Helvetica, sans-serif;} a {text-decoration:none;} a img {border:none;} hr {display:none;} img {background:url(../images/loading.gif) no-repeat center center;} /* SOMMAIRE 1. Structure 2. Accueil 3. Acces 4. Carte TABLE DES COULEURS - chocolat #471e07 - gris perle #cabcb2 - orange #ed7d3e - bleu #3AAADC */ /*------------ 1. STRUCTURE */ html, body, #contenant, #conteneur {height:100%;width:100%;} #site {width:995px;margin:0 auto;background:url(../images/fond-menu.gif) no-repeat left bottom;} .bando {height:162px;text-indent:-5000px;background:url(../images/logo.gif) no-repeat center top #471e07;} .haut, .haut a, .haut a:hover{ font-size:9px; color:#CCC;#} #menu {float:left;display:inline;width:250px;text-align:left;font-size:12px;} #menu ul {list-style:none;padding:20px 0 0 30px;} #menu li {padding:0 0 9px 0;} #menu li a {color:#542006;} #menu li a:hover {color:#fff;} #bdacc #mnacc, #bdres #mnres, #bdcar #mncar, #bdvin #mnvin, #bdbar #mnbar, #bdsal #mnsal, #bdesp #mnesp, #bdcon #mncon, #bdace #mnace {color:#fff;} #bdres #menu {background:url(../images/menu-res.jpg) no-repeat;} #bdcar #menu {background:url(../images/menu-car.jpg) no-repeat;} #bdvin #menu {background:url(../images/menu-con.jpg) no-repeat;} #bdbar #menu {background:url(../images/menu-bar.jpg) no-repeat;} #bdsal #menu {background:url(../images/menu-sal.jpg) no-repeat;} #bdesp #menu {background:url(../images/menu-esp.jpg) no-repeat;} #bdcon #menu {background:url(../images/menu-con.jpg) no-repeat;} #bdace #menu {background:url(../images/menu-ace.jpg) no-repeat;} #bdnew #menu {background:url(../fichiers/menu-new.jpg) no-repeat;} #contenu {float:left;display:inline;width:745px;text-align:left;background:url(../images/fond-contenu.gif) no-repeat right bottom;min-height:564px; height:auto !important; height:564px;} #illustration {width:745px;height:250px;} #bdres #illustration {background:url(../images/illuRestaurant.jpg) no-repeat;} #bdbar #illustration {background:url(../images/illuBar.jpg) no-repeat;} #bdsal #illustration {background:url(../images/illuSalons.jpg) no-repeat;} #bdesp #illustration {background:url(../images/illuEspaces.jpg) no-repeat;} #bdcon #illustration {background:url(../images/illuContact.jpg) no-repeat;} #bdace #illustration {background:url(../images/illuAcces.jpg) no-repeat;} #blabla {padding:20px 0 0 20px;color:#fff;position:relative;} #blabla h1 {text-transform:uppercase;color:#ed7d3e;font-weight:normal;font-size:12px;margin:0 0 10px 0; text-align:right;} #blabla h2 {text-transform:uppercase;color:#ed7d3e;font-weight:normal;font-size:17px;margin:0 0 10px 0;} #blabla p {margin:0 0 10px 0;} #blabla .grandTexte {font-size:22px;} #blabla .lettrine {font-size:1.8em;} #blabla .orange {color:#ed7d3e;} #blabla .gris {color:#cabcb2;} #blabla a {color:#ed7d3e;} #blabla a:hover {text-decoration:underline;} #bdres #blabla, #bdbar #blabla, #bdsal #blabla, #bdesp #blabla, #bdace #blabla {font-size:13px;} #bdbar #blabla .grandTexte, #bdsal #blabla .grandTexte {font-size:17px;} #pied {width:995px;margin:0 auto;text-align:left;padding:5px 0 0 0;font-size:14px;} #pied a {color:#fff;#} #pied a:hover {color:#ed7d3e;} /*------------ 2. ACCUEIL */ #formules {float:right;width:350px;} #formules .prix {background:url(../images/fond-prix.gif) no-repeat;width:58px;height:38px;text-align:center;padding:20px 0 0 0;font-size:15px;} #formuleJour {background:url(../images/formuleJour.gif) no-repeat;padding:38px 0 0 0;width:300px;} #formuleJour .orange {line-height:1.5em;} #formuleJour p {margin:0 0 20px 0;} /*------------ 3. ACCES */ #plan {position:absolute;z-index:5;top:0;left:0;} #bdace #blabla {padding:10px 0 0 0;} #bdace #blabla p {padding:0 0 0 320px;} /*------------ 4. CARTE */ #carte {background:#cabcb2;color:#1A1A1A;} #carte .milieu {border-right:4px solid #000;border-left:4px solid #000} #carte caption {text-align:center;text-transform:uppercase;color:#ed7d3e;padding:15px 0 0 0;font-weight:normal;} #carte td {font-size:14px;} #carte td table {margin:0 5px;width:238px;} #carte td td {padding:10px 1px;} #carte td td.prix {color:#ed7d3e;} #carte .petitTexte {font-size:13px;} #carte .bleu {color:#3AAADC;font-size:16px;} #carte em {color:#fff;} /*------------ 5. VINS */ #bdvin #blabla {background:#cabcb2;color:#fff;} .vins {margin:0 0 20px 0;} .vins .genre {color:#ed7d3e;padding:10px 0 0 0;} .vins td {font-size:14px;padding:0 0 2px 0;color:#1A1A1A;} .vins td.prix {color:#ed7d3e;} .vins em {color:#fff;} .vins .petitTexte {font-size:13px;} /*------------------------------------------------------------------------------*/ /* dHHHHHHHHHHHHHHHHHHHHHHHHHb CSS pas défaut Alphalives dHHHHHHHHHHHHHHHHHHHHHHHHHHHb */ .cale {clear:both;font-size:0.05em;position:relative;} /*------------ Formulaire */ .formulaire #erreurs {padding:10px;background:#FF7777;color:#fff;margin:0 0 20px 0;} .formulaire #erreurs ul {margin:0 0 0 30px;} .formulaire form p { margin:10px 0 10px 0;} .formulaire label {float:left;display:inline;width:150px;font-weight:bold;color:#555;} .formulaire span.parentheses {font-size:9px;font-style:italic;color:#aaa; font-weight:lighter;} .formulaire .texte {border:1px solid #ccc; width:248px; height:20px; padding:5px 0;} .formulaire .focus {border:1px solid #ee8c00;} .formulaire .btRadio {float:none;margin:0 0 0 20px;} .formulaire .coche {float:none;margin:0 0 0 5px;} .formulaire .erreur label, .erreur {color:red;} .formulaire .erreur input, .erreur textarea, .erreur select {border:1px solid red;} .formulaire .bouton {border:none;background:#ee8c00;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff;} .formulaire .bouton-gris {border:none;background:#999;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff;} .formulaire select {border:1px solid #ccc;} .formulaire textarea {border:1px solid #ccc;overflow:auto;padding:10px;} .formulaire fieldset {border:1px solid #ccc;padding:10px;margin:0 0 10px 0;} .formulaire legend {padding:0 10px;text-transform:uppercase;margin:0 !important;margin:0 0 10px 0;}*/ /*------------ Page de connection */ #div_seconnecter{ width:400px; margin: 50px 0; padding:0 50px 0 50px; float:left; border-right:#343434 solid 1px;} #div_inscription{ width:250px; margin: 50px 0; padding:0 30px 0 30px; float:left; } /*------------ Page d'inscription */ #div_center_inscription{ margin:10px 150px 0 150px;} /*------------ Accueil_v2 */ #descr {width:700px;font-size:13px;} #descr .cale{height:30px;} /*------------ Footer */ #pied {margin-top:-20px;} #pied #footer a {font-color:#666; font-size:12px;}