/* ELEMENTS GLOBAUX ***********************************************************************************************************************************/ * { margin:0; padding:0; } HTML { zoom:1; } BODY { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#574E4F; } A { color:#E50005; text-decoration:underline; } A:hover { text-decoration:underline; } IMG { border:none; } /* GLOBAL *********************************************************************************************************************************************/ #global { position:relative; left:50%; width:988px; margin:0 0 0 -494px; padding:0 0 50px 0; } #main { width:970px; padding:0 9px 0 9px; background:url(../pics/charte/bg-global.png) top left repeat-y; position: relative; } /* LOGO ***********************************************************************************************************************************************/ H1#logo { position:absolute; top:0; left:9px; z-index:900; width:215px; height:209px; } H1#logo A { position:relative; z-index:900px; display:block; width:215px; height:209px; background:url(../pics/charte/bg-logo.png) top left no-repeat; font-size:0; text-indent:-9000px; } /* FIL D'ARIANE ***************************************************************************************************************************************/ P#ariane { float:right; width:705px; height:18px; text-align:left; color:#B4B2B4; text-transform:uppercase; line-height:18px; } P#ariane A { float:left; color:#B4B2B4; text-decoration:none; } P#ariane A:hover { text-decoration:underline; } P#ariane SPAN { float:left; } P#ariane .point { padding:0 7px 0 7px; height:18px; background:url(../pics/charte/bg-ariane-point.jpg) center center; } /* ARTICLE ********************************************************************************************************************************************/ #article { clear:right; float:right; width:960px; height:500px; padding:60px 10px 10px 0; color:#1B1B1F; position: relative; } HTML>BODY>#global>#main>#article { min-height:500px; height:auto; } /* éléments sans la col gauche */ #article H1 { width:695px; margin:0 0 0 265px; color:#1B1B1F; font-weight:normal; font-size:24px; line-height:20px; } #article H1.cadenas { font-size:12px; color:#B4B2B4; text-transform:uppercase; background:url(../pics/charte/cadenas.jpg) center left no-repeat; padding:0 0 0 14px; } #article H1.redFirst { width:695px; margin:0 0 5px 265px; color:#E60003; font-weight:normal; font-size:40px; line-height: 32px } #article H2 { width:695px; margin:0 0 65px 265px; color:#E60003; font-weight:normal; font-size:40px; } #article H2.noh1 { margin:20px 0 65px 265px; } #article H2.blackSecond { width:695px; margin:0 0 65px 265px; color:#000; font-weight:normal; font-size:31px; } #article H3 { width:695px; margin:0 0 5px 265px; padding:0 0 5px 0; color:#E60003; font-size:14px; background:url(../pics/charte/bg-h3.png) bottom left repeat-x; } #article H3 A { color:#E60003; text-decoration:none; } #article H3.uppercase { font-size:12px; text-transform:uppercase; } #article H4 { margin:0 0 10px 0; color:#99C000; font-size:12px; font-weight:normal; text-transform:uppercase; } #article H4.h4pointille { padding:0 0 5px 0; background:url(../pics/charte/bg-h4.png) bottom left repeat-x; text-transform:none; font-size:14px; } #article P { width:695px; margin:0 0 8px 265px; font-size:11px; } #article UL { list-style:outside; width:680px; margin:0 0 10px 265px; font-size:11px; } #article UL LI { margin:0 0 0 15px; } #article A { color:#574E4F; } #article A.blue { color:#44AAE1; text-decoration:none; } #article A.blue:hover { text-decoration:underline; } /* éléments avec col gauche */ #article .colGauche { clear:both; float:left; width:225px; padding:0 20px 0 20px; text-align:right; } #article .colGauche P { width:100%; margin:0 0 8px 0; } #article .colGauche UL { width:100%; margin:0 0 8px 0; } #article .colGauche UL.fleches { list-style:none; } #article .colGauche UL.fleches LI { height:13px; padding:0 23px 3px 0; background:url(../pics/charte/flecheRougeUL.jpg) top right no-repeat; text-transform:uppercase; } #article .colGauche UL.fleches LI A { text-decoration:none; } #article .colGauche UL.fleches LI A:hover { text-decoration:underline; } #article .gauche { width:695px; float:left; padding:0; position: relative; } #article .gauche H1 { width:100%; margin:0 0 0 0; } #article .gauche H2 { width:100%; margin:0 0 65px 0; } #article .gauche H2.noh1 { width:100%; margin:20px 0 65px 0; } #article .gauche H3 { width:100%; margin:0 0 5px 0; } #article .gauche P { width:100%; margin:0 0 8px 0; } #article .gauche UL { width:95%; margin:0 0 10px 0; } #article .gauche UL LI { margin:0 0 0 15px; } /* HOME **********************************************************************************************************************************************/ #home { clear:right; float:right; width:960px; padding:5px 10px 10px 0; } #logos { float:left; width:165px; padding:160px 0 0 0; text-align:center; } #logos P { margin:0 0 15px 0; } #homeRight { position:relative; float:right; width:795px; height:298px; margin:0 0 12px 0; } #temoignage { position:absolute; bottom:0; right:0; width:180px; height:153px; padding:8px 7px 0 7px; color:#fff; } #temoignage H3 { font-size:18px; text-transform:uppercase; font-weight:normal; } #temoignage A { color:#fff; text-decoration:none; } #autresTemoignages { position:absolute; bottom:0; right:0; width:194px; height:29px; } #autresTemoignages A { display:block; width:194px; height:29px; background:url(../pics/charte/bg-autres-temoignages.png) top left no-repeat; font-size:0; text-indent:-9000px; } #homeBottom { clear:right; float:right; width:795px; } .encart { position:relative; float:left; width:192px; height:183px; margin:0 7px 0 0; background:url(../pics/charte/bg-encart-home.png) top right repeat-y; } .encart H2 { height:25px; font-size:0; text-indent:-9000px; } .encart .item { clear:both; padding:0 7px 0 0; border-bottom:1px solid #CED0D2; } .encart .item.last { border-bottom:none; } .encart P { line-height:10px; } .encart A { color:#574E4F; text-decoration:none; } .encart STRONG { font-size:11px; color:#000; } .encart IMG { margin:0 5px 0 0; } .encart .infos { height:10px; padding:5px 0 5px 14px; } .encart .date { color:#9F9B9D; text-transform:uppercase; padding:0 0 0 5px; } .encart .more { position:absolute; bottom:0; left:0; width:185px; height:13px; padding:0 0 0 0; font-size:0; text-indent:-9000px; } .encart .more A { display:block; width:100%; height:13px; } #actualites H2 { background:url(../pics/charte/h2-actualites.png) top left no-repeat; } #actualites .infos { background:url(../pics/charte/flecheRouge.jpg) center left no-repeat; } #actualites .cat { color:#E60003; } #actualites .more { background:url(../pics/charte/toutesActualites.png) top left no-repeat; } #actualites A { text-decoration:none; } #outils H2 { background:url(../pics/charte/h2-outils.png) top left no-repeat; } #outils .infos { background:url(../pics/charte/flecheOrange.jpg) center left no-repeat; } #outils .cat { color:#EE7900; } #outils .more { background:url(../pics/charte/tousOutils.png) top left no-repeat; } #recette { width:392px; margin:0; background:none; } #recette H2 { background:url(../pics/charte/h2-recette-semaine.png) top left no-repeat; } /* PAGES INTERNES ***********************************************************************************************************************************/ /* pagination */ #article P.pagingNav { height:13px; margin:30px 0 0 0; color:#1B1B1F; font-size:10px; text-transform:uppercase; border-right:1px solid #F09270; } #article P.pagingNav IMG { display:block; float:right; margin:0 2px 0 5px; vertical-align:middle; } #article P.pagingNav A { display:block; float:right; height:11px; padding:0 7px 0 9px; color:#1B1B1F; border-top:1px solid #F09270; border-bottom:1px solid #F09270; line-height:11px; text-decoration:none; background:url(../pics/charte/bg-pages-presse.jpg) center left no-repeat; } #article P.pagingNav SPAN { display:block; float:right; height:11px; line-height:11px; border:1px solid #fff; } #article P.pagingNav SPAN#pages { border:1px solid #F09270; border-right:none; padding:0 7px 0 7px; } /* les-sites-du-groupe.php */ UL#sitesdugroupe { list-style:none; color:#000; font-size:12px; margin-top: 25px; margin-bottom: 30px;} UL#sitesdugroupe LI IMG { vertical-align:middle; margin:0 12px 8px 0; } UL#siteseurope { list-style:none; color:#000; font-size:12px; margin-top: 25px; } UL#siteseurope LI IMG { vertical-align:middle; margin:0 12px 8px 0; } /* qui-sommes-nous-le-groupe.php */ #article #carteBel { height:500px; width:670px; padding:0 10px 0 15px; background:url(../pics/charte/carteBel.jpg) top left no-repeat; color:#fff; } #carteBel H4 { height:36px; margin:0 0 10px 0; line-height:36px; font-size:24px; font-weight:normal; text-transform:uppercase; } #carteBel H5 { margin:0 0 5px 0; font-size:12px; text-transform:uppercase; } #article #carteBel P { width:670px; } #carteBel .stat { float:left; height:86px; } #carteBel .chiffre { display:block; float:left; height:86px; margin:0 10px 0 0; line-height:86px; font-size:88px; letter-spacing:-5px; } #carteBel .nomStat { display:block; float:left; padding:12px 0 0 0; font-size:26px; line-height:22px; } #carteBel SMALL { display:block; padding:8px 0 0 2px; font-weight:bold; font-size:11px; line-height:12px; } #statsSites { width:222px; padding:4px 2px 0 0; } #statsSites .nomStat { width:120px; } #statsMarques { width:210px; padding:4px 2px 0 8px; } #statsPays { width:225px; padding:4px 0 0 0; } #liensFiches { padding:10px 0 10px 0; } #liensFiches A { margin:0 5px 0 0; } #liensFiches IMG { vertical-align:middle; } /* qui-sommes-nous-belfood.php */ #article .gamme { padding:0 0 30px 0; background:url(../pics/charte/bg-h3.png) bottom left repeat-x; } #article .gamme H3 { margin:0 0 10px 0; color:#99C000; font-size:14px; font-weight:bold; text-transform:uppercase; background:none; } /* developpement-durable.php */ #article .devDurable { width:676px; margin:10px 0 20px 0; padding:0 0 20px 0; } #article .devDurable.rose { background:url(../pics/charte/bg-devDurable-rose.jpg) bottom left no-repeat; } #article .devDurable.bleu { background:url(../pics/charte/bg-devDurable-bleu.jpg) bottom left no-repeat; } #article .devDurable.vert { background:url(../pics/charte/bg-devDurable-vert.jpg) bottom left no-repeat; } #article .devDurable.saumon { background:url(../pics/charte/bg-devDurable-saumon.jpg) bottom left no-repeat; } #article .devDurable.orange { background:url(../pics/charte/bg-devDurable-orange.jpg) bottom left no-repeat; } #article .devDurable H4 { height:21px; padding:0 0 20px 15px; line-height:21px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; } #article .devDurable H5 { margin:0 0 15px 0; padding:0 0 0 29px; background:url(../pics/charte/flecheRouge.jpg) 9px 3px no-repeat; color:#E60003; font-size:12px; font-weight:bold; text-transform:uppercase; } #article .devDurable P { width:auto; margin:0; } #article .devDurable UL { list-style:none outside; width:435px; margin:0; } #article .devDurable UL LI { height:auto; width:390px; padding:0 0 10px 30px; position:relative; } #article .devDurable UL LI STRONG { display:block; float:left; width:30px; height:20px; position:absolute; top:0; left:0; color:red; } #article .devDurable UL LI STRONG IMG { margin-right:5px; vertical-align:middle; border:1px solid #F09472; } #article .devDurable UL UL { width:365px; margin:0 0 0 15px; list-style:disc outside; } #article .devDurable UL UL LI { width:365px; padding:0; margin:0 0 0 15px; } #article .devDurable .piliers { float:left; width:228px; } #article .devDurable .piliers H4 { background:url(../pics/charte/bg-devDurable-piliers.jpg) top left no-repeat; } #article .devDurable .piliers P { padding:0 0 0 29px; } #article .devDurable .progres { float:left; width:448px; } #article .devDurable .progres H4 { background:url(../pics/charte/bg-devDurable-progres.jpg) top left no-repeat; } /* nutrition-valeurs-nutritionnelles.php */ #article .tableau { margin:0 0 20px 0; } #article .tableau H3 { float:left; position:relative; width:610px; height:13px; margin:0 0 10px 0; font-weight:normal; background:#fff; padding:0; } #article .tableau H3 .titre { position:absolute; top:0; left:0; display:block; height:13px; background:#fff; padding:0 8px 0 0; z-index:10; } #article .tableau H3 A { position:absolute; top:0; right:0; display:block; width:610px; height:13px; background:url(../pics/charte/bg-telecharger-tableau.gif) top left no-repeat; font-size:0; text-indent:-9000px; z-index:0; outline:none; } /* nutrition-posez-vos-questions.php */ #article #entete { height:200px; } #article #entete H2 { margin:0 0 0 265px; padding:0; } #article #entete H3 { padding:0; background:none; font-weight:normal; font-size:34px; line-height:34px; color:#1B1B1F; } #article .questionReponse { margin:0 0 30px 0; } #article .questionReponse H3 { width:685px; height:19px; margin:0 0 0 0; padding:0 0 0 10px; font-weight:normal; font-size:12px; color:#fff; text-transform:uppercase; background:none; line-height:19px; } #article H3.question { background:url(../pics/charte/bg-question.jpg) top left repeat-x; } #article H3.reaction { background:url(../pics/charte/bg-reaction.jpg) top left repeat-x; } #article .questionReponse P { width:676px; margin:0; padding:5px 0 8px 18px; border-right:1px solid #F09371; } #article .questionReponse P.question { color:#E60003; background:url(../pics/charte/flecheRouge.jpg) 0 7px no-repeat; } #article .questionReponse P.reponse { color:#4FAC24; background:url(../pics/charte/flecheVerte.jpg) 0 7px no-repeat; } #article .questionReponse .date { color:#574E4F; } #article .questionReponse INPUT { width:190px; height:13px; margin:4px 0 0 0; padding:0 0 0 4px; border:1px solid #1B1B1F; border-right:1px solid #D3D5D7; border-bottom:1px solid #D3D5D7; font-size:11px; } #article .questionReponse TEXTAREA { float:right; width:480px; height:60px; margin:4px 0 4px 0; border:1px solid #1B1B1F; border-right:1px solid #D3D5D7; border-bottom:1px solid #D3D5D7; font-size:11px; } #article .questionReponse .publier { background:url(../pics/charte/btn-publier.jpg) top left no-repeat; } /* fiches fromage */ #article.ficheFromage { padding:20px 10px 10px 0; } #article.ficheFromage H2 { margin:0 0 20px 265px; } #article.ficheFromage #historique { margin:0 0 25px 0; } #article.ficheFromage #historique P { margin:0 0 5px 265px; padding:0 0 8px 0; background:url(../pics/charte/bg-ficheFromage-historique.jpg) bottom left no-repeat; } #article.ficheFromage #historique UL { margin:0 0 5px 265px; list-style:inside; padding:0 0 8px 0; background:url(../pics/charte/bg-ficheFromage-historique.jpg) bottom left no-repeat; } #article.ficheFromage H3 { font-size:24px; font-weight:normal; } #article.ficheFromage .produit { float:left!important; width:134px; margin:0 0 30px 0; padding:0 20px 20px 0; background:url(../pics/charte/bg-ficheFromage-produit.jpg) bottom left no-repeat; text-align:center !important; font-size:10px; color:#574E4F; letter-spacing:-0.2px; } #article.ficheFromage .produit A { text-decoration:none; } #article.ficheFromage .produit IMG { margin: 0 0 8px 0; float: none !important; } /* actualites.php */ #article.actualites .colGauche { padding:40px 20px 0 20px; background:url(../pics/charte/bg-actus-images.jpg) top center no-repeat; text-align:center; } #article.actualites .gauche { padding:0 0 20px 0; } #article.actualites H3 { position:relative; font-size:24px; font-weight:normal; line-height:27px; } #article.actualites H3 .date { position:absolute; bottom:10px; right:10px; font-size:10px; line-height:10px; color:#1B1B1F; } #article.actualites P { color:#574E4F; } #article.actualites P.ssTitre { margin-bottom:15px; font-size:14px; line-height:18px; color:#1B1B1F; } #article.actualites UL { color:#574E4F; } #article.actualites .pagination { clear:both; width:695px; padding:0 0 0 265px; } #article.actualites .pagination A { display:block; height:13px; font-size:0; text-indent:-9000px; } #article.actualites .pagination A.next { float:right; width:147px; margin:0 10px 0 0; background:url(../pics/charte/bg-actualites-suivantes.jpg) top left no-repeat; } #article.actualites .pagination A.prev { float:left; width:167px; margin:0 0 0 10px; background:url(../pics/charte/bg-actualites-precedentes.jpg) top left no-repeat; } /* dieteticiennes-acces.php */ FORM#dietLoginForm { width:681px; } FORM#dietLoginForm P.critere { width:340px; } FORM#dietLoginForm P.critere LABEL { font-size:18px; } FORM#dietLoginForm P.critere INPUT { width:200px; margin:0 0 0 6px; } FORM#dietLoginForm INPUT.btn { background:url(../pics/charte/bg-form-diet-submit.png) top left no-repeat; } #article UL#listeRubriqueDiet { width:695px; color:#E60003; list-style:none; margin:10px 0 50px 0; padding:0 0 10px 0; text-transform:uppercase; line-height:18px; background:url(../pics/charte/bg-h3.png) bottom left repeat-x; } #article UL#listeRubriqueDiet A { color:#E60003; } /* espace-presse.php */ #article .communique { position:relative; clear:both; padding:30px 0 0 0; } #article .communique IMG { float:left; margin:10px 10px 0 0; } #article .communique DIV { float:left; width:485px; } #article .communique H3 { padding:0; text-indent:20px; background:url(../pics/charte/flecheRougeUL.jpg) center left no-repeat; font-weight:normal; text-transform:uppercase; font-size:16px; } #article .communique H3 .date { float: right; font-size:10px; line-height:10px; color:#1B1B1F; padding: 4px 10px 0 0;} #article .communique UL { list-style:square; } #article .communique LI { margin-left: 15px; } #article .communique .btnCommunique { clear:both; width:695px; height:13px; } #article .communique .btnCommunique A { display:block; width:695px; height:13px; background:url(../pics/charte/bg-communique.jpg) top left no-repeat; font-size:0; text-indent:-9000px; outline:none; } /* services-phototheque-logotheque.php */ #photoLoginForm INPUT { width:200px; height:14px; background:url(../pics/charte/bg-input-phototheque.jpg) top left repeat-x; border:1px solid #504F53; border-bottom:1px solid #96989B; border-right:1px solid #96989B; margin:0 8px 0 0; float:none; } #photoLoginForm INPUT.btn { width:39px!important; height:16px!important; background:url(../pics/charte/bg-submit-photologin.jpg) top left no-repeat; } /* produits-recherche.php */ FORM#rechercheProduits P.critere { width:115px; } FORM#rechercheProduits P.critere SELECT { width:105px; z-index:0; } /* produits-resultats.php */ .resultatsRecherche { padding:10px 10px 10px 0!important; } #article.resultatsRecherche #rechercheProduits { width:695px; margin:0 0 25px 265px; } #article.resultatsRecherche #intro { float:left; width:auto; margin:0 0 4px 0; padding:0 0 4px 0; color:#E60003; text-transform:uppercase; border-bottom:1px solid #E60003; } #article.resultatsRecherche #type { font-size:10px; } #article.resultatsRecherche #nbResults { font-size:10px; color:#1B1B1F; } #article.resultatsRecherche #introTexte { clear:both; color:#E60003; } #article.resultatsRecherche #introTexte P { font-size:14px; } #article .result { position:relative; clear:both; } #article .result H3 { float:right; width:550px; font-size:16px; background:url(../pics/charte/flecheRougeUL.jpg) 0 4px no-repeat; padding:0 0 0 20px; text-transform:uppercase; } #article .result P { float:right; width:550px; margin:0; } #article .result .actions { height:13px; position: relative; } #article .result .actions A { float:right; display:block; height:13px; text-indent:-9000px; font-size:0; border-left:5px solid #fff; } A.faireSuivre { width:203px; background:url(../pics/charte/bg-faire-suivre.jpg) top left no-repeat; } A.fiche { width:119px; background:url(../pics/charte/bg-fiche-produit.jpg) top left no-repeat; } #article .result.produit { padding:25px 0 0 0; height: 125px; } #article .result.produit H3 { margin:0 0 15px 0; color:#99C000; } #article .result.produit SPAN { display:block; float:left; font-size:10px; } #article .result.produit SPAN.label { width:75px; text-transform:uppercase; } #article .result.produit IMG { float:left; } #article .result.produit .actions { position:absolute; bottom:0; left:0; width:650px; background:url(../pics/charte/bg-actions.jpg) bottom left repeat-x; } #article.resultatsRecherche P.pagingNav { float:right; width:310px; margin:0 0 0 0; } #article P.mediaGamme { margin:0 0 20px 0; padding:0 0 20px 0; background:url(../pics/charte/bg-mediagamme.jpg) bottom center no-repeat; text-align:center; text-transform:uppercase; font-size:10px; } #article P.mediaGamme IMG { margin:0 0 5px 0; } #logoMarque { float:left; width:200px; margin:5px 10px 0 0; text-align:center; } #texteMarque { float:left; width:485px; margin:5px 0 0 0; } #texteMarque P { padding:0 0 0 8px; background:url(../pics/charte/bg-texteMarques.jpg) 0 7px no-repeat; } /* produits-gamme-pret-a-cuisiner-en-video.php */ #gammeVideoForm { margin:0 0 30px 0; } #gammeVideoForm P { color:#E60003; font-size:14px; } #gammeVideoForm SELECT { width:170px; vertical-align:middle; } #gammeVideoForm INPUT { width:25px; height:17px; padding:0; background:url(../pics/charte/bg-submit-video.jpg) top left no-repeat; text-indent:-9000px; font-size:0; letter-spacing:-50px; vertical-align:middle; border:none; cursor:pointer; } #article .result.video { position:relative; width:670px; margin:10px 0 10px 0; padding:20px 0 0 0; background:#99C000 url(../pics/charte/bg-video.jpg) top left no-repeat; } #article .result.video H3 { width:400px; margin:18px 0 10px 0; color:#fff; background:url(../pics/charte/flecheRouge.jpg) 0 5px no-repeat; } #article .result.video P { width:400px; color:#fff; font-size:12px; } #article .result.video IMG { float:left; margin:0 0 12px 16px; } #article .result.video .actions { clear:both; width:670px; background:#fff; border-top:3px solid #fff; } #article .result.video .actions A { float:left; width:116px; height:24px; padding:0 0 0 50px; border-left:none; border-right:2px solid #fff; background:url(../pics/charte/bg-actions-videos.png) top left repeat-x; color:#fff; text-transform:uppercase; font-size:10px; text-indent:inherit; text-decoration:none; line-height:23px; font-weight:bold; } #article .result.video .actions A.first { background:url(../pics/charte/bg-actions-videos-first.png) top left no-repeat; } #article .result.video .actions A.last { background:url(../pics/charte/bg-actions-videos-last.png) top right no-repeat; border-right:none; } /* recettes-recherche.php */ FORM#rechercheRecettes P.critere { width:172px; } FORM#rechercheRecettes P.critere SELECT { width:160px; } /* recettes-resultats.php */ #article.resultatsRecherche #rechercheRecettes { width:695px; margin:0 0 25px 265px; } #article #descMarque { clear:both; padding:20px 0 15px 130px; } #article #descMarque P { margin:0; } #article #descMarque #photoGenerique { float:left; width:280px; } #article #descMarque #texteMarque { float:left; width:350px; } #article #descMarque #texteMarque P { width:350px; margin:0 0 10px 0; padding:0 0 10px 0; background:url(../pics/charte/bg-ficheFromage-historique.jpg) bottom left no-repeat; font-size:14px; } #article #descMarque #fichesProduits { float:right; } #article #descMarque #fichesProduits A { display:block; float:left; height:10px; padding:0 0 0 12px; text-decoration:none; font-size:10px; color:#E60003; text-transform:uppercase; background:url(../pics/charte/flecheRouge.jpg) top left no-repeat; line-height:10px; } #article .result.recette { margin:0 0 20px 0; height: 116px; } #article .result.recette H3 { margin:0; } #article .result.recette .actions { position:absolute; bottom:0; right:32px; width:543px; } A.ficheRecette { width:206px; background:url(../pics/charte/bg-fiche-recette.jpg) top left no-repeat; } P#recetteSemaine { padding:0 0 16px 0; line-height:16px; text-align:center; background:url(../pics/charte/bg-recette-semaine.jpg) bottom center no-repeat; } P#recetteSemaine A { text-decoration:none; color:#1B1B1F; font-size:10px; text-transform:uppercase; } /* recettes-fiches.php */ #article P.ficheRecetteNav { width:683px; margin:0 auto 10px auto; position:relative; height:13px; text-align:center; text-transform:uppercase; font-size:10px; } #article P.ficheRecetteNav A { position:absolute; top:0; display:block; height:13px; text-decoration:none; color:#1B1B1F; } A.prevRecette { left:0; padding:0 0 0 18px; background:url(../pics/charte/flecheRougeULinverse.jpg) top left no-repeat; } A.nextRecette { right:0; padding:0 18px 0 0; background:url(../pics/charte/flecheRougeUL.jpg) top right no-repeat; } #ficheRecette { width:683px; height:430px; margin:0 auto 20px auto; } #ficheRecette #visuel { float:left; } #ficheRecette #texte { position:relative; float:left; width:343px; height:415px; padding:15px 0 0 0; background:url(../pics/charte/bg-ficheRecette.png) top left no-repeat; } #ficheRecette #texte H3 { width:328px; margin:0 0 15px 0; padding:0 5px 0 10px; background:none; text-transform:uppercase; font-size:16px; } #ficheRecette #texte P { width:328px; margin:0; padding:0 5px 0 10px; } #ficheRecette #texte UL { list-style:none; width:328px; margin:0; padding:0 5px 0 10px; } #ficheRecette #texte UL LI { margin:0; display: inline; line-height: 12px; } #ficheRecette #texte SPAN.sstitre { clear:both; display:block; padding:0 0 0 15px; background:url(../pics/charte/flecheRouge.jpg) 0 2px no-repeat; color:#E60003; font-weight:bold; text-transform:uppercase; } #ficheRecette #texte SPAN.etape { padding: 0 0 0 8px; margin: 0 3px 0 0; background: url(../pics/charte/bg-ul-listeBlack-li.gif) left top no-repeat;} #ficheRecette #texte #actions { position:absolute; bottom:0; width:343px; height:67px; margin:10px 0 0 0; padding:4px 0 2px 0; background:url(../pics/charte/bg-ficheRecette-actions.png) top left repeat-x; } #ficheRecette #texte #actions A { display:block; height:16px; padding:0 0 0 10px; border-bottom:1px solid #F09270; line-height:16px; text-decoration:none; color:#fff; background:url(../pics/charte/bg-ficheRecette-actions-fleche.gif) top right no-repeat; } P#recetteProduit { padding:0 0 16px 0; line-height:16px; text-align:center; background:url(../pics/charte/bg-recette-semaine.jpg) bottom center no-repeat; } P#recetteProduit A { text-decoration:none; color:#1B1B1F; font-size:10px; text-transform:uppercase; } /* recettes-top5.php */ #article .recetteTop5 { width:317px; } #article .recetteTop5 A { display:block; height:80px; background:url(../pics/charte/bg-recettes-top.jpg) top left no-repeat; text-decoration:none; color:#fff; font-size:12px; text-transform:uppercase; } #article .recetteTop5 .numeroTop { display:block; float:left; width:82px; padding:0 0 0 10px; font-size:65px; line-height:58px; } #article .recetteTop5 .nomRecette { display:block; float:left; padding:5px 0 0 0; } #article .recetteClear { clear:both; height:40px; background:url(../pics/charte/bg-h3.png) center left repeat-x; } /* recettes-finalistes-concours-bel-imagination.php */ .recetteFinaliste { width:676px; height:auto; padding:23px 0 0 0; margin:0 0 20px 0; background:url(../pics/charte/bg-recette-finaliste.jpg) top left no-repeat; } .recetteFinaliste #visuel { float:left; margin:0 0 0 1px; } .recetteFinaliste #texte { position:relative; float:left; width:399px; height:327px; padding:10px 0 0 0; } HTML>BODY>#global>#main>#article>.gauche>.recetteFinaliste #texte { min-height:250px; height:auto; } .recetteFinaliste #texte H3 {width:384px; margin:0 0 10px 0; padding:0 5px 0 10px; background:none; text-transform:uppercase; font-size:16px; color:#1B1B1F; line-height:16px; } .recetteFinaliste #texte P { width:384px; margin:0; padding:0 5px 0 10px; line-height:13px; } /*.recetteFinaliste #texte UL { list-style:inside; width:328px; margin:0; padding:0 5px 0 10px; } .recetteFinaliste #texte UL LI { float:left; padding:0 2px 0 0; } */.recetteFinaliste #texte SPAN.sstitre { display:block; padding:0 0 0 15px; background:url(../pics/charte/flecheRouge.jpg) 0 2px no-repeat; color:#E60003; text-transform:uppercase; font-size:10px; }/* .recetteFinaliste #texte SPAN.etape { padding:0 3px 0 8px; background:url(../pics/charte/bg-ficheRecette-li.jpg) center left no-repeat; }*/ .recetteFinaliste #actions { clear:both; height:23px; padding:0 15px 0 0; background:url(../pics/charte/bg-recette-finaliste-actions.jpg) top left no-repeat; } .recetteFinaliste #actions A { display:block; float:right; height:23px; margin:0 0 0 30px; padding:0 18px 0 0; line-height:23px; text-decoration:none; color:#fff; background:url(../pics/charte/flecheBlanche.jpg) center right no-repeat; text-transform:uppercase; } /* newsletter.php */ FORM#newsletter { padding: 0 40px 0 0; } FORM#newsletter P { font-size: 12px; } #article H3.vousConnaitre { background:url(../pics/charte/bg-reaction.jpg) top left repeat-x; color: #FFF; text-transform: uppercase; font-size: 12px; padding: 2px 0 5px 10px; width: 645px; } FORM#newsletter #conteneurForm { position: relative; margin: 0 0 15px 0; } FORM#newsletter #conteneurForm P { font-size: 11px; } #newsletter #commentForm { position: absolute; left:260px; top:143px; width: 395px; margin-bottom: 0; } *>#commentForm { top: 128px !important; bottom: 20px !important; right: 300px; } FORM#newsletter INPUT { width: 242px; border:1px solid #1B1B1F; border-right:1px solid #D3D5D7; border-bottom:1px solid #D3D5D7; font-size: 12px; } FORM#newsletter INPUT.chk { border: none; width: auto; vertical-align: middle; } FORM#newsletter SELECT { width: 246px; border:1px solid #1B1B1F; border-right:1px solid #D3D5D7; border-bottom:1px solid #D3D5D7; font-size: 12px; } #newsSuccess { position: absolute; top: 70px; left: 305px; width: 300px; } *>#newsSuccess { position: absolute; top: 70px; right: 50px; width: 300px; } .red { color: #E60003 !important; width: auto !important; margin-left: 0 !important; text-align: center; } .red A { color: #E60003 !important; } P.grand { font-size: 1.5em !important; width: auto !important; margin-left: 0 !important; text-align: center; } #newsletterFailed { position: absolute; bottom: 0; } /* pai.php */ H2.withSStitre { margin-bottom: 0 !important; line-height: 32px; } H3.sousTitre { color: #000 !important; background: none !important; font-size: 26px !important; font-weight: normal; margin-bottom: 65px !important; } H3.pai { font-size: 22px !important; font-weight: normal; } P.paiGrand { font-size: 14px !important; margin-bottom: 20px !important; } P.paiGrand A { color: #E60003 !important } #conteneurPai P, #conteneurPai LI { color: #535353 !important; } UL.listeGreen { list-style: none; margin-left: 0!important; } UL.listeGreen LI { background: url(../pics/charte/bg-ul-listeGreen-li.gif) left top no-repeat; padding: 0 0 4px 6px; list-style: none; } UL.listeGreen LI UL { margin-left: 10px !important; margin-bottom: 0 !important; } UL.listeGreen LI UL LI { background: none !important; padding: 0 0 0 0 !important; } H4.green { margin: 20px 0 5px 0 !important; font-weight: bold !important; text-transform: none !important; } H3.pai { margin-top: 40px !important; } IMG.illuPai { margin: 0 0 0 0; } UL.listeBlack { list-style: none; margin-left: 0!important; } UL.listeBlack LI { background: url(../pics/charte/bg-ul-listeBlack-li.gif) left top no-repeat; padding: 0 0 4px 10px; list-style: none; } UL.listeBlack LI UL { margin-left: 10px !important; margin-bottom: 0 !important; } /* Section secteurs */ .secteursContent P, .secteursContent LI { font-size: 12px !important; } UL.listeBlue { list-style: none; margin-left: 0!important; } UL.listeBlue LI { background: url(../pics/charte/bg-ul-listeBlue-li.gif) left top no-repeat; padding: 0 0 4px 6px; list-style: none; } UL.listeBlue LI A { color: #006AB2 !important; } /* Service : Télécharger les docs */ TABLE.download { width: 100%; margin: 0 0 8px 0; } TABLE.download TR { } TABLE.download TD { vertical-align: middle; text-align: left; } TABLE.download TD A { color: #1B1B1F !important; text-decoration: none; } /* Fiche temoignage */ #headerTemoignage { position:relative; height:408px; margin:0 0 12px 0; } #headerTemoignageContent { position:absolute; bottom:0; left:0; width:258px; height:186px; padding:8px 7px 0 7px; color:#fff; } #headerTemoignageContent H3 { font-size:22px; text-transform:uppercase; font-weight:normal; background: none; margin: 0 0 0 0 !important; color: #FFF !important } #headerTemoignageContent A { color:#FFF !important; text-decoration:none; } #headerTemoignageContent #autresTemoignages { position:absolute; bottom:0; left:0; width:270px; height:29px; } #headerTemoignageContent #autresTemoignages A { background: none; display:block; width: 270px; height:29px; font-size:0;text-indent:-9000px; } .contenuTemoignage P.pointRed { color: #E2001A !important; font-weight: bold; background: url(../pics/charte/point-red.gif) left top no-repeat; padding: 0 0 0 8px !important; } .contenuTemoignage P.pointBlack { background: url(../pics/charte/point-black.gif) left top no-repeat; padding: 0 0 0 8px !important; } P#avantTemoignage { font-size: 15px; color: #000 !important; font-weight: bold; text-align: center; background: url(../pics/charte/bg-colGauche-temoignage.gif) center bottom no-repeat; padding: 0 0 17px 0; } /* Liste témoignages */ .imgTemoignage { padding: 0 0 14px 0; background: url(../pics/bg-img-liste-temoignages.png) right bottom no-repeat; margin: 0 0 15px 0; } .temoignages { position: relative; padding: 50px 0 0 0; } .temoignages H3 .knowMore { float: right; color: #1B1B1F !important; font-size: 10px; } /* Recette des internautes */ DIV.recetteInternaute { width: 676px; background: url(../pics/charte/bg-recetteInternaute.png) left top no-repeat; padding: 23px 0 0 0; } DIV.recetteInternauteContent { overflow: hidden; border-left: 1px solid #97BE0D; border-right: 1px solid #97BE0D; } DIV.recetteInternauteImgGauche { float: left; width: 276px; } DIV.recetteInternauteTextRight { float: left; width: 365px; padding: 5px 20px 0 13px; } DIV.recetteInternauteTextRight H3 { font-size: 16px !important; text-transform: uppercase; color: #000 !important; } DIV.recetteInternauteTextRight H4 { font-size: 10px !important; color: #E2001A !important; background: url(../pics/charte/bg-recettteInternaute-h4.gif) left top no-repeat; padding: 0 0 0 13px; } DIV.recetteInternauteTextRight UL { } DIV.recetteInternauteTextRight UL LI { display: inline; } DIV.recetteInternauteTextRight SPAN.pointBlack { list-style: none; padding: 0 0 0 8px; background: url(../pics/charte/bg-ul-listeBlack-li.gif) left top no-repeat; } DIV.recettteInternauteFooter { clear:both; width: 676px; height: 23px; background: url(../pics/charte/bg-recettteInternauteFooter.png) left top no-repeat; } /* Phototèque */ DIV.resultPhotos { float: left; height: 250px; width: 155px; padding: 0 0 12px 0; background: url(../pics/charte/bg-resultPhotos.gif) bottom left repeat-x; margin: 0 25px 35px 0; } DIV.resultPhotos P { height: 40px; } DIV.resultPhotos UL { font-size: 10px !important; list-style: none; margin: 7px 0 0 0 !important; } DIV.resultPhotos UL LI { list-style: none; margin: 0 0 0 0 !important; } DIV.resultPhotos UL LI A { display: block; background: url(../pics/charte/bg-a-resultPhotos.gif) left top no-repeat; height: 12px; padding: 0 0 0 17px; color: #000 !important; text-decoration: none !important; margin: 0 0 5px 0; } DIV.resultPhotos UL LI A:hover { text-decoration: underline !important; } DIV.lastPhotos { margin-right: 0 !important; } /* Plan du site */ .sitemap { float:left; width:270px; margin:0 50px 50px 0; line-height:18px; } .sitemap UL UL { list-style:none!important; } .sitemap A { text-decoration:none; } .sitemap A:hover{ text-decoration:underline; } /* FOOTER *******************************************************************************************************************************************/ #footer { position:relative; height:105px; padding:10px 7px 0 7px; background:url(../pics/charte/footer.png) top left no-repeat; text-transform:uppercase; } HTML>BODY>#global>#footer { height:95px; padding:15px 7px 0 7px; } #footer A { color:#fff; text-decoration:none; } #footer A:hover { text-decoration:underline; } #footer FORM { float:left; width:200px; color:#fff; } #footer FORM FIELDSET { height:53px; padding:0 0 5px 47px; border:none; } #footer FORM P { line-height:12px; } #footer FORM INPUT { float:left; width:117px; height:13px; margin:3px 0 0 0; background:url(../pics/charte/bg-input.png) top left repeat-x; border:none; } #footer FORM INPUT.submitOK { width:24px; background:url(../pics/charte/bg-submitOk.png) top left repeat-x; border:none; font-size:0; text-indent:-900px; letter-spacing:-5px; cursor:pointer; } #inscriptionFormFooter { padding:0 0 0 169px; } #inscriptionFormFooter FIELDSET { background:url(../pics/preview-newsletter.jpg) top left no-repeat; } #inscriptionRecettesFormFooter { padding:0 0 0 5px; } #inscriptionRecettesFormFooter FIELDSET { background: url(../pics/preview-livret.jpg) top left no-repeat; } #footer UL { float:left; width:200px; margin:0 40px 0 0; text-align:right; list-style:none; } #footer LI { display:block; height:10px; line-height:10px; padding:0 15px 0 0; border-right:1px solid #fff; } HTML>BODY>#global>#footer UL LI { margin:1px 0 1px 0; } #accesSite { float:left; display:block; width:135px; height:36px; padding:25px 0 0 0; background:url(../pics/charte/acces-site.png) top left no-repeat; text-transform:none; text-decoration:none; text-align:center; } #footerBottom { position:absolute; bottom:0; width:495px; left:50%; margin:0 auto 0 -227px; } #footerBottom A { display:block; float:left; height:7px; border-left:1px solid #8B8587; padding:0 15px 0 15px; line-height:7px; color:#8B8587; } /* FORMULAIRES ***********************************************************************************************************************************/ FORM INPUT { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1B1B1F; padding:0 0 0 2px; } FORM INPUT.btn { clear:both; display:block; width:100%!important; height:19px!important; padding:0!important; border:none!important; text-indent:-9000px; letter-spacing:-50px; font-size:0; cursor:pointer; } FORM TEXTAREA { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1B1B1F; overflow: auto; } FORM SELECT {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1B1B1F; } /* Formulaires de recherche */ FORM.multiCriteres H3 { text-transform:uppercase; background:none!important; font-size:12px!important; padding:0!important; } FORM.multiCriteres .criteres { height:63px; background:url(../pics/charte/bg-criteres.png) bottom left repeat-x; width: 100%; } FORM.multiCriteres P.critere { float:left; height:57px; margin:0!important; background:url(../pics/charte/bg-form-critere.png) top left repeat-x; border-right:1px solid #fff; } FORM.multiCriteres P.first { background:url(../pics/charte/bg-form-critere-first.png) top left no-repeat !important; } FORM.multiCriteres P.last { background:url(../pics/charte/bg-form-critere-last.png) top right no-repeat !important; border:none !important; } FORM.multiCriteres P.critere lABEl { display:block; height:21px; color:#fff; padding:15px 0 0 7px; font-size:14px; line-height:12px; } FORM.multiCriteres P.critere lABEl.break { display:block; height:29px; color:#fff; padding:7px 0 0 7px; } FORM.multiCriteres P.critere SELECT { display:block; height:18px; margin:0 auto 0 auto; } FORM.multiCriteres P.critere INPUT { padding:1px 0 1px 2px; border:1px solid #000; border-right:1px solid #C3C5C7; border-bottom:1px solid #C3C5C7; } FORM.multiCriteres INPUT.btn { background:url(../pics/charte/bg-form-critere-submit.png) top left no-repeat; } /* Formulaire inscription diététicienne */ FORM#inscriptionDiet {background: #FFF; overflow: hidden; width: 680px; } FORM#inscriptionDiet * { font-size: 12px; } FORM#inscriptionDiet P.nolabel { width: auto !important; padding: 0 0 0 110px !important; } FORM#inscriptionDiet LABEL { } FORM#inscriptionDiet LABEL.legende { display: block; float: left; width: 100px !important; padding: 0 10px 0 0; text-align: right; } FORM#inscriptionDiet INPUT { width: 300px; } FORM#inscriptionDiet INPUT.chk { width: auto; vertical-align: middle; } FORM#inscriptionDiet INPUT.btn { width: 581px !important; height: 19px; background: url(../pics/charte/bg-inscriptionDiet-btn.png) left top no-repeat; cursor: pointer; } /* Formulaire oubli de mot de passe */ FORM#forgot { background: #FFF; overflow: hidden; width: 680px; } FORM#forgot * { font-size: 12px; } FORM#forgot P.nolabel { width: auto !important; padding: 0 0 0 110px !important; } FORM#forgot LABEL.legende { display: block; float: left; width: 100px !important; padding: 0 10px 0 0; text-align: right; } FORM#forgot INPUT { width: 300px; } FORM#forgot INPUT.chk { width: auto; vertical-align: middle; } FORM#forgot INPUT.btn { width: 25px !important; height: 17px; background: url(../pics/charte/bg-submit-video.jpg) left top no-repeat; cursor: pointer; display: inline; clear: none; } /* Réaction aux commentaires */ #reactionTemoignage { width: 673px; background: url(../pics/charte/reagissez-au-temoignage.png) top left no-repeat; margin: 30px 0 0 0; padding: 26px 0 0 0; } #reactionTemoignage INPUT { width: 193px; } #reactionTemoignage TEXTAREA { width: 457px; height: 70px; } #reactionTemoignage INPUT.btn { width: 673px; height: 19px; background: url(../pics/charte/bg-btn-temoignage.png) left top no-repeat; cursor: pointer; margin: 6px 0 0 0; } #posterRecette { width: 685px; margin: 30px 0 0 0; } #posterRecette P { margin:0 0 0 0!important; padding:0 0 8px 0; } #posterRecette INPUT { width:193px; height:14px; } #posterRecette SELECT { width:200px; } #posterRecette TEXTAREA { width: 457px; height: 113px; } #posterRecette INPUT.btn { width: 673px; height: 19px; background: url(../pics/charte/bg-btn-temoignage.png) top left no-repeat; cursor: pointer; margin: 6px 0 0 0; } #posterRecette H3 { background:url(../pics/charte/bg-reaction.jpg) top left repeat-x; color: #FFF !important; padding: 0 0 0 10px; font-size: 12px !important; text-transform: uppercase; font-weight: normal; width:663px !important; } /* Formulaires alertes */ FORM.alerteForm { width:180px; margin:0 auto 0 auto; padding:0 0 5px 5px; border-left:3px solid #1B1B1F; text-align:left; text-transform:uppercase; } FORM.alerteForm INPUT { float:left; width:149px; height:14px; margin:2px 0 0 0; padding:0 2px 0 2px; background:url(../pics/charte/bg-input-alertes.png) top left repeat-x; border:1px solid #88878B; font-size:11px; } FORM.alerteForm INPUT.submitOK { width:21px; height:16px; border:none; background:url(../pics/charte/bg-submit-alertes.jpg) top left no-repeat; text-indent:-9000px; letter-spacing:-50px; font-size:0; cursor:pointer; } FORM#newsletter INPUT.btn { width: 655px!important; height: 19px!important; background: url(../pics/charte/btn-inscription.jpg) left top no-repeat; cursor: pointer; } /* Formulaires popup */ #article .popUpForm { position:absolute; top:25%; left:50%; width:393px; height:307px; margin:0; padding:0 12px 12px 0; background:url(../pics/charte/bg-popup.png) top left no-repeat; z-index:999; } #article .popUpForm FIELDSET { width:393px; border:none; position:relative; } #article .popUpForm H2#popUpTitle { height:18px; width:393px; margin:0; padding:0 0 25px 0; z-index:990; font-size:12px; color:#fff; text-transform:uppercase; text-align:center; line-height:18px; } #article .popUpForm A#popUpClose { display:block; position:absolute; width:23px; height:24px; top:5px; right:7px; z-index:995; font-size:0; text-indent:-9000px; } #article .popUpForm P { width:393px; margin:0; padding:0 0 10px 0; } #article .popUpForm LABEL { display:block; float:left; width:125px; margin:0 5px 0 0; text-align:right; color:#fff; } #article .popUpForm INPUT { width:250px; height:14px; border:1px solid #788B3E; border-right:1px solid #92AA4D; border-bottom:1px solid #92AA4D; } #article .popUpForm TEXTAREA { width:244px; height:100px; border:1px solid #788B3E; border-right:1px solid #92AA4D; border-bottom:1px solid #92AA4D; } #article .popUpForm .submits { width:263px; padding:0 0 0 130px; } #article .popUpForm .submits INPUT { width:110px; height:15px; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-size:12px; } #article .popUpForm .submits #effacer { margin:0 30px 0 0; background:#E60006; } #article .popUpForm .submits #envoyer { background:#1C1B20; } /* Formulaires popup */ #article .popUpForm2 { position:absolute; top:40%; left:40%; width:393px; height:307px; margin:0; padding:0 12px 12px -290px; background:url(../pics/charte/bg-popup.png) top left no-repeat; z-index:999; } #article .popUpForm2 FIELDSET { width:393px; border:none; position:relative; } #article .popUpForm2 H2#popUpTitle { height:18px; width:393px; margin:0; padding:0 0 25px 0; z-index:990; font-size:12px; color:#fff; text-transform:uppercase; text-align:center; line-height:18px; } #article .popUpForm2 A#popUpClose { display:block; position:absolute; width:23px; height:24px; top:5px; right:7px; z-index:995; font-size:0; text-indent:-9000px; } #article .popUpForm2 P { width:393px; margin:0; padding:0 0 10px 0; } #article .popUpForm2 LABEL { display:block; float:left; width:125px; margin:0 5px 0 0; text-align:right; color:#fff; } #article .popUpForm2 INPUT { width:250px; height:14px; border:1px solid #788B3E; border-right:1px solid #92AA4D; border-bottom:1px solid #92AA4D; } #article .popUpForm2 TEXTAREA { width:244px; height:100px; border:1px solid #788B3E; border-right:1px solid #92AA4D; border-bottom:1px solid #92AA4D; } #article .popUpForm2 .submits { width:263px; padding:0 0 0 130px; } #article .popUpForm2 .submits INPUT { width:110px; height:15px; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-size:12px; } #article .popUpForm2 .submits #effacer { margin:0 30px 0 0; background:#E60006; } #article .popUpForm2 .submits #envoyer { background:#1C1B20; } /* Commentaires */ #commentaires { width:682px; margin:0 auto 15px auto; border-right:1px solid #F09270; border-bottom:1px solid #F09270; } #commentaires H4 { width:auto; height:19px; padding:0 0 0 10px; line-height:19px; color:#fff; background:url(../pics/charte/bg-h4-commentaires.png) top left repeat-x; } #commentaires #nbCommentaires { display:block; float:right; width:170px; height:17px; background:#fff; color:#1B1B1F; text-align:center; border-top:1px solid #E60006; border-bottom:1px solid #E60006; font-size:11px; line-height:17px; } #commentaires P { padding:5px 0 15px 0; } #commentaires P .dateCommentaire { color:#99C000; } #commentaireform { width:683px; margin:0 auto 15px auto; } #commentaireform H4 { width:auto; height:19px; margin:0; padding:0 0 0 10px; line-height:19px; color:#fff; background:url(../pics/charte/bg-reaction.jpg) top left repeat-x; } #commentaireform INPUT { width:190px; height:13px; margin:4px 0 0 0; padding:0 0 0 4px; border:1px solid #1B1B1F; border-right:1px solid #D3D5D7; border-bottom:1px solid #D3D5D7; font-size:11px; } #commentaireform TEXTAREA { float:right; width:470px; height:60px; margin:4px 0 4px 0; border:1px solid #1B1B1F; border-right:1px solid #D3D5D7; border-bottom:1px solid #D3D5D7; font-size:11px; } #commentaireform .publier { background:url(../pics/charte/btn-publier.jpg) top right no-repeat; } .contenuTemoignage #commentaires { width:672px; margin:30px 0 15px 0; } .contenuTemoignage #commentaireform { width:673px; margin:0 0 15px 0; } .contenuTemoignage #commentaireform INPUT { width:190px; } .contenuTemoignage #commentaireform TEXTAREA { width:460px; } DIV.recetteInternaute { width: 676px; height:400px; background: url(../pics/charte/bg-recetteInternaute.png) left top no-repeat; padding: 23px 0 0 0; margin: 0 0 20px 0; } DIV.recetteInternauteContent { overflow: hidden; height:376px; border-left: 1px solid #97BE0D; border-right: 1px solid #97BE0D; } DIV.recetteInternauteImgGauche { float: left; width: 276px; } DIV.recetteInternauteTextRight { float: left; width: 365px; padding: 5px 20px 0 13px; } DIV.recetteInternauteTextRight H3 { font-size: 16px !important; text-transform: uppercase; color: #000 !important; background: none !important; } DIV.recetteInternauteTextRight H4 { font-size: 10px !important; color: #E2001A !important; background: url(../pics/charte/bg-recettteInternaute-h4.gif) left top no-repeat; padding: 0 0 0 13px; margin: 0 0 0 0 !important } DIV.recetteInternauteTextRight UL { margin-left: 0px !important; } DIV.recetteInternauteTextRight UL LI { margin:0!important; display: inline; line-height: 12px; } SPAN.pointBlack { list-style: none; padding: 0 0 0 8px; background: url(../pics/charte/bg-ul-listeBlack-li.gif) left top no-repeat; } DIV.recettteInternauteFooter { clear:both; width: 676px; height: 23px; background: url(../pics/charte/bg-recettteInternauteFooter.png) left top no-repeat; } .recettteInternauteFooter { width: 401px !important; padding: 2px 0 0 275px; } *>.recettteInternauteFooter A { margin: 0 27px 0 0 !important; } .recettteInternauteFooter A { display: block; float: right; background: url(../pics/charte/bg-recette-internaute-a.gif) top right no-repeat; text-decoration: none; text-transform: uppercase; color: #FFF !important; height: 14px; padding: 3px 18px 0 0; margin: 0 27px 0 0; } #texte UL { margin-left:0px !important; padding:0 5px 0 10px; } #texte UL LI { margin:0!important; display: inline; line-height: 12px; } SPAN.pointBlack { list-style: none; padding: 0 0 0 8px; background: url(../pics/charte/bg-ul-listeBlack-li.gif) left top no-repeat; } /* CLASSES ***************************************************************************************************************************************/ .spacer { float:none!important; clear:both; } .clear { float:none!important; clear:both; height:0px; padding:0; margin:0; line-height:0; font-size:0; } IMG.border { border:1px solid #97979B; } .maj { text-transform: uppercase; } .center { text-align: center !important } .green { color:#99C000 !important; }