body {background:#FFF;color:#000;font:12px Arial; width:100%;height:100%;margin:0 auto;padding:0} img {border:none;} .clear {clear:both;} form {margin:0;padding:0} /** STRUCTURE **/ #All {width:980px;display:block;margin:8px auto} #Data {} #Colonne1 {float:left;width:220px} #Colonne2 {float:left;width:570px} #Colonne3 {float:left;width:190px} /** FOND DE PAGE **/ #Conseils #Fond {width:980px;display:block;background:#85e0ff url(/_itn/img/fond-bons-conseils.jpg) top left no-repeat} #Atelier #Fond {width:980px;height:526px;display:block;background:url(/_itn/img/fond-atelier-sp.jpg) top left no-repeat} #Panier #Fond {width:980px;display:block;background:#5c9b3c url(/_itn/img/fond-panier.jpg) top left no-repeat} #PanierHome #Fond {width:980px;display:block;background:#5c9b3c url(/_itn/img/fond-panier-home.jpg) top left no-repeat} #AtelierCompte #Fond{width:980px;height:526px;display:block;background: url(/_itn/img/fond-atelier-compte.jpg) top left no-repeat} #JardinHome #Fond {width:980px;height:526px;display:block;background:#749c4a url(/_itn/img/fond-jardin-secret-home.jpg) top left no-repeat} #Jardin #Fond {width:980px;display:block;background:#5e9d42 url(/_itn/img/fond-jardin-secret.jpg) top left no-repeat} #TrouverTrouver #Fond {width:980px;display:block;background:#5e9d42 url(/_itn/img/fond-trouver.jpg) top left no-repeat} #Infos #Fond {width:980px;display:block;background:#85e0ff url(/_itn/img/fond-infos.jpg) top left no-repeat} /** BANDEAU **/ #Bandeau {float:left;width:980px;height:76px;display:block;} #Bandeau #Logo {float:left;padding:0 6px 0 10px} #Bandeau #Logo #Link{text-indent: -9999px;width:95px;height:76px;overflow: hidden;background: url(/_itn/img/Le-Paysan.gif) no-repeat;display:block} #Menu {float:left;width:774px;height:41px;display:block;} #Menu ul {float:left;list-style: none;margin:0;padding:0;} #Menu li {float:left;font: bold 13px Arial;height:41px;} #Menu li a {background: url(/_itn/img/menu-off.png) no-repeat;width:134px;height:41px;display:block;color:#000;text-decoration:none;} #Menu li a span {padding:0 0 0 14px;display:block;} #Menu li a.on {background: url(/_itn/img/menu-on.png) no-repeat;width:134px;height:41px;display:block;color:#000} #Menu li a:hover {background: url(/_itn/img/menu-on.png) no-repeat;width:134px;height:41px;display:block;color:#000} #Menu li a span span {padding:5px 0 0 0;} a.menuMeteo {background: url(/_itn/img/meteo-off.png) no-repeat;width:190px;height:62px;display:block;} a.menuMeteo:hover {background: url(/_itn/img/meteo-on.png) no-repeat;width:190px;height:62px;display:block;} #train {float:left;font: bold 11px Arial;padding:0 0 0 110px;height:21px;display:block;} #train a {text-decoration:underline;color:#000;padding:3px 0 0 0;} #train a:hover {text-decoration:none;color:#000;padding:3px 0 0 0;} /** TEXTE **/ h1 {color:#ffec00;font: 24px Arial;margin:0 0 10px 0;padding:0} h5 {color:#f2f2f2;font: 36px Arial;margin:0;padding:0 30px 0 0} h4 {color:#f2f2f2;font: bold 16px Arial;margin:0;padding:0 20px 0 0} .txt10 {font: 10px Arial;} .txt12 {font: 12px Arial;} .txt14 {font: 14px Arial;} /** COLONNE 1 **/ /** COLONNE 2 CONSEIL **/ #ConseilsHome #DataHome {width:980px;height:450px;display:block} #Conseilflash {z-index:-2;} #Menuabsolue{position:absolute;top:440px;width:924px;height:65px;z-index:10;visibility: visible;margin-left:-462px;left:50%} #Menuabsolue #MenuDecal {} #Menuabsolue #Menu {float:left;width:740px;display:block; } #Menuabsolue #meteo {float:left;width:190px;display:block;padding:25px 0 0 0} #Conseils #Colonne2 #temoin {padding:246px 0 0 0;display:block} #Conseils #Colonne2 .bloc-photo {float:left;padding:0 0 10px 18px;color:#3f9518} #Conseils #Colonne2 .bloc-photo228 {width:228px;display:block;} #Conseils #Colonne2 .bloc-photo228 a {text-decoration:none;color:#3f9518} #Conseils #Colonne2 .bloc-photo228 a:hover {text-decoration:underline;color:#3f9518} #Conseils #Colonne2 .bloc-photo h2 {font: bold 22px Arial;color:#3f9518;margin:0;padding:0} #Conseils #Colonne2 h5 {color:#338a0c;font: 36px Arial;margin:0;padding:0} #Conseils #Colonne2 h4 {color:#338a0c;font: bold 16px Arial;margin:0;padding:0 20px 0 0} #Conseils #FicheImg {float:left;padding:10px 30px 8px 0;} #Conseils #FichePhoto {float:left;padding:3px;background:#FFF;margin:0 20px 0 0;} #Conseils #FichePhotoActu {float:left;padding:3px;background:#FFF;margin:0 20px 0 0} #Conseils #FicheData p {margin:0 0 14px 0;padding:0;color:#000;font: bold 12px Arial;} #Conseils #FicheData h1 {color:#338a0c;font:bold 24px Arial;margin:0 0 10px 0;padding:0} #Conseils .FicheTitre {color:#338a0c;font: bold 16px Arial;margin:0;padding:0} #Conseils .FicheVert {color:#000;padding:0 20px 0 0 ;margin:0 0 14px 0;font: bold 12px Arial;} #Conseils #ImgFiche {float:left;padding:10px 30px 8px 0;} #Conseils #PhotoFiche {float:right;padding:3px;background:#FFF;margin:0 0 0 20px;color:#338a0c;} #Conseils a.fiche {text-decoration:none;color:#c801ae} #Conseils a.fiche:hover {text-decoration:underline;color:#c801ae} /** COLONNE 2 PANIER **/ #PanierHome #DataHome {width:980px;height:450px;display:block} #PanierHome #Rub {float:right;width:224px;display:block;margin:50px 16px 0 0;text-align:right } #PanierHome #Rub #RubTitre {font: bold 13px Arial;color:#d84fb1;padding:5px;background:#FFF;} #PanierHome h3 {padding:5px;color:#d84fb1;margin:0;background:#FFF;} #PanierHome #Rub ul {background: url(/_itn/img/panier-fondRub.png) top left; margin:0 0 8px 0;list-style-type:none;padding:0 0 0 0} #PanierHome #Rub ul li {font: bold 13px Arial;} #PanierHome #Rub ul li a {color:#000;text-decoration:none;width:224px;display:block;padding:2px 0 5px 0} #PanierHome #Rub ul li a:hover {color:#d84fb1;text-decoration:none;background:#FFF; width:224px} #PanierHome #Rub ul li a span {padding:0 10px 0 0;} #Panier #Colonne2 #temoin {padding:282px 0 0 0;display:block} #Colonne2 h2 {font: 25px Arial;color:#FFF;margin:0;padding:0} .bloc-photo {float:left;padding:0 0 10px 18px;color:#FFF} .bloc-photo228 {width:228px;display:block;} .bloc-photo228 a {text-decoration:none;color:#FFF} .bloc-photo228 a:hover {text-decoration:underline;color:#FFF} #FicheImg {float:left;padding:10px 30px 8px 0;} #FichePhoto {float:left;padding:3px;background:#9dc92a;margin:0 20px 0 0} #FichePhotoActu {float:left;padding:3px;background:#FFF;margin:0 20px 0 0} #FicheData p {margin:0 0 14px 0;padding:0;color:#fff;font: bold 12px Arial;} .FicheTitre {color:#ffec00;font: bold 16px Arial;margin:0;padding:0} #conseils {float:left;width:368px} #conseils p {width:348px;margin:0 0 14px 0;padding:0;color:#fff;font: bold 12px Arial;} #Fichedecouvrir {float:left;width:202px;color:#008136;} #FichedecouvrirData {float:left;background:#FFF;width:202px;padding:0 0 5px 0} #FichedecouvrirImg {float:left;width:89px;text-align:center} #FichedecouvrirTxt {float:left;width:108px} #Fichedecouvrir p {padding:5px 0 0 0;background:#FFF;margin:0} #Fichedecouvrir p a {color:#000;text-decoration:none} #Fichedecouvrir p a:hover {color:#000;text-decoration:underline} #tab {color:#FFF;font: bold 12px Arial;} .date {float:left;width:46px;display:block;text-align:center;background:#c7ddbc;color:#000;border-bottom:#000 1px solid;} .mois {float:left;width:46px;display:block;border-bottom:#000 1px solid;} .moisCadre {width:553px;background:#000;display:block} #pictos {background:#d7e7d0;padding:10px;text-align:center} .pictoLogo {float:left;padding:0 10px 0 10px;} .sommaire {width:480px;display:block;margin:10px auto;background:#c8dcb5} .sommaire .titre {color:#c72394;background:#FFF;padding:5px 0 5px 20px;font: bold 16px Arial;} .sommaire .produits {font: bold 14px Arial} .sommaire .produits a {color:#FFF; display:block;text-decoration:none;width:480px;padding:5px 0 5px 0} .sommaire .produits a:hover {background:#FFF;color:#c72394; width:480px;display:block;text-decoration:none} .sommaire .produits a span {padding:0 0 0 20px;display:block} .actuJaune {color:#5f9f42;margin:14px 0 14px 0} .actuJaune span {background:#f9eb39;font: bold 20px Arial;padding:5px 10px 5px 10px;} .actuData {float:left;font: bold 12px Arial;padding:0 30px 8px 0; color:#FFF;margin:0 0 14px 0} /** COLONNE 2 ATELIER **/ #compteOnglet {padding:206px 0 0 150px } #compteOnglet #OngletL {float:left;width:338px;height:190px;display:block;background: url(/_itn/img/fond-onglet-compte.gif) top left;margin:0 30px 0 0} #compteOnglet .pad {padding:10px 10px 0 10px} #compteOnglet .pad div {font: 13px Arial; color:#FFF} #compteOnglet #OngletR {float:left;width:338px;height:190px;display:block;background: url(/_itn/img/fond-onglet-compte.gif) top left;} #compteOngletCreation {padding:150px 0 0 0} #compteOngletCreation #fond {width:607px;height:268px;display:block;background: url(/_itn/img/fond-compte-creation.gif) top left no-repeat;margin:0 0px 0 0} #OngletCreationPad {padding:10px;font: 13px Arial; color:#FFF} #OngletCreationPad .Titre {font: 14px Arial; color:#FFF; } #compteOngletCreation a {text-decoration:underline;color:#FFF} #compteOngletCreation a:hover {text-decoration:none;color:#FFF} #selectionPad {padding:162px 0 0 0;} #selectionPad #Fond {background: url(/_itn/img/fond-jardin-selection.jpg) top left;width:481px;height:256px;display:block} #selectionPad #Fond #Data {padding:46px 20px 0 65px} #selectionPad #Fond #Data a {text-decoration:none;color:#000} #selectionPad #Fond #Data a:hover {text-decoration:underline;color:#000} #selectionPad #Fond .scroll {padding:0 10px 0 0;margin:0;height:180px; overflow-y : scroll; } #selectionPad #Fond .scroll .productBlock:hover {text-decoration:none;color:#FFF;background-color:#B2B4BF} #meteoPad {padding:152px 0 0 0;} #meteoPad #Fond {background: url(/_itn/img/fond-jardin-meteo.jpg) top left;width:412px;height:269px;display:block} #meteoPad #Fond #Data {padding:5px 14px 0 44px} #meteoPad #Fond #Data #Ville {background:#b7d237;font: bold 14px Arial; color:#FFF;padding:2px 10px;margin:0 0 1px 0 } #meteoPad th {background:#26833d;font: bold 11px Arial; color:#FFF;padding:1px 10px} #meteoPad td {font: bold 12px Arial;text-align:center } #meteoPad #Fond #Data #Ville a {text-decoration:none;color:#FFF} #meteoPad #Fond #Data #Ville a:hover {text-decoration:none;color:#26833D} #calendrierPad {padding:151px 0 0 0;} #calendrierPad #Fond {background: url(/_itn/img/fond-jardin-calendrier.jpg) top left no-repeat;width:520px;height:255px;display:block} #calendrierPad #Fond #Data {padding:10px 0 0 35px} #bonjour {padding:120px 0 0 0;text-align:center} #bonjour #Fond {background: url(/_itn/img/bonjour.jpg) top left;width:137px;height:53px;display:block} #bonjour #Fond div {padding:4px 0 0 0;color:#000;font: bold 11px Arial;} #bonjour #Fond div a {text-decoration:none;color:#FFF;} #bonjour #Fond div a:hover {text-decoration:underline;color:#FFF;} /** COLONNE 2 TROUVER **/ #trouverAll {padding:190px 0 0 0;} #trouverAll #recherche {float:left; width:270px;} #trouverAll #recherche #recherchePad {padding:0 10px 10px 10px;} #trouverAll #recherche #recherchePad #ct {background:url(/_itn/img/trouver-fd-recherche.jpg) no-repeat; padding:10px; color:#fff;} #trouverAll #recherche form {padding:0; margin:0;} #trouverAll #map {float:left; width:500px; height:400px;} #trouverAll #resultats {} /** COLONNE 2 JARDIN **/ #Jardin #Colonne2 #temoin {padding:300px 0 0 0;display:block} #JardinHome #DataHome {float:left;width:980px;display:block} #Jardin p.seul {padding:0 0 12px 0;margin:0;font: bold 12px Arial;color:#fff;} #JardinPadHistorique {padding:127px 0 0 576px;} #JardinHistorique {width:74px;height:50px;display:block;} #JardinHistorique a {width:74px;height:50px;display:block;background: url(/_itn/img/historique-off.gif) top left;} #JardinHistorique a:hover {width:74px;height:50px;display:block;background: url(/_itn/img/historique-on.gif) top left;} #JardinFloatQualite {float:left;width:638px;display:block} #JardinPadQualite {padding:44px 0 0 293px;} #JardinQualite {width:84px;height:51px;display:block;} #JardinQualite a {width:84px;height:51px;display:block;background: url(/_itn/img/qualite-off.gif) top left;} #JardinQualite a:hover {width:84px;height:51px;display:block;background: url(/_itn/img/qualite-on.gif) top left;} #JardinFloatInnovation {float:left;width:89px;display:block} #JardinPadInnovation {padding:66px 0 0 0} #JardinInnovation {width:84px;height:49px;display:block;} #JardinInnovation a {width:84px;height:49px;display:block;background: url(/_itn/img/innovation-off.gif) top left;} #JardinInnovation a:hover {width:84px;height:49px;display:block;background: url(/_itn/img/innovation-on.gif) top left;} .JardinDate {background:#be40ae;padding:3px 0 3px 0;color:#FFF;font: bold 18px Arial;width:70px;text-align:center} .BlocTxtImg {float:left;padding:4px 30px 12px 0;color:#fff;} .BlocImgR {float:right;margin:3px 0 0.6em 16px;} .BlocImgL {float:left;margin: 3px 16px 0.6em 0;} .BlocTxt {color:#fff;padding:0 10px 0 0;font: bold 12px Arial;} .BlocTxt .Titre {font: bold 16px Arial;} .BlocTxtImg a {color:#000;text-decoration:none} .BlocTxtImg a:hover {color:#000;text-decoration:underline} .BlocData {float:left;padding:4px 30px 12px 0;color:#fff;} .BlocData .Titre {font: bold 16px Arial;} .BlocData p {margin:0;padding:0 10px 0 0;font: bold 12px Arial;} /** COLONNE 2 Infos **/ #infos {color:#e634a6;font: 24px Arial;margin:0 0 10px 0;padding:0} /** COLONNE 3 **/ #Conseils #Colonne3 {padding:246px 0 0 0} #Panier #Colonne3 {padding:285px 0 0 0} #precedent {width:176px;height:45px;background: url(/_itn/img/precedent.gif) top left;display:block;font: bold 16px Arial;text-align:center;margin:0 0 10px 0 ;} #precedent a {color:#FFF;text-decoration:none} #precedent a:hover {color:#006600;text-decoration:none} #precedent div {padding:10px 0 0 0} #droiteconseils {width:176px;height:45px;background: url(/_itn/img/precedent.gif) top left;display:block;font: bold 16px Arial;text-align:center;margin:0 0 10px 0 ;} #droiteconseils a {color:#FFF;text-decoration:none} #droiteconseils a:hover {color:#006600;text-decoration:none} #droiteconseils div {padding:2px 0 0 0} #droiteconseilsListe {width:176px;height:544px;background: url(/_itn/img/droite-secret-liste-fd.gif) top left;display:block;font: bold 16px Arial;margin:0 0 10px 0 ;color:#FFF;} #droiteconseilsListe a {color:#FFF;text-decoration:none} #droiteconseilsListe a:hover {color:#003366;text-decoration:none} #droiteconseilsListe div {padding:10px 0 10px 16px} #droiteActu {width:176px;height:160px;background: url(/_itn/img/droite-panier-fd.gif) top left;display:block;font: bold 16px Arial;margin:0 0 10px 0 ;} #droiteActu a {color:#FFF;text-decoration:none} #droiteActu a:hover {color:#003366;text-decoration:none} #droiteActu div {padding:14px 0 14px 16px} #droiteActuJardin {width:176px;height:110px;background: url(/_itn/img/droite-panier-jardin-fd.gif) top left;display:block;font: bold 16px Arial;margin:0 0 10px 0 ;} #droiteActuJardin a {color:#FFF;text-decoration:none} #droiteActuJardin a:hover {color:#003366;text-decoration:none} #droiteActuJardin div {padding:14px 0 14px 16px} #droiteJardin {width:176px;height:145px;background: url(/_itn/img/droite-panier-jardin.gif) top left;display:block;font: bold 16px Arial;margin:0 0 10px 0 ;} #droiteJardin a {color:#FFF;text-decoration:none} #droiteJardin a:hover {color:#a7cd45;text-decoration:none} #droiteJardin div {padding:8px 0 8px 16px} #trouver {width:176px;height:47px; background: url(/_itn/img/ou-nous-trouver.gif) top left;display:block;font: bold 13px Arial;margin:0 0 10px 0 ;} #trouver a {color:#FFF;text-decoration:none} #trouver a:hover {color:#003366;text-decoration:none} #trouver div {padding:14px 0 0 12px} /** FORMULAIRE **/ form {margin:0;padding:0} input.recherche {border:#FFF 1px solid;} input.recherche11 {border:#FFF 1px solid;font: 11px Arial;} .TabIdentifier a {fonte-size:11px;text-decoration:underline;color:#FFF} .TabIdentifier a:hover {fonte-size:11px;text-decoration:none;color:#FFF} .CompteCreer {margin:4px 0 0 0} .sommaire .search a {color:#ab2890; display:block;text-decoration:none;width:480px;padding:5px 0 5px 0} .sommaire .search a:hover {background:#FFF;color:#c72394; width:480px;display:block;text-decoration:none} .sommaire .search a span {padding:0 0 0 20px;display:block} /** FOOTER **/ #Footer {width:980px;height:30px;display:block;margin:0 auto;text-align:center} #Footer span {color:#666;text-decoration:none;padding:0 14px} #Footer a {color:#666;text-decoration:none;padding:0 14px} #Footer a:hover {color:#666;text-decoration:underline;}