*{margin:0; padding:0;}
html, body {border: 0; margin: 0; padding: 0;}
body { font-family:Arial, Helvetica, sans-serif; width: 100%; min-width: 970px; color: black; }
p{margin:5px 0 0 0; font-size:12px; color:#707070;}
a{color:#000000; text-decoration:none; font-size:12px; outline:none;}
a img { border: none;}
.maj{text-transform:capitalize;}
.capitale{font-variant:small-caps;}
.sousligne{text-decoration:underline;}
.clearer{clear:both;}
.italic{font-style:italic;}
#fond_page{background:url(../images/commun/body_bg.jpg) repeat-x; width:100%; height:100%; margin:0; padding:0;}
#page{position:relative; margin:auto; padding:0; width:950px; height:100%;}
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
/***** Main Layout ****/
#container { width: 100%; height: 100%; text-align: center; }
#content { width: 740px; margin: 0 auto; text-align: left; padding: 20px;}
/* ====================================================================================
HEADER
======================================================================================= */
/* ---- Bandeau ---- */
h1{background:url(../images/commun/header.jpg) no-repeat; width:950px; height:195px;}
h1 span{display:none;}
#logo{background:url(../images/commun/logo.jpg) no-repeat; position: absolute; top:66px; left: 0px; width:380px; height:115px;}
#logo span{display:none;}
#slogan{background:url(../images/commun/slogan.jpg) no-repeat; position: absolute; top:35px; left: 423px; width:267px; height:79px;}
#slogan span{display:none;}
/* ---- Menu Horizontal ---- */
#menu{height:33px;}
#menu ul{list-style:none;}
#menu ul li{display:inline; margin:0 15px 0 25px; line-height:33px;}
#menu ul li a{font-size:12px; color:#3a3c3f;}
#menu ul li a:hover{color:#999;}
.apropos{background:url(../images/commun/picto_infos.jpg) no-repeat; padding:5px 0 16px 35px; width:31px; height:30px;}
.algues{background:url(../images/commun/picto_algue.jpg) no-repeat; padding:5px 0 16px 35px;}
.mer{background:url(../images/commun/picto_mer.jpg) no-repeat; padding:5px 0 16px 35px;}
.contact{background:url(../images/commun/picto_contact.jpg) no-repeat; padding:5px 0 16px 35px;}
.partenaires{background:url(../images/commun/picto_partenaires.jpg) no-repeat; padding:5px 0 16px 35px;}
/* ====================================================================================
CORPS
======================================================================================= */
/* ---- Fil d'ariane ---- */
.ariane{padding:15px 0 0 25px; float:right; width:725px; font-size:10px; color:#737576;}
.ariane a{font-size:10px; color:#737576; text-decoration:underline;}
.ariane a:hover{text-decoration:none;}
/* ---- Menu Vertical Gauche ---- */
#menu_gauche{width:200px; float:left;}
#menu_gauche h4{background:url(../images/commun/menu_gauche_fond.jpg) repeat-x; padding:5px 0 10px 15px; font-size:15px; color:#0f6cb0; margin:1px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
/* ---- Général ---- */
#menu_gauche .navigation{list-style:none;}
#menu_gauche .navigation .actif{color:#0f6cb0;}
#menu_gauche .navigation .toggleSubMenu a:hover{color:#0f6cb0;}
#menu_gauche .navigation .toggleSubMenu span.actif{color:#0f6cb0;}
#menu_gauche .navigation .toggleSubMenu .open_at_load .subMenu{padding:0 0 0 5px; margin:0 0 0 15px; color:#000; font-weight:normal;}
/* ---- Partie Boutique ---- */
/*
#menu_gauche_boutique .navigation .toggleSubMenu{text-transform:lowercase;}
#menu_gauche_boutique .navigation .toggleSubMenu a{padding: 0; margin:0; width:auto; height:19px;}
#menu_gauche_boutique .navigation .toggleSubMenu .open_at_load{list-style:none; font-size:10px; line-height:12px;}
#menu_gauche_boutique .navigation .toggleSubMenu .open_at_load a:hover{color:#0f6cb0;}
#menu_gauche_boutique .navigation .toggleSubMenu .open_at_load .actif{padding:0; margin:0; font-weight:normal; color:#0f6cb0; font-size:10px; line-height:12px;}
#menu_gauche_boutique .navigation .toggleSubMenu .subMenu{list-style:none; font-size:10px; line-height:12px;}
#menu_gauche_boutique .navigation .toggleSubMenu .subMenu a:hover{color:#0f6cb0;}
#menu_gauche_boutique .navigation .toggleSubMenu .subMenu .subMenu{ line-height:12px; padding:0; margin:0; color:#000; font-weight:normal;}
*/
#menu_gauche_boutique{margin:15px 0 0 0; padding:0 0 20px 0; width:200px; border:1px solid #e9e9e9;}
#menu_gauche_boutique img{border:none; width:75px; height:19px;}
#menu_gauche .navigation .menu_boutique {margin:0 0 0 15px;}
#menu_gauche .navigation .menu_boutique .subMenu{font-size:10px;}
#menu_gauche .navigation .menu_boutique .subMenu a:hover{color:#0f6cb0;}
#menu_gauche .navigation .menu_boutique .subMenu .subMenu{padding:0; margin:0; color:#000; font-weight:normal;}
#menu_gauche .navigation .menu_boutique a{padding: 0; margin:0; width:auto;}
#menu_gauche .navigation .menu_boutique .open_at_load{list-style:none; padding:0; margin:0 0 0 17px; color:#000; font-weight:normal; line-height:12px;}
#menu_gauche .navigation .menu_boutique .open_at_load a:hover{color:#0f6cb0;}
#menu_gauche .navigation .menu_boutique .open_at_load .actif{padding:0; margin:0px; font-weight:normal; color:#0f6cb0; font-size:10px;}
.menu_produit{padding:0 0 0 10px; list-style:none; line-height:12px;}
.menu_produit a{font-size:10px;}
/* ---- Partie Pro ---- */
#menu_gauche_pro{margin:15px 0 0 0; padding:0 0 20px 0; width:200px; border:1px solid #e9e9e9;}
#menu_gauche_pro .navigation .toggleSubMenu{ padding:0 0 0 15px;}
#menu_gauche_pro .navigation .toggleSubMenu a{background:url(../images/commun/puce.jpg) no-repeat bottom left; padding: 0 0 0 15px; margin:0 0 0 0px; width:auto; height:10px;}
#menu_gauche_pro .navigation .toggleSubMenu .open_at_load{background:none; list-style:none; font-size:10px; line-height:15px;}
#menu_gauche_pro .navigation .toggleSubMenu .open_at_load a:hover{background:none; color:#0f6cb0;}
#menu_gauche_pro .navigation .toggleSubMenu .open_at_load .actif{background:none; padding:5px 0 0 5px; margin:0 0 0 15px; font-weight:normal; color:#0f6cb0; font-size:10px; line-height:15px;}
#menu_gauche_pro .navigation .toggleSubMenu .subMenu{background:none; list-style:none; font-size:10px; line-height:15px;}
#menu_gauche_pro .navigation .toggleSubMenu .subMenu a:hover{background:none; color:#0f6cb0;}
#menu_gauche_pro .navigation .toggleSubMenu .subMenu .subMenu{padding:5px 0 0 5px; margin:0; color:#000; font-weight:normal;}
/* ---- Partie non déroulante ---- */
#menu_gauche_pro li a{background:url(../images/commun/puce.jpg) no-repeat bottom left; padding: 0 0 0 15px;}
#menu_gauche_pro li a:hover{color:#0f6cb0;}
#menu_gauche .navigation .pro .actif{color:#0f6cb0; margin:0 0 0 15px;}
#menu_gauche .subMenu{color:#000000; margin:0 0 0 15px;}
a.actif:link{color:#990000;}
/* ====================================================================================
Contenu Droite
======================================================================================= */
/* --- Accueil --- */
#contenu_droite_home{width:740px; float:left;}
#contenu_droite_home h2{font-size:18px; color:#0f6cb0; font-weight:normal; width:480px; float:left; margin:5px 25px 20px 25px; padding:5px 0 5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:715px;}
/* ==== Flash ==== */
#flash_home{float:left; width:480px; padding:0 25px 10px 25px;}
/* ==== Actualité ==== */
#actualite{width:200px; height:400px; overflow:auto; float:right;}
#actualite h3{text-transform:capitalize; font-size:15px; font-weight:bold; color:#e57114; background:url(../images/commun/fond_actu.jpg) repeat-x; padding:10px 0 15px 5px;}
#actualite h3 .petite_maj{font-variant:small-caps;}
#actualite p{ margin:0; padding:3px 3px 0 6px;font-size:12px; text-align:justify;}
#actualite .titre{font-size:12px; color:#f06138; padding:0 0 0 6px;}
#actualite .date{font-size:10px; font-style:italic; color:#f06138; padding:0 0 0 6px;}
#actualite .info{font-size:11px; color:#737576; padding:0 0 0 6px;}
/* --- Général --- */
#contenu_droite{width:750px; float:left;}
#contenu_droite h2{font-size:18px; color:#0f6cb0; font-weight:normal; float:left; margin:5px 25px 0 25px; padding:5px 0 5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:705px;}
/* ==== Contenu ==== */
#contenu{text-align:justify; margin:10px 20px 10px 25px; font-size:12px;}
#contenu img{float:right; margin:5px 0 5px 10px;}
#contenu .temoignage{float:left; margin:0 10px 0 0; padding:0;}
#contenu .temoignage img{margin:0; padding:0; float:left;}
#contenu h3{font-size:15px; color:#49BAE0; margin:15px 0 10px 0; font-weight:bold;}
#contenu h4{font-size:13px; color:#787878; margin:15px 0 5px 0;}
#contenu .liste{font-size:12px; margin:0 0 10px 25px; color:#737576;}
.img_droite{float:right;}
/* ==== Contenu home ==== */
#contenu_home{text-align:justify; margin:10px 20px 10px 25px; font-size:12px; width:500px;}
#contenu_home img{float:right; margin:5px 0 5px 10px;}
#contenu_home .temoignage{float:left; margin:0 10px 0 0; padding:0;}
#contenu_home .temoignage img{margin:0; padding:0; float:left;}
#contenu_home h3{font-size:15px; color:#49BAE0; margin:15px 0 10px 0; font-weight:bold;}
#contenu_home h4{font-size:13px; color:#787878; margin:15px 0 5px 0;}
#contenu_home .liste{font-size:12px; margin:0 0 10px 25px; color:#737576;}
.img_droite{float:right;}
/* ==== Fiches produits industriels ==== */
#contenu .fiche{ width:320px; float:left; margin:10px 5px 15px 5px; border:1px solid #b9dfa6;}
#contenu .fiche dl{padding:8px; font-size:10px;}
#contenu .fiche dl dt{float:left; font-weight:bold; padding:0 5px 0 0; color:#1d74b5;font-size:12px;}
#contenu .fiche dl dd{margin:0 0 5px 0;font-size:12px;}
#contenu .fiche p{padding:8px; font-size:12px;}
div.fiche h6{background:#ddf2d3 url(../images/fiche_vege_fond.jpg) no-repeat top right; padding:8px; font-size:1em; color:#334154;}
#contenu li.fiche h5{border-bottom:1px solid #16aada;}
a.btn_pdf{display:block; width:220px; height:52px; text-indent:-6000px; font-size:0; background:url(../images/btn_pdf.png) no-repeat top center; margin:8px;}
/* ==== Fiche résultat animal ==== */
#contenu .petite_fiche{ width:320px; float:left; margin:10px 5px 15px 5px;}
#contenu .petite_fiche p{padding:8px; font-size:12px;}
#contenu li.petite_fiche{list-style:none;}
#contenu li.clear{list-style:none;}
#contenu li.petite_fiche h5{border-bottom:1px solid #16aada;}
/* ==== Foire Aux Questions ==== */
.question{font-size:14px; padding:0 0 0 0; color:#49BAE0; font-weight:bold; line-height:14px;}
.reponse{font-size:12px; color:#555; padding:0 0 15px 0;}
/* ==== Formulaire de contact ==== */
#form_contact{ margin:5px 0 0 0; width:500px; padding:30px 0 0 0;}
#form_contact h4{}
#form_contact fieldset{color:#333333; padding:10px; margin:10px 0 10px 0;}
#form_contact legend{font-size:12px; font-weight:bold;}
#form_contact .field{clear:both;}
#form_contact span{color:#CC0000;}
#form_contact label{display:inline; padding:3px 0 0 3px; text-align:left;}
#form_contact input{width:99%; border:1px solid #999; margin:3px 0px 8px 0px;}
#form_contact textarea{width:99%; border:1px solid #999; margin:3px 0px 8px 0px;}
#form_contact .btn{margin:0; width:150px; font-weight:bold;}
#form_contact .btn:hover{background:#fff;}
#form_contact .empty{background:#F96A6A;}
.erreur{font-size:12px; color:#990000; font-weight:bold;}
.envoi{font-size:12px; color:#000000; font-weight:bold;}
/* ==== Partenaires / Liens ==== */
#liens{margin:10px 20px 10px 25px; font-size:12px; list-style:none;}
#liens li{ margin:5px 0 5px 0;}
#liens a { color:#666; text-decoration:underline;}
#liens a:hover {color:#000; text-decoration:none;}
/* ====================================================================================
Boutique
======================================================================================= */
/*-------------- Rayons --------------*/
#filtre{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#F5F6F8; padding:2px 5px 2px 5px; margin:10px 0 20px 0; font-family:Geneva, Arial, Helvetica, sans-serif;}
/* ===== Listing produit ===== */
#contenu_rayon{margin:5px;}
#contenu_rayon .produit{float:left; margin:0 10px 10px 0; width:150px; height:auto; border: 1px solid #E2E2E2; padding:5px 9px 5px 0;}
#contenu_rayon .produit .image{ width:150px; height:100px; overflow:hidden; text-align:center;}
#contenu_rayon .produit .image a{float:none; text-align:center;}
#contenu_rayon .produit .image img{float:none; border:none;}
/* ===== Nom des produit ===== */
#contenu_rayon .produit h3{font-size:12px; border:none; padding:0; margin:0; color:#3C3C3C; text-transform:capitalize; font-weight:normal; text-align:center;}
/* ===== Lien vers fiche détail ===== */
#contenu_rayon .produit .voir_fiche{padding:0; font-size:11px; color:#8D8D8D; font-weight:normal; text-align:center;}
#contenu_rayon .produit .voir_fiche a{font-size:9px; color:#8D8D8D;}
#contenu_rayon .produit .voir_fiche a:hover{color:#555; text-decoration:none;}
/* ===== Encart tri ===== */
#tri .page{ float:right; font-size:11px; text-align:right; padding:0 4px 0 0;}
#tri a{ color:#000; text-decoration:underline;}
#tri a:hover{ color:#000; text-decoration:none;}
/*-------------- Details produits --------------*/
#details{float:left; width:700px;}
#img_details{float:right; text-align:right; width:300px; padding:7px 10px 0 10px; margin:15px; background:#e9f0f6;}
#img_details img{float:right; text-align:right; margin:0; padding:0;}
#img_details .dl_pdf{float:left; background:url(../images/commun/icone_pdf.jpg) no-repeat left #fff; padding:2px 4px 2px 25px; margin:10px 0 10px 0; border: 1px solid #ccc;}
.bio{color:#0a2b96; font-size:11px; line-height:25px;}
.bio img{ margin:3px 0 0 0;}
.ajoutpanier{padding:5px; margin:30px 0 0 80px;}
.ajoutpanier dl{margin: 0 0 20px 15px;}
/* ---- Formulaire détail ---- */
#form_details{float:right; width:300px; padding:5px 0px 10px 0px; text-align:center; border:1px solid #eee;}
/* === Boutons === */
#centrer_bouton{text-align:center; padding:15px;}
.bouton{color:#666; margin:5px; padding:4px; background-color:#eee; border:1px solid #666; text-decoration:none; outline:0;}
.bouton:hover{color:#777; background-color:#F5F6F8; border:1px solid #666; outline:none; cursor:pointer;}
.bouton_validation{color:#666; margin:5px; padding:4px; background-color:#eee; border:1px solid #666; text-decoration:none; outline:0; font-weight:bold;}
.bouton_validation:hover{color:#777; background-color:#F5F6F8; border:1px solid #666; outline:none;}
.bouton_panier{background:url(../images/commun/icone_panier.jpg) no-repeat left #fff; padding:2px 5px 2px 30px; border: 1px solid #ccc; float:right;}
.sub{margin:10px; text-align:center;}
#contenus #details dt{float:left; padding:0 5px 0 0; color:#000000; font-variant:small-caps; font-weight:bold;}
#contenus #details dd{margin:0 0 5px 0; color:#5F5F5F;}
#contenu dl{font-size:12px; margin:15px 10px 0 0;}
#contenu dt{float:left; padding:0 5px 0 0; color:#1d74b5;}
#contenu dd{margin:0 0 5px 0; color:#707070;}
/* ===== Tableaux produits du panier ===== */
.tabpanier{margin:10px 0 0 0;}
.intitule{ font-size:14px; font-variant:small-caps; color:#333; }
.produit_panier{font-size:12px; font-weight:normal; color:#777;}
.ligne{padding:5px; border-bottom:1px solid #cccccc; background-color:#fff;}
.ligne_intitule{padding:0 5px 0 5px; border-top:1px solid #999; border-bottom:1px solid #999; background-color:#c0dcf4;}
.ligne_total{padding:0 5px 0 5px; border-bottom:1px solid #999; background-color:#F5F6F8;}
/* ===== Tableaux recapitulatif panier ===== */
.recap{border:none; margin:10px 15px 0 0; float:left; width:350px;}
/*============Anti-bot Formulaire=============*/
.cache{visibility:hidden;}
/*==================Formulaire======================*/
.centrer_btn{text-align:center; margin:10px 0 20px 0;}
.erreur{font-size:12px; font-weight:bold; color:#CC0000;}
.gras{font-weight:bold;}
#formulaire_inscription{margin:2px 0 20px 0;}
#formulaire_inscription .no_bg{border:none; background:none;}
#formulaire_inscription legend{font-weight:bold; margin:0 0 0 5px;}
#formulaire_inscription input.texte{height:15px; margin:0 0 4px 12px;}
#formulaire_inscription input.btn{margin:15px 0 0 300px;}
#formulaire_inscription textarea{margin:0 0 4px 2px;}
#formulaire_inscription select{height:17px; margin:0 0 4px 2px; font-size:10px;}
#formulaire_inscription input.radio{vertical-align:bottom; margin:3px 0 0 2px; border:1px solid #c0dcf4;}
#formulaire_inscription label{display:inline; float:left; width:300px; text-align:right; padding:0 0 0 0;}
#formulaire_inscription label.tit_label{font-size:13px; font-weight:bold;color:#0b0101;}
#formulaire_inscription .etoile{ color:#FF0000;}
#formulaire_inscription .etoile2{ display:block; color:#FF0000; text-align:right; font-size:11px;}
.carte_contact{display:block;float:left; margin:0 8px 0 0;}
#formulaire_inscription .mdp_oublie{color:#595858; font-size:12px; text-align:center; text-decoration:none;}
#formulaire_inscription .mdp_oublie a{font-size:10px; color:#595858; text-decoration:underline;}
#formulaire_inscription .mdp_oublie a:hover{ text-decoration:none;}
#formulaire_inscription #livraison{width:300px; float:left; margin:0 10px 0 0; padding:0;}
#formulaire_inscription #livraison input.btn{margin:15px 0 0 0; padding:0;}
#formulaire_inscription #livraison label{display:inline; float:left; width:100px; text-align:right; margin:0; padding:0 0 0 0;}
#formulaire_inscription #facturation{width:300px; float:left; margin:0 10px 0 0;}
#formulaire_inscription #facturation input.btn{margin:15px 0 0 0;}
#formulaire_inscription #facturation label{display:inline; float:left; width:100px; text-align:right; padding:3px 0 0 0;}
#formulaire_inscription select.pays{width:150px; height:21px; font-size:12px;}
#livraison_france{width:300px; float:left; text-align:center; margin:auto; padding:0; display:block;}
#livraison_france input.radio{margin:auto; padding:0;}
/* ====================================================================================
FOOTER
======================================================================================= */
#footer{margin:10px 0 0 0; font-size:10px; font-weight:normal; color:#999; border-top:1px solid #ccc; width:940px;}
#footer ul{list-style:none; padding:8px 20px 0 0;}
#footer li{display:inline; }
#footer li a{color:#999; font-size:10px;}
#footer li a:hover{color:#555;}
.adresse{ text-align:center; font-size:10px;}