* {margin:0; padding:0;} body {text-align:center;color:black;} table, div, input, body, textarea, select {font: 12px Arial, Helvetica, sans-serif;} a {text-decoration:none;} a img {border:none;} hr {display:none;} /* SOMMAIRE 1. Structure 2. Liste 3. Fiche TABLE DES COULEURS - Jaune : #ffe400 - Bleu clair : #c7d7ee - Bleu foncé : #0071bc - Vert foncé : #0d6666 */ /*------------ 1. STRUCTURE */ #site, #pied {margin:0 auto;width:958px;} #site {background:#231d0b;/* 231d0b */border:1px solid #231d0b;text-align:left;} #bando {text-align:center;height:78px;padding:30px 0 0 0;color:#bbb;position:relative;font-size:10px;} #bando a {color:#bbb;} #bando a:hover {color:#ffe400;} #bando #btCompte {position:absolute;z-index:10;top:34px;right:50px;font-size:12px;} #bando #btCompte a {display:block;padding:6px 10px;background:#ffe400;color:#000;text-transform:uppercase;} #bando #btCompte a:hover {background:#0071bc;color:#fff;} #menu {width:212px;color:#fff;display:inline;float:right;} #menu ul {background:#69a1f0;margin:0 0 20px 0;text-align:right;list-style:none;} #menu p {margin:0 8px 10px 8px;font-size:11px;} #menu p a {color:#fff;} #menu p a:hover {color:#ffe400;} #contenu {float:right;display:inline;background:#fff;width:626px;min-height:450px; height:auto !important; height:450px;padding:20px 60px;} #contenu h1 {font-size:22px;font-weight:normal;margin:0 0 10px 0;} #contenu h2, #contenu h2 a, #contenu h2 a:hover {font-size:18px;font-weight:normal;color:#0d6666;} #contenu h2 span{font-size:12px;} #contenu h3 {font-size:14px;font-weight:bold;color:#0d6666;margin:20px 0 5px 0;} #contenu h4, #contenu h4 a, #contenu h4 a:hover {font-size:12px;font-weight:bold;color:red;} #contenu p {margin:0 0 10px 0;} #contenu ul {margin:0 0 0 40px;} #contenu a {color:#000;} #contenu a:hover {color:#0071bc;} #ariane {border-bottom:1px solid #c7d7ee;padding:0 0 5px 0;font-style:italic;} .cale {clear:both;font-size:0.05em;} #pied {text-align:left;font-size:9px;padding:10px 0 0 0;} #pied p {margin:0 0 5px 0;text-align:justify;} #pied ul {list-style:none;margin:0 0 10px 0;} #pied li {display:inline;padding:0 20px;border-right:1px solid #000;font-size:11px;} #pied li a {color:#000;} #pied li a:hover {color:#0071bc;} /*------------ 2. LISTE DE PRODUITS */ #flash {width:205px;margin:10px;float:left;} #texteavtflash {width:275px; float:left; margin:0 10px 0 0;} #recherche fieldset {position:relative;clear:both;} #recherche input[type=text] {border:1px solid #ccc;} #recherche label {float:none;} #recherche legend img {vertical-align:middle;} #recherche ul {list-style:none;margin:0;width:480px;} #recherche li {display:inline;margin:0 6px 0 0;} #recherche #btRechercher {position:absolute;z-index:400;bottom:0;right:0;} .blocBien {width:293px;background:#c7d7ee;float:left;display:inline;margin:2px;padding:5px;} .blocBien h4 img {float:left;margin:0 10px 30px 0;border:1px solid #000;} .blocBien .lieu {color:#0d6666;font-weight:bold;} .blocBien .lien {clear:both;text-align:center;text-transform:uppercase;} #messageGoogle {text-align:center;color:#6e4e00;background:#ffe400;border:1px solid #ffb400;padding:10px;} /*------------ 3. FICHE PRODUITS */ #ficheRef {color:red;clear:both;padding:10px 0 0 0;} #ficheImgs {} #ficheImgs table {margin:0 auto;} #ficheImgs table td {padding:0 10px;} #ficheImgs a img {vertical-align:middle; margin:10px} #ficheBoutons {padding:0 0 0 100px;} #contenu #ficheBoutons a {display:block;padding:10px;float:left;width:120px;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;height:32px;} #contenu #ficheBoutons a img {vertical-align:middle;} #contenu #ficheRetour {background:#0071bc;} #contenu #ficheAjouter {background:#0d6666;margin:0 10px;} #contenu a#ficheContacter {background:#ffe400;color:#000;} /*------------------------------------------------------------------------------*/ /* dHHHHHHHHHHHHHHHHHHHHHHHHHb CSS pas défaut Alphalives dHHHHHHHHHHHHHHHHHHHHHHHHHHHb */ #contentborder-top {margin:5px auto 0 auto; width:950px; height:5px; background:url(../images/contentborder-top.jpg); } #contentborder {margin:0 auto 0 auto; width:950px; background:url(../images/border1.jpg) right repeat-y #222222; text-align:left;} #contentborder-bottom {margin:0 auto 0 auto; width:950px; height:29px; background:url(../images/contentborder-bottom.jpg); } #content {margin:0 15 0 0;width:936px; min-height: 400px; background:url(../images/background.jpg) repeat-x #cdcdcd;text-align:left;} #div_connection { text-align:right; padding:0 10px 0 0; font-size:9px; font-weight:bold;} #div_connection a, #div_connection a:hover{ color:#000000;} #div_menu {background-color:#343434; margin:10px; padding:10px; font-size:16px; color:#FFFFFF;} #div_menu a, #div_menu a:hover{ color:#FFFFFF;} #div_center{margin:25px 25px 0 25px;} .clear{clear:both; width:100%; height:0px;} .messageok{ margin: 10px 200px 10px 200px; background-color:#4FF06B; text-align:center; font-size:16px; -moz-border-radius: 15px 0 15px 0 ; font-weight:bold; } .messageok p{ padding:10px 25px 25px 25px; } .messageclose{ text-align:right; font-size:10px; font-weight:bold; margin:0 10px 0 0; } .messageclose a, .messageclose a:hover{ color:#000000;} /*------------ Formulaire */ #erreurs {padding:10px;background:#FF7777;color:#fff;margin:0 0 20px 0;} #erreurs ul {margin:0 0 0 30px;} form p { margin:10px 0 10px 0;} label {float:left;display:inline;width:150px;font-weight:bold;color:#555;} span.parentheses {font-size:9px;font-style:italic;color:#aaa; font-weight:lighter;} .texte {border:1px solid #ccc; width:248px; height:20px; padding:5px 0;} .focus {border:1px solid #ee8c00;} .btRadio {float:none;margin:0 0 0 20px;} .coche {float:none;margin:0 0 0 5px;} .erreur label, .erreur {color:red;} .erreur input, .erreur textarea, .erreur select {border:1px solid red;} .bouton {border:none;background:#ee8c00;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff;} .bouton-gris {border:none;background:#999;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff;} select {border:1px solid #ccc;} textarea {border:1px solid #ccc;overflow:auto;padding:10px;} fieldset {border:1px solid #ccc;padding:10px;margin:0 0 10px 0;} legend {padding:0 10px;text-transform:uppercase;margin:0 !important;margin:0 0 10px 0;color:#0071bc;} /*------------ 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;} #div_zone_inscription{ padding:50px 0 50px 0;} #div_ident{ float:left; width:283px; border-right:#666 solid 1px; padding:0 20px 0 0; } #div_ident p{ font-size:11px; color:#333;} #div_messinscription{padding:0 0 0 20px; width:283px;float:left; } #div_ident #erreurs {padding:10px;background:#FF7777;color:#fff;margin:0 0 20px 0;} #div_ident #erreurs ul {margin:0 0 0 30px;} #div_ident form p { margin:10px 0 10px 0;} #div_ident label {float:left;display:inline;width:100px;font-weight:bold;color:#555;} #div_ident span.parentheses {font-size:12px;color:#aaa; font-weight:lighter;} #div_ident span.parentheses a, #div_ident span.parentheses a:hover{ color:#F60;} #div_ident .texte {border:1px solid #ccc; width:180px; height:10px; padding:5px 0;} #div_ident .focus {border:1px solid #ee8c00;} #div_ident .btRadio {float:none;margin:0 0 0 20px;} #div_ident .coche {float:none;margin:0 0 0 5px;} #div_ident .erreur label, .erreur {color:red;} #div_ident .erreur input, .erreur textarea, .erreur select {border:1px solid red;} #div_ident .bouton {border:none;background:#ee8c00;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff; text-decoration:none; cursor:pointer;} #div_ident .bouton-gris {border:none;background:#999;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff;} #div_ident select {border:1px solid #ccc;} #div_ident textarea {border:1px solid #ccc;overflow:auto;padding:10px;} #div_ident fieldset {border:1px solid #ccc;padding:10px;margin:0 0 10px 0;} #div_ident legend {padding:0 10px;text-transform:uppercase;margin:0 !important;margin:0 0 10px 0;color:#0071bc;} #div_messcompte a, #div_messcompte a:hover {color:#fff; border:none;background:#ee8c00;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff; text-decoration:none;} #div_messinscription a, #div_messinscription a:hover {color:#fff; border:none;background:#ee8c00;padding:2px 10px;text-transform:uppercase;font-weight:bold;color:#fff; text-decoration:none;} #div_messinscription p{font-size:11px; color:#333; margin:5px 0 14px 0;} #div_recupmdp p{ color:#333;} #div_recupmdp form{ width:400px; margin:30px auto 0 auto; } #div_recupmdp label {width:160px; text-align:right; margin:0 10px 0 0;} #div_recupmdp .texte {border:1px solid #ccc; width:200px; height:10px; padding:5px 0;}