/*@import url("hong.css"); @import url("thao.css");*/ /******** Default rules for tag ********/ *{margin:0; padding:0; font-style:inherit; font-family:inherit; vertical-align:baseline;} body{font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#7c7a7b;} img, fieldset{border:0} caption { display:none; } strong{font-weight:bold;} ol, ul{list-style-type:none;} dt{font-weight:bold;} a{color:#7c7a7b; text-decoration:none;} a:hover{text-decoration:none;} .underline{text-decoration:underline;} div{text-align:left;} form { } label { display:block; margin-top:6px; margin-bottom:15px;} input, select, textarea { border:1px solid #B2B7B2; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;} textarea { overflow:auto; } legend { font-size:1.1em; color:#7c7a7b; font-weight:bold; } h1 { font-size:2.4em; } h2 { font-size:2.0em;font-weight:bold; } h3 { font-size:1.6em; font-weight:bold; padding:0 0 10px 0; } h4 { font-size:1.6em; color:#7c7a7b; font-weight:bold; } h5 { font-size:1.0em; color:#ee192e; font-weight:bold; } h6 { font-size:1.1em; color:#7c7a7b; font-weight:bold; } /********** Tree of common classes for all the templates ********/ .clear{height:0; clear:both;} .txtType { padding:5px 0 5px 15px; text-transform:uppercase; font-size:1.2em; font-weight:bold; } .space{margin:20px 0 0 20px;} .space02 { margin-bottom:70px;} .illustration{float:right; display:block; margin:0 0 15px 15px;} .justify {text-align:justify;} .listChefsEnOr li {text-align:justify;} .center {text-align:center;} a.lien {text-decoration:none !important; background:none; padding:0;border-style:dashed;border-width:0 0 1px;} .btnClickable{cursor: pointer} #headHome h2, #headHome h1 {font-size: 16px; font-weight:bold; text-transform: uppercase;padding:0; margin:0;} #headHome p {font-size: 18px; font-weight:normal; color:#5c5c5c;} span.boldHead {font-size: 22px;font-weight: bold;} #smallLine{height:5px; background-color:#ed1b2f} /********** Tree of common styles for all the templates ********/ #globalContainer {font-size:1.1em;margin-top:20px;} #connectToTGServices {font-family: Arial; font-weight: bold; font-size: 24pt; color: #333333; text-align: center;margin-top: 30px;margin-bottom: 40px;} /*MAIN*/ #newHeader{ width:1003px;margin:0 auto; overflow:hidden;padding:0; z-index: -10;} #mainlogoautocenter2{height:78px; width:193px;margin:0 auto;margin-top:37px;overflow:hidden;padding:0;margin-bottom: 14px;} #mainlogoautocenter{margin:0 auto; overflow:hidden; padding:0; width: 100%; text-align: center; padding-bottom: 50px;} #mainlogo{display:inline-block;} #mainlogoaccroche{ height:17px; padding:0;width:503px ;padding:0;margin:22px 0 0 0;} #mainlogologo{height:58px; padding:0; width:150px;margin:0 0 3px;} #loginPortail div.logobtn {display: block;} #loginPortail div.logobtn a.noline div.btnident.btnaide {background-color: black} #mainlogo2{ margin-left:50px;-margin-left:30px; height:83px; padding:0; float:left;width:503px } #begincustomer {width: 155px; height: 35px; line-height: 35px; margin-left: 68px; background-color: #515151} #logoCamion2{ margin-left:186px; -margin-left:176px; width:271px; height:83px; float:left; } #main{ width:983px; margin:0 auto; -margin:-3px auto; padding:0px 0; overflow:hidden;} #main01 { width:968px; padding:0; margin:0 auto; overflow:hidden; position:relative; } .iconTrans { float:right; margin-top:20px } #corporateTop { width:960px; padding:0; float:left; margin:0; background:url(//cstatic.transgourmet.fr/images/bgd-mast-02.png) 100% 130px no-repeat; overflow:hidden } #corporate { width:760px; padding:0; float:left; margin:0; overflow:hidden;min-height:980px;height:auto !important;} #corporateLanding { width:760px; padding:0; float:left; margin:0; overflow:hidden;/*min-height:1288px;*/height:auto !important;} #corporate01 { width:960px; padding:0; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_infosClient_02.gif) 100% 0 repeat-y ; overflow:hidden } #corporate02 { width:960px; padding:0; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_infosClient_04.gif) 100% 0 repeat-y ; overflow:hidden } .logobtn {text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: center; display: inline-block;} .logobtn > a {color: white !important;} .linkfd{margin-top:5px; color: #453f4d; font-size: 11px} .linkfd:before{content:url(https://cstatic.transgourmet.fr/images/puce-mon-compte-grise.png); margin-right:10px} #contentMain03 {width:928px; margin:0; position:relative; padding:0 20px; overflow:hidden;} #mast { width:760px; float:left; } #mast #shadowLeft{float:right;width:11px;height:30px;margin:-38px -11px;} #shadowRight{width:16px;height:30px;margin:2px 0px;-margin:1px -3px;} #mast h1 { float:left; margin:0 0 7px 0; } .spaceCarre h1 {float:right; margin:3px 30px 3px 0; display:inline} #player {width: 726px;height:251px;margin:auto;background: #FFF;border: 1px solid #F00F53;} #player div#feature_list h6 {padding:0 0 10px;position:absolute;float:left;color: #fe3e1f;font-weight:bolder;font-size:10px;margin-top:24px;text-transform:uppercase;font-family:arial;cursor:hand} #player div#feature_list {width: 726px;height: 253px;overflow: hidden;position: relative;} #player div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;} #player ul#tabs {left: 0;z-index: 2;width: 92px;} #player ul#tabs li {font-size: 8px;} #player ul#tabs li a {text-decoration: none;display: block;height: 62px;width: 92px;outline: none;border:1px solid #fe3e1f;border-top:none;} #player ul#tabs li a:hover {text-decoration: none;} #player ul#tabs li a.current, #player ul#tabs li a.focus {background:#fe3e1f;color: #FFF;} #player ul#tabs li h6.current, #player ul#tabs li h6.focus {color: #FFFFFF;} #player ul#tabs li a.current:hover {text-decoration: none;cursor: default;} #player ul#output {right: 0;width: 634px;height: 251px;position: relative;} #player ul#output li {position: absolute;width: 635px;height: 251px;} #player .cta-button {display:block;width:94px;height:63px;/*background:url(//cstatic.transgourmet.fr/images/b4.png) repeat 0 -62px;*/} #player .cta-button a {display:block;width:92px;height:62px;/*background:url(//cstatic.transgourmet.fr/images/b4.png) repeat 0 0;*/} #player .cta-button a:hover h3{background-position: 0 62px;} #player .operation_special {width:640px;height:251px;} #player #output div.h4, div.h5{text-transform:uppercase;margin-left:6px;font-weight:100;line-height:34px;font-family:"TREBUCHET MS";} #player #output div.h5 {font-size:24px;} #player #output div.h4 {font-size:34px;} #player .titre{width:386px;height:251px;float:left;} #player .produit_contain{height:251px;width:236px;float:right;margin-right:5px;} #player .produit {border-bottom:1px dotted #e2e2e2;border-width:2px;height:82px;} #player .produitLast {border:none;} #player .produit img {float:left;margin-top:8px;} #player .produitTexte {float:right;height:80px;width:163px;} #player .produitTitre {height:25px;} #player .produitTitre h2{line-height:10px;font-size:11px;font-family:Arial;color:#666666;margin-top:-4px;} #player .produitTitre h5{position:relative;font-family:Arial, Helvetica, sans-serif;padding:10px 0;line-height:10px;font-size:11px;color:#666666;margin-top:-4px;text-transform:uppercase} #player .produitMarque {height:12px;margin-top:10px;} #player .produitMarque p{font-size:10px;} #player .produitPrix {position:relative;height:22px;color:black;} #player .produitPrix .prix1{font-size:20px;font-weight:bold;} #player .produitPrix .prix2{font-weight:bold;} #player .produitPrix .prix3{font-size:10px;font-weight:lighter;} #player .produitCode {height:12px;margin-top:2px;} #player .produitCode p{color:#33cc00;font-size:10px;margin-left:16px;} #ie7 #player .produitTitre h5{font-weight:normal;} #ie7 #player .produitPrix .prix1{font-weight:normal;} #ie7 #player .produitPrix .prix2{font-weight:normal;} /*Header*/ #header { width:760px; float:left; overflow:hidden;} #header h2 { float:right; margin:20px 0 0 0; padding:0} #header a { float:left;} /*Naviration ************/ #lev1 { width:100%; clear:both; } #lev1 li { height:25px; margin: 0 1px; display:inline;} #lev1 img {display:block; float:left} #contextLev { width:200px; float:left; padding:0; margin:0; overflow:hidden} #lev2 { width:170px; overflow:hidden; float:left; margin:0 4px 0 0; padding:10px} #lev2 h3{ color:#ff1805; font-size:1.1em; text-transform:uppercase; } #lev2 ul {background:url(//cstatic.transgourmet.fr/images/1px_rubrique_off.gif) 0 0 repeat-y;border-top-color:#929292;border-top-style:solid;border-top-width:1px;width:170px;} #lev2 li { width:170px; text-transform:uppercase; color:#5b5a5b;} #lev2 li.level1{border-bottom-width:1px;border-bottom-color:#929292;border-bottom-style:solid;width:170px} #lev2 li.active a { text-transform:uppercase; color:#000000;} #lev2 li a { display:block; width:160px; padding:5px 5px 3px 5px; } #lev2 a:hover { background: url(//cstatic.transgourmet.fr/images/fleche_black_up.gif) 100% 50% no-repeat;color:#000000;} #lev2 .active {background:url(//cstatic.transgourmet.fr/images/1px_rubrique_on.gif) 0 0 repeat-y;} #lev1 .active {background:url(//cstatic.transgourmet.fr/images/1px_rubrique_on.gif) 0 0 repeat-y;} #lev2 a .active , #lev2 a:hover.active { width:160px;color:#000000;} .flecheDowm{float:right;margin-top:-12px;margin-right:-5px;} #lev2 ul li.selected {background:url(//cstatic.transgourmet.fr/images/1px_rubrique_on.gif) 0 0 repeat-y; color:#000000;} #lev2 ul li a.subMenu {background: url(//cstatic.transgourmet.fr/images/fleche_black_up.gif) 100% 50% no-repeat;} #lev2 ul li.selected a.subMenu {background: url(//cstatic.transgourmet.fr/images/fleche_black_down.gif) 100% 50% no-repeat;color:#000000;} #lev2 a:hover.subMenu {background: url(//cstatic.transgourmet.fr/images/fleche_black_down.gif) 100% 50% no-repeat;color:#000000;} #lev2 li ul { width:170px;background:url(//cstatic.transgourmet.fr/images/1px_rubrique_on.gif) 0 0 repeat-y; padding:0;margin:0} #lev2 li li a { width:140px; color:#FFFFFF; background: url(//cstatic.transgourmet.fr/images/fleche_white_up.gif) 6px 8px no-repeat;text-transform:none;padding:4px 0 4px 16px; } #lev2 li li a:hover, #lev2 li ul li a.active{ width:140px; color:#000000;width:137px;background: url(//cstatic.transgourmet.fr/images/fleche_black_up.gif) 6px 8px no-repeat;text-transform:none;} #lev2 li ul li a:hover.active { width:140px; color:#000000; background: url(//cstatic.transgourmet.fr/images/fleche_black_up.gif) 6px 8px no-repeat;text-transform:none;} /*Naviration ************/ #mainnav{width:100%; height:39px; background:#FFF url(//cstatic.transgourmet.fr/images/nav.png); clear:both; } #mainnav a, #container #mainnav a:hover{text-decoration:none;} #mainnav li{float:left;} #mainnav li a{ display:block; height:39px; outline:none;} #mainnav li a span {display:none;} #mainnav .mainnav1 { width: 70px;} #mainnav .mainnav2 { width: 105px;} #mainnav .mainnav3 { width: 84px;} #mainnav .mainnav4 { width: 100px;} #mainnav .mainnav5 { width: 69px;} #mainnav .mainnav6 { width: 66px;} #mainnav .mainnav7 { width: 100px;} #mainnav .mainnav8 { width: 136px;} .open { display:visible; } .hide { display:none; } #mainnav a.mainnav1:hover, #mainnav a.mainnav1courant { width: 70px; background:url(//cstatic.transgourmet.fr/images/nav.png) 0 -39px no-repeat;} #mainnav a.mainnav2:hover, #mainnav a.mainnav2courant { width: 105px; background:url(//cstatic.transgourmet.fr/images/nav.png) -70px -39px no-repeat;} #mainnav a.mainnav3:hover, #mainnav a.mainnav3courant { width: 84px; background:url(//cstatic.transgourmet.fr/images/nav.png) -175px -39px no-repeat;} #mainnav a.mainnav4:hover, #mainnav a.mainnav4courant { width: 100px; background:url(//cstatic.transgourmet.fr/images/nav.png) -259px -39px no-repeat;} #mainnav a.mainnav5:hover, #mainnav a.mainnav5courant { width: 69px; background:url(//cstatic.transgourmet.fr/images/nav.png) -359px -39px no-repeat;} #mainnav a.mainnav6:hover, #mainnav a.mainnav6courant { width: 66px; background:url(//cstatic.transgourmet.fr/images/nav.png) -428px -39px no-repeat;} #mainnav a.mainnav7:hover, #mainnav a.mainnav7courant { width: 100px; background:url(//cstatic.transgourmet.fr/images/nav.png) -494px -39px no-repeat;} #mainnav a.mainnav8:hover, #mainnav a.mainnav8courant { width: 136px; background:url(//cstatic.transgourmet.fr/images/nav.png) -594px -39px no-repeat;} /*contentMain *******************/ #contentMain { width:760px; overflow:hidden; float:left; background:url(//cstatic.transgourmet.fr/images/bgd-infosClient-main.gif) 8px 0 repeat-y;} #contMain { width:742px; overflow:hidden; padding:0 0 10px 18px; background: url(/images/background-page2.jpg) no-repeat;} #contMain.fondEgourmet, #contMain.fondEquilibre, #contMain.fondRestauco, #contMain.fondPortail{ width:950px; height:545px; overflow:hidden; padding:0 0 17px 18px; } #contMain.fondEgourmet{background: url(/images/back-TG-login-eGourmet.png) no-repeat;} #contMain.fondEquilibre{background: url(/images/back-TG-login-eQuilibre.png) no-repeat;} #contMain.fondRestauco{background: url(/images/back-TG-login-eQuilibre-Gourmet.png) no-repeat;} #contMain.fondPortail{background: url(/images/back-TG-login-Espace-Client.png) no-repeat;} #contMain.fondHygiene{background: url(/images/back-TG-login-eQuilibre-Hygiene.png) no-repeat;} #contMain.siteType { background:transparent url(//cstatic.transgourmet.fr/images/bgd-mast-02.png) repeat-y scroll 100% 0;} #contMain.homeType h2, #contMain.homeType h1 { padding:5px 0 0 2px;} #contMain.homeType a { color:#ff3116} #contMain.homeType a.level1 {color:#7C7A7B;} #contMain.homeType a.level2 {color:#7C7A7B;} #contMain.homeType a:hover { text-decoration:underline} .highlightContent { width:235px; float:left; margin:5px 15px 0 0;} .last { margin:5px 0 0 0} .highlightContent h3 { background:url(//cstatic.transgourmet.fr/images/bgd-h3-title.png) 0 100% no-repeat; padding:10px 0 5px 20px; font-size:1.1em; text-transform:uppercase} .highlightContent img { border:#cad0e1 solid 1px;} .highlightContent dl { padding:10px 0 0 0} .highlightContent dt { text-transform:uppercase; color:#5d5d5d} .highlightContent dd {color:#5d5d5d; padding:0 0 3px 0; text-align:justify;} .highlightContent dd.first { height:30px; font-size:0.9em} #contMain.homeType span.falseLink { color:#ff3116;} /*highlightNouveaute ********************/ #highlightNouveaute { width:730px; margin:10px 0 0 0; overflow:hidden; float:left} #highlightNouveaute .imgHome { float:left} .produits { float:left; width:432px; padding:5px 0 0 10px; color:#FFF;} .nosPainText { width:375px; font-size:2.2em; font-weight:bold; text-transform:uppercase; overflow:hidden; padding:0 0 10px 0; text-align:center} .nosPainText span { font-size:0.7em; overflow:hidden;} #contMain .produits a { color:#FFF; font-weight:bold;} .produits div { width:225px; float:left; margin:30px 10px 0 0; padding:0 0 5px 0; overflow:hidden; display:inline} .produits div.last{ width:190px; margin-right:0} .produits .produitImg { width:71px; float:left; margin:0 5px 0 0;} .produits div dt { text-transform:uppercase;} .produitElement01 { font-size:0.9em; text-transform:uppercase; line-height:0.9em} .produitElement02 { font-size:0.9em; line-height:2.2em} .produitElement02 strong { font-size:2.4em;} .produitElement02 span { font-size:1.4em; font-weight:bold} .produitElement03 { color:#fbd11d; font-size:1em} .workInProgress { font-weight:bold; width:300px; padding:40px 0 0 0; margin:0 auto; font-size:14px; text-align:center; } /*highlightRight ********************/ .highlightRight { width:231px; float:right; padding:0 10px 15px 0; margin:0 0 10px 15px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; text-align:justify;} .highlightRight h3 {color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0} .highlightRight h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;} .highlightRight p { padding:0 0 5px 0;} .highlightRight img {display:block; margin:0 0 15px 0;} .highlightRight dl { font-size:1em; color:#ff1805; padding:10px 0} .highlightRight dt { font-weight:bold; text-transform:uppercase} .highlightRight dd {color:#7c7a7b; padding:0 0 5px 0;} .highlightRight dd a { text-decoration:underline; background:url(//cstatic.transgourmet.fr/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px } .highlightRight dd a:hover { text-decoration:none} .highlightRight dd a.last { background:none} .highlightRight dd a.lien {text-decoration:none !important; background:none; padding:0;border-style:dashed;border-width:0 0 1px;} .highlightRight a.link {color:#ff1805; text-decoration:underline;} .highlightRight a.link:hover { text-decoration:none;} .highlightRight div {background:transparent url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) repeat-x scroll 0 bottom; margin:0 0 -10px; overflow:hidden; padding:0 0 15px; width:220px; text-align: justify;} /*infosClient ********************/ #new{margin:0px 0px 0px 14px;height:20px;width:190px;font-family:Arial;font-size:10pt;color:#D80002;font-weight:900} #infosClientBordLanding { width:223px; /*height:1288px;*/ float:left;} #infosClient { width:207px; height:auto; float:left; padding:0; margin:0; position:relative; background-color: #EFEFEF} #infosClient h3 { padding:0px; } #infosClient h4 { padding:10px 10px; !important } #infosClient #topClient{width:207px; height:1px; position:absolute; /margin:-11px 0 0 0} #infosClient #topLeft{float:left;width:3px;height:30px;margin:-2px 0 0 0;/margin:-14px 0;-margin:-15px 0} #infosClient #topRight{float:right;width:3px;height:30px;margin:-88px 0;/margin:-102px 0; -margin:-101px 0} #infosClient #titleAvantage{width:169px; height:10px;} #infosClient p.close{ background:#ea1303; padding:5px 0;} #infosClient p.close a{color:#FFFFFF; font-weight:bold; padding:0 0 0 160px; text-align:right;} #infosClient a { color:#ee9814; text-decoration:underline; margin:0 0 10px 0;} #infosClient a:hover{ text-decoration: none;} #infosClient h2 {width:200px; padding:0; margin:0; float:left; overflow:hidden} #infosClient .clientType {color:##5b5c5d ; overflow:hidden;width:172px;margin-left:10px;margin-bottom:10px;margin-top:10px;-margin-top:0px} #infosClient .clientType input.btnOk{float:left;margin:-1px 0 0 10px;padding:0;border:none} #infosClient .clientType form{margin:0 0 0 0px} #infosClient .clientType img.newsletter {margin:0;} #infosClient .clientType img {margin-left:0px;} #infosClient .clientType ul { margin:0 0 10px 0!important;} #infosClient .clientType input{float:left;color:#8a8a8a;font-size:11px;margin:0;padding:0} #infosClient .clientType p { margin: 10px 0 0 0px;font-weight:bold;font-size:12px} #infosClient .clientType li { width:165px; font-size:1.1em; font-weight:bold; background:url(//cstatic.transgourmet.fr/images/puce_ref_menu_cont.gif) 0px 0px no-repeat; line-height:16px; padding:7px 0 0 15px; display:block; float:left;} #infosClient .clientType li span{padding: 0 0 0 10px;} #infosClient .clientType li.commande{background:url(//cstatic.transgourmet.fr/images/puce_commande_menu_cont.gif) 0px 4px no-repeat;} #infosClient .clientType li.promo{background:url(//cstatic.transgourmet.fr/images/puce_promo_menu_cont.gif) 0px 4px no-repeat;} #infosClient .clientType li.contact{background:url(//cstatic.transgourmet.fr/images/puce_contact_menu_cont.gif) 0px 4px no-repeat;} #infosClient .clientType li a{ color:#FFF; text-decoration:none} #infosClient .clientType li a:hover{text-decoration: underline} #infosClient .infosClientIntro { text-align:center; font-size:12px; font-weight:bold; overflow:hidden; } #infosClient .clientType01 {background:url(//cstatic.transgourmet.fr/images/bgd_blockRight_01.gif) 0 0 repeat-x; padding:10px 10px 150px 22px; margin:0; color:#FFF; clear:left;} #infosClient .clientType01 p a { font-weight:bold; text-decoration:underline; color:#FFF} #infosClient .clientType01 p a:hover {text-decoration:none} #infosClient .clientType01 .numeroAzur { margin:30px 0 0 0; } #infosClient li.IdError { padding:0; line-height:16px; } #infosClient .clientType02 {color:#5b5c5d; padding:0px 0 5px 0; overflow:hidden; z-index:1;} #infosClient .clientType02 ul { margin:0 0 10px 0!important;text-align:center;} #infosClient .clientType02 li {position: relative;font-family:Arial; text-align:left; font-size:12px; color:#5c5c5c; margin :10px 0 0 5px; width:140px; padding:0px 0 0 36px; display:block; /*background:url(/images/pictos-4x3.png) no-repeat;*/} #infosClient .clientType02 li span{color:#d80002;} .aidePopUp {background-color: white; padding: 10px; background: url(//cstatic.transgourmet.fr/images/fond-layer.png) no-repeat; height: 212px; width: 234px; } #AideConnexionEQuilibre.aidePopUp ul, #AideConnexionRestoCo.aidePopUp ul{margin: 10px;} #AideConnexionEQuilibre.aidePopUp ul li, #AideConnexionRestoCo.aidePopUp ul li{ margin: 2px 0 2px 40px; height: 40px; position: relative; color: #5c5c5c; font-size: 12px; width: 150px; } #AideConnexionEQuilibre p{margin: 10px 10px 5px; font-weight: bold; font-size: 12px; color: #8a8a8a;} #AideConnexionEQuilibre a{color: #851d8d; margin: 0 0 10px 0;text-decoration: none} #AideConnexionRestoCo div.menus:before{content:url(/images/picto-menu-orange.png); position: absolute; left: -38px; top: 5px} #AideConnexionRestoCo div.budget:before{content:url(/images/picto-budget-orange.png); position: absolute; left: -38px; top: 5px} #AideConnexionRestoCo div.accompagnement:before{content:url(/images/picto-accompagnement-orange.png); position: absolute; left: -38px; top: 5px} #AideConnexionRestoCo div.simplifie:before{content:url(/images/picto-appro-orange.png); position: absolute; left: -38px; top: 5px} #infosClient .clientType02 li a{ color:#5B5C5D; text-decoration:underline} #infosClient .clientType02 li a:hover{text-decoration: none} #infosClient .clientType02 p{margin: 20px 10px 5px;font-weight:bold;font-size:12px;color:#8a8a8a;} #AideConnexionEGourmet .clientType02 {color:#5b5c5d; padding:0px 0 5px 0; overflow:hidden; z-index:1;} .loginPanel .aideConnexion .clientType02 {color:#5b5c5d;} .loginPanel .aideConnexion .clientType02 ul { margin:0 0 10px 0!important;text-align:center; list-style-type: initial;} .loginPanel .aideConnexion .clientType02 li {font-family:Arial; text-align:left; font-size:14px; color:#5c5c5c; width:250px; padding-bottom: 17px; margin-left: 20px;} .loginPanel .aideConnexion .clientType02 li span{color:#d80002;} /*#AideConnexionEGourmet .clientType02 {color:#5b5c5d; padding:0px 0 5px 0; overflow:hidden; z-index:1;}*/ #AideConnexionEGourmet .clientType02 ul { margin:0 0 10px 0!important;text-align:center;} #AideConnexionEGourmet .clientType02 li span{color:#d80002;} #AideConnexionEGourmet p a:hover {text-decoration: underline;} #AideConnexionEGourmet p{margin: 15px 10px 5px; font-weight: bold; font-size: 12px; color: #8a8a8a;} #AideConnexionEGourmet p a{color: #e30026; margin: 0 0 10px 0;text-decoration: none} #infosClient .clientType fieldset {padding:5px 0 0 10px;} #infosClient .clientType fieldset input {margin:0; padding:0; margin:2px 0 0 0;} #infosClient .clientType fieldset .btnOk {border:none; margin:0 0 0 5px; padding:0;} .logo {float:right; padding:0 12px 20px 0;-padding:0 40px 20px 0; } /*context ****************/ #context { background:url(//cstatic.transgourmet.fr/images/bgd_context_bottom.gif) center bottom no-repeat; width:200px; margin:0 auto; padding: 0 0 50px 0; float:left} #context h3 { color:#ee9814; font-size:1.5em; text-transform:uppercase; background:url(//cstatic.transgourmet.fr/images/bgd_h3_infosClient.gif) center 0 no-repeat; display:block; clear:both; width:200px; padding:65px 0 45px 0; text-align:center;} #context .cont { width:165px; padding:10px 10px 10px 18px;} #context .cont h4 { font-size:1.1em; color:#ee9814; padding:15px 0 5px 0;} #context .cont h4 img{ display:block} #context .cont div{background:url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) 0 bottom repeat-x; padding:0 0 20px 0; margin:0 0 5px 0;} #context .cont div.last {background:none; padding:0 0 10px 0; margin:0} #layerLogged {position:absolute; left:0; top:130px; z-index:1001; /*display:none;*/ background:none;} #infosClientLogge { color:#7c7a7b; text-align:center; width:190px; float:right; background:#f61100; padding:5px;} #infosClientLogge h3 { text-align:center; margin:5px 0 0 0; padding:0; } #infosClientLogge h3 img { display:block; margin:0 auto; } #infosClientLogge div { text-align:left; background:#FEFEFE; margin:0 5px; padding: 0 5px 10px 5px; color:#7c7a7b; width:170px; } #infosClientLogge form { margin:0 5px; } #infosClientLogge div a { display:block; color:#FF0000 !important; outline:none;} #infosClientLogge div a:hover { text-decoration:underline; } #infosClientLogge .deconnexion { text-align:right; padding:5px; border-bottom:1px solid #B61509; } #infosClientLogge .deconnexion input { color:#FFFFFF; font-size:10px; line-height:14px; border:0; background:url(//cstatic.transgourmet.fr/images/btn_deconnexion.gif) no-repeat; width:91px; height:14px; cursor:pointer; } #infosClientLogge .date { color:#FFFFFF; padding:5px 0; } #infosClientLogge .close a{ color:#FFFFFF; font-weight:bold; padding:0 ; text-align:right} /* "Mon espace client" */ #loggedPanel{text-align:center;} #infosClientLogge #customer { overflow:hidden;} #infosClientLogge #customer p { border-bottom:1px dotted #7c7a7b; padding:10px 0; margin: 0 0 10px 0; } #infosClientLogge #customer span { color:#009933 !important; } #infosClientLogge #customer div { width:170px; padding:0 0 5px 0; margin:0; border-top:1px dotted #7c7a7b; overflow:hidden; } #infosClientLogge #customer form {width:170px; padding:0; margin:0; overflow:hidden; float:left;height:95px;} #infosClientLogge #customer .hide { display:none} #infosClientLogge #customer ol li { width:134px; float:left; padding:3px 0 0 0;} #infosClientLogge #customer ol li input { width:133px;} #infosClientLogge #customer ol li.first { width:170px;} #infosClientLogge #customer ol li.last { width:15px; padding:10px 0 10px 13px; margin:-12px 0 0 0; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_line.gif) 0 50% no-repeat; } #infosClientLogge #customer label { padding:0; margin:0 0 2px 0;} #infosClientLogge #customer ol li.last input{ width:124px;} /* "Mes contacts" */ #infosClientLogge #contacts { background:url(//cstatic.transgourmet.fr/images/bgd_mes_contacts.gif) repeat-x bottom;} #infosClientLogge #contacts .hide {display:none} #infosClientLogge #contacts ul { display:table; margin:0 0 3px 0; } #infosClientLogge #contacts li { text-align:center; display:block; width:85px; height:18px; float:left; margin:3px 0 0 0;} #infosClientLogge #contacts li a { color:#7c7a7b !important; text-decoration:none; margin:0; padding:2px 0 0 0} #infosClientLogge #contacts li a:hover { color:#7c7a7b; text-decoration:none; } #infosClientLogge #contacts .commercial_on { background:url(//cstatic.transgourmet.fr/images/btn_commercial_on.gif) no-repeat right top; } #infosClientLogge #contacts .commercial_on a { font-weight:bold; } #infosClientLogge #contacts .commercial_off { background:url(//cstatic.transgourmet.fr/images/btn_commercial_off.gif) no-repeat right top; } #infosClientLogge #contacts .commercial_off a {font-weight:normal} #infosClientLogge #contacts .televendeuse_on { background:url(//cstatic.transgourmet.fr/images/btn_televendeuse_on.gif) 0 0 no-repeat} #infosClientLogge #contacts .televendeuse_on a { font-weight:bold; } #infosClientLogge #contacts .televendeuse_off { background:url(//cstatic.transgourmet.fr/images/btn_televendeuse_off.gif) no-repeat left} #contacts img { float:left; margin:0 5px 5px 0; } #contacts dd { float:left; } #contacts dt { float:left; } #contacts a { color:#7c7a7b} #contacts .tel { display:block; float:none; clear:both; padding:0; line-height:30px; border-top:1px solid #BFBDBF; border-bottom:1px solid #BFBDBF; } #contacts .fax { display:block; float:none; clear:both; padding:0; line-height:30px; border-bottom:1px solid #BFBDBF; } #infosClient .contacts{margin:0; padding:0; background:none;} .contactsHide {position:absolute; top:-10000px; left:-5000px; display:none} /*#content ***************/ #content { width:742px; overflow:hidden; margin:0} #contType { width:540px; overflow:hidden; padding:0 0 10px 0; float:left} #contentCont { width:530px; overflow:hidden; padding:0 0 10px 0; float:left;} #contentCont01 { width:976px; overflow:hidden; padding:0 0 10px 0; float:left;} /*hightlightTitle *********************/ .hightlightTitle { width:519px; padding:0 10px 10px 0; margin:0 0 15px 0; overflow: hidden; background: url(//cstatic.transgourmet.fr/images/bgd_botTit.gif) 0 bottom no-repeat; } .hightlightTitle dl { color:#FFF; font-size:1.4em; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_lineTit.gif) 0 0 repeat-y; margin:10px 0 0 30px; padding:0 0 0 10px; display:inline} .hightlightTitle dt h1{ font-weight:bold; text-transform:uppercase} .hightlightTitle h1 {font-size:1em; color:#ffffff; font-weight:bold; text-transform:uppercase;} .hightlightTitle dd {font-weight:normal; font-size:0.8em} .hightlightTitle ul { float:right; padding:15px 0 0 0;} .hightlightTitle li a { background:none; padding:0 0 5px 0; color:#FFF} .hightlightTitle li a:hover { text-decoration:underline} .mainTitle { width:519px; padding:10px 10px 0 15px; margin:0 0 20px 0; float:left; overflow: hidden;color:#f11101; } .mainTitle dt { font-weight:bold; font-size:1.6em; text-transform:uppercase} .mainTitle h1 { font-weight:bold; font-size:16px; text-transform:uppercase} .mainTitle dd { font-size:11px;} .hightlightImg { width:519px; padding:0 10px 10px 0; margin:0 0 40px 0; float:left; overflow: hidden; } /*presse *********************/ .hightlightPresse { width:240px; margin:0 0 0 20px; float:left; display:inline} .hightlightPresse div {width:240px; background:url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) 0 bottom repeat-x; padding:0 0 30px 0; margin:10px 0; overflow:hidden} .hightlightPresse h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;} .hightlightPresse a:hover, .hightlightPresse li a:hover{ text-decoration:none;} .hightlightPresse .linkMail { background:none; padding:0; margin:0; display:inline;} /*metiers *********************/ .hightlightMetiers a.lien {text-decoration:none !important; background:none; padding:0;} .hightlightMetiers { width:240px; margin:0 0 0 20px; float:left; display:inline} .right { width:221px; float:right; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:20px 10px 20px 0; margin:0 15px 0 15px; overflow:hidden} .hightlightMetiers img {display:block; margin:0 0 15px 0;} .hightlightMetiers p { padding:0 22px 5px 0;text-align:justify;} .hightlightMetiers .txtType01 { padding:0 0 10px 0;} .hightlightMetiers .txtType01 a { background:none; padding:0} .hightlightMetiers div {width:240px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:0 0 30px 0; margin:10px 0; overflow:hidden} .hightlightMetiers2 div {width:505px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:0 0 20px 0; margin:10px 0; overflow:hidden} .hightlightMetiers div.first, .hightlightMetiers div.last { background:none;} .hightlightMetiers div.first01 {padding-top:0; margin-top:0} .hightlightMetiers h4, .hightlightMetiers2 h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;} .hightlightMetiers h3 { color:#ee192e; font-size:1.6em; font-weight:bold; text-transform:uppercase; padding:0 0 5px 0;} .hightlightMetiers h2 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;} .hightlightMetiers a, .hightlightMetiers2 a, .hightlightMetiers li a, .hightlightPresse a, .hightlightPresse li a, .blocID1 a, .blocID2 a,.blocID3 a,.blocID4 a { background:url(//cstatic.transgourmet.fr/images/icon-02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline} .hightlightMetiers a:hover, .hightlightMetiers li a:hover{ text-decoration:none;} #globalContainer #contentMain #content a.linkImage { background:none; padding:0; margin:0;} .hightlightMetiers .falseLink { background:url(//cstatic.transgourmet.fr/images/icon-02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; } .hightlightMetiers .linkMail { background:none; padding:0; margin:0; display:inline;} .hightlightMetiers dl {width:240px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:10px 0 20px 0; margin:10px 0; overflow:hidden} .hightlightMetiers dt.fisrt {width:81px; float:left; padding:0} .hightlightMetiers dt.fisrt img{ margin:0} .hightlightMetiers dt {width:159px; float:left; padding:0 0 10px 0;} .hightlightMetiers dd {width:159px; float:left; padding:0 0 5px 0;} /*contList*/ .contList { width:515px; float:left; overflow:hidden; margin:0 8px; display:inline; padding:0} .contList h3 { color:#5d5d5d; font-size:1.1em; text-transform:uppercase} .contList div{ width:230px; padding:0 0 37px 0; margin:0; overflow:hidden; float:left} .contList p { padding:0 0 5px 0; font-size:1.1em; font-weight:bold} .contList .right { float:right} .typeCol01 p { color:#854f81;} .typeCol02 p { color:#7e8e51;} .typeCol03 p { color:#f39f0e;} .typeCol04 p { color:#69939d;} .typeCol05 p { color:#6ca693;} .typeCol06 p { color:#b03762;} .typeCol07 p { color:#a75538;} /*enChiffres *********************/ .enChiffres { width:231px; float:right; background:url(//cstatic.transgourmet.fr/images/bgd-en-chiffres.gif) 0 bottom no-repeat; padding:0 0 20px 0; margin:0 10px 0 0; display:inline} .enChiffres h3, .enChiffres h2 { background:url(//cstatic.transgourmet.fr/images/bgd-en-chiffres-top.gif) 0 0 no-repeat; width:211px; color:#ee192e; text-transform:uppercase; padding:15px 10px 0 15px; font-weight:bold; font-size:16px;} .enChiffres h4 { color:#f11101; font-size:1.1em; padding:0 0 5px 3px;} .enChiffres p { padding:0 0 0 3px;} .space01 h3 {width:181px; padding:15px 10px 0 40px} #contentCont .space01 div {width:160px;} .enChiffres div { width:211px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:20px 0; margin:0 auto; overflow:hidden} .enChiffres li a { background:url(//cstatic.transgourmet.fr/images/icon-02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline} .enChiffres li a:hover { text-decoration:none;} .enChiffres .last { background: none;} .enChiffres img.visuProduit{float:left;} .enChiffres dl {width:125px; float:left; overflow:hidden; margin:0 0 0 10px} .enChiffres dt {width:125px; color:#FF0000; text-transform:uppercase; float:left;} .enChiffres dd.first {text-transform:uppercase; padding:0 0 5px 0;} .enChiffres dd {width:125px; float:left; } .enChiffres .price01 { width:60px; color:#000; } .enChiffres .price01 strong{ font-size:2.4em;} .enChiffres .price01 span{ font-size:1.4em; font-weight:bold} .enChiffres .price02 { width:60px; color:#4f4d50; background: url(//cstatic.transgourmet.fr/images/bgd-price-02.gif) 0 50% no-repeat; overflow:hidden } .enChiffres .price02 strong{ font-size:2.4em;} .enChiffres .price02 span{ font-size:1.4em; font-weight:bold} /*Marques filieres *********************/ .marquesFiliers{width:231px; float:left; background:url(//cstatic.transgourmet.fr/images/bgd-en-chiffres.gif) 0 bottom no-repeat; padding:0 0 20px 0; margin:0 0 0 10px;} .marquesFiliers h3 { background:url(//cstatic.transgourmet.fr/images/bgd-en-chiffres-top.gif) 0 0 no-repeat; font-size:1.6em; font-weight:bold; color:#ee192e; text-transform:uppercase; padding:10px 10px 0 13px} .marquesFiliers h2 { background:url(//cstatic.transgourmet.fr/images/bgd-en-chiffres-top.gif) 0 0 no-repeat; font-size:1.6em; font-weight:bold; color:#ee192e; text-transform:uppercase; padding:10px 10px 0 13px} .marquesFiliers h4 { color:#f11101; font-size:1.1em; padding:0 0 5px 3px;} .marquesFiliers p { padding:0 13px; font-size:1.182em; color:#f11101;} .marquesFiliers dl { padding:0 5px; } .marquesFiliers dt { background:url(//cstatic.transgourmet.fr/images/icon-02.gif) 0 3px no-repeat; padding:0 0 5px 10px; color:#7c7a7b; text-decoration:underline} .marquesFiliers dd { padding: 0 0 10px 0;} .marquesFiliers div { width:218px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:30px 0 50px 0; margin:0 6px; overflow:hidden} .marquesFiliers div img{ margin:0 0 10px 0;} .marquesFiliers .last { background: none;} /*les maques*/ .lesMarques{width:250px; float:left; padding:0 10px 0 15px;} .lesMarques h3 {font-size:1.6em; font-weight:bold; color:#ee192e; text-transform:uppercase; padding:10px 0 0 0} .lesMarques h4 { color:#f11101; font-size:1.1em; padding:0 0 5px 3px;} .lesMarques p { padding:0; font-size:1.182em; color:#f11101;} .highlightItemMarques {width:250px; background:url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) 0 bottom repeat-x; padding:20px 0 30px 0; margin:10px 0; overflow:hidden} .highlightItemMarques div{ width:104px; float:left; margin:0 8px 0 0; text-align:right} .highlightItemMarques dl{ width:138px; float:left;} .highlightItemMarques dt{ font-size:1.0em; font-weight:bold; color:#f11101; text-transform:uppercase; } .highlightItemMarques dd{ font-weight:bold; padding:3px 0;} .highlightItemMarques dd a{ background:url(//cstatic.transgourmet.fr/images/icon-02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline; font-weight:normal; } .highlightItemMarques dd a:hover{ text-decoration:none; } .lesMarques div.last{ background:none;} .intro { padding:0px;} .intro p { padding:0 0 5px 0;} /*cont Type *************/ /*Type 01*/ .contType01 { padding:0 13px;} .contType01 p { padding:0 0 15px 0; text-align: justify;} .contType01 p a{ text-decoration:underline} .contType01 p a:hover{ text-decoration:none} .contType01 h5, .contType02 h5 { font-size:1.1em ;} .contType01 h4, h2, h1 .contType02 h4, h2, h1 { font-size:1.1em ; color:#f11101; text-transform:uppercase; padding:10px 0 10px 0} .contType01 h3, .contType02 h3 { font-size:1em; color:#ee192e; text-transform:uppercase; padding: 5px 0 10px 0} .contType01 h4 span{ font-size:0.8em; display:block; text-transform:none; font-weight:normal} .contType01 li a {background:url(//cstatic.transgourmet.fr/images/icon_02_type.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline} .contType01 li a:hover{ text-decoration:none} .contType01 li a.lien {text-decoration:none !important; background:none; padding:0;border-style:dashed;border-width:0 0 1px;} .contType01 .txtNormal { padding:0 0 15px 0;} .contType01 .txtNormal h4 {padding:0; font-size:1em; color:#7C7A7B;} .contType01 .txtNormal p { padding:0;} .contType01 .legend { font-size:10px; } .contType01 .cont {border : solid 1px #F11101; padding: 10px; margin :10px 0 10px 0;} /*Type 02*/ .contType02 div { width:530px; background:url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) 0 100% repeat-x; padding:13px 0; overflow:hidden; float:left} .contType02 img{ float:left; margin:0 15px 0 0} .contType02 dl{ width:444px; float:left;} .contType02 dt{ color:#ff1805} .contType02 dd { padding:0 0 8px 0;} .contType02 dd p { padding:0; margin:0} .contType02 dd p strong{ color:#ff1805; font-weight:bold} .contType02 dl.photo { width:180px; margin:0 0 10px 10px; float:right} .contType02 dl.photo dd { width:180px; float:left} /*Type 03*/ .contType03 { padding:0} .contType03 .txtNormal{margin:20px 0 0 0;font-size:1.1em;} .contType03 p { padding:0px 0px 15px 0;width:550px;padding-right:5px;} .contType03 p.tel { width:400px;text-align:center;margin:0 auto} .contType03 p a{ text-decoration:underline} .contType03 p a:hover{ text-decoration:none} .contType03 h5{ font-size:1.3em ;text-align:center;margin:15px 0 0px 0} /*block *************/ /*Type 01*/ .blockType01 { width:529px; padding:5px 0 0 0; margin:15px 0 30px 0; float:left; overflow:hidden; background:url(//cstatic.transgourmet.fr/images/bgd_topBlock.gif) 0 0 no-repeat;} .blockType01 .cont {width:529px; padding:0 20px ; background:url(//cstatic.transgourmet.fr/images/bgd_botBlock.gif) 0 100% no-repeat; padding:0 0 10px 0; } .blockType01 h4{ font-size:1.4em ; color:#f11101; text-transform:uppercase; padding:10px 0 20px 15px} .blockType01 h4 span{ font-size:1em; display:block; text-transform:none; font-weight:normal} .blockType01 li {background:url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) 0 100% repeat-x; padding:0 0 10px 0; margin:0 10px 10px 10px; } .blockType01 li a, .blockType01 li span{background:url(//cstatic.transgourmet.fr/images/icon_02_type.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline; margin:0 0 0 5px} /*Detail Logo*/ .blockDetail { width:230px; margin:0; float:left; display:inline} .blockDetail dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase} .blockDetail dd {padding:0 0 10px 0; } .blockDetail dd p { display:block} .blockDetail dd span {color:#f11101; } .blockDetail01 {background:url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) 0 bottom repeat-x;width:230px; margin:0; float:left; display:inline;padding:0 0 35px 0 } .blockDetail01 dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase} .blockDetail01 dd {padding:0 0 10px 0; } .blockDetail01 dd p { display:block} .blockDetail01 dd span {color:#f11101; } .blockDetail02 {width:230px; margin:0; float:left; display:inline;padding:43px 0 0 0;} .blockDetail02 p img{margin:10px 5px 0 0} .blockDetail02 p a{text-decoration:underline;} .blockDetail02 p a:hover{text-decoration:none;} .blockDetail02 dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase} .blockDetail02 dd {padding:0 0 10px 0; } .blockDetail02 dd p { display:block} .blockDetail02 dd span {color:#f11101; } .blockDetail03 {width:232px; margin:0; float:right; display:inline;padding:43px 0 0 0;} .blockDetail03 p img{margin:10px 5px 0 0} .blockDetail03 p a{text-decoration:underline} .blockDetail03 p a:hover{text-decoration:none;} .blockDetail03 dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase} .blockDetail03 dd {padding:0 0 10px 0; } .blockDetail03 dd p { display:block} .blockDetail03 dd span {color:#f11101;} /*List *************/ /*Type01*/ .listType01 ul { margin:0 0 0 30px; } .listType01 li {background:url(//cstatic.transgourmet.fr/images/icon_li_type.gif) 0 5px no-repeat; padding:0 0 5px 10px; } .listImg { width:530px; margin:50px 0 0 0; text-align:center;} .listImg li { width:103px; margin:0 50px 0 0; padding:0; display:inline } .listImg li a { background:none} /*Link *************/ /*Type*/ p.linkType {background:url(//cstatic.transgourmet.fr/images/icon_02.gif) 0 18px no-repeat; padding:15px 0 0 10px; } .linkType a {background:none; display:block; text-decoration:underline!important} .linkType a {text-decoration:none} /*hcard *************/ .hightlightMetiers div.contactType { width:240px; overflow:hidden; margin:0; padding:15px 0 15px 0;} .hightlightMetiers .contactType p { display:block;} .hightlightMetiers .contactType p a { background:none; padding:0} .blockContact { width:190px; float:left; overflow:hidden; padding:10px 0 0 0; margin:50px 0 0 0; background:url(//cstatic.transgourmet.fr/images/bgd_topContact.gif) 0 0 no-repeat} .blockContact .cont {width:175px; padding:0 3px 10px 12px; background:url(//cstatic.transgourmet.fr/images/bgd_contContact.gif) 0 100% no-repeat; overflow:hidden; } .blockContact h3 { color:#FFF;} .blockContact img { margin:10px 0 0 0;} .blockContact p {width:175px; color:#FFF; display:block; float:left} .blockContact p span { float:right} .blockContact p a { color:#FFF; text-decoration:underline!important} .blockContact p a:hover { text-decoration:none!important} /*concours */ .lChefsEnOr { } .lChefsEnOr img { display:block; float:left; margin-right:10px; } .lChefsEnOr h4 { margin-top:10px; padding-top:24px;} /* "Mon espace client" */ #infosClientNew{margin:0; padding: 0; font-size:11px; color: #767886;} #infosClientNew h2{font-weight: bold;font-size: 14px; color: #453f4d; margin-bottom:18px; padding: 0} #infosClientNew h3{font-weight: normal; font-size: 12px; color: #453f4d; margin:0; padding: 0} #infosClientNew h3 > span{color: #e30026; font-size: 14px; font-weight: bold} #infosClientNew a {color: #e40421; font-family: Arial; font-weight: bold; font-size: 13px;} .btnPage{height: 40px;line-height: 40px; text-align: center;color: white;font-size:14px; font-weight:bold; cursor: pointer; text-transform: uppercase; border:none;} .btnOk{width:50px;} .btnPageLogin{width:217px;background-image: url(/images/puce-blanche-cta.png);background-repeat: no-repeat;background-position: 187px 50%;padding-right: 55px;} .btnidentLogin{width:155px;background-image: url(/images/puce-blanche-cta.png); background-repeat: no-repeat;background-position: 125px 50%;padding-right: 25px;} .btnident{display: inline-block; height: 30px; text-transform: uppercase; line-height: 30px; text-align: center; color: white; width: 190px; position:relative; font-size:14px; font-weight:bold; cursor: pointer; margin-bottom: 14px; padding: 5px;} .fndrouge{background-color: #e30026;} .fndviolet{background-color: #b328bd;} .fndjaune{background-color: #ee9814;} .backRouge{background-color: #ed1b2f;} .backViolet{background-color: #8f52a1;} .backWhite{background-color: white;color: #333333;} .backJaune{background-color: #ef8f00;} .backBlue{background-color: #6dc49b;} .backWhite.backRouge{background-color: #ed1b2f;color:white;} .backWhite.backViolet{background-color: #8f52a1;color:white;} .backWhite.backJaune{background-color: #ef8f00;color:white;} .backWhite.backBlue{background-color: #6dc49b;;color:white;} #infosClientNew a.noline{text-decoration:none; width: 100%; text-align: center; display: inline-block;} #infosClientNew div.createAccount {width: 100%; text-align: center;} #infosClientNew div.createAccount div#subDiv {width: 100%; text-align: center;} #infosClientNew div.whiteArrow {background-image: url(/images/puce-blanche-cta.png); background-repeat: no-repeat; width: 9px; height: 15px; float: right; padding-right: 10px; margin-top: 7px;} #infosClientNew div.redArrow {background-image: url(/images/puce-rouge-link.png); background-repeat: no-repeat; width: 5px; height: 8px; display: inline-block;} #infosClientNew #customer .empty {height: 194px;} #infosClientNew #customer #loginPortail .empty {height: 411px;} #infosClientNew #customer .aideConnexion {padding-top: 30px; padding-left: 20px;} div#customer >* {float: left;} #customer div.loginPanel {position: relative;} #customerEGourmet {background-image: url(/images/TG-landing-back-eGourmet.png); background-repeat: no-repeat; width: 313px; height: 437px; padding-right: 10px;} #loginPortail {background-image: url(/images/TG-landing-back-espacePerso.png); background-repeat: no-repeat; width: 313px; height: 437px; padding-right: 10px; position: relative;} #customerEQuilibre {background-image: url(/images/TG-landing-back-eQuilibre.png); background-repeat: no-repeat; width: 313px; height: 437px; padding-right: 10px;} #customerRestoCo{background-image: url(/images/TG-landing-back-eQuilibre-Gourmet.png); background-repeat: no-repeat; width: 313px; height: 495px; padding-right: 10px; margin-top: 80px; clear: left;} #customerHygiene{/*background-image: url(/images/TG-landing-back-eQuilibre-Gourmet.png);*/ background-repeat: no-repeat; width: 313px; height: 437px;; padding-right: 10px; margin-top: 80px;} #infoRequest {background-image: url(/images/TG-landing-back-besoin-aide.png); background-repeat: no-repeat; width: 252px; height: 352px; padding-right: 10px; margin-top: 125px; margin-left: 30.5px; margin-right: 30.5px;} #infoRequest p{margin:0; padding:0; font-size:12px; color: #453f4d; font-weight:normal} #customerEGourmet .bottom {top: 221px; position: absolute; width: 312px;} #loginPortail .bottom {top: 413px; position: absolute; width: 312px;} #customerEQuilibre .bottom {top: 221px; position: absolute; width: 312px;} #customerRestoCo .bottom {top: 206px; position: absolute; width: 312px; padding-top: 14px;} #customerHygiene .bottom {top: 1158px; position: absolute; width: 312px;} #subscribeNews h2{text-transform:none} #subscribeNews{font-size: 12px; color: #453f4d;border: none} #subscribeNews #txtEmail{width:158px; height: 40px; padding-left: 10px; color: #878787} #subscribeNews label{display: inline-block; margin: 5px 0 5px 10px; padding:0} #subscribeNews #btnEnvoyer{display:block; margin: 10px 0; height: 30px; text-transform: uppercase; line-height: 30px; text-align: center; color: white; font-size:12px; font-weight:bold; background-color: black; cursor: pointer; } div#logoQualite{background-color: #efefef; width: 200px; height: 96px;} #logoQualite img{float: right; margin-right: 15px} #customerEQuilibre a.logout{font-size:11px; color:#453f4d;margin-top:10px; display:inline-block} #customerRestoCo a.logout{font-size:11px; color:#453f4d;margin-top:10px; display:inline-block} #returnRestoCo{font-size:11px;} #customerIdentity{text-align: left; font-size: 11px; color:#767886; margin: 10px 0} #customerIdentity span{font-weight: bold} #AideConnexionEQuilibre a:hover {text-decoration: underline;} #AideConnexionEQuilibre a {text-decoration: none;} #AideConnexionEQuilibre a {color: #851d8d; margin: 0 0 10px 0;} #AideConnexionRestoCo a:hover {text-decoration: underline;} #AideConnexionRestoCo a {text-decoration: none;} #AideConnexionRestoCo a {color: #f05122; margin: 0 0 10px 0;} #customer #filet {padding-left:10px; padding-top: 15px; padding-bottom: 15px;} #customer #loginPanel img{padding-left: 2px; /*margin:0; margin: 0px 7px;*/} /* #customer #UnloggedPanel{color:#666; background-color:#453f4d; width:200px; height:130px; margin:-3px 0; padding:0px 0px 0px 0px; overflow:hidden; float:left; margin-top: 15px;} #customer #UnloggedPanel .description p{margin-left:10px; padding-left:10px; text-transform:uppercase; font-family:Arial; font-size:13px; font-weight:bold; color:#ffffff; padding: 15px 1px;} #customer #UnloggedPanel .description a{margin:20px 7px;} */ .aidePopUp { position: absolute; display: none; background-color: white; padding: 10px; /*border: solid 1px gray;*/ /*margin-left: -10px;*/ background: url(//cstatic.transgourmet.fr/images/fond-layer.png) no-repeat; height: 212px; width: 234px; } #customer #flecheImg { background: url(//cstatic.transgourmet.fr/images/fleche-grise-info.png) no-repeat; margin-top: 9px; margin-left: 1px; float:left; } img#returnRestoCo:hover{cursor: pointer;} img#returnEquilibre{cursor: pointer;} /*#customer { width:199px; overflow:hidden; margin:0 4px; padding:0; color:#666;} #customer #loginPanel p {padding:0; margin:0;margin:10px 0;} #customer p {padding:5px 0px 5px 1px; margin:0;width:170px } #customer a { color:#666} #customer span { color:#FFF; } #customer div { width:199px; height:181px; padding:0 0 0px 13px; background:url(//cstatic.transgourmet.fr/images/center-client.png) 0 0% no-repeat; overflow:hidden; float:left} #customer img{padding-top:0px; } #customer #returnEcommerce{margin:21px;15px; } #customer #incription{padding-top:0px; margin: 0} #customer #loggedPanel .description{font-weight:bold;} #customer div div{ width:170px; background:none; padding:0; margin:18px 0px !important; margin:18px 0px; display:block} #customer div div.description{margin:5px 0 0 13px !important; margin:0 8px;} #customer div div p span{display:block} #customer form {width:178px;height:200px;padding:0; margin:0; overflow:hidden; float:left } #customer #loginPanel form {height:0px; } #customer .hide { display:none} #customer ol li { width:134px; float:left; padding:3px 0 0 0;} #customer ol li input { width:133px;} #customer ol li.first { background:url(//cstatic.transgourmet.fr/images/puce_customer_delog.gif) no-repeat scroll 0px 5px; padding:0 10px;} #customer ol li.first span{text-decoration:underline} #customer ol li.last { border-width:0px; padding:10px 0 10px 13px; margin:-47px -100px 0 0; float:right; } #infosClient #customer ol li.forgotPassword { background:none; float:right; margin:-12px 0 0;padding:22px 0 15px 0;} #infosClient #customer ol li.forgotPassword input{ border:0; width:auto;} #customer label { padding:0; margin:5px 0;width:165px} #customer ol li.last input{ border:0; width:auto;}*/ .clientLogin { width:200px; height:130px; overflow:hidden; padding:0; color:#FFF; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_context_top.gif) 0 0 repeat-x;} #infosClient .clientLogin a { color:#FFF; text-decoration:none; } #infosClient .btn { margin:0 10px 0 0; float:right;} #infosClient .btn a {background: url(//cstatic.transgourmet.fr/images/icon_arrow.gif) 0 5px no-repeat; padding:0 0 0 15px;} #layerLogin {position:absolute; left:0; top:130px; z-index:1001; display:none} #layerLogin h3 { width:168px; font-size:1.2em; text-transform:uppercase; padding:7px 10px 3px 22px; background:url(//cstatic.transgourmet.fr/images/bgd_h3_layer_client.gif) 0 0 no-repeat; overflow:hidden; } #layerLogin h3 span {float:right; margin:-15px 0 0 0; display:inline} #layerLogin h3 span a{font-size:1.0em;} #layerLogin p { width:178px; float:left; padding:0} #layerLogin p a { color:#FFF; float:left} #layerLogin div { width:178px; padding:0 0 0 22px; margin:0; background:url(//cstatic.transgourmet.fr/images/bgd_contRight.gif) 0 100% no-repeat; overflow:hidden;} #layerLogin ol li { width:134px; float:left; padding:3px 0 0 0;} #layerLogin ol li.first { width:170px;} #layerLogin ol li.last { width:15px; padding:10px 0 10px 13px; margin:-12px 0 0 0; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_line_01.gif) 0 50% no-repeat; } #layerLogin ol li.last input{ border:0} #layerLogin label { padding:0; margin:0 0 2px 0;} /*footer *******************/ #footer { width:976px; margin:0 auto 10px auto; padding:0 0 7px 0; overflow:hidden; background: url(//cstatic.transgourmet.fr/images/bgd- botFooter.gif) 6px 100% no-repeat;} #footerImg { width:976px; margin:0 auto 50px auto; padding:0 0 7px 0; overflow:hidden;height:100px} #footer .cont{ width:976px; margin:0 auto; padding:3px 0 15px 0; overflow:hidden; background: url(//cstatic.transgourmet.fr/images/bdg-content-footer.png) 6px 0 no-repeat;z-index:100;-margin-top:3px;} #footer h4 { color:#525052; text-transform:uppercase; font-weight: bold; font-size:9pt; line-height:13px; padding:0 0 5px 15px; background:url(//cstatic.transgourmet.fr/images/puce.png) 0 2px no-repeat;} #footer h4 a { color:#525052;} #footer li a { color:#8a8a8a;font-size:8pt} #footer a:hover { text-decoration:underline} #footer .part {width:976px; padding:30px 0 0 0; overflow:hidden; float:left} #footer .part ul { padding:0 0 0 10px; font-size:1.1em} #footer .part div { width:185px; padding:0 0px 0 10px; float:left;} #landingFooter { width:950px; margin:0 auto 50px auto; padding:0 0 7px 0; overflow:hidden;} #landingFooter a { text-decoration:underline} /*error message*/ #error { width:369px; text-align:center; background-color:#f7f7f7; padding:10px; position:absolute; left:0; top:0; display:none; z-index:999} #error .buttonExit {float:right;} #error .messages { font-size:18px; color:#e20025; font-weight:bold; padding:15px 0 0 0 } #error .iconError{ padding:10px 0 0 0;} /*client Contact ***************************/ .clientContact { width:906px; padding:10px 10px 20px 10px; border:#ff1100 solid 1px; overflow:hidden } .clientContact h3 { padding:0 0 20px 0;} .clientContact p { padding:5px 0;} .clientContact .citationsClients { width:230px; float:left; margin:0 0 0 0; padding:0 10px 0 0;} .citationsClients img {margin:0 0 30px 0; } .citationsClients p {display:block; } .citationsClients span { color:#FF0000; font-weight:bold} .clientContact .devenezClients {width:563px; float:left; margin:15px 0 0 0; padding:0 0 0 35px; border-left:#ff1100 solid 1px; overflow:hidden} .clientContact .line01 {width:563px; padding:0 0 15px 0; background:url(//cstatic.transgourmet.fr/images/bgd_line_dot.gif) 0 100% repeat-x; overflow:hidden; } /* Layer Calendrier */ #layerCalendrier{ width:572px; overflow:hidden; float:left} #layerCalendrier a:hover { text-decoration:underline;} #layerCalendrier h3{ background:url(//cstatic.transgourmet.fr/images/bgd_layer_calendrier_top.gif) 0 0 no-repeat; padding:8px 10px;} .layerCalendrierCont{ width:552px; background:url(//cstatic.transgourmet.fr/images/bgd_layer_calendrier_cont.gif) bottom no-repeat; padding:10px; overflow:hidden; } .layerCalendrierCont h4{ float:left; width:320px;} .layerCalendrierCont span{ font-size:16px; font-weight:bold;} .layerCalendrierSubCont{ width:530px; background:url(//cstatic.transgourmet.fr/images/bgd_layer_calendrier_cont_sub.gif) bottom no-repeat; border-top:1px solid #E9E9E9; padding:15px 10px; margin:10px 0 0 0; overflow:hidden; } .dottedLine{ border-bottom:1px dotted #525052; padding:0 0 10px 0; margin:0 0 10px 0} .subContent{ width:532px; margin:10px 0 0 0; overflow:hidden; clear:both;} .subContentTop{width:522px; background:#d9d9d9; padding:8px 5px; overflow:hidden; clear:both; } .subContentTop a, .subContentBottom a {float:right; font-weight:normal; font-size:11px; display:block;} #layerCalendrier .subContentTop h4 { text-align:center; width:inherit; width:365px; } .subContentTop .prec { float:left; } .subContentCenter{width:550px; margin:5px 0; overflow:hidden;} .subContentBottom a.prec { float:left; } .subContentCenter dl{ width:40px; float:left; padding:0 2px;} .subContentCenter dt{ font-weight:normal; font-size:9px; text-align:center} .subContentCenter dd{ text-align:center; font-size:26px; font-weight:bold; height:32px; width:28px; background-color:#e5e5e5; padding:2px 4px;} .subContentCenter dd.disabled { color:#FFF; background:url(//cstatic.transgourmet.fr/images/ico_calendrier_vide.gif) no-repeat center;} .subContentCenter dd.current { color:#FFF; background-color:#ff2e14;} .subContentBottom{width:522px; background:#d9d9d9; padding:5px; overflow:hidden} .subContent .blockMessageError{ border:1px solid #FF0000; color:#FF0000; padding:5px; margin:10px 0 0 0} .contactList{ margin:5px 0 0 0; width:200px; float:left} .contactList h5{ padding:5px 0;} .contactList .infoContact{ width:100px; float:left; font-weight:normal; font-size:11px} .validerButton{ float:right; padding:60px 0 0 0} /* auto-complete */ div.autocompleter-loading {float:left;clear:right;background:#fff url(images/spinner.gif) no-repeat center;width:20px;height:16px} ul.autocompleter-choices {position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;background-color:white;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:50} ul.autocompleter-choices li {position:relative;padding:0.1em 1.5em 0.1em 1em;cursor:pointer;font-weight:normal;font-size:1em} ul.autocompleter-choices li.autocompleter-selected {background-color:#ff0000;color:#fff} ul.autocompleter-choices span.autocompleter-queried {font-weight:bold} ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color:#ffffff} /* chefs en or */ .lChefsEnOr1 {text-align:center; margin:10px 0 0 0; overflow:hidden;} .lChefsEnOr1 img { display:block; float:left; margin-right:10px; } .lChefsEnOr1 h4 {float:left; margin:0 0 0 0; padding-top:10px; width:280px;} .lChefsEnOr2 {text-align:center; margin:10px 0 0 10px; overflow:hidden; width:530px;} .lChefsEnOr2 img { display:block; float:left; margin-right:10px; } .lChefsEnOr2 h4 {float:left; margin:0 0 0 0; padding-top:10px; width:280px;} .lChefsEnOr2 h2{float:left; margin:0 0 0 0; padding-top:10px; width:280px;} .lChefsEnOr2 h1{float:left; margin:0 0 0 0; padding-top:10px; width:280px;} .lChefsEnOr3 h1{float:left; margin:0 0 0 0; padding-top:10px; text-align:center;width:490px;} h1.titreApprentis {color:#1B2E68;} h2.titreApprentis {color:#1B2E68;} h3.titreApprentis {color:#1B2E68;} h4.titreApprentis {color:#1B2E68;} h5.titreApprentis {color:#1B2E68;} .listChefsEnOr {background:url(//cstatic.transgourmet.fr/images/bgd_chefsEnOr_bottom.gif) no-repeat scroll 0 bottom; margin:10px 0 10px 0; overflow:hidden; width:494px;} .listChefsEnOr .wrap { background:url(//cstatic.transgourmet.fr/images/bgd_chefsEnOr_top.gif) no-repeat top left; overflow:hidden; padding:10px 0 0 0;} .listChefsEnOr .contentListChefsEnOr {margin:10px auto; width:480px; overflow:hidden;} .contentListChefsEnOr h4 { font-style:italic; padding:0;} .listChefsEnOr dl {width:240px;padding:10px 0 10px 0; margin:0 0 0 0; overflow:hidden; float:left;} .listChefsEnOr dl.president {width:480px;padding:10px 0 10px 0; margin:0 0 0 0; overflow:hidden; float:left;} .listChefsEnOr dl.president dd {width:350px;} .listChefsEnOr dt, .listChefsEnOr dd {padding:0; margin:0; float:left;} .listChefsEnOr dt {width:102px; height:102px; overflow:hidden;} .listChefsEnOr dd {width:125px; padding:0 0 0 10px;} .listChefsEnOr dd.titre {color:#F11101; text-transform:uppercase; font-weight:bold;} .listChefsEnOr dd.titreApprentis {color:#1B2E68;} .listChefsEnOr dd a { text-decoration:underline; background:url(//cstatic.transgourmet.fr/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px } .listChefsEnOr dd a:hover { text-decoration:none} img.chefs {border:1px solid #F11101;} img.apprentis {border:1px solid #1B2E68;} .chefs img {border:1px solid #F11101;} .apprentis img {border:1px solid #1B2E68;} .palmares {border:1px solid #F11101; padding:0 0 10px 0; margin:0 0 10px 0;} .palmaresFirst {overflow:hidden; margin:0 0 20px 0;} .palmaresFirst img {float:left;} .palmaresFirst div {width:190px; padding:10px; float:left; text-align:center;} .palmaresFirst span {font-style:italic; margin:10px 0 0 0;} .palmaresSecond {overflow:hidden; float:left;} .palmaresSecond img {float:left;} .palmaresSecond div {width:140px; padding:0 0 0 5px; float:left;} .palmaresSecond span {font-style:italic; margin:10px 0 0 0;} .palmaresRight {text-align:right; padding:0 0 0 0; margin:0 5px 0 0;} .palmaresThird {overflow:hidden; float:right; margin-bottom: 15px;} .palmaresThird img {float:left;} .palmaresThird div {width:140px; padding:0 0 0 5px; float:left;} .palmaresThird span {font-style:italic; margin:10px 0 0 0;} .palmaresRight {text-align:right; padding:0 0 0 0; margin:0 5px 0 0;} .palmaresApprentis {border:1px solid #1B2E68;} .palmaresSauce {overflow:hidden; float:right; margin:20px 150px 0 0;} .palmaresSauce img {float:left;} .palmaresSauce div {width:140px; padding:0 0 15px 5px; float:left;} .palmaresSauce span {font-style:italic; margin:10px 0 0 0;} .palmaresRight {text-align:right; padding:0 0 0 0; margin:0 5px 0 0;} .photosRemise {width:420px; margin:0 auto;} .photosRemise img {margin:0 10px 10px 0;} /* partenaires industriels */ #partenaires {margin:0; overflow:hidden;} #partenaires div {overflow:hidden; float:left; width:100%;} #partenaires.mel {margin:0 0 0 20px;} #partenaires h3 {color:#F11101; text-transform:uppercase; font-weight:normal; margin:30px 0 0 0;} #partenaires h4 {color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;} #partenaires h4 a {color:#f11101;} #partenaires dl {width:240px;padding:10px 0 20px 0; margin:10px 13px 0 0; overflow:hidden; float:left;} #partenaires #recherche dl {width:240px;background:url(//cstatic.transgourmet.fr/images/bgd_line_02.gif) 0 bottom repeat-x; padding:10px 0 20px 0; margin:10px 13px 0 0; overflow:hidden; float:left;} #partenaires dt, #partenaires dd {padding:0; margin:0; float:left;} #partenaires dt {width:98px; height:99px; overflow:hidden;} #partenaires dd {width:125px; padding:0 0 0 15px;} #partenaires dd.titre {color:#F11101; text-transform:uppercase; font-weight:bold;} #partenaires dd a { text-decoration:underline; background:url(//cstatic.transgourmet.fr/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px } #partenaires dd a:hover { text-decoration:none} #partenaires .sommaire {float:left; width:100%;} #partenaires .sommaire li {float:left; border-right:1px solid #dedede; font-size:12px; font-weight:bold; color:#7c7a7a; text-transform:uppercase;} #partenaires .sommaire li.last {border:none; margin:0;} #partenaires .sommaire li a {display:block; padding:0 5px 0 5px;} #partenaires .sommaire li a:hover {color:#f11101; text-decoration:underline;} #partenaires .sommaire li.nolink {padding:0 5px 0 5px; color:#dedede;} /*highlightRight2 ********************/ .highlightRight2 {float:left;text-align:left; padding:0 10px 20px 20px; margin:0 0 0 0px;} .highlightRight2 h3 {color:#ee192e; padding:0; font-size:1.2em; font-weight:bold; text-transform:uppercase} .highlightRight2 h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;} .highlightRight2 p { padding:0 0 5px 0;} .highlightRight2 img {display:block; margin:0 0 15px 0;} .highlightRight2 dl { font-size:1em; color:#ff1805; padding:10px 0} .highlightRight2 dt { font-weight:bold; text-transform:uppercase} .highlightRight2 dd {color:#7c7a7b; padding:0 0 5px 0;} .highlightRight2 dd a { text-decoration:underline; background:url(//cstatic.transgourmet.fr/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px } .highlightRight2 dd a:hover { text-decoration:none} .highlightRight2 dd a.last { background:none} .highlightRight2 a.link {color:#ff1805; text-decoration:underline;} .highlightRight2 a.link:hover { text-decoration:none;} a.fin{text-decoration:underline; background:url(//cstatic.transgourmet.fr/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px} #contentContRech {background-color:#FFFFFF;overflow:hidden;padding:0 0 10px;width:530px;} table.messageNoScript {width:98%;border:1px dashed;margin:auto;text-align:center} td.textNoScript {font-weight:bold;color:#FF0000;font-size:1.6em;vertical-align:top} * html td.textNoScript {font-weight:bold;color:#FF0000;font-size:1.65em;vertical-align:top} /******* Landing Page ********************************/ .mainHighlight{ width:743px;padding:20px 0 0 0; } .mainHighlight h2{ color:#e40115; font-size:12px;} .homeHighlight{ float:left;background-color:#FFFFFF; width:743px; padding:0 0 0 15px;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d; } .homeHighlight a {color:#262121; text-decoration:none; outline: none; font-size:11px;} .mainHighlight h1{ color:#e40115; font-size:20px; font-weight:normal; padding:0 0 15px 0;} .mainHighlight p{} .highlightillus{ background:url(//cstatic.transgourmet.fr/images/bgd-boulangerie.jpg) no-repeat; width:737px; height:189px; margin:25px 0 0 0;} .baker02{background:url(//cstatic.transgourmet.fr/images/bgd-boulangerie-02.jpg) no-repeat;} .highlightillus a{color:#e40115;} .highlightillus a:hover{ text-decoration:none; } .highlightillus p{ font-size:11px;} .highlightillus02{ width:737px; height:189px; margin:25px 0 0 0;} .highlightLink{ padding:145px 0 0 160px;} .highlightBlock02{width:515px; overflow:hidden;} .highlightBlock03{ width:503px; overflow:hidden;} .highlightBlock03 h3{ margin:0px 0 20px 0; font-size:16px;} .highlightBlock03 h4{ margin:0 0 10px 0;} .highlightBlock03 .highlightList p{ font-size:13px;} .highlightBlock03 .highlightList ul{ padding:5px 0 0 0;} .highlightBlock03 .highlightList ul li{ font-weight:normal; font-size:13px;} .highlightBlock03 .highlightList{ margin:0; width:216px; padding:0;} .highlightlistblock{ width:287px;overflow:hidden; float:left;} .highlightlistblock .highlightSmall{ background:url(images/bgd_raisin.gif) no-repeat; width:285px; height:95px; } .highlightlistblock .highlightSmall h4{ font-size:16px; color:#d62224;} .highlightlistblock .highlightSmall div{ float:right; width:171px; padding:3px 5px 0 8px;} .highlightlistblock .highlightSmall div p{ font-size:10px;} .highlightlistblock .last{ margin:20px 0 0 0;background:url(//cstatic.transgourmet.fr/images/bgd_croissant.gif) no-repeat; } .highlightBlock{ overflow:hidden; width:737px; background:url(//cstatic.transgourmet.fr/images/illus_separator.gif) no-repeat top; margin:20px 0 0 0; padding:25px 0 0 0;} .highlightBlock div{ width:249px; float:left;} .highlightBlock .last{ width:238px;margin:0} .highlightBlock div h2{ font-size:13px;color:#e40115; padding:0 0 5px 0; } .highlightBlock div p{ padding:0 2px 0 5px; width:232px;} .illusCommand{ width:193px; height:190px; background:url(//cstatic.transgourmet.fr/images/bgd_sale.jpg) no-repeat; margin:15px 0 0 0px;} .illusCommand h4{ padding:10px 0 0 12px;} .illusCommand p{ color:#FFFFFF; padding:0 0 0 12px;} .illusZoom{ width:193px; height:280px; background:url(//cstatic.transgourmet.fr/images/bgd-zoom.gif) no-repeat; margin:15px 0 0 1px;} .surg{ background:url(//cstatic.transgourmet.fr/images/bgd-zoom-02.gif) no-repeat;} .resto{ background:url(//cstatic.transgourmet.fr/images/bgd-zoom-03.gif) no-repeat;} .baker{background:url(//cstatic.transgourmet.fr/images/bgd-zoom-04.gif) no-repeat;} .illusZoom h4{ padding:10px 0 5px 12px;} .illusZoom h5{color:#e40115; font-weight:bold;padding:0px 0 5px 12px;} .illusZoom p, .illusZoom ul{ padding:0 0 0 12px; font-size:11px;width:170px;} .illusZoom ul li a{color:#e40115;} .formContent{ z-index:90; height:464px; top:950px; width:954px; z-index:90; position:absolute} .formContent p{font-size:12px;} .highlightform{width:946px; padding:0 0 0 6px;} .highlightTopForm{ background:url(//cstatic.transgourmet.fr/images/bgd_topform03.gif) no-repeat; width:946px; height:26px; display:block;} .highlightContentForm{ background:url(//cstatic.transgourmet.fr/images/bgd_contentform03.gif) repeat-y; width:946px; overflow:hidden;height:412px;} .highlightBottomForm{background:url(//cstatic.transgourmet.fr/images/bgd_bottomform03.gif) no-repeat; width:946px; height:29px;} .infoForm{ float:left; width:623px; background:#FFFFFF url(//cstatic.transgourmet.fr/images/bgd_form02.gif) repeat-x; margin:0 10px 0 10px; } .infoForm form{ padding:0 0 0 15px;} .infoForm form h3{color:#da1011; padding:0 0 5px 0; font-size:13px;} .infoForm form fieldset{ width:583px; overflow:hidden; padding:20px 0 0 0;} .infoForm form fieldset span{ color:#d70101;} .infoForm form fieldset ol{ margin:15px 0 0 0;} .infoForm form fieldset ol li{ float:left; padding:0px 30px 0 0; height:35px;} .infoForm form fieldset .activite{ float:left; padding:0px 25px 0 0; height:35px;} .infoForm form fieldset ol li label{ width:85px;margin:0;height:5px; float:left; font-weight:bold;} .infoForm form fieldset ol li input{border:1px solid #aaaeaa; width:170px;} .infoForm form fieldset .mail{ float:right;padding:0px 0px 0 0; width:296px;} .infoForm form fieldset .adresse{ height:50px;} .infoForm form fieldset .message{ clear:both; padding:0px 0 0 0; float:none; overflow:hidden; height:75px;} .infoForm form fieldset .message textarea{width:477px; float:left;height:60px;border:1px solid #aaaeaa; } .infoForm form fieldset .sub{ float:none; } .infoForm form fieldset .inscription{ background:url(//cstatic.transgourmet.fr/images/btn_suscribe.jpg) no-repeat; width:84px; height:28px; border:none; float:right; cursor:pointer; display:block;} .customerform{float:left; width:292px;} .subscribe{ background:url(//cstatic.transgourmet.fr/images/bgd_become.gif) no-repeat; height:75px; width:182px; margin:0 30px; padding:20px 0 0 40px; clear:both;} .subscribe h4{ font-weight:bold; font-size:13px; color:#da1011;} .subscribe a{ color:#4d4c4d;} .highlightGift{ width:222px; margin:0 30px;} .frmType01 li p.space { width:263px; height:8px; color:#FF0000; font-size:10px; left:0px; padding:0 0 0px 0; margin:0; float:none;} .frmType01 fieldset li p { width:160px; color:#FF0000; font-size:10px; margin:0; padding:0 0 0 85px; float:left; position:relative; display:none} /******* Offres et Services ********************************/ /************Bandeau***********/ .highlight_offres {height:191px; width:530px; text-align:center;} .illusMenu {width:391px; display:inline; float:right;} .menuOffres { background:transparent url(//cstatic.transgourmet.fr/images/fond-rouge.jpg) no-repeat scroll 0 0; height:191px; width:139px; float:right; display:inline;} .menuOffresBio { background:transparent url(//cstatic.transgourmet.fr/images/fond-vert.jpg) no-repeat scroll 0 0; height:191px; width:139px; float:right; display:inline;} .menuOffres p, .menuOffres ul, .menuOffresBio p, .menuOffresBio ul{padding:5px 5px 0 8px; color:#FFF;} .menuOffres ul, .menuOffresBio ul {margin: 0px 0 0 0;} .menuOffres li a, .menuOffresBio li a {color:#FFF; font-weight:normal;} .menuOffres li a:hover, .menuOffresBio li a:hover {color:#000;font-weight:normal;} .menuOffres li a:active, .menuOffresBio li a:active {color:#rrr;} .menuOffres li, .menuOffresBio li {font-weight:bold;} .menuOffres li a, .menuOffresBio li a {background:transparent url(//cstatic.transgourmet.fr/images/puce-offres.gif) no-repeat scroll 0 3px; padding: 0 0 0 10px;} .menuOffres li a:hover, .menuOffresBio li a:hover {background:transparent url(//cstatic.transgourmet.fr/images/puce-offres-black.gif) no-repeat scroll 0 3px; padding: 0 0 0 10px;} /******************Contenu Offres et services********************/ .contenuOffres h1{ font-size:13pt ; color:#f11101; text-transform:uppercase; padding:10px 0 0 0;} .contenuOffres a{text-decoration:underline;} .plusTgt {float:left; width:223px; background: transparent url(//cstatic.transgourmet.fr/images/plus-transgourmet.gif) no-repeat scroll; margin: 20px 0 20px 0;} .plusTgt p {padding : 30px 20px 0 0; text-align:justify;} .plusTgt ul {padding:0 20px 0 0; text-align: justify;} .plusTgt li, .blocDroit li {background:transparent url(//cstatic.transgourmet.fr/images/icon-li-type.gif) no-repeat scroll 0 5px; margin: 5px 0 0 0; padding: 0 0 0 10px;} .blocProduit {float: left;width:303px; margin: 0 0 20px 0;} .blocProduit2 {background: transparent url(//cstatic.transgourmet.fr/images/bloc-Produit.gif) no-repeat scroll right;width:303px; height:93px; margin: 20px 0 0;} .blocProduit2 h2 {padding: 0;} .blocProduit2 div {width:190px; float:left; position: relative; padding: 2px 0 0 5px;} .blocProduit2 img {float:left;} .blocProduit2 p, .blocInfo p {color: #5d5d5d;text-align:justify;} .blocInfo {clear:both; background: transparent url(//cstatic.transgourmet.fr/images/bloc-Info.gif) no-repeat scroll; float:left;width:530px;height: 141px; padding:6px 5px;} .blocInfo div {width:375px; float:left; padding: 0 0 0 20px;} .blocInfo img {float:left; align:center;} .catalogue {background:transparent url(//cstatic.transgourmet.fr/images/bgd-line-02.gif) repeat-x scroll 0 bottom; width:530px; float:left;padding: 0 0 20px 0;} .catalogue img {float:left;} .catalogue div { float:right; width:450px;} .catalogue a {text-decoration:underline; color:#5d5d5d;} .catalogue a:hover {text-decoration : none;} .blocCmd {background: transparent url(//cstatic.transgourmet.fr/images/camion.gif) no-repeat scroll right 20px; width:530px;height:100px;clear:both;} .blocCmd p {padding : 0 150px 0 0;} /********************************Accueil Offres et Services*****************************/ .illusFlash {text-align: center;} .blocContenu h1 {font-size:13px; margin:0 0 15px; text-transform:none;} .blocContenu h3 {font-size:13px; margin:0 0 15px;} .blocContenu {width:530px;} .blocGauche {width:253px;float:left;padding:0 10px 0 0;} .blocDroit {width : 253px; float:left;margin: 0 0 40px 0;padding: 0 0 0 10px;} .blocDroit ul {margin: 0 0 10px 0;} .blocDroit h2 {color:#F11101; padding:0px;} .blocDroit a {text-decoration: underline;} .blocDroit a:hover {text-decoration : none;} .coupCoeur {background: transparent url(//cstatic.transgourmet.fr/images/coup-coeur-visu.jpg) no-repeat scroll 0 0; width 530px; height: 133px; clear:both; border:solid 1px;} .coupCoeur div {padding :5px 35px 0 210px;} .coupCoeur p, .coupCoeur h2, .coupCoeur h3{color: #FFFFFF; padding:0; margin:0;} .coupCoeur p {padding:10px 0 0 0;} .coupCoeur h2{font-size:16px;} /*****************************SHOWROOM TEASING************************************/ .hightlightShowroom { width:519px; padding:0 10px 10px 0; margin:0 0 15px 0; float:left; overflow: hidden; background: url(//cstatic.transgourmet.fr/images/bgd_botTit.gif) 0 bottom no-repeat; } .hightlightShowroom dl { color:#FFF; font-size:1.4em; float:left; background:url(//cstatic.transgourmet.fr/images/bgd_lineTit.gif) 0 0 repeat-y; margin:10px 0 0 30px; padding:0 0 0 10px; display:inline} .hightlightShowroom dt h1{ font-weight:bold; text-transform:uppercase} .hightlightShowroom h1 {font-size:1em; color:#ffffff; font-weight:bold; text-transform:uppercase;} .hightlightShowroom dd {font-weight:normal; font-size:0.8em} .blocContenu h1 {font-size:13px; margin:0 0 15px; text-transform:none;} .backShow { background:transparent url(//cstatic.transgourmet.fr/images/backShowroom.gif) no-repeat scroll 0 0; height:130px; width:124px; float:left; display:inline; margin:10px 0px 10px 3px;} .backShow img {margin: 22px 3px 10px 9px;} /***************************** ID MENU ************************************/ .blocDroitID {width : 253px; float:left; padding: 0 0 0 10px; display:block;} .blocGaucheID {width:253px;float:left;padding:0 10px 0 0;display:block;} .blocID1 {background:transparent url(//cstatic.transgourmet.fr/images/blocID1.jpg) no-repeat scroll 0 0; height:195px; width:237px; margin:0px 0px 20px 0px;align:center;padding-left:10px;} .blocID2 {background:transparent url(//cstatic.transgourmet.fr/images/blocID2.jpg) no-repeat scroll 0 0; height:195px; width:237px; margin:0px 0px 20px 0px;align:center;padding-left:10px;} .blocID3 {background:transparent url(//cstatic.transgourmet.fr/images/blocID3.jpg) no-repeat scroll 0 0; height:195px; width:237px; margin:0px 0px 20px 0px;align:center;padding-left:10px;} .blocID4 {background:transparent url(//cstatic.transgourmet.fr/images/blocID4.jpg) no-repeat scroll 0 0; height:195px; width:237px; margin:0px 0px 20px 0px;align:center;padding-left:10px;} .blocID1 p, .blocID4 p{ padding-top: 65px; padding-right: 20px; padding-left: ; padding-bottom:20px;} .blocID2 p, .blocID3 p{ padding-top: 75px; padding-right: 20px; padding-left: ; padding-bottom:20px;} a.blocID1, a.blocID2, a.blocID3, a.blocID4 {margin : 30px 13px 0px 0px;} .basID {background:transparent url(//cstatic.transgourmet.fr/images/devenez-client-background.gif) no-repeat scroll 0 0; height:49px; width:506px; clear:both; margin: 0 0 0 5px;} .basID2 {background:transparent url(//cstatic.transgourmet.fr/images/commandez-background.gif) no-repeat scroll 0 0; height:49px; width:506px; clear:both; margin: 0 0 0 5px;} .basID img {position:absolute; margin:7px 0 0 355px;} .basID2 img {position:absolute; margin:7px 0 0 317px;} .basID p, .basID2 p{color:white; display:inline; position:absolute; margin:17px 0 0 20px; font-weight: bold;} .hautID{margin-left:auto; margin-right:auto;} .accrocheID {background:transparent url(//cstatic.transgourmet.fr/images/top-background-ID.jpg) no-repeat scroll 0 0; height:42px; width:508px; margin: 0 0 20px 0;} .accrocheID h1{color:white; font-size:16px; text-align:center;} /*****************************Gallerie Photos************************************/ .photoView div {float:left; } .photoView a {text-decoration:underline;} .photoView a:hover {text-decoration : none;} .largePic {margin: 5px 15px 5px 0px;width:250px;} .longPic {width:167px; margin: 5px 8px 5px 0;} /*************************Securite mot de passe *******************************/ #estimation{ width:160px; height:15px; margin:0px !important; } .degre { /* les cases du vumetre */ border: 1px solid #ccc; margin: 4px 0 0 2px !important; height: 0.5em; width: 16px; float: left; } #confiance0 { /* texte précédent les cases */ border: 0; color: #fff; /* blanc sur blanc tant que vumetre_mdp() n'est pas appelé */ line-height: 0.5em; width: 12em; margin:0px !important; } /***********************************************Showroom*******************************/ #banniere{ width:529px; height:90px; background: transparent url(//cstatic.transgourmet.fr/images/showroom/showroom_banner.jpg) no-repeat scroll 0 0; text-align:center; padding-top:66px; font-family:Arial; color :#d50002; font-size:12px; font-weight:bold; } #brandSearch{ width:529px; height:33px; background: transparent url(//cstatic.transgourmet.fr/images/showroom/search_background_1px.gif) repeat-x scroll 0 0; font-family:Arial; color :#ffffff; font-size:11px; font-weight:bold; } #libSearch{ margin-left:14px; margin-top:9px; float:left; } #formSearch{ margin-left:6px; margin-top:8px; float:left; } #btSearch{ margin-left:6px; margin-top:8px; float:left; } .separator{ margin-top:10px; background: transparent url(//cstatic.transgourmet.fr/images/showroom/top_1px_cadre.gif) repeat-x scroll 0 0; height:5px; } #title{ text-align:center; color :#d80002; font-size:30px; font-weight:bold; font-family:Times New Roman; } #family{ text-align:center; color :#d80002; font-size:30px; font-weight:bold; font-family:Times New Roman; } #contentCont #brandResults{ float:left; width:530px; } #contentCont #brandResults .brandResultsRule{ width:529px; text-align:right; margin-top:10px; margin-bottom:10px; } #contentCont #brandResults .brandResultsRule a{ color:#000000; font-size:12px; } #contentCont #brandResults .brandResultsRule a.selected{ color:#e20026; text-decoration:underline; font-weight:bold; } #contentCont #brandResultsDisplay .brand{ width : 529px; height : 105px } #contentCont #brandResultsDisplay .brandLogo { width : 129px; height :100px; float : left; } #contentCont #brandResultsDisplay .brandInfo { width : 400px; height :100px; float : left; } #contentCont #brandResultsDisplay .brandName{ width : 400px; height:23px; font-family:Arial; color :#000000; font-size:14px; font-weight:bold; } #contentCont #brandResultsDisplay .brandSummary{ width : 400px; height:60px; font-family:Arial; color :#5b5c5d; font-size:11px; } #contentCont .brandDetail{ width : 141px; height : 16px; background: transparent url(//cstatic.transgourmet.fr/images/showroom/btn_voir_fiche.png) no-repeat scroll 0 0; padding-left:4px; padding-top:2px; } #contentCont .brandDetail a{ font-family:Arial; color :#ffffff; font-size:10px; font-weight:bold; } #contentCont #brandResultsDisplay .separator{ margin-top:10px; background: transparent url(//cstatic.transgourmet.fr/images/showroom/1px_trait_separateur.gif) repeat-x scroll 0 0; height:5px; } #retour { height:25px; } #retour a { font-family:Arial; color :#000000; font-size:10px; font-weight:bold; text-decoration:underline; } #contentCont #brandDetails #brandInfos { padding-top:10px; padding-left:10px; min-height:95px; border : solid 1px; margin-bottom : 10px; } #contentCont #brandDetails #brandInfos #brandLogo { width:122px; height:75px; float:left; } #contentCont #brandDetails #brandInfos #brandName { font-family:Arial; color :#525052; font-size:18px; margin-left : 10px; width:395px; } #brandName h1{font-family:Arial; color :#525052; font-size:18px; font-weight:normal; } #contentCont #brandDetails #brandInfos #brandDescription { color:#525052; font-family:Arial; font-size:11px; margin-left:5px; margin-right:15px; margin-top:5px; padding-bottom:5px; text-align:justify; ; } #brandProductDisplay { width:530px; float:left; } #brandProductDisplay li { list-style:none; width:265px; float:left; min-height:130px; -height:130px; } #brandProductDisplay li .listProducts_image{ width:75px; float:left; } #brandProductDisplay li .listProducts_label{ width:170px; margin-left:10px; float:left; } #brandProductDisplay .listProducts_label dt h2{ font-weight:bold; font-family:Arial; font-style:normal; font-size:11px; color: #7C7A7B; text-transform:uppercase; padding:0; margin:0; } #contentCont #brandProductDisplay li .separator{ margin-top:125px; background: transparent url(//cstatic.transgourmet.fr/images/showroom/1px_trait_separateur.gif) repeat-x scroll 0 0; height:5px; width:255px; } #productHeader{margin:0 0 20px 0;} #productHeader h4{color:#FCB044; padding:3px 0 0 0; clear:right;} #productHeader p{font-size:10px;} #productHeader div{margin:0 0 0 45px; padding:0;} #productHeader a{} #productHeader .productHeaderIco { float:left; width:30px; height:30px; padding:5px; margin:0; text-align:center; } .ficheProduit {margin-top:20px;} .ficheProduit h3 {font-size:14px; text-transform:uppercase; padding:0 0 20px 0;} .ficheProduit h4 {font-size:12px; text-transform:uppercase; padding:0 0 20px 0;} .ficheProduit ul {width:526px; overflow:hidden; padding:0;} .ficheProduit li{display:inline; float:left; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bullet_02.gif) no-repeat; padding:0 2px 0 8px;} .ficheProduit li img {color:#2D9400; float:left;} .ficheProduit .btnImprimer { float:right} #head_produitsListe .ficheProduit li span{font-weight:bold; font-size:12px; color:#2D9400; line-height:18px; text-decoration:none;} .ficheProduit .first {background:none; padding-left:0} #head_produitsListe .commandezProduits{font-size:15px; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_serperator_02.gif) repeat-x; padding:10px 0 0 0; margin:30px 20px 0 0; display:block;} #head_produitsListe .commandezProduits strong {display:block;} .produitFiche {width:512px; overflow:hidden; padding:8px 0 8px 0;} .produitFiche form { width:auto; background:none; padding:0; margin:0;} #head_produitsListe .produitFiche img {padding:0; overflow:hidden} .produitFiche .clientSelection {width:251px; float:left; margin:0 0 0 16px; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_dot.gif) bottom repeat-x; padding:0 0 12px 0; } .produitFiche .listProducts_image { width:236px; padding:0; height:236px; float:left; } .produitFiche .dansCadencier .nonDisponible_layer {background-color:#FFFFFF; width:241px; height:25px; border:0; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); margin:218px 1px 0 2px; } .produitFiche .listProducts_image .produit_illus { position:absolute; z-index:0; } .produitFiche .dansCadencier .produit_illus { border:2px solid #595858; } .produitFiche .dansCadencier .listProducts_infos { width:241px; height:25px; margin:210px 1px 0 2px; padding:15px 0 0 0;} .produitFiche .dansCadencier .listProducts_infos span { background:0; display:inline; } .descriptionProduct {margin:0 0 10px 0; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_description_top.gif) 0 26px no-repeat;} .descriptionProduct h3 { color:#FFF !important; font-size:12px; width:132px; height:31px; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_tit_ficheProduit.gif) no-repeat; padding:5px 0 0 10px;} .descriptionProduct ul {float:left} .descriptionProduct .ingredients { float:none; } .descriptionProduct .textOnly{padding:5px 0 0 25px} #head_produitsListe .descriptionProduct ol.ingredients {width:480px; padding:0 0 10px 0; margin:0; float:left; display:inline;} #head_produitsListe .descriptionProduct .ingredients li { width:auto; display:block; border:none; float:left; padding:0 5px 0 0} .descriptionBottom { background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_description_bottom.gif) no-repeat; width:522px; height:10px; overflow:hidden; margin:0 0 10px 0; } .contentdescription {background:#FFECC7; width:480px; border-left:1px solid #f99b45; border-right:1px solid #f99b45; padding:12px 20px 0 20px; overflow:hidden; } #head_produitsListe .contentdescription h4 { width:460px; color:#525052; padding:0 0 5px 0;} .contentdescription div{width:480px; padding:0; float:left;} .contentdescription div p{padding:0 0 15px 0;} .contentdescription div strong{text-transform:uppercase;} .contentdescription .last{width:190px; padding:10px 0 0 0} .contentdescription .valeurNutri{ width:auto; float:none; padding:5px 10px;} #head_produitsListe .contentdescription .valeurNutri h4{font-size:11px; color:#525052; } .contentdescription .valeurNutri th{font-weight:bold; border-right:1px solid #FFFFFF; width:100px} .contentdescription .valeurNutri td{border-right:1px solid #525052; padding:5px 5px 5px 10px ;} .contentdescription .valeurNutri .last{border-right:none; width:100px;} .contentdescription .recipe{width:480px; padding:0 0 10px 0; float:none; overflow:hidden;} #head_produitsListe .contentdescription .recipe img{float:left!important; margin:0 20px 0 0; padding:0;} #head_produitsListe .contentdescription .recipe ul{font-size:10px; float:left; width:163px; padding:0} .contentdescription .recipe strong{font-size:11px;} #head_produitsListe .contentdescription .recipe li{background:none; text-transform:uppercase; display:block; float:none; padding:0;} #head_produitsListe .contentdescription .recipe .ingreLast{color:#FFFFFF; background:#F8A851; width:116px; border:1px solid #e1d7bf; padding:8px;} #head_produitsListe .contentdescription ol li{font-size:10px; background:none; float:left; width:160px; display:inline; line-height:15px; padding:0 20px 0 0;} #head_produitsListe .contentdescription ol .next{padding:0 30px 0 0; width:140px;} #head_produitsListe .contentdescription ol .last{padding:0; width:130px;} /**************************Fin show room *****************************************************************************/ /*********************Showroom Acueil*************************************/ #linkBloc {margin:10px 15px 0px 15px; height: 162px; position:relative;display: block;} #showroomBloc {background: transparent url(//cstatic.transgourmet.fr/images/showroom-vignette.gif) no-repeat scroll 0 0;height:162px; width:224px; position: absolute;} #partenairesBloc {background: transparent url(//cstatic.transgourmet.fr/images/partenaire-vignette.gif) no-repeat scroll 0 0;height:162px; width:224px; float:right;} #showroomBloc a, #partenairesBloc a {text-transform: uppercase; color: #cd0003; font-size: 10px; position: absolute;} #showroomBloc img {margin:0; padding: 0; position:absolute;} #showroomBloc a {margin: 140px 38px 0px 35px; position: absolute; display: inline;} #partenairesBloc a {margin: 117px 5px 0px 25px; position: absolute; display: inline;} #partenairesBloc .btn2 a {margin: 139px 5px 0 36px; position: absolute; display: inline;} /*********************Bandeau du Bas en Home Page***********************/ .imgHome {background:transparent url(//cstatic.transgourmet.fr/images/collection-ete-13bkg.jpg) no-repeat scroll 0 0; height:152px; width:731px;} #btnCollection {margin:45px 320px 0px 180px;} #btnRecettes {margin: 80px 320px 0px 180px;} #btnCollection, #btnRecettes {position: absolute;} /***** js.css ***/ #contacts, #delivery, #purchase {display:none;} #main.catalogHome #contacts, #main.catalogHome #delivery {display:block !important;} #lev2SubType div.smScrollContent {width:170px; overflow:hidden; display:none;} .ajaxMenu div {display:none;} .ajaxMenu div#highlightMain, .ajaxMenu div.smScroller {display:block;} .blockBeneath {display:none;} .hide {display:none;} #alertBox {border:1px solid #ccc; width:369px; text-align:center; background-color:#f7f7f7; padding:10px; position:absolute; left:0; top:0; z-index:1001; display:none;} #alertBox .abExitBtn {float:right;} #alertBox p { font-size:18px; color:#e20025; font-weight:bold; padding:15px 0 0 0; width:339px } #alertBox p.popupButtonsContent {padding:0; float:left;} #alertBox .iconError { padding:10px 0 0 0;} #alertBox .confirmBtn {color:#ffffff; font-weight:bold; font-size:14px; width:100px; height:25px; line-height:25px; background:#e20025; border:2px solid #e20025; text-align:center; margin:20px 0 0 126px; display:inline; text-decoration:none; float:left;} #alertBox .confirmBtn:hover {color:#e20025; background:none;} /***** Login Page ************/ #mainLogin{ width:983px; margin:0 auto; -margin:-3px auto; padding:0px 0; overflow:hidden;} #shadowContainerLogin {min-height:30px;} #corporateLogin { padding:0; float:left; margin:0; overflow:hidden;} #contentMainLogin h3 {padding:0px; text-align:center; text-transform:none; font-family:Arial; font-weight:bold; font-size:20px; color:#6f6f6f; /*font-size:14px; font-weight:bold;color:#6f6f6f;width:423px;*/} #contentMainLogin h3 span{font-family:Arial; font-size:32px; /*color:#e30026;*/} #contentMainLogin h4 {font-size:12px; margin-bottom:10px; text-align:center; width:425px;} #contentMainLogin a {/*text-decoration:underline;*/} #contentMainLogin a#mailEquilibreLink, #contentMainLogin a#mailRestoCoLink, #contentMainLogin a#mailHygieneLink{text-decoration: none;} #contentMainLogin form{display: inline-block;/* text-align:center;*/} #contentMainLogin #loginForm {float: left;} #contentMainLogin a:hover{text-decoration:underline;} #customerLogin label{margin:0px;} #customerLogin {margin-top: 45px; color:#6f6f6f; height: 545px; margin-left: auto; margin-right: auto;} #customerLogin .btn{margin-top: 20px; margin-bottom: 17px;height: 40px;line-height: 40px;width:70px;text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; border: 1px solid #333333;text-transform: uppercase;} #customerLogin > *{text-align:center;} #customerLogin ol {/*margin-bottom:10px;*/} #customerLogin li {/*width:283px;margin-bottom:5px;*/} #customerLogin li input[type ="text"], #customerLogin li input[type ="password"]{font-weight:bold; padding-top: 10px; padding-bottom: 10px;padding-left: 10px; border:1px solid #46404d; background-color:#fff; font-family:Arial; font-style : italic; font-size:14px; color:#46404d;} #customerLogin li ::-webkit-input-placeholder { color:#6f6f6f; } #customerLogin li ::-moz-placeholder { color#6f6f6f; } /* firefox 19+ */ #customerLogin li :-ms-input-placeholder { color:#6f6f6f; } /* ie */ #customerLogin li input:-moz-placeholder { color:#6f6f6f; } #customerLogin #changePasswordPanel input[type ="password"]{ } #customerLogin li.inputLogin input{width: 375px;margin-bottom: 17px;margin-top: 15px;} #customerLogin li.inputLogin input.email {float: left; } #customerLogin li input[type ="text"]{margin-right:15px; } #customerLogin li.memory{margin-top:17px; /*font-family:Arial; font-size:12pt; color:#6f6f6f;*/} #customerLogin li.center.memory{/*width:560px*/; margin-left:auto; margin-right:auto; float: left; clear: left;} #customerLogin li.center{/*width:560px*/; margin-left:11.5px; margin-right:auto; float: left; clear: left;} #customerLogin p{text-align:center; /*width:425px;*/} #customerLogin a:hover{text-decoration:none;} #customerLogin a{ text-decoration: underline; color: #444444; font-size: 11px; font-family: Arial; } #customerLogin li.inputLogin {float:left;} #customerLogin li.inputLogin label{color:#46404d;} #customerLogin li.inputLogin #email {float:left;;margin-top: 15px;margin-bottom:17px} #customerLogin li.inputLogin #password {float:left;clear: left;margin-top: 15px;margin-bottom: 10px;} #customerLogin #getPasswordPanel li {/*width:317px;*/ overflow:hidden;margin:20px 0 5px;} #customerLogin #changePasswordPanel li{width:400px; margin:auto;} #customerLogin #changePasswordPanel label{color: #46404d;width: auto;margin-bottom: 17px;margin-top: 15px;} #customerLogin #changePasswordPanel #btOk{float:right;margin-left: 7px;} #customerLogin #sendActivationPanel li { overflow:hidden;margin:20px 0 5px;} #customerLogin #getPasswordPanel, #customerLogin #loginProcessPanel, #customerLogin #loginPanel, #customerLogin #changePasswordProcessPanel, #customerLogin #sendActivationPanel, #customerLogin #emailProcessPanel, #customerLogin #changePasswordPanel, #customerLogin #reactivationProcessPanel, #customerLogin #captchaPanel, #customerLogin #captchaProcessPanel{ min-height:300px;width: 500px;float: right;} #customerLogin #getPasswordPanel, #customerLogin #loginProcessPanel, #customerLogin #changePasswordProcessPanel, #customerLogin #sendActivationPanel, #customerLogin #emailProcessPanel, #customerLogin #changePasswordPanel, #customerLogin #reactivationProcessPanel, #customerLogin #captchaPanel, #customerLogin #captchaProcessPanel{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #contentMainLogin p {font-size:12px; margin:10px 0 20px;} #customerLogin #loginPanel p {font-size:12px;margin:0;} #customerLogin #accountForm { background:none; padding:0; height:auto;} #customerLogin #accountForm li#labelLogin { padding-bottom: 8px; font-family: Arial; font-weight: bold; font-size: 22px; color: #333333; width: 76px; } #customerLogin #accountForm #rightSideLogin {float: right; width: 440px} #customerLogin #accountForm #filetVertical { border: solid 1px #dedee0; height: 226px; width: 0px; float: left; } #customerLogin #accountForm #content { /*padding-left: 25px; padding-bottom: 80px; width: auto;*/ } #customerLogin #accountForm #noAccountLabel { font-family: Arial; font-weight: bold; font-size: 22px; color: #333333; margin-bottom: 20px; margin-top: 30px; } #customerLogin #accountForm #isCustomerLabel { font-family: Arial; font-size: 14px; color: #46404d; } #customerLogin #accountForm #createEgourmetAccountLabel { font-family: Arial; font-weight: bold; font-size: 12px; color: #6f6f6f; width: 244px; margin-bottom: 10px; display: none; } #customerLogin #accountForm #rightSideLogin #content a {display: none;} #customerLogin #accountForm #rightSideLogin #content input {border: none;} #customerLogin #accountForm #rightSideLogin #content #isCustomerButtonContainer {/*margin-top: 35px;margin-bottom: 15px;*/} #buttonNo{margin-left: 10px} #customerLogin div {/*min-height:300px; width:437px;height:224px; padding:15px 0 0px 30px; background:url(//cstatic.transgourmet.fr/images/bloc_droit.png) 0 0% no-repeat;*/} /*#customerLogin div div{ background:none; padding:0; margin:18px 0px !important; margin:18px 0px;height:auto;}*/ #customerLogin div div.description{margin:0 18px !important; margin:0 8px;} #customerLogin span { color:#c4081c; } #customerLogin label {display:inline-block; width:180px;font-size:14px;} #customerLogin #loginPanel label {width:150px;} #customerLogin .resultFailed label {width:250px;} #customerLogin .resultFailed, #customerLogin .resultFailedDesactive {margin: 0 auto; width: 425px;} #customerLogin #btOk {/*margin-left:20px;*/ border:none;} #customerLogin #securite label {width:145px;} #customerLogin div div#estimation{ width:160px; height:15px; padding-left: 110px; margin:0 10px 0 0 !important; } #customerLogin div div.degre { /* les cases du vumetre */ border: 1px solid #ccc; margin: 4px 0 0 2px !important; height: 0.5em; width: 16px; float: left; } #customerLogin div div#confiance0 { /* texte précédent les cases */ border: 0; color: #fff; /* blanc sur blanc tant que vumetre_mdp() n'est pas appelé */ line-height: 0.5em; width: 12em; margin:0px !important; } #noCustomer {margin-top:10px; margin-bottom:30px; height:310px;} #noCustomer .noCustomer{width:270px;/* border: 1px solid green;*/ float:left; /*margin-left:40px;*/} #noCustomer .noCustomer h4{width:230px; font-size:14px; color:#6f6f6f;text-transform:none;} #noCustomer .noCustomer ul{margin-top: 15px; margin-bottom: 20px;} #noCustomer .noCustomer li{position: relative;font-family:Arial; text-align:left; font-size:12px; color:#5c5c5c; margin :10px 0 0 5px; width:205px; padding:0px 0 0 36px; display:block;} #noCustomer div.reference{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat; position: absolute; top:5px; left:0px;} #noCustomer div.contact{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -51px 0; position: absolute; top:5px; left:0px;} #noCustomer div.promo{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -34px 0; position: absolute; top:5px; left:0px;} #noCustomer div.percent{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -17px 0; position: absolute; top:5px; left:0px;} #noCustomer div.menus{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -16px -16px; position: absolute; top:0px; left:0px;} #noCustomer div.budget{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -35px -16px; position: absolute; top:0px; left:0px;} #noCustomer div.accompagnement{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat 0 -16px; position: absolute; top:0px; left:0px;} #noCustomer div.simplifie{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -51px -16px; position: absolute; top:0px; left:0px;} #noCustomer div.quality{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -17px -34px; position: absolute; top:0px; left:0px;} #noCustomer div.accompaniment{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -51px -36px; position: absolute; top:5px; left:0px;} #noCustomer div.service{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat 0 -35px; position: absolute; top:0px; left:0px;} #noCustomer div.delivery{width: 17px; height:17px; background:url(/images/pictos-4x3.png) no-repeat -34px -35px; position: absolute; top:0px; left:0px;} #noCustomer a{font-size:12px; color:#e30026;} #noCustomer h4{text-align:left;} #noCustomer #noCustomerEgourmet{margin-left:25px;} #noCustomer #noCustomerEgourmet h4{text-align:left;} #noCustomer #noCustomerEquilibre a{color:#851d8d;} #noCustomer #noCustomerEquilibre{border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding-left:35px;margin-right:35px} #noCustomer #noCustomerEquilibre h4{text-align:left;} /********************************************************/ #homeMain{ width:953px; overflow:hidden; margin:auto; background-color:#e0e0e0;border-right:1px solid #808080;} #mainContent{ width:517px; margin:auto; overflow:hidden;} #mainContent h3{ color:#d52728; font-size:13px; margin:0 0 30px 0;} .higlightparagraph{ width:252px; float:left;} .higlightparagraph p{ font-size:11px;} .highlightList{ width:238px; margin:0 0 0 25px; float:left; font-size:11px;} .highlightList h4{color:#d52728; font-size:13px; margin:0 0 20px 0;} .highlightList ul li{ background:url(//cstatic.transgourmet.fr/images/illus_li.gif) 0 6px no-repeat; padding:0 0 8px 20px; font-weight:bold; font-size:11px;} .highlightList a{ text-decoration:underline; font-weight:bold;color:#5D5D5D;} .highlightList a:hover{ text-decoration:none;} #mainContent .highlightwide{ width:501px; height:136px; background:url(//cstatic.transgourmet.fr/images/bgd_chocolate.jpg) no-repeat; overflow:hidden; color:#FFFFFF; margin:60px 0 0 0;} #mainContent .highlightwide h4{ font-size:18px; font-weight:normal;} #mainContent .highlightwide h5{ font-size:16px; font-weight:normal;} #mainContent .highlightwide div{ float:right; width:303px; padding:5px 5px 0 0;} #mainContent .highlightwide div p{ font-size:11px; padding:5px 0 0 0;} #mainContent .highlightwide02{ width:503px; height:145px; background:url(//cstatic.transgourmet.fr/images/bgd_macaraon.gif) no-repeat; overflow:hidden; margin:10px 0 0 0;} #mainContent .highlightwide02 h4{ font-size:12px; font-weight:normal; color:#d70101; font-weight:bold; padding:15px 0 0 0;} #mainContent .highlightwide02 div{ width:323px; padding:10px 5px 0 10px;} #mainContent .highlightwide02 div p{ font-size:11px; padding:20px 0 0 0;} #mainContent .bottomNav{ float:right; width:100px; margin:40px 0 0 0;} #mainContent .bottomNav a{ float:right; background:url(//cstatic.transgourmet.fr/images/illus_next.gif) 68px 2px no-repeat; color:#7c7a7a; text-decoration:underline; font-size:10px; padding:0 15px 0 0;} #mainContent .bottomNav a:hover{ text-decoration:none;} #mainContent .illushighlight{ width:503px; height:225px; background:url(//cstatic.transgourmet.fr/images/bgd_highlightchoco.jpg) no-repeat; overflow:hidden; color:#FFFFFF;} #mainContent .illushighlight div{ float:right; width:129px; padding:10px 0px 0 10px;} #mainContent .illushighlight div h3{ font-size:11px; color:#FFFFFF; font-weight:bold; margin:0;} #mainContent .illushighlight div h4{ font-size:11px; font-weight:normal; } #mainContent .illushighlight div ul{ padding:40px 0 0 0} #mainContent .illushighlight div ul li{ background:url(//cstatic.transgourmet.fr/images/illus_li02.gif) 0 4px no-repeat; padding:0 0 0 15px;} #mainContent .illushighlight div ul li a{ color:#FFFFFF;} #lev3{width:199px; background-color:#e0e0e0; position:absolute;right:35px;top:102px; height:811px; border:1px solid #808080; padding:10px 0 0 0px; overflow:hidden;} #lev3 h4{ font-weight:bold;color:#e40115; font-size:12px; padding:10px 0 0 8px;} .advantage{ padding:10px 0 0 8px;} .advantage div{ font-size:13px; font-weight:bold; width:186px; overflow:hidden; padding:0 0 5px 0;} .advantage div img { float:left; padding:0 5px 0 0;} .advantage div p{ padding:5px 0 0 0; float:left;} .advantage div .last{ padding:0;} .advantage div p span{color:#e40115;} /* IMAGE CADEAU */ #img_cadeau {width:290px;padding-top:15px;} /* FORMULAIRE */ #form_left {width:580px;float:left;padding:25px 25px 0 38px;} #shadow_top2{background-image:url(//cstatic.transgourmet.fr/images/nav-1px-bis.gif);-background-repeat:no-repeat;background-repeat:repeat-x; background-position: 0px 67px;background-attachment:scroll;-height:0px} /*Nouvelle page Creation Compte */ .creationCompte { padding:0; } .creationCompte .headerBottom { border:none;width:900px;padding:10px 13px; margin:100px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottom h4{float:left;width:auto} .creationCompte .headerBottom p{font-size:18px;color:#ff1805;width:880px} .creationCompte .infoForm a{text-decoration:underline;} .creationCompte .infoForm span.pasCli{font-size:10px;color:#000000;text-transform:none;} .creationCompte .headerBottomNv3 { border:none;width:972px; margin:15px 5px 0; overflow:hidden;float:left;} .creationCompte .headerBottomNv3 .middle3 .texte {width:920px;height:120px;} .creationCompte .headerBottomNv3 .middle3 .texte p{color:#5d5d5d;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .creationCompte .headerBottomNv3 .middle3 .texte h4{color:#c4081c;font-size:14px;font-weight:bold;margin-bottom:4px;} .creationCompte .headerBottomNv3 .middle3 .texte h5{color:black;font-size:12px;margin-bottom:4px;} .creationCompte li {display:inline; padding:0 5px 0 0; } .creationCompte p { font-size:13px;} .creationCompte p span { font-size:10px; display:block;color:#ff0000;margin:5px 0 15px 0;} .creationCompte .form { width:610px; border:#ff1100 solid 1px; padding:10px; margin:0 15px 0 0; overflow:hidden; float:left;font-weight:bold;} .creationCompte div {float:left;} .creationCompte div.last {margin-right:0;} .creationCompte .infoForm{font-size:16px;color:#5d5d5d; text-transform:uppercase; font-weight:bold;width:600px} .creationCompte .infoForm span{color:#ff1805;font-size:16px;width:auto;display:inline} .creationCompte div.last p {margin-left:50px;} .creationCompte .headerBottom { border:none;width:900px;padding:10px 13px; margin:100px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottom h4{float:left;width:auto} .creationCompte .headerBottom p{font-size:18px;color:#ff1805;width:880px} .creationCompte .infoForm a{text-decoration:underline;} .creationCompte .infoForm span.pasCli{font-size:10px;color:#000000;text-transform:none;} .creationCompte .form2 { background:url('//cstatic.transgourmet.fr/tg-ecommerce/images/corps_form2.png') no-repeat; background-size:987px 965px; width:968px; height:965px; margin:0; overflow:hidden; float:left;font-weight:bold;} .creationCompte .form2 .infoForm{font-size:14px;color:black; text-transform:uppercase; font-weight:bold;} .creationCompte .form2 .infoForm span{color:#c4081c;font-size:14px;width:auto;display:inline} .creationCompte .form2 .required{color:red;font-size:12px;} #compteFrm2 ol li, #contactFrm ol li { margin:0 0 2px 0;} #compteFrm2 .sec03, #contactFrm .sec03 { width:275px;} #compteFrm2 .message, #contactFrm .message { width:585px;} .logo2 {height:65px;width:503px;margin-top:8px;} .logo2 h1{padding:0} #main01_2 { width:968px; padding:0; margin:0 auto; overflow:hidden; position:relative;} #main02 { width:965px; padding:0; margin:0 auto; overflow:hidden; position:relative; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_main_content_bottom02.gif) 0 100% no-repeat;} #mast2 { width:968px; float:left;margin:0 0 10px 0;} #mast2.type { width:960px; height:104px;margin-left:0px;margin:0;padding:0} #mast2.type2 { width:972px; height:124px;margin-left:0px;margin:0;padding:0;background:url(//cstatic.transgourmet.fr/images/nav-1px-bis.gif) 0 67px repeat-x} #mast2 h1 { float:left; } #mast2 h2 { float:right; margin:6px 0px 0 0; } #mast2 div {float:left;} #mast2 .gauche {height:83px;width:503px;padding:0 0px 0 8px;} #mast2 .gauche .logo {height:65px;width:503px;margin-top:8px;} #mast2 .gauche .lien {height:15px; margin-top : 15px;} #mast2 .gauche .lien a{color:#727272;text-decoration:underline;font-family:Arial, Helvetica, sans-serif; font-size:0.95em;} #mast2 .droite {height:83px;width:223px;vertical-align:bottom;} #mast2 .droite2 {height:83px;width:223px;vertical-align:bottom;float:right;} #mast2 .milieu {height:83px;width:223px;vertical-align:bottom;} .highlightContent2 { width:310px; float:left; margin:0 19px 10px 0;} .highlightContent2 h3 { padding:5px 0 5px 5px; font-size:12px; text-transform:uppercase; color:#c4081c;} .highlightContent2 img { } /*.last { margin:5px 0 0 0}*/ .iconTrans2 { float:right; margin:38px 0 0 50px} .form2 input, .form2 select, .form2 textarea { border:1px solid #B2B7B2; font-family:Arial, Helvetica, sans-serif; font-size:11px;} .form2 textarea { overflow:auto; } #compteFrm2 ol li, #contactFrm ol li { margin:0 0 2px 0;} #compteFrm2 .sec03, #contactFrm .sec03 { width:275px;} #compteFrm2 .message, #contactFrm .message { width:585px;} .frmType02 {font-weight:lighter;color:black;font-size:11px} .frmType02 .sec04 { width:585px;} .frmType02 ol { width:auto; overflow:hidden; } .frmType02 fieldset { float:left} .frmType02 ol.sec01{ width:344px; overflow:hidden; float:left;} .frmType02 ol.line { width:auto;} .frmType02 ol.line01 {width:563px; background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_line_dot.gif) 0 100% repeat-x; padding:0 0 10px 0; margin:0 0 15px 0;} .frmType02 li { width:auto; padding:0 0 10px 0; margin:0; display:inline; float:left;} .frmType02 li p { width:120px; color:#FF0000; font-size:10px; margin:0 0 0 5px; padding:0; float:left; line-height:12px; position:relative} .frmType02 img { margin:0 0 0 5px} .frmType02 .txt {color:#FF0000; padding:10px 0} .frmType02 label { width:auto; float:left; padding:0 10px 0 0; margin:0} .frmType02 select { width:168px; height:17px; float:left; padding:0; margin:0} .frmType02 textarea { width:475px; float:left; padding:0; margin:0} .frmType02 input { width:160px; float:left; margin:0; padding:2px 3px} .frmType02 input.btnCreer { width:192px; height:22px; border:0; margin:0 0 0 98px;} .frmType02 input.btnEnvoyer { width:83px; height:22px; border:0; margin:0 0 0 265px;} .frmType02 li.space { text-align:right;float:right;} .frmType02 li { width:630px; padding:0 0 8px 0; margin:0; display:inline; float:left;} .frmType02 label.type04 { width:144px; font-weight:lighter;color:black;} .frmType02 label.type05 { width:312px; font-weight:lighter;color:black;} .frmType02 ol { width:630px; overflow:hidden; } .frmType02 textarea { width:270px; float:left; padding:0; margin:0} .frmType02 input.btnEnvoyer { width:205px; height:31px; border:0; float:right; padding:5px 50px 0 0;} .frmType02 fieldset li p { width:160px; color:#FF0000; font-size:10px; margin:0; float:left; } .frmType02 li p.space { width:245px; height:14px; color:#FF0000; font-size:10px; margin:0;padding:0 4px 0;} .frmType02 li p.space img {padding-right:4px;padding-top:3px} .frmType02 input.radio {width:20px;float:none; outline:none; border:none;} #texte_info{width:966px} #texte_info p{color:black; font-size:11px; font-weight:lighter; padding:30px;} .creationCompte .champ_obl { font-size:10px; display:block;color:#c4081c;margin:30px 0 8px 224px;;} #contentMain04 {width:968px; margin:0; position:relative; overflow:hidden;/*background:url(//cstatic.transgourmet.fr/tg-ecommerce/images/bgd_main_content04.png) 0 0px no-repeat;*/} #footer_red {height:30px; width:982px; background-color:#b91f16; text-align:center;margin:10px auto 15px;} #footer_red a {font-size:13px;font-family:Arial;color:white;} #footer_red p {padding-top:6px;color:white;font-weight:600;} #newcontactConfirm {width:968px;margin:15px 0; text-align:center;font-size:16px;font-weight:bold} #newcontactConfirm .red {color:red; font-size:18px} /*FORM TYPE01 ***************************/ .creationCompte .frmType01 ol { width:auto; overflow:hidden; } .creationCompte .frmType01 fieldset { float:left} .creationCompte .frmType01 ol.sec01{ width:344px; overflow:hidden; float:left;} .creationCompte .frmType01 .sec01 li { width:344px; padding:0 0 8px 0;} .creationCompte .frmType01 .sec02 { width:310px;} .creationCompte .frmType01 .sec03 { width:250px;} .creationCompte .frmType01 ol.line { width:auto;} .creationCompte .frmType01 ol.line01 {width:563px; background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 100% repeat-x; padding:0 0 10px 0; margin:0 0 15px 0;} .creationCompte .frmType01 li { width:auto; padding:0 0 10px 0; margin:0; display:inline; float:left;} .creationCompte .frmType01 li p { width:120px; color:#FF0000; font-size:10px; margin:0 0 0 5px; padding:0; float:left; line-height:12px; position:relative} .creationCompte .frmType01 li p.space { width:300px; height:8px; color:#FF0000; font-size:10px; left:100px; padding:0; margin:0; float:left;} .creationCompte .frmType01 fieldset li p { width:160px; color:#FF0000; font-size:10px; margin:0; padding:0 0 0 100px; float:left; position:relative;display:block} p#msg7, p#msg8 {position:absolute; top:20px; left:0px;z-index:100;} .creationCompte .frmType01 img { margin:0 0 0 5px} .creationCompte .frmType01 .txt {color:#FF0000; padding:10px 0} .creationCompte .frmType01 label { width:auto; float:left; padding:0 10px 0 0; margin:0} .creationCompte .frmType01 label.type01 { width:315px; float:left;} .creationCompte .frmType01 label.type02 { width:90px; } .creationCompte .frmType01 label.type03 { width:70px; } .creationCompte .frmType01 select { width:168px; height:17px; float:left; padding:0; margin:0} .creationCompte .frmType01 textarea { width:475px; float:left; padding:0; margin:0} .creationCompte .frmType01 input { width:160px; float:left; margin:0; padding:2px 3px} .creationCompte .frmType01 input.btnCreer { width:194px; height:27px; border:0; margin:0} .creationCompte .frmType01 input.btnEnvoyer { width:83px; height:22px; border:0; } .creationCompte .frmType01 li.space { text-align:right;float:right;} #compteFrm .sec03, #contactFrm .sec03 { width:295px;} #changePasswordType {position:relative;z-index:100;} .iconMark {width:18px;height:18px;} #changePasswordType .iconMark {position: absolute;top: 55px;left: 340px;} .Tooltip {padding: 15px; background-color: #ffffff; position: absolute; font-size: 12px; font-weight: normal; color: #6b6b6b; line-height: 16px;z-index: 500; width: 250px;} .Tooltip:before{content: url(//cstatic.transgourmet.fr/images/fleche-blanche-info-bulle.png); position: absolute; top: 0; left: -8px} #passwordTooltip {left: 226px; top: 13px;} #passwordTooltip.Tooltip:before{top: 28px} #compteTooltip {left: 235px; top: 11px;} #compteTooltip.Tooltip:before{top: 30px} #billTooltip {left: 235px; top: -3px;} #billTooltip.Tooltip:before{top: 45px} #loginTooltip{left: 226px; top: 12px} #loginTooltip.Tooltip:before{top: 29px} #changePasswordTooltip {width: 180px; padding: 6px; background-color: #ddd; height: 100px; position: absolute; right: 35px; top: 38px; font-size: 11px; font-weight: normal; border: solid 1px gray; color: black; line-height: 16px;z-index: 500;} #changePasswordForm ol li {z-index:100;} #corporateLanding .creationCompte .form { background:url('//cstatic.transgourmet.fr/tg-ecommerce/images/corps-form2-landing.png') no-repeat; width:750px; border:none;float:none;margin:0; padding:20px; min-height:815px;} #corporateLanding .infoForm {background:none;float:none;margin:0;} input.chekbox {width:13px; border:0; margin:0 5px 0 0; padding:0; float:left;} /**************CLUB DU LABO PARTIE INSTIT **************/ #hightlightClubLabo {width:530px; ; background-color:black; text-align: center; padding-bottom: 25px; padding-top: 9px;} #hightlightClubLabo h2 {color : #ff008f; font-size : 18px; text-transform: none; font-weight: normal;} #hightlightClubLabo h3 {color : #ff008f; font-size : 14px; text-transform: none;font-weight: bold; padding-top: 10px} #hightlightClubLabo p {color : white;font-size : 12px;} #ClubLaboContent { text-align: center;} #enteteClubLabo {width: 495px; height :108px; margin: 10px 0 17px 18px;} #enteteClubLabo img {float: left;} #enteteClubLabo h1{color : #ff008f; font-size : 21px; text-transform: uppercase; font-weight: bold; padding: 16px 0 0 162px;} #contentClubLabo {width: 495px; margin: 10px 0 15px 18px;} #contentClubLabo p {color : white; font-size: 12px; text-align: justify; margin-bottom: 10px;} #contentClubLabo a {color : white; text-decoration: underline;} #contentClubLabo a:hover {text-decoration: none;} #contentClubLabo2 img{float: right;} #contentClubLabo2 ul {list-style-type:disc; color: white; padding-left : 15px;} #contentClubLabo3 {background-color : #320017; border: solid 1px #ab0050; height: 81px; margin-top: 20px;} #contentClubLabo3 img{float: right;} #contentClubLabo3 p {padding: 11px 0px 0px 20px; text-align: left;} #corporateLanding .creationCompte .form2{ background:url('//cstatic.transgourmet.fr/tg-ecommerce/images/corps-form2-landing.png') no-repeat; width:750px;} #corporateLanding .creationCompte .form2 #texte_info {width:740px;} #corporateLanding .creationCompte .form2 #texte_info p {padding:15px 30px;} /* popup to sign up for alerts Private Sales*/ .popupType {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; } .popupType { width:426px; background:#f5f4f5 url(/tg-ecommerce/images/bgd_popupLayer.gif) 0 100% no-repeat; padding:10px 0; position:absolute; left:0; top:0; display:none; z-index:100;} .popupType p { width:396px; padding:5px 15px; float:left; } .popupType form {width:100%; overflow:hidden;} .popupType input.btnEnvoyer { width:61px; height:22px; float:right; border:none; margin:10px 0 0 0} .popupType input.btnValider { width:81px; height:22px; float:right; border:none; margin:10px 0 0 0} .popupType img { float:right; margin:0 0 5px 0;} .popupType li {width:396px; padding:5px 15px; float: left} .popupType label { width:203px; color:#000; float:left;} .popupType label.type { width:396px;} .popupType input {width:190px; padding:3px 0; display:block; float:left; } .popupType input.type{width:190px; margin:0 10px 0 0;} .popupType li span {font-size:10px; color:#FF0000;} .popupType dl { padding:0 10px; text-align:center;} .popupType dd { padding:5px 0;} .popupType dt { padding:5px 0; font-size:14px; color:red;} .popupType a { color:red; text-decoration:underline} .popupType a:hover { text-decoration:none} .popupTypePs{ width:623px; background:#f5f4f5 url(/tg-ecommerce/images/fond-formulaire-vp.png) 0 100% no-repeat; padding:0; } .popupTypePs input{ width:234px; } .popupTypePs h4{ width:234px; margin-left:15px; text-transform: uppercase; } .logoVPMail{ width:236px; height:267px; float:left; } .logoVPMail img{ width:118px; height:155px; margin:61px auto; display:block; float:none; } .formulaireVPMail{ width:337px; height:267px; float:right; } .formulaireVPMail p { width:317px; padding:5px 17px; } .buttonValiderPs{ width:70px; height:29px; color:white; font-size:15px; text-align:center; padding-top:5px; margin-left:15px; font-weight:bold; background: url("/tg-ecommerce/images/btn-validerPs.png") no-repeat; float:left; cursor:pointer; text-transform: uppercase; } .validMailPsText{ text-transform: uppercase; font-size:18px; font-weight:bold; padding-top:70px; margin-left:15px; } .buttonRetourPs{ width:70px; height:29px; color:white; font-size:15px; text-align:center; padding-top:5px; font-weight:bold; background: url("/tg-ecommerce/images/btn-retourPs.png") no-repeat; float:left; cursor:pointer; text-transform: uppercase; margin-left:15px; } /*Nouvelle page Creation Compte*/ .creationCompte .headerBottom { border:none;width:900px;padding:10px 13px; margin:100px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottom h4{float:left;width:auto} .creationCompte .headerBottom p{font-size:18px;color:#ff1805;width:880px} .creationCompte .infoForm a{text-decoration:underline;} .creationCompte .infoForm span.pasCli{font-size:10px;color:#000000;text-transform:none;} /*Nouvelle page Creation Compte*/ .creationCompte .headerBottomNv { border:none;width:913px; margin:20px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottomNv .portable {align:left;height:180px;width:270px;} .creationCompte .headerBottomNv .middle {height:180px;width:430px;} .creationCompte .headerBottomNv .middle .image {height:80px} .creationCompte .headerBottomNv .middle .texte {height:100px} .creationCompte .headerBottomNv .middle .texte p{color:#5d5d5d;font-family:Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold;} .creationCompte .headerBottomNv .galets {height:180px;width:210px;} .creationCompte .headerBottomNv .galets .galet {height:60px;} /*Nouvelle page Creation Compte */ .creationCompte .headerBottomNv2 { border:none;width:920px; margin:20px 25px 0 0px; overflow:hidden;float:left;} .creationCompte .headerBottomNv2 .portable {align:left;height:180px;width:270px;} .creationCompte .headerBottomNv2 .middle {height:180px;width:430px;} .creationCompte .headerBottomNv2 .middle .image {height:80px} .creationCompte .headerBottomNv2 .middle .texte {height:100px} .creationCompte .headerBottomNv2 .middle .texte p{color:#5d5d5d;font-family:Arial, Helvetica, sans-serif; font-size:1.0em;font-weight:bold;} .creationCompte .headerBottomNv2 .galets {height:180px;width:220px;} .creationCompte .headerBottomNv2 .galets .galet {height:60px;} /* Origine */ .txt-origine { text-align:left; font-family:Arial; margin-left:18px; font-size:12px; color:#3e3f49; } .txt-origine h1{ color:#015c51; } .origine-commande { text-align:center; background-color:white; font-weight: bold; width:94%; margin-top:15px; margin-right:auto; margin-left:auto; margin-bottom:8px; padding-bottom: 20px; } .bandeau-vert-origine { background-color:#015c51; height:70px; width:93%; margin-top:15px; margin-right:2px; margin-left:18px; margin-bottom:7px; } .bandeau-vert-titre{ color:#fff; padding-top:10px; margin-left: 15px; font-size:14px; font-weight:bold; } .bandeau-vert-text{ color:#fff; font-style:Arial; font-size:14px; font-weight:bold; margin-left: 15px; } .bandeau-vert-origine span{ margin-left:15px; } .fleche-blanche-origine{ float:right; margin-right:12px; margin-top:-30px; } .produits-origine{ background-color:#fff; margin-left: auto; margin-right: auto; width: 94%; height:155px; } .commander-origine-titre{ text-align:center; font-family:Arial; font-size:14px; color:#c32e30; padding-top:20px; text-transform: uppercase; } #main-content-origine { background: url('//cstatic.transgourmet.fr/images/1px-background-kraft.jpg') repeat scroll center top; margin-bottom: 15px; } #sub-content-origine{ background-color:#fff; opacity:0.84; margin-left:auto; margin-right:auto; width:94%; padding-top:10px; } .oeufs-bio{ margin-top:9px; margin-left:18px; } .poulet-argoat{ margin-top:9px; margin-left:12px; } .boeuf-limousin{ margin-top:10px; margin-left:18px; } .poulet-bourgogne{ margin-top:10px; margin-left:12px; } /* .bandeau-vert-titre{ font-size:14px; font-weight:bold; }*/ .creer-compte{ font-family:Arial; font-size:14px; } .deja-client{ font-family:Arial; font-size:14px; margin-top:30px; float:left; color:#7c7a7b; border-right:1px solid #dfd1c8; font-weight: bold; } .deja-client span{ margin-left:25px; } .pas-client{ font-family:Arial; font-size:14px; margin-top:30px; color:#7c7a7b; margin-left: 248px; font-weight: bold; } .btn-creer-origine{ margin-left: 25px; margin-right: 25px; margin-top:23px; } .btn-devenir-origine{ margin-left: 60px; margin-top:23px; } @font-face { font-family: 'CervoRegular', Arial; src: url('Cervo-regular.eot'); src: local('Cervo Regular'), local('Cervo-Regular'), url('Cervo-regular.otf') format('otf'), url('Cervo-Regular.ttf') format('truetype'); } /* begin: nvlle page creation compte juin 2017 */ #contentMain05 {width:auto; margin:0; position:relative; padding:0; overflow:hidden} .creationCompte2 {margin:0; padding: 0 45px} .creationCompte2 #logo {margin: 30px auto} .creationCompte2 #logo img{margin: auto; display: block} .creationCompte2 h2{text-align: center; font-weight: bold; font-size: 30px; color: #46404d; text-transform:none} .creationCompte2 h3{font-weight: bold; font-size:23px; color: #ed0f00; margin-bottom:30px; padding:0} .creationCompte2 .notCustomer{font-style: italic; font-size: 14px; color: #6b6b6b; text-align: right; margin-bottom: 20px;} .creationCompte2 .notCustomer a{text-decoration:underline} .creationCompte2 .mainDiv{margin:0; border-bottom: 1px solid #46404d; padding-bottom: 50px;} .creationCompte2 .leftDiv{margin-right:20px; width: 390px; display: inline-block; vertical-align:top} .creationCompte2 .rightDiv{margin:0; width: 507px; display: inline-block; background-color: #efefef; vertical-align:top; padding:20px 20px 30px 20px} .creationCompte2 .leftDiv img{margin-bottom:25px;} .creationCompte2 .leftDiv ul{border-bottom: 1px solid #46404d; padding-bottom: 5px; margin-bottom: 35px;} .creationCompte2 .leftDiv ul#account{border:none} .creationCompte2 .leftDiv li{font-weight: normal; font-size:14px; color: #46404d; margin-bottom:30px; margin-left:40px; position: relative;} .creationCompte2 #orderInLine li.first:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-commande-gris.png); position: absolute; left:-40px;} .creationCompte2 #orderInLine li.sec:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-exclu-gris.png); position: absolute; left:-40px} .creationCompte2 #orderInLine li.third:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-large-choix-gris.png); position: absolute; left:-40px; top:10px} .creationCompte2 #orderInLine li.fourth:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-appli-gris.png); position: absolute; left:-40px; top:4px} .creationCompte2 #account li.first:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-factures.png); position: absolute; left:-40px} .creationCompte2 #account li.sec:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-info-perso-gris.png); position: absolute; left:-40px} .creationCompte2 #account li.third:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-fid-gris.png); position: absolute; left:-40px; top:10px} .creationCompte2 #account li.fourth:before{content:url(https://cstatic-rec.transgourmet.fr/images/picto-acces-services-gestion.png); position: absolute; left:-40px; top:16px} .creationCompte2 #account li.third span{font-size:12px} .entryForm{} .entryForm ul{} .entryForm li{margin-bottom: 25px; position:relative} .entryForm li.small{margin-bottom: 25px;} .entryForm li label{margin-bottom:15px; font-size: 14px; color: #46404d} .entryForm li input{display: inline-block; height: 40px; border: none; font-size: 12px; vertical-align:middle; padding: 0 5px} .entryForm li p.err{display: none; visibility: visible; font-size: 11px; color: #ed0f00; vertical-align:middle; margin-left:25px; position: relative;} .entryForm li p.err:before{content: url(https://cstatic.transgourmet.fr/images/picto-croix-rouge.png); vertical-align:middle; position: absolute; left: -20px} .entryForm li p.long{width: 265px} .entryForm li p.court{width: 195px} .entryForm li img{display: inline-block; vertical-align:middle} .entryForm li img.interro{margin-left:10px} .entryForm li #j_captcha_response{margin:0; font-size:18px; text-align: center} .entryForm #btnCreer{background-color: #ed0f00;width: 220px; font-weight:bold} .infosLegales {text-align: center; margin: 40px 0; font-size:11px; color: #6b6b6b} .entryForm input#txtCompte, .entryForm input#txtFacture {width: 180px} .entryForm input.size1{width: 270px} .entryForm input.size2{width: 170px} /* end: nvlle page creation compte juin 2017 */