#pop_over { position:fixed; z-index:20; top:0; left:0; right:0; left:0; width:100%; height:100%; background-color:#000000;} #pop_ctn { padding:20px; background-color:#FFFFFF; position:fixed; z-index:20; top:50%; left:50%;} .clients_info { float:left; width:320px; padding:10px; background-color:#FFC900; margin-right:20px;} .clients_info fieldset {margin:0; padding:0; margin-bottom:10px; border:none;} .clients_info fieldset label {float:left; width:150px;} .clients_info fieldset label span { color:#FF0000;} .clients_info fieldset input {width:150px;} .commande_info { float:right; width: 580px;} .commande_info .commande {background-color:#0074BF; padding:5px 10px 25px 10px; margin-bottom:30px; color:#fff; position:relative;} .commande_info .commande label {font-weight:bold; text-transform:uppercase;} .commande_info .commande ul, .commande_info .commande p {padding-left:20px; } .commande_info .commande ul { list-style-position: inside;} .commande_info .commande ul li { line-height: 30px;} .commande_info .commande ul button { display:none;} .commande_info .commande .prix {padding:10px; font-size:1.2em; font-weight:bold; position:absolute; right:-10px; bottom:-10px; background-color:#FFC900; color:#000;} #reg fieldset {background: #494949; color:#fff; } #log fieldset {background: #FFC900; color:#000; margin-bottom:20px;} .popfprm { text-align:center;} .popform fieldset {border:none; padding:0; width:710px; margin:0 auto; text-align:left} .popform h2 { font-size:1.1em; line-height:32px; height:32px; display:block; width:690px; margin:0; padding-left:20px; } .popform label {float:left; display:block; clear:both} .popform label span {color:#FF0000; display:block; float:left; width:10px; text-align:right; padding-right:2px; } .popform input { clear:both; display:block; height:18px; margin-left:12px; } .popform textarea{ clear:both; display:block; margin-left:12px; height:120px; border:1px; } .popform select, ul.fichier select{clear:both; height:24px; margin-left:12px; } .popform ul { clear:both; display:block; height:120px; display:block; padding-left:10px; margin-left:12px; background-color:#fff; border:1px #ccc; overflow:auto; } .popform ul li {display:block; padding:3px; line-height:30px; clear:both} .popform ul li:hover {background:#FFFF99;} .popform ul li button {float:right; font-size:8px; color:#FF0000;} .popform .block{ width:690px; padding:10px;} .popform .full{ clear:both; width:690px; margin-bottom:10px;} .popform .full input { width:666px;} .popform .full textarea { width:666px;} /*.popform .full select { width:666px;}*/ .popform .split{ width:345px; margin-bottom:10px;} .popform .split input { width:321px;} .popform .small input {width:80px;} .popform .split textarea { width:321px;} /*.popform .split select { width:321px;}*/ .popform .left{ float:left; clear:left;} .popform .right{ float:right; clear:right;} .popform button {float:right; clear:both; margin:10px 20px;} .popform ul button {float:none; clear:none; padding:0; margin:0;} .popform .warning { display:block; margin-left:14px; color:#FF0000; font-size:0.9em;} #products { padding:0 15px;} .product { float:left; width:460px; margin:15px 10px 15px 6px; padding-left:4px; color:#00283c; background:url(site/p_outer.jpg) top left repeat-y; position:relative;} .product .p_inner { width:410px; padding:25px; background:url(site/p_inner.jpg) top left repeat-x #fefefe; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8;} .product h2 { margin-left:-25px; margin-top:-25px; margin-bottom:0; padding:25px 25px 0 25px; display:block; font-size:1.6em; font-weight:bold; text-transform:capitalize;} .product ul { margin:10px 0; padding:0; float:left; list-style:none; clear:both;} .product li { margin:0; padding:0; list-style:none; clear:both; padding:5px 0px;} .product .prod_nfo {width:410px;} .product .prod_nfo span { font-weight:bold; text-transform:uppercase;} .product .prod_prix, .product .prod_option { background-color:#ffc900; width:195px; } .product .prod_prix {float:left; clear:left; } .product .prod_option {float:right; clear: right; } .product li.title { background:#0077C3; font-size:1.1em; font-weight:bold; color:#fff; padding:5px 0; text-transform:uppercase; width:100%; text-align:center;} .product form li{ padding:5px; clear:both;} .product form li label{ display:block; width:100%;} .product button {border:0px solid #fff; background:#0077c3 url(site/p_btt.jpg) center left no-repeat; width:195px; display:block; text-align:center; color:#fff; cursor:pointer; line-height:40px; height:40px; margin:0; padding:0; margin-top:10px; clear:both;} .product .p_foot {background:url(site/p_foot.png); width:464px; height:4px; position:absolute; bottom:-4px; left:0;} /**************** BODY ***************/ body {background-image:url(site/bkg_2.jpg); background-color:#e2e2e2; background-position:0 0; background-repeat:repeat-x; font-family:Arial; font-size: 14px; } #section_5 body { background-image:url(site/bkg.jpg)} /*body { background: #d6d6d6 url(site/bg.png) repeat-x; color: #00283c; font-family:Arial; font-size: 14px; } #section_5 body { background:url(site/bkg.jpg) top left repeat-x #e2e2e2;}*/ a { color:#00283c; text-decoration:none; } a:hover { color:#00283c; text-decoration:none;} h1 {font-size: 22px; font-weight:bold; color:#00283c; text-transform: uppercase;} h1 a{font-size: 22px; font-weight:bold; color:#00283c; text-transform: uppercase;} h1 a:hover{font-size: 22px; font-weight:bold; color:#00283c; text-transform: uppercase;} #wrapper { width:1016px; margin:0 auto -380px auto; background-color:#FFFFFF; } #right_buttons { width: 47px; height: 391px; margin-top: 135px; position: absolute; right: 0px; display:block; z-index: 10; } #header {background-image:url(site/bkg_2.jpg); background-color:#e2e2e2; background-position:0 0; background-repeat:repeat-x;} #section_5 #header { background-image:url(site/bkg.jpg)} /**************** TOP MENU ***************/ #tel {height:59px; margin:0 auto; background: url(site/contactez-nous.png) center center repeat-y; text-align: left;} #tel span {height:59px; display:block; float:left; line-height:59px; color: #FFFFFF; } #tel #tel_normal { font-size: 26px; font-weight: bold; padding-left: 400px;} #tel #tel_sans_frais { font-size: 18px; padding-left: 150px;} /**************** NEWS BOX ****************/ #news_box { width:1016px; height:20px; padding:8px 0; margin:0 auto; background:#000; color: #FFFFFF; overflow: hidden; font-size:16px;} #news_box .title { text-transform:uppercase; padding:0 10px 0 20px; line-height:20px; height:20px; width:100px; border-right:1px solid #FFF; float:left; display:block;} #news_box ul {padding:0 20px 0 10px; margin:0; width:850px; height:20px; float:left; overflow:hidden;} #news_box li { list-style: none; padding:0; margin:0; float:left; clear:both;} #news_box li a { color: #FFFFFF; } /**************** MENU ***************/ #menu {width:960px; height: 42px; margin: 16px auto 16px; text-transform: uppercase; text-align: center; background-color:#e8e8e8;} #menu li.top_itm { width: 140px; } #menu #nav_1 {width: 160px;} #menu #nav_1 a { background: url(site/logo.png) no-repeat;} #menu #nav_1 span, #menu #nav_1 ul { display: none; } #menu #nav_7 { width:100px;} #menu #nav_7 a { background-image:url(site/cart.png); background-repeat:no-repeat; background-position: top right; } #menu #nav_7 a:hover, #menu #nav_7.tactive a { background-position: bottom right;} #menu #nav_7 span { text-align:right; padding-right:30px;} #menu #nav_7 ul { display:none;} #menu a {color:#00283c; } #menu a.top_itm { line-height: 42px; height:42px; font-size: 14px; text-transform: uppercase;} #menu a.top_itm span {display:block; border-right: 1px solid #e3e3e3 } #menu li.tactive a.top_itm, #menu a.top_itm:hover { color:#0077c3; } #menu top_itm a.MenuBarItemHover, #menu a.MenuBarItemSubmenuHover, #menu a.MenuBarSubmenuVisible { color:#0077c3;} /* ? */ #menu ul.sub_itm {width: 300px; margin-top: 3px; margin-left: 0px; background:#E8E8E8; border: solid 1px #FFFFFF; } #menu li.sub_itm {width: 300px; background:none; padding: 8px; margin-top: 4px; text-align:left;} #menu li.sub_itm a { height: auto; background:none; color:#00283c; text-decoration: none; text-transform: uppercase; font-size: 12px;} #menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#0077c3;} #menu li.sub_itm a span {background:none; padding:2px; margin:0;} #hlinks {padding-top:13px;} #hlinks a {display:block; width:324px; height:181px; float:left; background-position:center centre; background-repeat:no-repeat;} #hlinks a.cartes { background-image:url(site/cartes_daffaires.jpg);} #hlinks a.circulaires { background-image:url(site/circulaires.jpg); margin:0 22px;} #hlinks a.numerique { background-image:url(site/numerique.jpg);} /**************** ROTATOR ***************/ #rotator { display:none;} #section_5 #rotator { display:block; width:960px; height:348px; margin: 0 auto; padding: 0; background:#FFFFFF url(site/banner_big.jpg) center no-repeat;} #section_5 #rotator object { width:960px; height:348px; padding: 0; } /**************** BANNIERE GERABLE ***************/ #bkg_flash { display:block; width:960px; height:66px; margin: 0 auto; background:#FFFFFF center no-repeat; } #bkg_flash object { width:960px; height:66px; } #section_5 #bkg_flash { display:none; } /**************** CONTENU ***************/ #act_ctn {width:960px; min-height: 100px; margin: 0 auto; padding: 0px 0 30px 0;} /*#section_5 #act_ctn {width:1016px; min-height: 100px; margin: 0 auto; padding: 0px 0px 0px 0px;}*/ /**************** FOOTER (adresses + bouton return to top + custom text + site map) ***************/ .push {height:380px;} #footer {width:1016px; height:380px; margin:0 auto; background:url(site/footer_bkg.jpg) #E0E0E0 top right repeat-y; text-align:left;} #infolettre {width:156px; padding:12px; float:right; background: url(site/ml_bkg.jpg) top center no-repeat; color:#FFFFFF;} #infolettre .title { font-size:16px; text-transform:uppercase;} #infolettre fieldset {border:none; display:block; padding:0; margin:4px 0;} #infolettre legend {font-size:12px;} #infolettre input {background:url(site/input.png); width:140px; height:16px; margin:0; padding:4px 8px; border:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #infolettre button {background: url(site/send.png); width:94px; height:22px; float:right; clear:both; border:0px solid #fff; cursor:pointer; margin:5px 0} #infolettre .warning {font-size:10px; color:#FF0000; height:10px; width:156px; text-align:right; display:block; clear:both;} #site_map { width: 808px; padding:0 14px 28px 14px; background:#E0E0E0;} #site_map .colonne { width:174px; margin:0 14px; display:block; float:left;} #site_map .colonne_header {font-size:16px; color:#838383; display:block; clear:both; padding:15px 0; text-transform:uppercase;} #site_map .colonne a { border-top: solid 1px #838383; font-size:14px; color:#000000; padding:6px 0; display:block;} #site_map .colonne a:hover, #site_map .colonne a.active { color:#838383;} #site_map .colonne a.end {border-bottom: solid 1px #838383;} #srch {text-align:right; width: 780px; padding:5px 28px; font-size:11px; } #ads { text-align:right; width: 780px; padding:5px 28px; } #map {width: 780px; padding:5px 28px; height:20px; font-size:10px; text-align:right;} #map .links, #map .design, #map .optimised{ display:none;} #map span { display:inline-block; line-height:20px; } #map span.sm {margin-left:10px; padding:0 10px; border-left:1px solid #838383;} /**************************************************************** DON'TOUCH !!!!!! ****************************************************************/ html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;} .wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative; padding:0;} .push {clear:both;} .footer {position:relative; padding:0;} img {border:none; } div.gal {margin-top:20px; clear:both; width:100%;} a.gal { display:inline-block; width:150px; height:150px; text-align:center; } .thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;} .thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;} .thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;} .thumbRF{ margin:0px 0px 3px 10px;float:right; } .thumbLF { margin:0px 10px 3px 0px; float:left; } .clear {clear:both;} ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;} ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;} ul.menu li a {display:block;cursor:pointer;} ul.menu ul{ padding:0;list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em; text-align: center;} ul.MenuBarHorizontal ul {margin:0;} ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;} ul.MenuBarActive {z-index:1000;} ul.menu ul.MenuBarSubmenuVisible{left:auto;} ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;} ul.menu iframe{position:absolute;z-index: 1010;} @media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}} table.table {width:100%; clear:both; border-collapse:collapse;} tr.tblrow {text-align:left; vertical-align:top; } td.cell { border:none; text-align:left; vertical-align:top;} div.cellctn {padding:3px;} a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; } .calendar {text-align:center;} .cal_holder {width:100%; } .cal_holder .ccell {width:14%; display:block; float:left;} .cal_holder span.date {width:70%; display:block; float:left;} .cal_holder a.nav, .cal_holder a.cal { cursor:pointer;} .cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;} .cal_holder ul.cal, .cal_holder li.cal { float:left;} .cal_holder ul.cal {width:100%;} .cal_holder li.ccell {height:1.2em; position:relative;} .cal_holder a.cal {display:block;} .cal_holder ul.cal_drop{text-align:left;} .cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;} .cal_holder ul.right{left:auto; right:0;} .cal_holder ul.left{left:0;} /* SWF OPTIONS STYLE */ .flsbtt {margin:0 5px; height:29px; display:inline; float:left; border: solid 1px #000000; background-color: #cccccc;} .flsbtt:hover {cursor:pointer; border: solid 1px #7FAAFF; background-color: #C5D9FF;} .flsbtt a { display:block; line-height:28px; border:none; background:none; margin:0; padding:0; text-align:center; width:160px; height:28px; font-size: small; text-align:center; font-family:Arial, Helvetica, sans-serif;} fieldset.flash {width: 375px; margin: 10px 5px; border-color: #D9E4FF; } #btnSubmit { margin: 0 0 0 155px ; } .progressWrapper { width: 300px; overflow: hidden; } .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } .red { border: solid 1px #B50000; background-color: #FFEBEB; } .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } .blue {border: solid 1px #CEE2F2; background-color: #F0F5FF; } .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 280px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .progressBarError { width: 100%; background-color: red; visibility: hidden; } .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } a.progressCancel {font-size: 0;display: block;height: 14px;width: 14px;background-image:url(admin/cancelbutton.gif);background-repeat: no-repeat;background-position: -14px 0px;float: right; } a.progressCancel:hover {background-position: 0px 0px;} .imgeditholder{border: thin solid #000000; text-align:right; margin-bottom:10px;} .imgeditholder:hover{background-color:#CCFFFF;} .imgeditholder img{ float:left; padding:5px } .imgeditholder fieldset{ float:right; width:355px; border:none; padding:10px;}