/* CSS Document */ * {margin: 0; padding: 0;} /*html, */body {background-color: #DFF5FD;} body, tr, td {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000099;} #wrap { width:1000px; align:center; text-align: left; margin-left:auto; margin-right:auto; margin: 0px auto; padding: 0px; position:relative; border:solid 0px red;} #wrapcontenu { background: transparent url(newHome/bgcontenu.jpg) repeat-y !important; float:left; width:1023px; display: block; margin-top: 0px ; padding: 0px; border:solid 0px yellow;} #contenu { margin-left:21px;border:solid 0px green; width:981px;} #wrapheader {background: transparent url(newHome/bgheader.jpg) no-repeat !important; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:177px;} #header {width:982px; /*display: block;*/ text-align: right; margin-top: 0px ; margin-left:20px; margin-right:20px; padding: 0px; border:solid 0px red; height:95px; float:left;} #wrapclaimlogo{ text-align: left; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:95px; width:730px;margin-top: 5px ; float:left;} #claim { width:385px; /*display: block;*/ float:right; text-align: left; margin-top: 7px ; margin-left:0px; padding: 0px; border:solid 0px blue; height:70px; color:#FFFFFF; font-size:25px;} #logo { width:338px; /*display: block;*/ text-align: left; margin-top: 0px ; margin-left:0px; padding: 0px; border:solid 0px brown; height:95px; cursor:pointer; float:left; } #wraplogbag { width:243px; float:right; border:solid 0px pink; height:95px;} #bagheader { width:206px; display: block; text-align: left; margin-top: 0px ; margin-left: 0px ; padding: 0px; border:solid 0px orange; height:48px; color:#00A0C6; font-size:11px; font-weight:bold; font-family : Arial, Helvetica, sans-serif; float:left; } #bagheader td {color:#00A0C6; font-size:11px; font-weight:bold; font-family : Arial, Helvetica, sans-serif;} #bagheader a {color:#00A0C6; text-decoration:none;font-size:11px; font-weight:bold; font-family : Arial, Helvetica, sans-serif;} #bagheader a:hover {color:#00A0C6; text-decoration:underline;font-size:11px; font-weight:bold; font-family : Arial, Helvetica, sans-serif;} #logheader { width:242px; /*display: block;*/ text-align: left; margin-top: 13px ; padding: 0px 0px; border:solid 0px green; height:48px; color:#FFFFFF; font-size:14px; float:left;} #titlelogheader{ border:solid 0px purple; padding-bottom:1px; float:left; height:17px !important; } .tdtablog { background: transparent url(newHome/inputlog_center.png) repeat-x !important; font-size : 9px; font-family : Arial, Helvetica, sans-serif; } /*.inputlog { font-size : 9px; font-family : Arial, Helvetica, sans-serif; background-color: #FFFFFF; border: 0px; margin-top:4px; padding:0px;}*/ .inputlog{ font-size : 9px; font-family : Arial, Helvetica, sans-serif; background-color: #FFFFFF; border: 0px; margin-top:4px; padding:0px; height:11px;} #formlog{ width:242px; float:left; height:17px !important; margin-top:2px; } #log{ width:242px; float:left; height:17px !important; margin-top:2px; } #log a{ color:#00A0C6; text-decoration:none;font-size:11px; font-weight:bold; font-family : Arial, Helvetica, sans-serif; } #log a:hover{ color:#00A0C6; text-decoration:underline;font-size:11px; font-weight:bold; font-family : Arial, Helvetica, sans-serif; } #wrapmenuhaut { float:left; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:31px; } #menuhaut { float:left; display: block; text-align: left; margin-top: 0px ; margin-left:20px; margin-right:0px; padding: 0px; border:solid 0px red; height:31px; color:#FFFFFF; font-size:13px; font-weight:bold; padding-left:35px; width:946px;} #menuhaut a { text-decoration:none; color:#FFFFFF; } #menuhaut a:hover { text-decoration:none; color:#FFFFFF; } #menuhaut .tabmenuonglet a { color:#00A0C6; text-decoration:none;} #menuhaut .tabmenuonglet a:hover { color:#00A0C6; text-decoration:none;} #menuhaut table { vertical-align:middle;} #menuhaut .tabmenu { color:#FFFFFF; font-size:13px; font-weight:bold; padding-left:5px; } #menuhaut .tabmenuonglet { color:#00A0C6; font-size:13px; font-weight:bold; padding-left:5px; padding-right:4px; background: transparent url(newHome/ongletcenter.png) repeat-x !important; } #menuhaut .tdonglet { font-size:9px; padding-left:5px;} .lienmenuhaut { padding-bottom:3px; } #wrapsearch { background: transparent url(newHome/bgsearch.jpg) no-repeat !important; float:left; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:51px; } #search { float:left;width:400px; display: block; text-align: right; padding: 0px 0px; border:solid 0px brown; height:45px; margin-left:300px; color:#00A0C6; font-size:16px; font-weight:bold; white-space:nowrap; } #search td { color:#00A0C6; font-size:16px; font-weight:bold; } .tdtabsearch { background: transparent url(newHome/inputsearch_center.png) repeat-x !important; } .inputsearch { font-size : 10px; font-family : Arial, Helvetica, sans-serif; background-color: #FFFFFF; border: 0px; margin-top:5px;} #flag { float:right;width:200px; display: block; text-align: right; padding: 5px 8px 0px; border:solid 0px green; height:20px; margin-right:20px;} #wrapflash { background: transparent url(newHome/bgflash.jpg) no-repeat !important; float:left; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:307px; } #flash{ float:left;width:723px; display: block; border:solid 0px brown; height:296px; margin-left:20px; margin-right:0px; padding: 0px; } #conseil{ float:right;width:249px; display: block; border:solid 0px red; height:115px; margin-left:0px; margin-right:20px; padding: 15px 0px 0px 8px; } #infos{ float:right;width:244px; display: block; border:solid 0px purple; height:158px; margin-left:0px; margin-right:20px; padding: 5px 0px 0px 13px !important; text-align:center; } .tdtbconseil { font-size : 12px; font-family : Arial, Helvetica, sans-serif; color: #000000; text-align:center; } .numtel { background: transparent url(newHome/bgnumtel.png) no-repeat !important; font-family : Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight:bold; text-align:center; height:20px; font-size:10px; padding-left:3px;} .tdcontact { width:78px; text-align:right;} .tbinfos { background: transparent url(newHome/bginfos.png) no-repeat !important; width:233px; height:146px; text-align:left; padding-left:15px !important; } .tbinfos2 { width:233px; height:146px; text-align:left; } .tdnosinfos { font-size : 12px; font-family : Arial, Helvetica, sans-serif; color: #000000; font-weight:bold; } .tdplusinfos { text-align:center;} #wrapproduct { background: transparent url(newHome/bgproduct.png) no-repeat !important; float:left; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:414px; } #product{ float:left;width:947px; display: block; border:solid 0px brown; height:368px; margin-left:35px; margin-right:0px; margin-top:15px; padding: 0px; } #allproduct{ float:left; width:939px; height:30px; border:solid 0px black; text-align:left; margin-top:15px; margin-left:5px; } #allproduct a {font-family : Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;} #allproduct a:hover {font-family : Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000;} .tdallproduct{ font-family : Arial, Helvetica, sans-serif; color: #ffffff; font-size:14px; font-weight:bold; vertical-align:middle; } .tdbtallproduct { background: transparent url(newHome/bt_allproduct_center.png) repeat-x !important; font-family : Arial, Helvetica, sans-serif; color: #000000; font-size:12px; vertical-align:middle;padding-left:7px; padding-right:7px;} .tabbtproduct { margin-left:10px;} .tabbtproduct2 { margin-left:3px;} #wrapsaviezvous{ background: transparent url(newHome/bgsaviezvous.png) no-repeat !important;float:right;width:238px; display: block; border:solid 0px yellow; height:302px; margin-left:0px; margin-right:0px; margin-top:0px; padding: 0px; } #saviezvous{ text-align:left; } /*#wrapgammes{ background: transparent url(newHome/bgallgammes.png) no-repeat !important;float:left;width:473px; display: block; border:solid 0px yellow; height:305px; margin-left:0px; margin-right:0px; margin-top:0px; padding: 0px; }*/ #wrapgammes{ background: transparent url(newHome/bgallgammes.png) no-repeat !important;float:left;width:699px; display: block; border:solid 0px yellow; height:305px; margin-left:5px; margin-right:0px; margin-top:0px; padding: 0px; } #wrapgammes a {font-family : Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF;} #wrapgammes a:hover {font-family : Arial, Helvetica, sans-serif; text-decoration:underline; color:#FFFFFF;} #wrapguidesnewsletter{ float:right;width:237px; display: block; border:solid 0px green; height:305px; margin-left:0px; margin-right:0px; margin-top:0px; padding: 0px; } #wrapguides{ background: transparent url(newHome/bgguides.png) no-repeat !important;float:right;width:237px;display: block; border:solid 0px green; height:169px; margin-left:0px; margin-right:0px; margin-top:0px; padding: 0px; text-align:left; } #wrapguides li a { font-family : Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#000000; font-weight:normal; } #wrapguides li a:hover { font-family : Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#000000; font-weight:normal; } #wrapguides a { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; font-weight:bold; text-decoration:none; } #wrapguides a:hover { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; font-weight:bold; text-decoration:underline; } #wrapnewsletter{ background: transparent url(newHome/bgnewsletter.png) no-repeat !important;float:right;width:237px;display: block; border:solid 0px blue; height:133px; margin-left:0px; margin-right:25px; margin-top:15px; padding: 0px; text-align:left;} .tbsaviezvous {width:209px;max-height:277px; margin-left:15px; margin-top:10px; margin-bottom:7px;} .tbsaviezvous td { vertical-align:top; text-align:left; font-family : Arial, Helvetica, sans-serif; font-size:12px;} .titlesaviezvous {font-family : Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } .tbsaviezvous td a { font-family : Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color:#000099; } .tbsaviezvous td a:hover { font-family : Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline; color:#000099; } .tblien {margin-top:10px;} .tblien td { vertical-align:middle;} .tblientd {padding-left:10px;} #gammevioletrose { height:143px; float:left; border:solid 0px grey; width:694px; margin-top:1px; margin-left:5px;} #gammeviolet{ height:137px; float:left; width:330px; border:solid 0px green; margin:5px;} #gammerose{ height:137px; float:right; width:325px; border:solid 0px green; margin:5px 10px 5px 10px;} #gammeorangejaune { height:143px; float:left; border:solid 0px grey; width:694px; margin-top:9px; margin-left:5px;} #gammeorange{ height:137px; float:left; width:330px; border:solid 0px green; margin:5px;} #gammejaune{ height:137px; float:right; width:325px; border:solid 0px green; margin:5px 10px 5px 10px; } .tbgammes{max-height:137px;} .tbgammes td { vertical-align:top; text-align:left; font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF} .titlegammes {font-family : Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding-bottom:3px; } .tbguides {width:215px; height:155px; text-align:left; margin-left:10px; margin-top:5px; margin-bottom:5px; } .tbnewsletter {width:210px; height:120px; text-align:left; margin-left:15px; margin-top:5px; margin-bottom:5px;} .tdtbguides { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-align:center; } .tdtbguides2 { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; font-weight:bold; text-align:center; } .tdtbnewsletter3 { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-align:left; } .tdtbnewsletter4 { font-family : Arial, Helvetica, sans-serif; font-size:14px; color:#00A0C6; font-weight:bold; text-align:left; } .tdtbnewsletter5 { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left; } .tdtbnewsletter5 a { font-family : Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#000000; } .tdtbnewsletter5 a:hover { font-family : Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#000000; } .tbintnewsletter { margin-left:-5px !important;} ul#pucetdtbguides { margin: 0px 0px 0px 5px; padding: 0; list-style-type: none; line-height: 20px;} ul#pucetdtbguides li { background: url(newHome/fleche_bleu.gif) no-repeat 0 3px;margin: 0; padding: 0 0 0 15px;font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000000} #wrapfooterblanc{float:left;background: transparent url(newHome/bgfooter.png) repeat-y !important; min-height:16px;width:1023px;} #wrapfooterblanc2{float:left;background: transparent url(newHome/bgfooter.png) repeat-y !important; min-height:20px;width:1023px;} #wrapfooter{ background: transparent url(newHome/bgwrapfooter.png) repeat-y !important; float:left; width:1023px; display: block; text-align: left; margin-top: 0px ; padding: 0px 0px 0px 0px; border:solid 0px yellow; } #wrapfooter2 { background: transparent url(newHome/bgfooter.png) repeat-y !important; float:left; width:1023px; display: block; text-align: left; margin-top: 0px ; padding: 0px; border:solid 0px yellow; } #bottomfooter { background: transparent url(newHome/bgbottomfooter.png) no-repeat !important; float:left; width:1023px; display: block; text-align: left; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:41px; } #filetfooter { background: transparent url(newHome/bgfiletfooter.png) no-repeat !important; float:left; width:1023px; display: block; text-align: left; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:9px; } #bottomfooterin { float:left;width:957px; display: block; text-align: left; padding: 0px 0px 0px 21px; border:solid 0px brown; min-height:54px; margin-left:20px; color:#000000; font-size:10px; } #bottomfooterin table{ margin-left:0px;} #bottomfooterin table a, #bottomfooterin td{ font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; text-decoration:none; font-size:12px;} #bottomfooterin table a:hover{ font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; text-decoration:underline; font-size:12px;} #bottomfooterin a {font-family : Arial, Helvetica, sans-serif; color:#000000; font-size:10px; text-decoration:none;} #bottomfooterin a:hover {font-family : Arial, Helvetica, sans-serif; color:#000000; font-size:10px; text-decoration:underline;} #bottomfooterproduct { float:left;width:982px; display: block; text-align: left; padding: 0px 0px 0px 0px; border:solid 0px brown; min-height:54px; margin-left:20px; color:#000000; font-size:10px; } #bottomfooterproduct ul li a { font-family : Arial, Helvetica, sans-serif; font-size:13px; color:#000099; text-decoration:none;} #bottomfooterproduct ul li a:hover { font-family : Arial, Helvetica, sans-serif; font-size:13px; color:#000099; text-decoration:underline;} #bottomfooterproduct1 { float:left;width:344px; display: block; text-align: left; padding: 0px 0px 0px 21px; border:solid 0px blue; min-height:54px; margin-right:20px; margin-left:0px; color:#000000; font-family : Arial, Helvetica, sans-serif; font-size:13px; color:#000099; } #bottomfooterproduct2 { float:left;width:275px; display: block; text-align: left; padding: 0px 0px 0px 25px; border:solid 0px green; min-height:54px; margin-right:20px; color:#000000; font-family : Arial, Helvetica, sans-serif; font-size:13px; color:#000099; } #bottomfooterproduct1 ul, #bottomfooterproduct2 ul { margin-left:15px; } #bottomfooterproduct1 li, #bottomfooterproduct2 li { list-style-image:url(newHome/pucefooter.png); margin-bottom:5px;} .titlebottomfooterproduct { font-family : Arial, Helvetica, sans-serif; font-size:14px; color:#FF9933; font-weight:bold; padding-bottom:5px; } li { /*list-style-position:inside; margin-left:0px;*/ } #wraplisteproduits { background: transparent url(newHome/bgfooter.png) repeat-y !important; float:left; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px red; } #bottomlisteproduits { background: transparent url(newHome/filet_gris.jpg) no-repeat !important; float:left; width:1023px; display: block; text-align: left; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:22px; } #wrapbreadcrumb { background: transparent url(newHome/bgfooter.png) repeat-y !important; float:left; width:1023px; display: block; text-align: right; margin-top: 0px ; padding: 0px; border:solid 0px yellow; } #topbreadcrumb { background: transparent url(newHome/filet_gris.jpg) no-repeat !important; float:left; width:1023px; display: block; text-align: left; margin-top: 0px ; padding: 0px; border:solid 0px yellow; height:22px; } #breadcrumb { float:left; width:700px; display: block; text-align: right; margin-top: 0px ; padding: 0px 0px 0px 35px; border:solid 0px yellow; font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; text-align:left; } #breadcrumb a { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; text-decoration:none; } #breadcrumb a:hover { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; text-decoration:underline; } #contactbreadcrumb { float:right; width:240px; display: block; text-align: right; margin-top: -10px ; margin-right:40px; padding: 0px 0px 0px 0px; border:solid 0px yellow; text-align:left; height:87px; } #listeproduits{ float:left; margin-left:43px; text-align:left; padding-bottom:30px; } .titrelisteproduits, .titrelisteproduits a { font-family : Arial, Helvetica, sans-serif; font-size:15px; color:#000099; font-weight:bold; text-decoration:none; padding-bottom:10px; } .titrelisteproduits a:hover { font-family : Arial, Helvetica, sans-serif; font-size:15px; color:#000099; font-weight:bold; text-decoration:underline; } .desclisteproduits { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#000099; text-decoration:none; } .lilisteproduits a, .lilisteproduits span { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#FF9933; font-weight:bold; text-decoration:none;} .lilisteproduits a:hover { font-family : Arial, Helvetica, sans-serif; font-size:12px; color:#FF9933; font-weight:bold; text-decoration:underline;}