/* Feuille de style générale (css2) site AZURBEAUTE.COM réalisée par (vds) de vds-design.com */

body {margin:0;text-align:center;font:11px Verdana, Arial, Helvetica, sans-serif;background:#67d2e6 url(images/body.jpg) center 10px no-repeat}
img {border:0 none}
#conteneur {width:800px;height:595px;margin:10px auto;padding:0;text-align:left;background:transparent}
#index, #tarifs, #maquillage, #corps, #visage, #produits, #promotions, #contact, #epilation, #plan, #planzoom, #apropos {float:right;width:400px;height:500px}
#texte, #promo, #admin {float:left;width:396px;height:500px}

/* Couleur commune */
h2, h2.index, #form label, #promo p, #admin textarea, .apropos, .apropos a, #texte ul li, #pied, #pied a, .h {color:#148498}

/* 1. Titres de pages */
h1.index {color:#ff8080}
h1.index, h2 {font:italic 18px Arial, Helvetica, sans-serif}
h1.index {font-weight:bold;text-align:center}
h2.index {margin:0 17px 20px 17px;text-align:center}
h2 {margin:0 17px 20px 17px}
h3 {margin:20px 10px;color:#ff8080}

/* 2. Menu horizontal */
#menu {width:800px;height:58px}
#menu ul {margin:0;padding:0}
#menu li {float:left;font:bold 17px Arial, Helvetica, sans-serif;list-style-type:none;padding-top:28px}
#menu li a {text-decoration:none;color:#fff;padding:28px 8px 0 8px}
#menu li a:hover, #menu li .actif {background:url(images/bt.gif) center bottom no-repeat}

/* 3. Bloc gauche texte */
#texte.logo {margin:0 auto}
#textezoom p, .apropos, #promo p, .h {margin:0 0 0 20px}
.apropos strong {color:#f06760}
.apropos a {font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;border-bottom:1px solid #f1f6f7}
.titres {font:bold 13px Verdana, Arial, Helvetica, sans-serif;color:#f06760;margin:0 0 0 18px}
#texte ul {margin:5px 0 10px 20px;padding:0}
#texte ul li {font:bold 12px Arial, Helvetica, sans-serif;margin-left:32px;list-style-type:square}
#texte .listarif li {font:bold 12px Arial, Helvetica, sans-serif;margin-left:15px;color:#f06760;list-style-type:square}
#texte .link a {margin-left:0;color:#396}
#promo p, #admin textarea {font:bold italic 16px Arial, Helvetica, sans-serif}
.h {font:bold italic 15px Arial, Helvetica, sans-serif}

/* 3.1 Bloc gauche formulaire contact */
#form label {width:120px;float:left;text-align:right;padding:0 .5em 0 0;line-height:1.8;cursor:help}
#form p {padding:0;margin:0 0 .2em 10px;text-align:left}
.advert {width:360px;margin-left:30px;padding-bottom:5px;font-weight:normal;color:#666}
.advert span {color:#f69}
.focus {background:#fff}
textarea {border:0 none;background:transparent}

#form input, #form .normal, #form textarea {border:1px solid #67D2E6;background:#fff}
input#valid  {border:1px outset #67D2E6;background:#9CC0C7;color:#fff}
#form1 textarea, #form p textarea {margin:0 0 0 20px}
#form1 h1 {margin:0}
#piedForm, .c {text-align:center;padding-top:10px}
#piedForm input {font-weight:bold}

/* 4. Bloc droit images */
#index {background:url(images/azurbeaute.jpg) no-repeat}
#tarifs {background:url(images/tarifs.jpg) no-repeat}
#maquillage {background:url(images/maquillage.jpg) no-repeat}
#corps {background:url(images/corps.jpg) no-repeat}
#visage {background:url(images/visages.jpg) no-repeat}
#produits {background:url(images/produits.jpg) no-repeat}
#promotions {background:url(images/promotions.jpg) no-repeat}
#contact {background:url(images/contact.jpg) no-repeat}
#epilation {background:url(images/epilation.jpg) no-repeat}
#plan {background:url(images/logoazurbeaute.gif) no-repeat}
#planzoom {background:url(images/plandroit.gif) no-repeat}
#apropos {background:url(images/apropos.jpg) no-repeat}

/* 5. Pied de pages */
#pied  {clear:right;text-align:left;height:37px;padding:5px 0 0 15px}
#pied a {font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none;color:#106878}
#pied span {font:normal 10px Verdana, Arial, Helvetica, sans-serif;color:#179BB3}
#pied span a {float:right;font:9px Arial, Helvetica, sans-serif;color:#179BB3}

/* 6. Ajotu de RFR le 05/06/09 */
.img_visite {text-align:center}
.img_visite img {padding: 2 2 2 2}