/* CSS Document */ body{padding:0; margin:0; background:url(design/main-bg.jpg) 0 0 repeat-x #EDF7FC; font:14px/20px Arial, Helvetica, sans-serif; color:#528BBA; font-weight:normal;} div, p, h1, h2, h3, h4, img{padding:0px; margin:0px;} h1, h2, h3 { color: #195294; } p#prix { color:#CC0000; font-size:14pt; } a.special { text-decoration: none; font-size:10pt; font-weight:bold; color: #195294; cursor: pointer;} a.special:hover { text-decoration: underline; } a.normal { text-decoration: none; color:#528BBA; cursor: pointer;} a.normal:hover { text-decoration: underline; } a.chemin { text-decoration: none; color: #195294; cursor: pointer;} a.chemin:hover { text-decoration: underline; } a.petit { font-size: 9pt; color: #528BBA; text-decoration: none; } a.petit:hover { text-decoration: underline; } /* TOP PANEL */ #topPan{width:876px; height:96px; position:relative; margin:0 auto; padding:0;} #topPan img{display:block; padding:23px 0 0 6px; border:0px;} #topPan .logo{background:url(design/logo.gif) 0 bottom no-repeat;width:300px;height:55px;padding-top:15px;border:solid 0px red;cursor:pointer;} /* Menu Panel */ #topPan ul{width:520px; height:96px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;} #topPan ul li{float:left; width:104px; display:block; text-align:center;} #topPan ul li a{width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#195294; background:url(design/menu-bg.jpg) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; } #topPan ul li a:hover{ width:104px; height:96px; display:block; background:#EDF7FC; color:#113966; text-decoration:none;} #topPan ul li a.select{width:104px; height:35px; display:block; background:url(design/menu-devider1.gif) 100% 0 no-repeat #EDF7FC; color:#195294; text-decoration:none; padding:61px 0 0 0; line-height:14px;} /* /TOP PANEL */ /* HEADER PANEL */ #headerPan{width:876px; height:307px; position:relative; margin:0 auto; padding:0;} #headerPan h1{width:560px; height:236px; position:absolute; top:35px; right:0px; background:url(design/header-img.jpg) 0 0 no-repeat #EDF7FC; color:red; font-size:36px; line-height:18px; text-transform:uppercase; text-indent:-2000px; z-index:1} /*#headerPan #action{position:absolute; top:61px; left:343px; width:505px; height:181px; z-index:1; background:url(design/header-img.jpg) 0 0 no-repeat #EDF7FC;}*/ #headerPan #action{position:absolute; top:35px; left:318px; width:560px; height:236px; z-index:1; background:url(design/header-img.jpg) 0 0 no-repeat #EDF7FC;padding-left:45px;padding-top:44px;} #headerPan h3{margin-bottom: 5px; margin-top:0px; padding-top:0px;} #headerPan img.action { height: 100px; cursor: pointer; margin: 5px;} #headerPan #action #detAction{color: #195294; font-size:10pt;} #headerPan #action a{color: #195294; font-size:10pt; text-decoration:none; font-weight:bold; } #headerPan #action a:hover{text-decoration:underline;} #headerPan #action #desc{color: #195294; font-size:10pt; width:300px; vertical-align: top;} #headerPanleft{ width:275px; height:214px; position:absolute; top:48px; left:9px;} #headerPan #ourblog{ float:left; width:275px; height:62px; position:relative; margin:0 auto; background:url(design/icon2-nor.gif) 0 0 no-repeat;} #headerPan #ourblog a.titre{width:140px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#195294; z-index:1; text-transform:uppercase;} #headerPan #ourblog a.sstitre{width:150px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#990000; background:#fff; margin:34px 0 0 81px; z-index:1; } #headerPan #ourblog a{text-decoration:none; display:block; width:275px; height:62px;} #headerPan #ourblog a:hover{text-decoration:none; background:url(design/icon2-hover.gif) no-repeat 0 0;} #headerPan #possib{ float:left; width:526px; height:62px; position:relative; margin:13px 0 0 0; background:url(design/icon1-nor.gif) 0 0 no-repeat;} #headerPan #possib a.titre{width:140px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#195294; z-index:1; text-transform:uppercase;} #headerPan #possib a.sstitre{width:150px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#990000; background:#fff; margin:34px 0 0 81px; z-index:1; } #headerPan #possib a{text-decoration:none; display:block; width:275px; height:62px;} #headerPan #possib a:hover{text-decoration:none; background:url(design/icon1-hover.gif) no-repeat 0 0;} #headerPan #possib span.lien{cursor: pointer;} #headerPan #solution{ float:left; width:526px; height:62px; position:relative; margin:13px 0 0 0; background:url(design/icon3-nor.gif) 0 0 no-repeat;} #headerPan #solution a.titre{width:140px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#195294; z-index:1; text-transform:uppercase;} #headerPan #solution a.sstitre{width:150px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#990000; background:#fff; margin:34px 0 0 81px; z-index:1; } #headerPan #solution a{text-decoration:none; display:block; width:275px; height:62px;} #headerPan #solution a:hover{text-decoration:none; background:url(design/icon3-hover.gif) no-repeat 0 0;} /* BODY PANEL */ #bodyPan{width:876px; height:887px; position:relative; margin:0 auto; padding:0; z-index: 3;} /*Left Panel */ #leftPan{width:239px; height:611px; position:absolute; top:0px; left:8px; margin:0; padding:0px;} #leftmemberPan{width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #6DA7E7; background:#fff; color:#000;} #leftmemberPan h2{height:48px; background:url(design/symbol4.gif) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px Georgia,"Times New Roman", Times, serif; color:#195294; text-transform:uppercase;} #leftmemberPan h2 span{background:#fff; color:black;} #leftmemberPan table{margin-left: 5px; margin-top:5px;} #leftRecherchePan{width:237px; height:170px; position:relative; margin:0 auto; padding:0; border:1px solid #6DA7E7; background:#fff; color:#000;} #leftRecherchePan h2{height:48px; background:url(design/symbol4.gif) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px Georgia,"Times New Roman", Times, serif; color:#195294; text-transform:uppercase;} #leftRecherchePan h2 span{background:#fff; color:black;} #leftRecherchePan table{margin-left: 5px; margin-top:5px;} #produitsPan { background: white; border: 1px solid #6DA7E7; margin-top: 20px; padding: 5px; padding-top: 3px; font-size: 8pt; font-family: verdana; line-height: 15px; } #produitsPan h2{height:45px; display:block; position:relative; font:16px/48px Georgia,"Times New Roman", Times, serif; color:#195294; text-transform:uppercase;} #leftPan form{width:220px; height:108px; background:#E3F3FB; padding:0; margin:0 0 0 8px; color:#333227;} #leftPan h3{height:48px; width:200px; background:#EDF7FC; display:block; padding:0 0 0 57px; margin:12px 0 22px -15px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#195294;} #leftPan img{margin-bottom:10px; margin-right:0px; float:right; border:0px;} #leftPan td.prix { font-size:10pt; font-weight: bold; color:#990000; } #leftPan h3.spec { margin: 0px; padding:0px; margin-bottom:20px;} #leftRecherchePan form{width:220px; height:78px; background:#E3F3FB; padding:0; margin:0 0 0 8px; color:#333227;} #leftRecherchePango{width:220px; height:25px; position:absolute; top:135px; left:8px; border-top:1px solid #fff; background:#92D0EF; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;} #leftRecherchePango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#92D0EF;} #leftRecherchePango p.textposition a:hover{text-decoration:underline; background:none;} #leftRecherchePango form input.gobutton{float:right; cursor:pointer; background:url(design/arrow4.gif) no-repeat 30px 0 #195294; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} #leftRecherchePango a:hover{background:url(design/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;} #leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#92D0EF; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;} #leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#92D0EF;} #leftPango p.textposition a:hover{text-decoration:underline; background:none;} #leftPan form input.gobutton{float:right; cursor:pointer; background:url(design/arrow4.gif) no-repeat 30px 0 #195294; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} #leftPango a:hover{background:url(design/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;} /*/Left Panel */ /*Right Panel */ #rightPan{width:540px; min-height:820px; position:relative; top:0px; left:285px; border:1px solid #6DA7E7; background:#fff; color:#528BBA; padding:20px;} #rightPan table.action { font-family: verdana; color:#FF6603; } #rightPan td.prix { font-size:12pt; font-weight: bold; color:#990000; } #rightPan td.desc { font-size:10pt;} #rightPan td.desc2 { font-size:11pt; color: #195294;} #rightPan2{width:815px; min-height:820px; position:relative; top:0px; left:10px; border:1px solid #6DA7E7; background:#fff; color:#528BBA; padding:20px;} #rightPan2 table.action { font-family: verdana; color:#FF6603; } #rightPan2 td.prix { font-size:12pt; font-weight: bold; color:#990000; } #rightPan2 td.desc { font-size:10pt;} #rightPan2 td.desc2 { font-size:11pt; color: #195294;} #produits a{ font-size:10pt; font-family:verdana;font-weight:bold; text-decoration: none; color:#528BBA;} #produits a:hover { text-decoration: underline; color: #195294;} #produits_list { font-size:10pt; font-family:verdana; width:540px; max-width:540px; border: 1px solid #528BBA; } #pc { position: relative; width:300px; height:209px; background-color:red; background:url(design/pc.jpg) 0 0 no-repeat; } /* /BODY PANEL */