* { font-size: 12px; font-family:Arial, Helvetica, sans-serif; } html { background:#95754E url(../images/background2.gif) repeat-x fixed left center; } BODY { margin: 10; text-align: center; } img { border:0; } /* Tableaux -------- */ td { font-size:10px; color: #303030; line-height: 15px; } td.nav_alveoles { background-image:url(/images/nav_alveoles.jpg); padding-left: 73px; height: 59px; vertical-align:middle; } td.nav_naturalplus { background-image:url(/images/nav_naturalplus.jpg); padding-left: 73px; height: 52px; } td.nav_naturalbox, td.nav_naturalcolor { background-image:url(/images/nav_naturalcolor.jpg); padding-left: 73px; height: 55px; } td.header { padding-left: 36px; padding-top: 36px; height: 100px; } td.header_haut { padding-left: 36px; padding-top: 36px; height: 126px; } td.societe { background-image:url(/images/content_header_societe.jpg); background-repeat:no-repeat; background-color: #F8F3DE; vertical-align:top; } td.produits_alveoles { background-image:url(/images/content_fond_alveoles.jpg); background-repeat:no-repeat; background-color: #F8F3DE; vertical-align:top; } td.page_alveoles { background-image:url(/images/fond_aleoles.jpg); background-repeat:no-repeat; background-color: #F8F3DE; vertical-align:top; } td.produits_naturalbox, td.produits_naturalcolor{ background-image:url(/images/content_fond_naturalbox.jpg); background-repeat:no-repeat; background-color: #F8F3DE; vertical-align:top; } td.produits_naturalplus { background-image:url(/images/content_fond_naturalplus.jpg); background-repeat:no-repeat; background-color: #F8F3DE; vertical-align:top; } td.fruits2 { background-image:url(/images/content_fond_fruits.jpg); vertical-align:top; background-repeat:no-repeat; height: 305px; } td.fruits { background-image:url(/images/fond_fruits.jpg); vertical-align:top; } td.barre_gauche1 { background-image:url(/images/content_gauche.jpg); vertical-align:top; width: 155px; } td.barre_gauche2 { background-image:url(/images/content_gauche2.jpg); vertical-align:top; width: 18px; } td.barre_sup { background-image:url(/images/content_fond_barre_sup.gif) } td.header_societe { width: 120px; vertical-align:middle } td.accueil_1 { background-image: url(/images/barre_sup_2.gif) } td.accueil_2 { background-image: url(/images/barre_gauche_4.gif) } td.accueil_3 { background-image: url(/images/barre_sup_3.gif) } td.cadre_photo_h { background-image: url(/images/cadre_photo_fond_h.gif) } td.cadre_photo_d { background-image: url(/images/cadre_photo_fond_d.gif) } td.cadre_photo_b { background-image: url(/images/cadre_photo_fond_b.gif) } td.cadre_photo_g { background-image: url(/images/cadre_photo_fond_g.gif) } table.photo { float:right; margin: 3px; } /* Textes ------------ */ /* Modif RB *******************************************************************************/ .cache { visibility: hidden; } .zoom img { border: 2px solid #998e79; } .zoom img:hover { border: 2px solid #F6FF00; } .zoom a:hover img{ border: 2px solid #F6FF00; } h1,h2,h3,h4,h5,h6{ color: #762000; letter-spacing: 0.01em; /*text-align: justify;*/ } h1{ font-size: 18px; line-height: 24px; font-weight: bold; } h2{ font-size: 15px; line-height: 20px; font-weight: bold; } h3,h4{ font-size: 12px; line-height: 16px; font-weight: normal; } h5,h6{ font-size: 11px; line-height: 16px; font-weight: normal; letter-spacing: 0em; } //------------ a revoir h3.liste_puce { padding-bottom: 0px; margin-bottom: 0px; font-weight: bold; } .liste_puce_naturalcolor h3, .liste_puce_alveoles h3, .liste_puce_naturalplus h3, .liste_puce_societe h3{ padding-bottom: 0px; margin-bottom: 0px; font-weight: bold; } .liste_puce li{ list-style-image: none; list-style-type: square; } .liste_puce_naturalcolor li b{ color: #762000; } h4.liste_puce{ margin-bottom: 0px; margin-top: 0px; font-weight: normal; } table.formats { margin-top: 2ex; border-spacing: 0px; border-color: #762000; border-collapse: collapse; text-align: right; line-height: 1em; margin: 0; padding: 0; } table.formats td.titre, table.formats td.titre-h4, table.formats td.titre-h3 { background-image: url(/images/tr-l1-3.gif); border-width: 1px; border-style: solid; border-color: #762000; color: #762000; letter-spacing: 0.01em; } table.formats td { color: #762000; background-image: url(/images/tr50pc.gif); } td.titre h1{ font-size: 12px; font-weight: bold; } td.titre-h3{ font-size: 12px; font-weight: bold; } td.titre-h4{ font-size: 10px; } table.formats h3{ font-size: 12px; font-weight: bold; line-height: 14px; } table.formats h4{ font-size: 10px; line-height: 12px font-weight: normal; } table.formats td.invisible{ background-image: none; border: none; } table.formats td.cadre{ background-image: none; border-style: solid; border-width: 1px; } table.formats td{ border-style: solid; border-width: 1px; border-color: #762000; text-align: center; letter-spacing: 0; } table.formats a:hover { font-weight: bold; color: #762000; } /* Fin modif RB*************************************************************************************/ .header_1 { font-family:Georgia, "Times New Roman", Times, serif; color: #762000; font-size: 28px; letter-spacing: 0.07em; line-height: 30px; } .header_2 { font-family:Georgia, "Times New Roman", Times, serif; color: #762000; font-size: 16px; letter-spacing: 0.07em; line-height: 20px; } .header_produits_1 { color: #762000; font-size: 30px; letter-spacing: 0.07em; line-height: 34px; font-weight: bold; } .header_produits_2 { color: #762000; font-size: 16px; letter-spacing: 0.07em; line-height: 20px; font-weight: bold; } .header_produits_3 { color: #762000; font-size: 24px; letter-spacing: 0.07em; line-height: 28px; font-weight: bold; } .liste_puce_societe { list-style-image:url(/images/puce_2_societe.gif); margin-left: 7px; margin-bottom: 15px; padding-right: 55px; } .liste_puce_alveoles { list-style-image:url(/images/puce_alveoles.gif); margin-bottom: 15px; padding-right: 55px; } .liste_puce_naturalplus { list-style-image:url(/images/puce_naturalplus.gif); margin-bottom: 15px; padding-right: 55px; } .liste_puce_naturalbox, .liste_puce_naturalcolor{ list-style-image:url(/images/puce_naturalcolor.gif); margin-bottom: 15px; padding-right: 55px; } .sous_titre { font-size: 13px; font-weight: bold; color: #762000; } #texte_gauche { margin-left: 25px; font-size:9px; color: #742329; line-height: 13px; padding-top: 8px; padding-bottom: 4px; } .texte_droite { font-size:9px; color: #000000; line-height: 13px; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; padding-right: 40px; } .titre_select_fruit { background-color: #F9F3DB; border-color:#663300; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #photo_fruit1 { position:absolute; margin-top: 82px; margin-left: 71px; padding: 2px; } #photo_fruit1 a:hover { border: 2px solid #F6FF00; } #photo_fruit2 { position:absolute; margin-top: 147px; margin-left: 232px; padding: 2px; } #photo_fruit2 a:hover { border: 2px solid #F6FF00; } #photo_fruit3 { position:absolute; margin-top: 19px; margin-left: 334px; padding: 2px; visibility: visible; } #photo_fruit3 a:hover { border: 2px solid #F6FF00; } #texte_fruit1 { position:absolute; margin-top: 23px; margin-left: 46px; } #texte_fruit2 { position:absolute; margin-top: 259px; margin-left: 120px; text-align:right; } #texte_fruit3 { position:absolute; margin-top: 169px; margin-left: 488px; visibility: hidden; } /* Liens --------- */ a { color: #78252D; text-decoration: underline; } a:hover { color: #762000; text-decoration: none; font-weight:bold; } a.nav { color: #762000; font-size:13px; text-decoration: none; font-weight:bold; } a.nav:hover { color: #917F59; font-size:13px; text-decoration: none; font-weight:bold; } a.nav_home { color: #313131; font-size:11px; text-decoration: none; font-weight:bold; } a.nav_home:hover { color: #917F59; font-size:11px; text-decoration: none; font-weight:bold; } a.lien1 { color: #FFFDED; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; letter-spacing:0.035em; text-align:center; } a.lien1:hover { color: #78252D; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; letter-spacing:0.035em; text-align:center; } a.lien2 { color:#78252D; text-decoration:none; font-size: 9px; } a.lien2:hover { color:#FFFDED; text-decoration:none; font-size: 9px; } a.puce_societe { font-size: 11px; font-weight: bold; text-decoration:none; color: #78252D; } a.puce_societe:hover { font-size: 11px; font-weight: bold; text-decoration:none; color: #D0BE8B; } /* Page d'accueil -------------- */ td.homebarg { background-image: url(/images/home_gauche_1.jpg); vertical-align:top; height: 449px; } td.home_barre_gauche { background-image: url(/images/home_gauche_1.jpg); vertical-align:top; height: 449px; } /* modif RB*/ td.home_accroche { background-image: url(/images/naturlich.jpg); vertical-align:top; height: 138px; padding-top:77px; padding-left:7px; color:#742128; } td.home_accroche h1 { font-size: 28px; line-height: 30px; font-weight:bold; letter-spacing: 0; margin : 0; } td.home_accroche h2 { font-size: 19px; line-height: 25px; font-weight:bold; letter-spacing: 0; margin : 0; } /* fin modif RB*/ td.home_photos { display:block; background-image: url(/images/home_fond_images.jpg); vertical-align:top; height: 311px; } /* .header1_home { font-size: 33px; line-height: 35px; font-weight:bold; } .header2_home { font-size: 19px; line-height: 25px; font-weight:bold; } */ #home_alveoles { margin-top: 66px; width: 164px; height: 80px; background: url(/images/home_nav_alveoles_on.jpg) top left no-repeat; /* placement de l'image 2 au second plan */ } #home_alveoles a { /* définition du lien qui occupera toute la place du conteneur */ display: block; text-align:center; padding-top: 65px; width: 100%; height: 100%; background: url(/images/home_nav_alveoles.jpg) top left no-repeat; /* placement de l'image 1 au premier plan */ } #home_alveoles a:hover { /* masquage de l'image1 au survol */ background: transparent none; } #home_naturalplus { margin-top: 38px; width: 164px; height: 80px; background: url(/images/home_nav_naturalplus_on.jpg) top left no-repeat; /* placement de l'image 2 au second plan */ } #home_naturalplus a { /* définition du lien qui occupera toute la place du conteneur */ display: block; text-align:center; padding-top: 65px; width: 100%; height: 100%; background: url(/images/home_nav_naturalplus.jpg) top left no-repeat; /* placement de l'image 1 au premier plan */ } #home_naturalplus a:hover { /* masquage de l'image1 au survol */ background: transparent none; } #home_naturalbox, #home_naturalcolor { margin-top: 44px; width: 164px; height: 80px; background: url(/images/home_nav_naturalcolor_on.jpg) top left no-repeat; /* placement de l'image 2 au second plan */ } #home_naturalbox a, #home_naturalcolor a{ /* définition du lien qui occupera toute la place du conteneur */ display: block; text-align:center; padding-top: 65px; width: 100%; height: 100%; background: url(/images/home_nav_naturalcolor.jpg) top left no-repeat; /* placement de l'image 1 au premier plan */ } #home_naturalbox a:hover, #home_naturalcolor a:hover{ /* masquage de l'image1 au survol */ background: transparent none; } #home_plansite { display:block; text-align:center; width: 164px; padding-top: 25px; } a.photo1 { border-style: hidden } a.photo1:hover { border: 2px solid #F6FF00 } a.photo2 { border-style: hidden } a.photo2:hover { border-left: 2px solid #F6FF00 } a.photo3 { border-style: hidden } a.photo3:hover { border: 2px solid #F6FF00 } a.photo4 { border-style: hidden } a.photo4:hover { border: 2px solid #F6FF00 } a.photo5 { border-style: hidden } a.photo5:hover { border: 2px solid #F6FF00 } a.photo6 { border-style: hidden } a.photo6:hover { border: 2px solid #F6FF00 } a.photo7 { border-style: hidden } a.photo7:hover { border: 2px solid #F6FF00 } /* Liste fruits ------------ */ #navcontainer { border: 1px solid #762000; background: transparent; /*background-image: url(/images/tr50pc.gif);*/ height: 110px; width: 125px; overflow: auto; margin-left: 20px; padding: 0px; font-size: 11px; text-transform: lowercase; scrollbar-base-color: #F3F0E1; scrollbar-face-color: #CCBEA1; scrollbar-track-color: #F3F0E1; scrollbar-highlight-color: #F4E9D5; scrollbar-3dlight-color: #E4DFD2; scrollbar-shadow-color: #762000; scrollbar-darkshadow-color:#762000; scrollbar-arrow-color: #78252D; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0; width: 100px; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100px; padding: 2px; border-width: 0px; border-style: solid; color: #762000; text-decoration: none; background: transparent; } #navcontainer; ul#navlist li a { width: auto; } ul#navlist li#active a { background: transparent; color: #762000; font-weight : bold; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #762000; font-weight : bold; background: transparent; margin:0; } #titre { margin-top: 10px; margin-left: 20px; height: 20px; width: 125px; overflow: auto; border: 1px solid #762000; border-bottom: 0px; background: transparent; padding: 0px; font-size: 11px; font-weight:bold; text-align:center; color:#762000; } ul.list-liens{ font-size: 11px; color: #762000; text-align: left; list-style-type: disc; list-style: ; padding: 0; margin: 0; margin: 3em; } ul.list-liens li { margin: 0; padding: 0; } ul.list-liens li a { padding: 2px; /* text-decoration: none; */ } ul.list-liens a:hover { font-weight: bold; color:#762000; } /* Menu pages de contenus ---------------------- */ #lien_alveoles { margin-top: 40px; width: 155px; height: 59px; background: url(/images/nav_alveoles2.jpg) top left no-repeat; /* placement de l'image 2 au second plan */ } #lien_alveoles a { /* définition du lien qui occupera toute la place du conteneur */ display: block; padding-left: 75px; padding-top: 14px; width: 100%; height: 100%; background: url(/images/nav_alveoles.jpg) top left no-repeat; /* placement de l'image 1 au premier plan */ } #lien_alveoles a:hover { /* masquage de l'image1 au survol */ background: transparent none; } #lien_naturalplus { width: 155px; height: 52px; background: url(/images/nav_naturalplus2.jpg) top left no-repeat; /* placement de l'image 2 au second plan */ } #lien_naturalplus a { /* définition du lien qui occupera toute la place du conteneur */ display: block; padding-left: 75px; padding-top: 19px; width: 100%; height: 100%; background: url(/images/nav_naturalplus.jpg) top left no-repeat; /* placement de l'image 1 au premier plan */ } #lien_naturalplus a:hover { /* masquage de l'image1 au survol */ background: transparent none; } #lien_naturalbox, #lien_naturalcolor { width: 155px; height: 55px; background: url(/images/nav_naturalcolor2.jpg) top left no-repeat; /* placement de l'image 2 au second plan */ } #lien_naturalbox a, #lien_naturalcolor a{ /* définition du lien qui occupera toute la place du conteneur */ display: block; padding-left: 75px; padding-top: 19px; width: 100%; height: 100%; background: url(/images/nav_naturalcolor.jpg) top left no-repeat; /* placement de l'image 1 au premier plan */ } #lien_naturalbox a:hover, #lien_naturalcolor a:hover { /* masquage de l'image1 au survol */ background: transparent none; } .formulaire { color: #762000; border-color: #762000; border-bottom-style: solid; border-width: 1px; background-color: transparent; background-image: url(/images/tr50pc.gif); scrollbar-base-color: #F3F0E1; scrollbar-face-color: #CCBEA1; scrollbar-track-color: #F3F0E1; scrollbar-highlight-color: #F4E9D5; scrollbar-3dlight-color: #E4DFD2; scrollbar-shadow-color: #762000; scrollbar-darkshadow-color:#762000; scrollbar-arrow-color: #78252D; } option.formulaire{ color: #762000; background-color: #F8F3DE; background-image: none; } /* galery 01 ---------------------- */ div.galery_01 { width: 480px; text-align: justify; } div.galery_01 h1 { margin: 0 0 0 0; font-size: 16px; } div.galery_01 a img { border: 3px solid #F8F3DE; } div.galery_01 a img:hover { border: 3px solid #F6FF00; } /* Divers ---------------------- */ b.giro { color: red; text-decoration: blink; } #stampnews { margin-left: auto; margin-right: auto; width: 200px; display:block; position: relative; text-align: centered; bottom: 470px; left: -170px; }