/* Document CSS des styles 'Ecran' */ /* Propriétés communes -----------------------------*/ html { margin:0; padding:0; overflow:auto; overflow-x:hidden; } body { margin:0;padding:0; /*overflow:auto;*/ background:#2B5C00 url('../images/nature.jpg') top center no-repeat fixed; /*background:url('../images/bg.png') top left repeat-x;*/ } body, p, ol, ul, td, textarea, div { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color:#0A0A0A; } div, p, ol, ul, dl { margin:0px; padding:0px; } p { margin:0 10px 10px; } blockquote { background:url('../images/bg_blockquote.gif') top left no-repeat; margin:5px 0px 0px 10px; padding:5px 5px 0px 30px; font-style:italic; } ol, ul { list-style-type:none; list-style-position:outside; list-style-image: url('../images/puce_li.gif'); } li { margin:0px 0px 5px 25px; padding:0px; text-indent:0px; line-height:1.4em; } li.grand { font-size:1.5em; line-height:1.5em; } dl { border-left:5px #EEEDF0 solid; padding:5px; } dl dt { padding:0px 0px 2px 0px; border-bottom:3px #E8EFF4 solid; font-weight:bold; font-variant:small-caps; } dl dd { margin:0px 0px 10px 0px; padding:0px; } dl ul { margin: 0px; padding:0px; list-style-position:inside; list-style-type:none; list-style-image:url(); } dl li { font-size:10px; padding:2px; margin:1px 0px 1px 10px; } dl li img { display:inline; vertical-align:middle; } a, p a { color:#C22F03; text-decoration:none; border-bottom:1px #cccccc dotted; } /*a:visited { color: #777777; }*/ a:hover, p a:hover { color:#2B5C00; text-decoration:underline; } form { margin:0px; padding:0px; border:0px; } img { display:block; border:0px; padding:0px; margin:0px; } h1,h2,h3,h4,h5 { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px 0px 0px 0px; padding:0px 0px 4px 4px; font-weight:normal; } h1 { font-size:22px; color:#ffffff; line-height:1em; padding-top:1em; } h2 { font-size:19px; color:#ffffff; line-height:1em; padding-top:1em; } h3 { font-size:16px; color:#2F754F; padding:0px; } h4 { font-size:13px; color:#2B5C00; line-height:1.1em; padding:0px; font-weight:bold; } h5 { font-size:11px; color:#C22F03; line-height:1.1em; padding:0px; margin:0px 0px 3px 0px; font-weight:bold; } strong { font-weight:bold; } .clear { font-size:1px; line-height:0em; clear:both; height:1px; } .noscript { display:block; line-height:28px; background-color:#202020; color:#FFFFFF; font-size:11px; outline:3px #CC0000 solid; text-align:center; position:fixed; bottom:0px; width:100%; } /* Propriétés des conteneurs principaux -----------------------------*/ div#conteneur { width:780px; margin:0 auto; text-align:left; background:url("../images/bg_conteneur.png") top left repeat; } div#header { position:relative; height:120px; background:url("../images/bg_header.png") top left repeat-x; } div#col_left { float:left; width:200px; display:inline; border:0px #ff0000 solid; margin:0 0 0 10px; } div#contenant { float:left; width:550px; display:inline; border:0px #ff0000 solid; margin:0 0 0 10px; } div#contenu { display:block; width:100%; background:url("../images/bg_encart_1.png") top left repeat-x; /*background-color:#2B5C00;*/ min-height: 400px; } #contenu a { color: #C22F03; font-weight:bold; } #contenu table { width:100%; margin:0px; padding:0px; } #contenu table th { vertical-align:top; white-space:nowrap; } #contenu table td { vertical-align:top; } #contenu table h3 { white-space:nowrap; font-weight:bold; margin:0px; padding:0px; } #contenu .no_margin_img { margin:-5px -5px 0px -5px; } /* a appliquer aux car IE n'aime pas ça sur les img */ #contenu h3.slogan { padding:7px 15px; background-color:#2B5C00; /*C22F03*/ line-height:1.3em; color:#FFFFFF; margin:0px -5px 0px -5px; } img.pic_deco { float:right; margin:-22px -5px 0px 0px; } div#footer { clear:left; margin:8px 0px 0px 0px; } div#footer a { display:inline; padding:0px; color:#D2ECDE; border:0; z-index:400; } div#footer a:hover { text-decoration:none; color:#FFFFFF; } div#footer p { background:url("../images/bg_footer.png") center center no-repeat; margin:0; padding:5px 10px; line-height:30px; text-align:center; font-size:10px; } div#footer p.credits { background:url("../images/logo_animaweb.png") top right no-repeat; margin:0; padding:0px; line-height:15px; text-align:center; font-size:9px; color:#ffffff; } div#footer p.credits a.link_ani { display:block; width:65px; height:15px; /*border:1px #ff00ff solid;*/ float:right; background:url("pix.gif") top left repeat; } div#footer p.credits a img { display:inline; float:right; vertical-align:top; } /* Propriétés des conteneurs secondaires -----------------------------*/ div#logo { position:absolute; top:12px; left:12px; z-index:0; } div#lang { position:absolute; top:94px; display:block; width:28px; right:0px; margin-right:5px; z-index:99; } div#lang a { border:0; color:#666666; } div#lang ul { float:right; padding:0px; margin:0px; } div#lang ul li { display:block; list-style:outside none; list-style-image:url(); padding:0px; margin:0px; text-indent:0px; } div#lang ul li a.current { display:block; text-indent:12px; margin:0px; text-align:left; padding-bottom:6px; background:url("../images/puce_langue.gif") 100% 4px no-repeat; width:28px; } div#lang ul li a.current:hover { background:url("../images/puce_langue.gif") 100% -29px no-repeat; } div#lang ul li a img { display:block; border:0; padding:0px; margin:0px; } div#lang ul li ul.cache { background-color:#FFFFFF; border:1px #9ED5F7 solid; display:block; width:80px; margin-right:-51px; margin-top:-4px; } div#lang ul li ul.cache li { white-space:nowrap; } div#lang ul li ul.cache li a img { display:inline; vertical-align:middle; } div#lang ul li ul.cache a { display:block; margin:0px; text-align:left; padding:2px; white-space:nowrap; font-size:9px; } div#lang ul li ul.cache a:hover { background-color:#D4E8F6; text-decoration:none; color:#333333; } /* Propriétés du conteneur de navigation -----------------------------*/ div#navigation { position:relative; display:block; z-index:100; width:599px; float:right; padding:0px; margin:0px; display:inline; background:url("../images/top_nav_right.png") top right no-repeat; } div#navigation ul { height:33px; margin:0px 0px 0px 0px; padding:0px 0px 0px 14px; border:0px #ff0000 solid; background:url("../images/top_nav_left.png") top left no-repeat; } div#navigation li { float:left; display:inline; margin:0px; padding:0px; list-style: none; } div#navigation a { float:left; display:block; border:0; height:33px; line-height:33px; background:url("../images/top_nav_bg.png") top left repeat-x; text-decoration:none; font-weight:normal; color:#ECEEF3; font-size:11px; text-transform:uppercase; padding:0px 10px; margin:0px; white-space: nowrap; } div#navigation a:hover { color: #FFFFFF; background:url("../images/top_nav_bg.png") 0px -60px repeat-x; font-weight:bold; } div#navigation li.current a { color: #FFFFFF; background:url("../images/top_nav_bg.png") 0px -60px repeat-x; font-weight:bold; } div#navigation .nav ul { position: absolute; top: -999em; left: -1px; } div#navigation .nav li { position: relative; } div#navigation .nav li:hover a , div#navigation .nav li.sfHover a { color: #FFFFFF; background:url("../images/top_nav_bg.png") 0px -60px repeat-x; font-weight:bold; } div#navigation .nav li:hover ul, div#navigation .nav li.sfHover ul { top: 32px; height:auto; z-index:1; margin:0px 0px 0px 0px; padding:0px; background:url(); width:200px; border-top:1px #092D6A solid; -moz-opacity:0.95; list-style-image:url(); } div#navigation .nav li:hover ul li, div#navigation .nav li.sfHover ul li { float:none; display:block; margin:0; padding:0; list-style: none; border:0px #3366FF solid;} div#navigation .nav li:hover ul li a, div#navigation .nav li.sfHover ul li a { float:none; display:block; border:0; height:auto; line-height:14px; background:url("../images/top_ssnav_bg.png") top left no-repeat; text-decoration:none; font-weight:normal; color:#EFEFEF; font-size:10px; text-transform:none; padding:3px 6px 3px 14px; margin:0px; white-space:normal; border:1px #092D6A solid; border-top:0; width:180px; } div#navigation .nav li:hover ul li a:hover, div#navigation .nav li.sfHover ul li a:hover{ background:url("../images/top_ssnav_bg.png") 0px -60px no-repeat; color:#FFFFFF; font-weight:bold; } /* Encarts ---------------------- */ .encart_1 { display:block; width:100%; background:url("../images/bg_encart_1.png") top left repeat-x; /*background-color:#2B5C00;*/ color:#ffffff; padding:1px 0px 1em 0px; } .encart_1 table td { padding:0 5px; } .encart_2 { display:block; width:100%; background:url("../images/bg_encart_2.png") bottom left repeat-x; /*background-color:#2B5C00;*/ padding:0px 0px 0px 0px; } /* Blocs de changement de police ---------------------- */ p.texte_script { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; } /* Blocs de couleur ---------------------- */ .block_bleu_clair { display:block; margin:0px; padding:0px; border:3px #E4F5F5 solid; background-color:#FFFFFF; } .block_bleu { display:block; margin:0px; padding:5px; border:3px #D2ECDE solid; background-color:#FFFFFF; } .block_blanc { display:block; margin:6px 0px 0px 0px; padding:5px; border:0px; background-color:#FFFFFF; } .block_bleu_clair p, .block_bleu p, .block_blanc p { margin:0px; padding:0px; } .block_bleu_clair a, .block_bleu a, .block_blanc a { /* color:#333333;*/ } .block_bleu_clair p img, .block_bleu p img, .block_blanc p img { display:inline; vertical-align:middle; } .block_bleu_clair h2, .block_bleu h2, .block_blanc h2 { margin:0px; padding:0px; color:#479700; } .petit_texte p { font-size:9px; line-height:1.2em; } .p_normal p { margin-bottom:1em; } form table td { white-space:nowrap; } /* Blocs avec background */ .block_a { padding:0px 0px 15px 0px; background:url("../images/block_a_bottom.png") bottom center no-repeat; width:150px; margin:0px auto; } .block_a h2{ padding-bottom:15px; background:url("../images/block_a_top.png") bottom center no-repeat; text-align:center;} .block_a p { background-color:#ffffff; margin:0; padding:5px 10px; text-align:center; font-size:10px; line-height:1.5em; } .block_a2 { padding:0px 0px 15px 0px; background:url("../images/block_a2_bottom.png") bottom center no-repeat; margin:0px 10px; } .block_a2 h2{ padding-bottom:15px; background:url("../images/block_a2_top.png") bottom center no-repeat; text-align:left;} .block_a2 div.align_left { background-color:#ffffff; margin:0px; padding:5px 12px; text-align:left; /*font-size:10px;*/ line-height:1.5em; } .block_a2 div.encart_2 { margin:0; padding:0; } .bg_sitemap { background:url("../images/bg_sitemap.png") top left no-repeat; background-color:#FFFFFF; padding-left:70px; padding-top:15px; } /* Elements de formulaire ---------------------- */ input, select, span.input { color:#666666; border:1px #CCCCCC solid; padding:2px; margin:0px;border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC; } textarea, div.textarea { font-size:12px; color:#666666; border:1px #CCCCCC solid; padding:2px; margin:0px;border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC; line-height:1.4em; width:95%; } input[type='radio'] { border:0px; vertical-align:middle; margin-right:2px; } select { width:auto; white-space:normal; } select option { width:auto; white-space:normal; } .input_search { background:url("../images/icon_loupe.gif") 2px center no-repeat; background-color:#FFFFFF; border:1px #cccccc solid; font-size:10px;padding-left:20px; width:170px; } /* Liens ---------------------- */ .href_suite { background:url("../images/puce_suite.gif") 0px 4px no-repeat; padding-left:7px; font-weight:bold; border:0; } .href_suite:hover { background:url("../images/puce_suite.gif") 0px -26px no-repeat; text-decoration:none; } .href_suite_mini { background:url("../images/puce_suite.gif") 100% 3px no-repeat; padding-right:7px; font-weight:normal; font-size:0.9em;; border:0; font-weight:bold; color:#C22F03; } .href_suite_mini:hover { background:url("../images/puce_suite.gif") 100% -27px no-repeat; text-decoration:none; } .href_block_1 { display:block; background:url("../images/bg_fleche_1.gif") 100% 100% no-repeat; background-color:#FFFFFF; padding:5px; line-height:1.1em; border:3px #E0DFE3 solid; margin-top:1em; } .href_block_1:hover { background:url("../images/bg_fleche_1_over.gif") 100% 100% no-repeat; background-color:#FFFFFF; text-decoration:none; } .href_block_2 { display:block; background:url("../images/bg_fleche_3.gif") 100% 100% no-repeat; background-color:#FFFFFF; padding:5px; line-height:1.1em; border:3px #E0DFE3 solid; margin-top:1em; font-size:1.1em; color:#333333; } .href_block_2:hover { background:url("../images/bg_fleche_3_over.gif") 100% 100% no-repeat; background-color:#FFFFFF; text-decoration:none; } .href_savoir_plus { display:block; background:url("../images/bg_bouton.png") center center repeat-x; padding-right:7px; font-weight:normal; font-size:0.9em; border:1px #EEEDF0 solid; padding:2px 2px; } .href_savoir_plus:hover { text-decoration:none; border:1px #CCCCCC solid; } .href_block_3 { display:block; background:url("../images/bg_main_1.jpg") 100% 100% no-repeat; background-color:#FFFFFF; padding:5px 5px 30px 5px; line-height:1.1em; border:3px #E0DFE3 solid; margin-top:1em; font-size:1.3em; color:#333333; font-weight:bold; } .href_block_3:hover { background-color:#FFFFFF; text-decoration:none; } .href_big { display:block; border:0; font-size:1.2em; padding:5px; } .href_big:hover { text-decoration:none; } .href_pad { display:block; border:0; padding:5px; color:#333333; } .href_pad:hover { text-decoration:none; } /* Classes d'alignement ---------------------- */ .align_left { display:block; text-align:left; } .align_right { display:block; text-align:right; } .align_center { display:block; text-align:center; } /* Couleurs de polices ---------------------- */ .color_1 { color:#E0DFE3; } a.color_1:hover { color:#FFFFFF; } .color_2 { color:#FFFFFF; } .color_3 { color:#000000; font-weight:bold; } /* Couleurs de tailles de polices ---------------------- */ .petit_titre { font-size:1.1em; } .titre { font-size:1.3em; } .grand_titre { font-size:1.8em; } /* Classes de tailles ---------------------- */ .taille_1 { display:inline; width:280px; margin-left:15px; float:left; border:0px #ff0000 solid; } .taille_2 { display:inline; width:225px; margin-left:15px; float:left; border:0px #ff0000 solid; } .taille_100 { display:block; margin:0px 15px; border:0px #ff0000 solid; } /* Classes d'ajustements ---------------------- */ .no_margin { margin:0px; } .no_padding { padding:0px; } .no_padding p { padding:5px; } .padding-normal { padding:0px 10px 10px 10px; display:block; } .margin-normal { padding:0px 10px 10px 10px; } /* Classes de tables -------------------------*/ .liste_produits { margin:0px; padding:0px; width:99%; height:100%; border:0; border-collapse:collapse; border-top:1px #EBEBEB dotted; } .liste_produits tr { background:url("../images/bg_li_1.png") bottom left repeat-x; background-color:#FFFFFF; line-height:24px; vertical-align:middle; color:#666666; } .liste_produits a { border:0; } .liste_produits a.actif { background:url("../images/bg_li_2.png") bottom left repeat-y; } .liste_produits th { width:14em; padding:0px; margin:0px; font-weight:normal; } .liste_produits th a { display:block; padding:0px 0px 0px 10px; } .liste_produits th a:hover { background:url("../images/bg_li_2.png") bottom left repeat-y; } .liste_produits th img { display:none; } .liste_produits td.prix { width:5em; text-align:right; color:#999999; } .liste_produits td.prix_promo { width:5em; text-align:right; padding-right:4px; } .presentation_produit { margin:0px; padding:0px; width:100%; height:100%; border:0; border-collapse:collapse; } .presentation_produit th { width:auto; padding:5px; font-weight:normal; vertical-align:top; } .presentation_produit td { width:auto; padding:30px 5px 5px 0px; font-weight:normal; background:url("../images/bg_fleche_2.png") top center no-repeat; text-align:center; white-space:nowrap; vertical-align:top; } .presentation_produit td div.prix_avec_promo { font-size:17px; border:1px #EBEBEB solid; margin:3px 0px 3px 0px; } .prix_normal { color:#666666; } .prix_sans_promo { color:#999999; background:url("../images/bg_promo_mini.gif") center center no-repeat; } .prix_avec_promo { color:#AD7411; font-size:12px; } /* Classes pour les erreurs */ .input_iserror { border:1px solid #CC0000; width:inherit; } span.asterisque { font-size:13px; color:#CC0000; /*padding-left:2px;*/ white-space:nowrap; } .div_texteerror { font-weight:bold; border:1px dotted #CC0000; display:none; background:url("../images/bg_error.png") top left no-repeat; background-color:#FBEED0; padding-left:32px; margin:5px 0px; } .div_texteretour { font-weight:bold; border:1px dotted #00CC00; display:none; background:url("../images/bg_success.png") top left no-repeat; background-color:#EAFAC9; padding-left:32px; } .display { display:block; } /* Classes utilisées lorques des erreurs importantes php/mysql sont affichées */ .php_error { font-weight:normal; border:1px dotted #CC0000; background-color:#FFFFFF; display:block; margin:2px; padding:2px; } .php_error code{ display:block; padding:3px; border-left:3px #CC9933 solid; margin-left:5px;} .div_plan_acces_grand { position:absolute; display:none; } /* JCarousel */ .jcarousel-scope { z-index:101; } .jcarousel-clip { z-index:102; } .jcarousel-list { z-index:103; } ul.mycarousel { margin:0px; padding:0px; list-style-type:none; } ul.mycarousel li { margin:0px; padding:0px; list-style-type:none; } .vu_tv { background:url("../images/vu-a-la-tv.png") top left no-repeat; height:90px; width:350px; position:absolute; margin:40px 0 0 300px; z-index:1; } embed, object { margin:0px; padding:0px; display:block; } /* retire la marge restant sous le flash (FF) */ .show_on_print { display:none; } /* ajout 06/2009 *******************************************/ span.strong_green { font-weight:bold; color:#2B5C00; } div.link_entreprise a { display:block; width:530px; height:248px; background:url("../images/img-entreprise.jpg") 0 0 no-repeat; border-bottom:0px; } div.link_entreprise a:hover { background-position:0 -270px; } a.link_ecobiodil { display:block; width:350px; height:90px; /*border:1px #ff00ff solid;*/ background:url("pix.gif") top left repeat; border:0px; } div.temoignages_clients { display:block; width:550px; height:301px; background:url("../images/pic_claim.jpg") top left no-repeat; } div.temoignages_clients a { display:block; width:550px; height:301px; background:url("pix.gif") top left repeat; border:0; } div.liens-externes{height:36px;margin:0 auto; background:url("../images/liens-externes.png") top center no-repeat;} div.liens-externes table tr td{background-color:transparent;padding:0;border:0;} div.liens-externes table tr td a{color:#FFFFFF;font-size:16px;text-decoration:none;text-align:center;line-height:35px; background:url("../images/feuille.png") top left no-repeat;padding:0 10px 0 20px;float:left;font-family:Tahoma;border-bottom:0;} div.liens-externes table tr td a.first{background:none;padding:0 10px 0 0;} div.liens-externes table tr td a:hover{text-decoration:underline;}