/************************************************** Template de page valdeure Global.css update 2008-10-20@15:42 **************************************************/ /* PAGE */ body,html{/*background-image: url('templates/images2/GradiantBackG-2-copie.jpg'); background-repeat:repeat-x;*/ margin:auto;text-align:center;font-family:"Verdana", Arial, Helvetica, sans-serif;font-size:100%; background: url('templates/images/BG-GRANIT-2013.png'); background-repeat:repeat; z-index:-10; bottom:0; left:0; width:100%; height:100%; } form {margin:0; padding:0;float:left; z-index:50; } .formLogVE {margin:0 0 0 0; padding:-1px 0 0 0; float:left;} h1{padding-left:10px !important;} #btnPanier { height:22px; width:138px; margin:0; } #btnPanier a{ height:22px; width:138px; display: block;padding: 6px 0 0 0; background-image: url('templates/images/btn-panier.png') ; background-repeat:no-repeat; background-position:left top;} #btnPanier a:hover{ height:22px; width:138px; display: block; color:#333; background-image: url('templates/images/btn-panier.png') ; background-repeat:no-repeat; background-position: left bottom;} #btn-logout { height:14px; width:138px; margin: 0;} #btn-logout a{ height:14px; width:138px; display: block;padding: 6px 0 0 8px; background-image: url('templates/images/btn-logout.png') ; background-repeat:no-repeat; background-position:left top;} #btn-logout a:hover{ height:14px; width:138px; display: block; background-image: url('templates/images/btn-logout.png') ; background-repeat:no-repeat; background-position: left bottom;} .btn_recrut { width:auto; height:auto; background-color:#666; padding:0 4px; border-bottom-right-radius:5px;border-bottom-left-radius:5px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.40); -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.40); box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.40); display:block; position:absolute; top:0px; left:9px; z-index:200px; font-size:10px !important; color:#FFFFFF !important; font-style:italic; font-weight:bold; } #bt_OK {color: #FFFFFF; cursor:pointer; font-size: 0.7em; font-weight:bold; height:20px; width:30px; margin:0 0 0 60px; padding:0 0 0 4px; text-align:left;} #bt_OK a{color:#fff;background-image: url('templates/images/bouton-ok.png'); background-repeat: no-repeat; background-position:left top;width:30px; height:20px; margin:0 0 0 0; padding:0 0 0 4px; text-align:left; text-decoration:none; display:block; color:#fff; line-height:10px; font-weight:bold; cursor:pointer; font-size:0.7em;} #bt_OK a:hover{text-decoration:none;background-image: url('templates/images/bouton-ok.png'); background-repeat: no-repeat; background-position:left bottom;width:30px; height:20px; margin:0 0 0 0; padding:0 0 0 4px; text-align:left;display:block; color:#fff; line-height:22px; font-weight:bold; cursor:pointer; font-size:0.7em;} .tarifs_ht{font-size:9pt; color:#09F;} .tarifs_ttc{font-size:9pt; color:#ff78ff;} .tarifs_ht2{font-size:10pt; color:#fff;} .tarifs_ttc2{font-size:10pt; color:#fff;} label{font-family:"Verdana", Arial, Helvetica, sans-serif;color: #666;cursor:pointer;} input,select,textarea {font-family:"Verdana", Arial, Helvetica, sans-serif; padding: 1px ;/* border: 1px solid #CCC;color:#555555;*/ } /*table,tr,td {margin:0; padding:0;}*/ img {border:none;} *{outline:none;} #container {margin: auto; width:980px; height:auto; text-align:left; } #bodynoel {background: url('images/fondNOEL.jpg') no-repeat;margin: auto; width:1380px; height:auto; text-align:left; padding-left:-100px; } .ajax-loading {padding: 0;background: url('templates/images/mini-ajax-loader.gif') no-repeat center;} /* rollover des input pour IE7 et FF */ option { background-color:#FFF; } input[type=radio],input[type=checkbox] {} input[type], textarea[name] {color:#555555; font-size: 10px; } input:focus, select:focus, textarea:focus{ /*background-color: #e3edf2;*/ } input[disabled], select[disabled], textarea[disabled] { /*border: 1px solid #ccc; color:#fff;*/ } input[type=submit], input[type=reset]{ border:none; background-repeat: no-repeat; background-position:left bottom;width:28px; height:20px; margin:0; padding:0; text-align:left;text-decoration:none; color:#fff; line-height:10px; font-weight:bold; cursor:pointer; font-size:8pt; background-color:#3399ff; border:none; } input[type=button]{ border:none;background-image: url(templates/images/bouton-contact-form.png); background-repeat: no-repeat; background-position:left bottom;width:180px; height:24px; margin:0; padding:0 0 3px 3px; text-align:left;text-decoration:none; color:#fff; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} input[type=submit]:hover, input[type=reset]:hover{ border:none; text-decoration:none; background-repeat: no-repeat; background-position:left top; width:28px; height:20px; margin: 0; text-align:left; color: #666; line-height:10px; font-weight:bold; cursor:pointer; font-size:8pt; background-color:#3399ff; } input[type=button]:hover{text-decoration:none;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left top;width:180px; height:24px; margin: 0; text-align:left; color:#999; line-height:16px; font-weight:bold; cursor:pointer; font-size:0.8em; font-size:8pt;} input [type=submit]:active, input[type=reset]:active{width:28px; height:20px; margin:0; text-align:left; color:#fff; line-height:10px; font-weight:bold; cursor:pointer; font-size:0.8em;} input[type=button]:active{width:180px; height:24px; margin: 0; text-align:left; color:#fff; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .maj_panier[type=submit]{ border:none;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left bottom;width:180px; height:24px; margin:0; padding:0 0 3px 3px; text-align:left;text-decoration:none; color:#fff; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .maj_panier[type=submit]:hover{text-decoration:none;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left top;width:180px; height:24px; margin: 0; text-align:left; color:#999; line-height:16px; font-weight:bold; cursor:pointer; font-size:0.8em; font-size:8pt;} .maj_panier[type=submit]:active{width:180px; height:24px; margin: 0; text-align:left; color:#fff; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} /*---------Espace Client---------*/ .btn_identif a{ display:block; float:left;text-decoration:none; background-image: url('templates/images/bouton-contact-form-2.png'); background-repeat: no-repeat; background-position:left top;width:140px; height:32px; margin: 0;padding-top:16px; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_identif a:hover{display:block;float:left;text-decoration:none; background-image: url('templates/images/bouton-contact-form-2.png'); background-repeat: no-repeat; background-position:left bottom; width:140px; height:32px; margin: 0; padding-top:16px; text-align:center; color:#666; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_creacompte a{text-decoration:none;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left bottom;width:176px; height:20px; margin: 0;padding:4px 0 0 4px ; text-align:left; color:#FFF; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt; display:block;} .btn_creacompte a:hover{text-decoration:none;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left top;width:176px; height:20px; margin: 0; padding:4px 0 0 4px ; text-align:left; color:#999; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt; display:block;} .btn_impPDF a{ display:block; float:left;text-decoration:none; background-image: url('templates/images/bouton-impPANIER-PDF.png'); background-repeat: no-repeat; background-position:left top;width:140px; height:32px; margin: 0;padding-top:16px; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_impPDF a:hover{ display:block; float:left;text-decoration:none; background-image: url('templates/images/bouton-impPANIER-PDF.png'); background-repeat: no-repeat; background-position:left bottom;width:140px; height:32px; margin: 0;padding-top:16px; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_impPDF2 a{ display:block; float:left;text-decoration:none; background-image: url('templates/images/impPANIER-2.png'); background-repeat: no-repeat; background-position:left top;width:140px; height:30px; margin: 0; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_impPDF2 a:hover{ display:block; float:left;text-decoration:none; background-image: url('templates/images/impPANIER-2.png'); background-repeat: no-repeat; background-position:left bottom;width:140px; height:30px; margin: 0; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_impPDF2_inactif a{ display:block; float:left;text-decoration:none; background-image: url('templates/images/impPANIER-2.png'); background-repeat: no-repeat; background-position:left bottom;width:140px; height:30px; margin: 0; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_impComdePDF a{ display:block; float:left;text-decoration:none; background-image: url('templates/images/bouton-impComde-PDF.png'); background-repeat: no-repeat; background-position:left top;width:140px; height:32px; margin: 0;padding-top:16px; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} .btn_impComdePDF a:hover{ display:block; float:left;text-decoration:none; background-image: url('templates/images/bouton-impComde-PDF.png'); background-repeat: no-repeat; background-position:left bottom;width:140px; height:32px; margin: 0;padding-top:16px; text-align:center; color:#555; line-height:16px; font-weight:bold; cursor:pointer; font-size:8pt;} /*--------- FIN Espace Client---------*/ /*------------------------------*/ /*------------------------------*/ .paiementinput[type=submit], paiementinput[type=reset]{ border:none;background-image: none; background-repeat: no-repeat; background-position:left bottom; width:400px; height:24px; text-align:center;text-decoration: underline; color:#66cc33; line-height:10px; font-weight:bold; cursor:pointer; font-size:12pt; border: none; background-color: transparent; } .paiementinput[type=button]{ border:none;background-image: none; background-repeat: no-repeat; background-position:left bottom;width:400px; height:24px; margin:0; padding:0 0 3px 3px; text-align:center;text-decoration: underline; color:#66cc33; line-height:16px; font-weight:bold; cursor:pointer; font-size:12pt;} .paiementinput[type=submit]:hover, paiementinput[type=reset]:hover{text-decoration:none;background-image: none; background-repeat: no-repeat; background-position:left top; width:400px; height:24px; text-align: center; color:#666; line-height:10px; font-weight:bold; cursor:pointer;font-size:12pt; border: none; background-color: transparent;} paiementinput[type=button]:hover{text-decoration:none;background-image: none; background-repeat: no-repeat; background-position:left top; width:400px; height:24px; text-align: center; color:#666; line-height:10px; font-weight:bold; cursor:pointer; font-size:12pt;} /*------------------------------*/ /*------------------------------*/ .Sendfriendinput[type=submit], input[type=reset]{ border:none;color:#999;background-image: url(templates/images/bouton-contact-form.png); background-repeat: no-repeat; background-position:left bottom;width:180px; height:24px; margin:0; padding:0 0 3px 3px; text-align: center;text-decoration:none; color:#fff; line-height:16px; font-weight:bold; cursor:pointer; font-size:9pt;} .Sendfriendinput[type=submit]:hover, input[type=reset]:hover{ text-decoration:none;background-image: url(templates/images/bouton-contact-form.png); background-repeat: no-repeat; background-position:left top;width:180px; height:24px; margin: 0; text-align:center; color:#999; line-height:16px; font-weight:bold; cursor:pointer; font-size:0.8em; font-size:9pt;} /*------------------------------*/ /*------------------------------*/ /*#bt_indentif { width:180px; height:20px; margin:40px 0 0 155px; padding:0px; text-align:center; background-color:#F00;} #bt_indentif a{text-decoration:none; display:block; color:#fff;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left bottom;width:180px; height:24px; line-height:22px; font-weight:bold; cursor:pointer;margin:0; padding:0px; font-size:0.9em;} #bt_indentif a:hover{text-decoration:none;display:block; color:#999;width:180px; height:24px; line-height:22px; font-weight:bold; cursor:pointer;margin:0; padding:0px; font-size:0.9em;background-image: url('templates/images/bouton-contact-form.png'); background-repeat: no-repeat; background-position:left top;} /* ------ HEADER 2010 (bloc navigation) --------- */ #Rdte_NewNav2010 { position:relative; } #Rdte_NewNav2010 { margin: 0 auto; width: 955px; background-color: #fff; } #Rdte_NewNav2010 ul.NewNav2010 { padding:0; margin:0; list-style-type:none; height: 36px; color: #648185;background-color: #c1e1e4;} #Rdte_NewNav2010 ul.NewNav2010 li { padding:0; margin:0; list-style-type:none; float:left; border-right: 1px solid #fff; } #Rdte_NewNav2010 ul.NewNav2010 li.separ { border-right: 1px solid #cfcecb; } #Rdte_NewNav2010 ul.NewNav2010 li a { font-size: 10px; font-weight: bold; display: block; text-decoration: none; padding: 0px 15px; text-align: center; } #Rdte_NewNav2010 ul.NewNav2010 li a.line1 { padding-top: 6px; height: 30px;}#Rdte_NewNav2010 ul li a.line2 { padding-top: 6px; height: 30px; } #Rdte_NewNav2010 ul.NewNav2010 li a.defaut { text-decoration: none; color: #0099ff; } #Rdte_NewNav2010 ul.NewNav2010 li div.NewNavLayer { display:none; position:absolute; top:36px; float: left; width: 954px; z-index:1000; left: 0; margin-left: 0px; padding: 1px; height: 200px; } #Rdte_NewNav2010 ul.NewNav2010 li div.NewNavLayerOn { display:block; position:absolute; top:36px; float: left; width: 954px; z-index:1000; left: 0; margin-left: 0px; padding: 1px; height: 200px; } #Rdte_NewNav2010 ul.NewNav2010 li div.NewNavLayer_s { display:none; position:absolute; top:36px; float: left; width: 751px; z-index:1000; left: 0; margin-left: 0px; padding: 1px; height: 200px; } /* HEADER */ #header{float:left;margin:0; padding:0; width:955px; height:185px; } #aheader {display:block; float:left;width:250px;height:100px;} #aheader span{display:none;} #top-menu {float:left;margin:0; padding:0; height:50px; width:980px;} #top-menu ul {margin:25px 0 0 150px; padding:0; list-style-type:none;font-size:0.6em; width:285px;} #top-menu ul li{float:left;margin:0; padding:0 6px;} #top-menu ul li a{margin:0; padding:0; text-decoration:none;color: #6699FF;} #top-menu ul li a:hover{margin:0; padding:0; text-decoration:none;color:#0099ff;} #toolbar-title {clear:both;float:right; width:234px; margin:0 10px 0 0!important; padding:0; text-transform:uppercase;border-bottom:1px solid #fff; color:#fff; font-size:0.9em; font-weight:bold;} #toolbar {float:right; margin:0 ; padding:0 10px 0 0; width:290px;font-size:1em; height:115px;} #avantages{float:right; margin:15px 0 0 0!important; padding:0;color:#fff; width:290px; font-size:0.6em; text-align:right;} #avantages a {margin:0; padding:0; text-decoration:none;color:#fff;font-size:1em;} #avantages a:hover{margin:0; padding:0; text-decoration:underline;color:#fff;font-size:1em;} #acces-panier {float:left;margin:18px 0 0 15px; padding:0; width:120px; height:70px; background:url('templates/images/caddy.gif') no-repeat 60px 22px;font-size:1em;} #acces-panier a{display:block; margin:0 ; padding:32px 0 0 5px; text-decoration:none;color:#f2f8f9;font-size:0.6em;} #acces-panier a:hover{display:block; margin:0 ; padding:32px 0 0 5px; text-decoration:none;color:#fff;font-size:0.6em;} #search-menu {clear:left;float:left;margin:55px 0 0 59px!important; padding:0;font-size:1em; width:500px; text-align:left;} #search-menu .inpFrms {margin:0; padding:1px 1px 1px 20px; font-size:0.7em; height:15px; width:155px; color:#555555; background:#fff url('templates/images/q.png') no-repeat 3px center;} #search-menu .slcFrms { margin:0; padding:1px; font-size:0.7em; color:#555555;} #search-menu .subFrms {margin:0; padding:0px; width:30px;} /* User logged Out */ #login-form {margin:10px 0 0 0; padding:0;font-size:1em;} #login-form .inpFrms {clear:right;float:right; margin:2px 0; padding:1px; font-size:0.7em; width:125px; color:#555555;} #login-form .subFrms {clear:right;float:right; width:30px;margin:2px 0; } #mdplost { float:right;margin:0; padding:0;color:#0099ff;font-size:1em; width:290px; text-align:right;} #mdplost a {margin:0; padding:0; text-decoration:underline;color:#0099ff;font-size:0.6em;} #mdplost a:hover{margin:0; padding:0; text-decoration:underline;color:#fff;font-size:0.6em;} /* User logged In */ #user-panel {margin:10px 0 0 0; padding:0;font-size:0.7em;color:#fff; text-align:right;} #user-panel p{ float:right;margin:0; padding:0 0 0 142px;color:#0099ff;font-size:1em; width:148px; text-align:left;} #user-panel a {margin:0; padding:0; text-decoration:none;color:#0099ff;font-size:0.6em;} #user-panel a:hover{margin:0; padding:0; text-decoration:none;color:#fff;font-size:0.6em;} #user-panel ul {margin:0; padding:0 0 0 130px;color:#fff; text-align:right;font-size:1.5em; list-style-type:none;} #user-panel ul li {background:url('templates/images/fleche.gif') no-repeat left 8px;text-align:left; margin:0; padding:0 0 0 12px;line-height:16px;} /* MAIN NAVIGATION */ #main-nav {float:left;margin:4px 0 0 0; padding:1px 0 0 0; width:955px; text-align:left; /*border-top:1px solid #0099ff;*/font-size:1em;} #main-nav ul{float:left;margin:0; padding:0; list-style-type:none;font-size:0.6em; width:620px;height:39px;} #main-nav ul li{float:left;margin:0; padding:0;height:39px; text-align:center; font-weight:bold; line-height:13px;} #main-nav .separator{border-right:1px solid #c1e1e4; } #main-nav .noseparator{border:none;} #main-nav ul li a{ display:block;margin:0; padding:5px 14px 0 14px; text-decoration:none;color:#fff;height:34px;background-color:#0099ff;} #main-nav ul li a:hover{display:block;margin:0; padding:5px 14px 0 14px; text-decoration:none;color:#0099ff;height:34px;background-color:#c1e1e4;} #infos-cgv{margin:10px 0 0 0; padding:0; width:172px;height:44px;} #infos-cgv span{display:none;} #infos-cgv a{display:block;width:172px;height:42px;margin:0; padding:0;} #bonnes-affaires{margin:10px 0 0 0; padding:0; /*background:url('templates/images/bonnes-affaires.gif') no-repeat 2px 0;*/ width:172px;height:44px;} #bonnes-affaires span{display:none;} #bonnes-affaires a{display:block;width:172px;height:42px;margin:0; padding:0;} #select-tarif{float:left;margin:0; padding:0; font-size:9pt; width:117px;height:13px; color:#666; text-align:center;} #select-tarif input{border:none;} #acces-conso{float:right;margin:0; padding:0; background:url('templates/images/consommable.gif') no-repeat 0 0; width:231px;height:61px; } #acces-conso span{display:none;} #acces-conso a{display:block;width:231px;height:61px;margin:0; padding:0;} #acces-conso2{float:right;margin:0; padding:0; background:url('templates/images/consommable2.jpg') no-repeat 0 0; width:193px;height:61px; } #acces-conso2 span{display:none;} #acces-conso2 a{display:block;width:193px;height:61px;margin:0; padding:0;} #marquepage {overflow:hidden; width: 980px; height:30px; float:left; color: #999; font-size:0.6em; padding-top:0px; } #marquepage a{text-decoration:none;color:#666;} #marquepage a:hover{ text-decoration:none;color:#999;} /* BODY */ #body{width:980px; padding:2px 0 10px 0; margin-bottom:10px; text-align:left;font-size:100%; border-top:1px solid #CCC;float:left; background-color:#fff;} /* TAGS */ #tagsCloud {clear:both;margin:5px 0 0 0; padding:0; width:955px; color:#A3A2A2;} #tagsCloud a{text-decoration:none;color:#A3A2A2;} #tagsCloud a:hover{ text-decoration:underline;color:#A3A2A2;} /* FOOTER */ #footer {clear:both;margin:5px 0 0 0; padding:0; width:955px;} #alt-nav {clear:both;margin:auto; padding:1px 0 0 0; width:980px; text-align:center; font-size:9px;} #alt-nav ul{margin:0; padding:2px 0 3px 10px;background-color:#fff; height:15px; list-style-type:none;text-align:center;font-size:9px;} #alt-nav ul li{float:left;margin:0; padding:0 12px;font-size:9px;} #alt-nav ul li a{margin:0; padding:0; text-decoration:none;color:#666666;} #alt-nav ul li a:hover{margin:0; padding:0; text-decoration:none;color:#ccc;} #infos-legal {margin:0; padding:0; float:left; width:340px; height:60px; font-size:0.7em;color:#0099ff; font-style :normal;} #paiement-securise{margin:0 0 0 120px; padding:0; float:left;background:url('templates/images/cb.gif') no-repeat 0 0; width:93px;height:60px;} #paiement-securise span {display:none;} #reflexe-nature{margin:0; padding:0;float:right;background:url('templates/images/nature.gif') no-repeat 0 0; width:220px;height:60px;} #reflexe-nature span {display:none;} #pages-edito{clear:left;background-color:#F1F1F1;width:960px;margin:0; padding:10px;font-size:0.6em; color:#A3A2A2;} #pages-edito a{text-decoration:none; color:#A3A2A2;} #pages-edito a:hover{text-decoration:none; color:#666666;} #creation-visuelle {margin:0; padding:0;float:right;background:url('templates/images/creation-visuelle.gif') no-repeat 0 0; width:256px;height:28px;} #creation-visuelle span {display:none;} #creation-visuelle a {display:block;width:256px;height:28px;} /* LIENS DISCRETS */ #body-left a.discret{text-decoration:none;border-bottom: 1px dashed #ccc;} #body-left a.discret:hover{border-bottom: 1px dashed #e5004f;color: #e5004f;} /* STYLES EDITEUR BO */ .style1{color:#666; font-weight:normal;} .style2{color:#ff78ff; padding-left:10px;} .style3{color:#0099ff;} .style4{color:#666; font-size:9pt;} .style5{font-size:10px; color:#333;} .style6{font-size:10px; color:#e5004f;} /* MArqueurs de stat */ #xiti-logo{margin:5px 0 0 0 ;} .affin-rech {/* background-image:url(templates/images2/AffinerRech.jpg);*/ display:block; width:150px; height:auto; background-repeat:no-repeat; font-weight: normal; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center;margin:1px 0 0 1px; padding:2px 0 4px 0;float: left; border:#999 1px solid; } .rech-m1 a { /*background-image:url(templates/images2/AffinerRech-m1.jpg); */ display:block; width:143px; height:52px; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold; background: #06C; opacity:0.8 } .rech-m1 a:hover{/* background-image:url(templates/images2/AffinerRech-m1.jpg); */ display:block; width:143px; height:52px; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold; background:#06C; opacity:0.6 } .rech-m1_actif a{/* background-image:url(templates/images2/AffinerRech-m1.jpg); */ display:block; width:143px; height:52px; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold; background:#06C; opacity:0.8; border-right: rgba(122,201,67,1) 4px solid; } .rech-m2 a{ /*background-image:url(templates/images2/AffinerRech-m2.jpg);*/ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:top; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background: #FF78FF; opacity:0.8 } .rech-m2 a:hover{ /*background-image:url(templates/images2/AffinerRech-m2.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#FF78FF; opacity:0.6 } .rech-m2_actif a{ /*background-image:url(templates/images2/AffinerRech-m2.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#FF78FF; opacity:0.8; border-right: rgba(122,201,67,1) 4px solid; } .rech-m3 a{ /*background-image:url(templates/images2/AffinerRech-m3.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:top; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background: #B6921F; opacity:0.8 } .rech-m3 a:hover{ /*background-image:url(templates/images2/AffinerRech-m3.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#B6921F; opacity:0.6 } .rech-m3_actif a{ /*background-image:url(templates/images2/AffinerRech-m3.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#B6921F; opacity:0.8; border-right: rgba(122,201,67,1) 4px solid; } .rech-m4 a{ /*background-image:url(templates/images2/AffinerRech-m4.jpg);*/ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:top; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background: #669933; opacity:0.8 } .rech-m4 a:hover{/* background-image:url(templates/images2/AffinerRech-m4.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#669933; opacity:0.6 } .rech-m4_actif a{/* background-image:url(templates/images2/AffinerRech-m4.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#669933; opacity:0.8; border-right: rgba(122,201,67,1) 4px solid; } .rech-m5 a{/* background-image:url(templates/images2/AffinerRech-m5.jpg);*/ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:top; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background: #FF8200; opacity:0.8 } .rech-m5 a:hover{ /* background-image:url(templates/images2/AffinerRech-m5.jpg);*/ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#FF8200; opacity:0.6 } .rech-m5_actif a{ /* background-image:url(templates/images2/AffinerRech-m5.jpg);*/ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#FF8200; opacity:0.8; border-right: rgba(122,201,67,1) 4px solid; } .rech-m6 a{ /*background-image:url(templates/images2/AffinerRech-m6.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:top; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#58585a; opacity:0.8 } .rech-m6 a:hover{ /*background-image:url(templates/images2/AffinerRech-m6.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#58585a ; opacity:0.6 } .rech-m6_actif a{ /*background-image:url(templates/images2/AffinerRech-m6.jpg); */ display:block; width:143px; height:52px; background-repeat:no-repeat; background-position:bottom; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:2px 0 0 1px; padding:2px 6px 0 4px;float: left; font-weight:bold;background:#58585a ; opacity:0.8; border-right: rgba(122,201,67,1) 4px solid; } .rech-mtout a{/* background-image:url(templates/images2/AffinerRech-mtout.jpg); */ display: inline-block; width:142px; height:29px; background-repeat:no-repeat; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:0 0 2px 1px; padding:0 6px 2px 4px;float: left; font-weight:bold; background:#CCC;opacity:1.0 } .rech-mtout a:hover{ /* background-image:url(templates/images2/AffinerRech-mtout.jpg); */ display: inline-block; width:138px; height:29px; background-repeat:no-repeat; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; text-align:left;margin:0 0 2px 1px; padding:0 6px 2px 4px;float: left; font-weight:bold;background:#CCC;opacity:0.8 } .rech-mtout a p{ display: inline-block; width:95px; height:30px; margin:0;float: left; color:#FFF; } .rech-mtout a img{ display: inline-block; width:30px; height:30px; margin:0;float: right; } /* ICON */ /* @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 18px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ /* ICON fin */ /* TEL */ .tel_08_text{ position: relative; display: inline-block; background-color: #FFFFFF; padding:0 90px 0 3px; border:solid #CCCCCC 1px; height:20px; text-decoration:none !important; color:#af007d !important; font-size: 14px!important; font-weight:bold; text-align: left; font-family: "Arial", Arial, sans-serif !important; font-style: normal; line-height:1.5; } .tel_08_text:before { position:absolute; z-index:2; bottom:-1px; right:3px; width: 78px; height:20px; margin:0; background-color: #af007d; padding: 2px 1px 0px 5px; font-family: "Arial", Arial, sans-serif !important; content:"Service 0,40\20AC/min + prix appel"; color: #FFFFFF; font-size:9px; font-weight:normal; text-align:left; line-height:1.0; } .tel_08_text:after { position:absolute; bottom:1px; right:83px; z-index:3; font-family:FontAwesome; content:"\f0da"; color: #FFFFFF; font-size:13px !important; } /*----------------------------------------------------------------*/ .tel_08_text_long{ position: relative; background-color: #FFFFFF; padding:0 190px 0 4px; border:solid #CCCCCC 1px; text-decoration:none !important; color:#af007d !important; font-size: 14px!important; font-weight:bold; text-align: inherit; font-family: "Arial", Arial, sans-serif !important; font-style: normal; } .tel_08_text_long:before { position:absolute; z-index:2; bottom:-1px; right:3px; width: 183px; height:18px; margin:0; background-color: #af007d; padding: 1px 1px 1px -1px; font-family: "Arial", FontAwesome, Arial, sans-serif !important; font-family:; content:"\f0da Service 0,40\20AC/min + prix appel"; color: #FFFFFF; font-size:13px; font-weight:normal; text-align:left; line-height:1.2; } /*----------------------------------------------------------------*/ .tel_08_text_dessous{ position: relative; display: inline-block; background-color: #FFFFFF; padding:0 5px; border:solid #CCCCCC 1px; width: 104px; height:20px; margin-bottom:15px; text-decoration:none !important; color:#af007d !important; font-size: 16px!important; font-weight:bold; text-align: left; font-family: "Arial", Arial, sans-serif !important; font-style: normal; line-height:1.5; } .tel_08_text_dessous:before { position:absolute; z-index:2; top:20px; left:-1px; width: 90px; height:24px; margin:0; background-color: #af007d; border:solid #af007d 1px; padding:1px 8px 0 16px; font-family: "Arial", Arial, sans-serif !important; content:"Service 0,40\20AC/min + prix appel"; color: #FFFFFF; font-size:11px; font-weight:normal; text-align:left; line-height:1.0; } .tel_08_text_dessous:after { position:absolute; top:11px; left:4px; z-index:3; font-family:FontAwesome; content:"\f0d7"; color: #FFFFFF; font-size:13px !important; } /*-----*//*-----*//*-----*//*-----*//*-----*//*-----*//*-----*//*-----*/ .btn_tel_08{ display:inline-block; position:relative; float:left; background-color: #FFFFFF; width: 140px; margin:2px 5px 0 24px ; padding:0 0 0 5px; border:solid #CCCCCC 1px; text-decoration:none !important; color:#cc3399 !important; font-size:16px; font-weight:normal; text-align:left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; line-height: 1.4; } .btn_tel_08:after { visibility: visible; position:absolute; bottom:-2px; right:4px; width: 20px; height:20px; margin:0; background-color: #cc3399; border:solid #cc3399 1px; font-family:FontAwesome; color: #FFFFFF; font-size:15px; font-weight:normal; text-align:center; line-height: 1.4; padding:2px 0 ; content:"\f095"; } .btn_tel_08:hover{ margin:2px 5px 0 4px ; } .btn_tel_08:hover:after{ visibility: visible; position:absolute; bottom:-2px; right:-40px; width: 64px; height:20px; margin:0; background-color: #cc3399; border:solid #cc3399 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; content:"0,40\20AC/min + prix appel"; color: #FFFFFF; font-size:10px; font-weight:bold; text-align:center; line-height: 1.0; padding:2px; } /*TEL FIN*/ .triangle-droite{ position:relative; display: inherit; width: inherit; } .triangle-droite:after{ position:absolute; top:50%; left:100%; z-index:100; transition: all 0.4s cubic-bezier(.68,-0.55,.27,1.55) 0s; content:""; width:1px; height:1px; border:1px solid #FFF ; border-color:transparent transparent transparent #FFF ; border-width:15px; } .triangle-droite:hover:after{ position:absolute; top:50%; left:100%; z-index:100; transition: all 0.4s cubic-bezier(.68,-0.55,.27,1.55) 0s; content:""; width:1px; height:1px; border-width:13px; } @media print{ .noprint{ display:none } }/************************************************** Template de page valdeure Catalogue.css update 2008-07-25@12:13 **************************************************/ /* Catalogue */ #body-left{float:left;width:160px; margin:0 4px 0 0 ; padding:0; height:auto;} #body-right{float:left;width:816px; margin:0 ; padding:0 ;font-size:1em;} #body-right_fiche{float:left; margin:0; padding:0;font-size:1em;} /*#body-right h1 {font-size:0.9em;margin:0 0 7px 0; padding:0;color:#0099ff;} #body-right h2{font-size:0.7em; margin:0 0 7px 0; padding:0 0 0 10px; color:#e5004f;height:15px; background:url('templates/images/fleche.gif') no-repeat 0 3px;} #body-right h2 a {text-decoration:none;color:#e5004f;} #body-right h2 a:hover {text-decoration:none;color:#555555;}*/ /*#body-right a{text-decoration:none;color: #fff;} #body-right a:hover{text-decoration:none;color: #fff;}*/ /* Menu */ #index-themes {margin:0;font-size:0.6em;} #index-themes h3 {font-size:1.1em;text-transform:uppercase; margin:0; padding:0;color:#025e64;border-bottom:1px solid #025e64; text-align:center;} #index-themes ul {margin:0 0 0 5px; padding:0; list-style-type:none;} #index-themes ul li { margin:0.1em 0; padding:0.1em 0; color:#025e64;} #index-themes ul li a{ text-decoration:none; color:#025e64; display:block;} #index-themes ul li a:hover{ text-decoration:underline; color:#025e64;display:block;} #index-themes ul li:hover { background-color:#8abcc1;} /* Flyout du menu catalogue à revoir ********************************************/ #index-themes li ul { width:200px; padding:4px; list-style-type:none;position:absolute; margin:-18px 0 0 150px;background-color:#f2f8f9; border:1px solid #025e64;z-index:10;} #index-themes li ul li { margin:0.2em 0; padding:0.2em 0; color:#025e64;} #index-themes li ul li a{ text-decoration:none; color:#025e64;} #index-themes li ul li a:hover{ text-decoration:underline; color:#025e64;} #index-themes li ul li:hover { background-color:#8abcc1;} /********************************************************************************/ .li_selected,.li_selected a,.li_selected a:hover{text-decoration:underline;color:#666;} .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 { border-left:1px solid #025e64; border-right:1px solid #025e64;background-color:#f2f8f9;} .xb1 {margin:0 5px; background:#025e64;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontentb {display:block; border:0 solid #025e64; border-width:0 1px; padding: 0 5px 5px 5px; background-color:#f2f8f9;} .xc1, .xc2, .xc3, .xc4 {display:block; overflow:hidden;} .xc1, .xc2, .xc3 {height:1px;} .xc2, .xc3, .xc4 { border-left:1px solid #cccccc; border-right:1px solid #cccccc;background-color:#fff;} .xc1 {margin:0 5px; background:#cccccc;} .xc2 {margin:0 3px; border-width:0 2px;} .xc3 {margin:0 2px;} .xc4 {height:2px; margin:0 1px;} .xboxcontentc { border:0 solid #cccccc; height:580px; border-width:0 1px; padding: 0 5px 5px 5px; background-color:#fff;} /* Liste produit */ #descCat{width:652px;height:65px;clear:left;float:left;margin:5px 0; padding:5px 0;color:#555555;font-size:0.6em;} #descCat a{text-decoration:underline;} #descCat a:hover{text-decoration:underline;} #descSCat{width:648px;height:auto;overflow:hidden;clear:left;float:left;margin:0; padding:0;color:#555555;font-size:0.6em; background-color:#fff; /*background: url('templates/images2/fond-DESCR-cat-1.png'); background-repeat:no-repeat;}*/} #descSCat a{text-decoration:underline;} #descSCat a:hover{text-decoration:underline;} #descSCat-vflash {width:648px; height:80px; background-color:#9966cc; overflow:hidden;clear:left;float:left;margin:0; padding:0; /*background: url('templates/images2/fond-DESCR-cat-promo.png'); background-repeat:no-repeat; background-position:bottom;*/} #descSCat-vflash a{text-decoration:underline;} #descSCat-vflash a:hover{text-decoration:underline;} #descSCat-promo {width:648px; height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-PROMO.jpg'); background-repeat:no-repeat; background-position:bottom;} #descSCat-promo a{text-decoration:underline;} #descSCat-promo a:hover{text-decoration:underline;} descSCat-promo_2 {width:648px; height:20px;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:14px; background-color:#666; } #descSCat-promo_2 a{text-decoration:underline;} #descSCat-promo_2 a:hover{text-decoration:underline;} #descSCat-destock {width:648px; height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-destock.png'); background-repeat:no-repeat; background-position:bottom;} #descSCat-destock a{text-decoration:underline;} #descSCat-destock a:hover{text-decoration:underline;} #descSCat-nouveau {width:648px; height:60px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-nouveau.png'); background-repeat:no-repeat; background-position:bottom;} #descSCat-nouveau a{text-decoration:underline;} #descSCat-nouveau a:hover{text-decoration:underline;} #descSCat-pdtvert {width:648px; height:60px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-pdtvert.png'); background-repeat:no-repeat; background-position:bottom;} #descSCat-pdtvert a{text-decoration:underline;} #descSCat-pdtvert a:hover{text-decoration:underline;} #descSCat-essentielles {width:648px; height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-essentielles.png'); background-repeat:no-repeat; background-position:bottom;} #descSCat-essentielles a{text-decoration:underline;} #descSCat-essentielles a:hover{text-decoration:underline;} #descSCat-1 {width:648px; height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-1.png'); background-repeat:no-repeat; background-position:bottom;} #descSCat-1 a{text-decoration:underline;} #descSCat-1 a:hover{text-decoration:underline;} #descSCat-1 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-1-2 {width:648px; height:25px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-1-2.png'); background-repeat:no-repeat; background-position:bottom;} #descSCat-1-2 a{text-decoration:underline;} #descSCat-1-2 a:hover{text-decoration:underline;} #descSCat-1-2 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-2 {width:648px;height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-2.png'); background-repeat:no-repeat;} #descSCat-2 a{text-decoration:underline;} #descSCat-2 a:hover{text-decoration:underline;} #descSCat-2 h1{ color:#fff; padding: 2px 0 0 0;} #descSCat-2-2 {width:648px;height:25px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-2-2.png'); background-repeat:no-repeat;} #descSCat-2-2 a{text-decoration:underline;} #descSCat-2-2 a:hover{text-decoration:underline;} #descSCat-2-2 h1{ color:#fff; padding: 2px 0 0 0;} #descSCat-3 {width:648px;height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-3.png'); background-repeat:no-repeat;} #descSCat-3 a{text-decoration:underline;} #descSCat-3 a:hover{text-decoration:underline;} #descSCat-3 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-3-2 {width:648px;height:25px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-3-2.png'); background-repeat:no-repeat;} #descSCat-3-2 a{text-decoration:underline;} #descSCat-3-2 a:hover{text-decoration:underline;} #descSCat-3-2 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-4 {width:648px;height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-4.png'); background-repeat:no-repeat;} #descSCat-4 a{text-decoration:underline;} #descSCat-4 a:hover{text-decoration:underline;} #descSCat-4 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-4-2 {width:648px;height:25px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-4-2.png'); background-repeat:no-repeat;} #descSCat-4-2 a{text-decoration:underline;} #descSCat-4-2 a:hover{text-decoration:underline;} #descSCat-4-2 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-5 {width:648px;height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-5.png'); background-repeat:no-repeat;} #descSCat-5 a{text-decoration:underline;} #descSCat-5 a:hover{text-decoration:underline;} #descSCat-5 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-5-2 {width:648px;height:25px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-5-2.png'); background-repeat:no-repeat;} #descSCat-5-2 a{text-decoration:underline;} #descSCat-5-2 a:hover{text-decoration:underline;} #descSCat-5-2 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-6 {width:648px;height:90px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-6.png'); background-repeat:no-repeat;} #descSCat-6 a{text-decoration:underline;} #descSCat-6 a:hover{text-decoration:underline;} #descSCat-6 h1{ color:#fff;padding: 2px 0 0 0;} #descSCat-6-2 {width:648px;height:25px;overflow:hidden;clear:left;float:left;margin:0; padding:0 0 0 2px;color: #333;font-size:0.6em; background: url('templates/images2/fond-DESCR-cat-6-2.png'); background-repeat:no-repeat;} #descSCat-6-2 a{text-decoration:underline;} #descSCat-6-2 a:hover{text-decoration:underline;} #descSCat-6-2 h1{ color:#fff;padding: 2px 0 0 0;} #coultheme1 { background-color:#1073b6; font-weight:bold;} #coultheme1 a{ color:#FFF; font-weight:bold;} #coultheme1 a:hover{ text-decoration:underline; } #coultheme2 { background-color:#FF78FF; font-weight:bold;} #coultheme2 a{ color:#FFF; font-weight:bold;} #coultheme2 a:hover{ text-decoration:underline; } #coultheme3 { background-color:#b6921F; font-weight:bold;} #coultheme3 a{ color:#FFF; font-weight:bold;} #coultheme3 a:hover{ text-decoration:underline; } #coultheme4 { background-color:#71a81d; font-weight:bold;} #coultheme4 a{ color:#FFF; font-weight:bold;} #coultheme4 a:hover{ text-decoration:underline; } #coultheme5 { background-color:#FF8200; font-weight:bold;} #coultheme5 a{ color:#FFF; font-weight:bold;} #coultheme5 a:hover{ text-decoration:underline; } #coultheme6 { background-color:#58585a; font-weight:bold;} #coultheme6 a{ color:#FFF; font-weight:bold;} #coultheme6 a:hover{ text-decoration:underline; } #overSScat a{ width:150px; height:160px; margin-right:2px; margin-top:2px; text-align:center;} #overSScat a:hover{ width:150px; height:160px; margin-right:2px; margin-top:2px; text-align:center; border-bottom:#66cc33 solid;} .sousCatPICTO1 a { display:block;float:left; width:158px; height:170px; margin:6px 0 0 0 ; } .sousCatPICTO1 a:hover { /*border:none;background: url('templates/images2/btn-sousCatPICTO.png');background-position:bottom center; background-repeat:no-repeat;*/} .sousCatPICTO_promo a { display:block; float:left; width:158px; height:100px; margin:1px ; border: #CCC solid 1px;color:#666; background: rgb(255, 255, 255); -webkit-transition:All 0.6000s ease; -moz-transition:All 0.6000s ease;} .sousCatPICTO_promo a:hover { color:#FFF; background: rgb(200, 200, 200) ; -webkit-transition:All 0.6000s ease; -moz-transition:All 0.6000s ease;} .sousCatPICTO_promo_active a { display:block; float:left; width:158px; height:100px; margin:1px ; border: #CCC solid 1px; color:#FFF; background: rgb(200, 200, 200) ; -webkit-transition:All 0.6000s ease; -moz-transition:All 0.6000s ease;} .sousCatPICTO_promo a p {color:#666;} .sousCatPICTO_promo a:hover p { color:#FFF; } a {-webkit-transition:All 0.4000s ease; -moz-transition:All 0.4000s ease;} a:hover {-webkit-transition:All 0.4000s ease; -moz-transition:All 0.4000s ease;} .triPan {width:638px;height:25px;line-height:26px;float:left;margin: 0; padding:0 0 0 0; color:#666;font-size:0,6em;background-color:#fff;} .triPan p {margin:0 0 0 0;padding:0; font-size:9pt;float:left;height:25px; text-align:center; } .triPan dl {margin:0 5px 0 5px;padding:0 0 0 0;font-size:0,6em;float:left;} .triPan dt {margin:0 0 0 5px;padding:0 0 0 0;width:24px;float:left;font-size:0,6em;} .triPan dd {margin: 0;font-size:0,6em;float:left;} .triPan a { margin:0;padding:0; font-size:0,6em;color:#666;float:left; } .triPan a:hover {margin:0;padding:0;font-size:0,6em;color:#999;float:left;} .triPan form { margin:0 0 0 20px;line-height:20px;} .triPan select {font-family: "Verdana",Arial,Helvetica,sans-serif; padding: 0px; background-color:rgba(204,204,204,1); border:none; font-size:10px;} .triPanUP { background-image: url('templates/images2/btn-tri-moinsAUplus.png');background-repeat:no-repeat;display: inline-block;width:142px; background-color:#FFF; background-position:right;text-align:left;height:25px} .triPanDOWN { background-image:url('templates/images2/btn-tri-plusAUmoins.png'); background-repeat:no-repeat;display:inline-block;width:142px; background-color:#FFF; background-position:left; height:25px; float:right; text-align: right !important;} .triPanFiltre {width:648px;clear:left;float:left;margin:0px 0; padding:1px; border:0;color:#666666;font-size:0.6em; position:relative; z-index:0; background-color:#ccc;} .triPanFiltre p {margin:0;padding:0;} .triPanFiltre dl {margin:0;padding:0;} .triPanFiltre dt {margin:0;padding:0 0 0 6px;background:url('templates/images/fleche.gif') no-repeat 0 4px;} .pagination-top{width:638px;clear:left;float:left;margin:0 0 5px 3px; padding:5px 0 0 6px; border-top:1px solid #cccccc;color:#333;font-size:0.7em; text-align:center;} .pagination-bottom{width:638px;clear:left;float:left;margin:5px 0 5px 3px; padding:5px 0 0 6px; border-top:1px solid #cccccc;color:#333;font-size:0.7em; text-align:center; } .pagination a{text-decoration:none;color:#666; } .pagination a:hover{text-decoration:none;color:#333;} /*#page-next {width:30px; height:14px; float:left; display:block; }*/ .page-next a {width:40px; height:14px; background-image: url('templates/images2/Btn-Page-Next.png'); background-repeat:no-repeat;background-position: right top;float:left; display:block;} .page-next a:hover {width:40px; height:14px; background-image: url('templates/images2/Btn-Page-Next.png');background-repeat:no-repeat; background-position: right bottom;float:left; display:block;} /*#page-last {width:30px; height:14px; float:left; display:block; }*/ .page-last a {width:40px; height:14px; background-image: url('templates/images2/Btn-Page-Last.png');background-repeat:no-repeat; background-position:left top;float:left; display:block;} .page-last a:hover {width:40px; height:14px; background-image: url('templates/images2/Btn-Page-Last.png') ;background-repeat:no-repeat; background-position:left bottom;float:left; display:block;} /*#article-next {width:30px; height:14px; float:left; display:block; }*/ .article-next a {width:70px; height:14px; background-image: url('templates/images2/Btn-article-Next.png'); background-repeat:no-repeat;background-position: right top;float:left; display: block; text-align:rigth;} .article-next a:hover {width:70px; height:14px; background-image: url('templates/images2/Btn-article-Next.png');background-repeat:no-repeat; background-position: right bottom;float:left; display:block;text-align:rigth;} /*#article-last {width:30px; height:14px; float:left; display:block; }*/ .article-last a {width:43px; height:14px; background-image: url('templates/images2/Btn-article-Last.png');background-repeat:no-repeat; background-position:left top;float:left; display:block;text-align:left; padding-left:27px;} .article-last a:hover {width:43px; height:14px; background-image: url('templates/images2/Btn-article-Last.png') ;background-repeat:no-repeat; background-position:left bottom;float:left; display: block;text-align:left; padding-left:27px;} #liste_produits { clear:both;width:655px;margin:0; padding:0;font-size:1em;} #liste_produits .itmProd {float:left; width:160px;height:266px;margin:0 4px 0 0; padding:0; text-align:left;} #liste_produits .new {float:left; width:157px;height:65px;margin:0; padding:0; } .ajax-loading {padding: 0;background: url('templates/images/mini-ajax-loader.gif') no-repeat center;} #liste_produits .descProd {float:left;height:80px;} #liste_produits .descProd h2 {clear:left;margin:0 0 10px 0;display:inline;font-size:0.6em;background: url('templates/images/fleche.gif') no-repeat 0 4px; } #liste_produits .descProd p {margin:7px 0 0 0; padding:0; color:#555555;font-size:0.6em;} #liste_produits .prixProd {clear:both;margin:0; padding:0; color:#555555; text-align:right;font-size:0.6em;} #liste_produits .prixProd span{color:#0099ff; font-weight:bold;} #liste_produits .prixProd strong{width:80px;display:block; color:#e5004f; text-align:center; font-weight:bold;margin:0; padding:2px; border:1px solid #cccccc;} #liste_produits .refProd {float:left;margin:0; padding:0; color:#555555; text-align:left;font-size:0.6em; width:70px;} #liste_produits .detailProduit{float:left;background: url('templates/images/bt-zoom.gif') no-repeat left center;width:39px;height:39px;} #liste_produits .detailProduit a{display:block;width:39px;height:39px;} #liste_produits .detailProduit span{display:none; } #liste_produits .addProduit{float:right;background: url('templates/images/bt-caddy.gif') no-repeat right center;width:80px;height:39px;} #liste_produits .addProduit a{float:right;display:block;width:35px;height:34px;margin:0;} #liste_produits .addProduit input{float:left;margin:12px 0 0 0;padding:1px; font-size:0.7em; color:#555555;} #liste_produits .addProduit span{display:none;} #liste_produits .addDevis{float:right;background: url('templates/images/bt-devis.gif') no-repeat right center;width:80px;height:39px;} #liste_produits .addDevis a{float:right;display:block;width:35px;height:34px;margin:0;} #liste_produits .addDevis input{float:left;margin:12px 0 0 0;padding:1px; font-size:0.7em; color:#555555;} #liste_produits .addDevis span{display:none;} #liste_scategories{float:left;width:800px;margin:0; padding:0;font-size:1em;} #liste_scategories h2 {clear:left;margin:0;} #liste_scategories_deroulant{clear:both;float:left;width:160px;margin:0; padding:0;font-size:1em;} #liste_scategories_deroulant h2 {clear:left;margin:0;} #liste_scategories{width:800px;float:right; text-align:center;} #liste_categories{clear:both;float:left;width:654px;margin:0; padding:0;font-size:1em;} #liste_categories h2 {clear:left;margin:0;} #liste_affaires{width:160px;height:auto;float:left; } #liste_rimg{width:172px;clear:right;float:right; text-align:center; margin:10px 0 10px 0;padding:0;} #liste_rimg h3 {font-size:0.7em;text-transform:uppercase; margin:0; padding:0;color:#025e64;border-bottom:1px solid #cccccc; text-align:center;} #infos-cgv{margin:10px 0 0 0; padding:0; width:172px;height:44px;} #infos-cgv span{display:none;} #infos-cgv a{display:block;width:172px;height:42px;margin:0; padding:0;} #bonnes-affaires{margin:10px 0 0 0; padding:0; /*background:url('templates/images/bonnes-affaires.gif') no-repeat 2px 0;*/ width:172px;height:44px;} #bonnes-affaires span{display:none;} #bonnes-affaires a{display:block;width:172px;height:42px;margin:0; padding:0;} .prodAffaire{width:100px;height:100px;clear:left;float:left; text-align:center;margin:5px 0 0 30px!important;_margin:5px 0 0 15px; padding:0; border:1px solid #cccccc;} /* Fiche produit */ #fiche_produit {width:816px;margin:0; padding:0;font-size:0.7em; border-bottom:1px solid #e2e2e2;} #fiche_produit h2{font-size:1em; margin:0 0 0px 0; padding:0 0 0 0px; color: #666; height:25px;/* background:url('templates/images/fleche.gif') no-repeat 0 3px;*/} #fiche_produit h3{font-size:0.9em; margin:0 0 7px 0; padding:0; color:#0099ff;} #desc_produit{ width:816px; height:auto;margin:0; padding:0; color:#555555;} #desc_produit .sep{ border-bottom:1px solid #025e64;height:12px;letter-spacing:0.2em;color: #0066cc; font-weight:bold;} #guide_produit {float:left;width:485px;height:35px;margin:0; padding:0;background: url('templates/images/guide-achat.png') no-repeat 0 0;} #guide_produit a{margin:0; padding:0; display:block;width:111px;height:35px;} #guide_produit a span{display:none;} #tarif_produit {/*clear:both;*/ margin:0; padding:0 0 0 0; float:left; width:500px;} #tarif_produit table { float:left; width:500px; font-size:1em; color:#555555; border:1px solid #ccc; } #tarif_produit span table { float:left; width:500px; font-size:1em; color:#555555; border:0px solid #ccc; } #tarif_produit td{ height:auto;} #tarif_produit .rQte{ border-left:1px solid #ccc; border-bottom:1px solid #ccc;} #tarif_produit .rRem{ border-left:1px solid #ccc; background-color:#e5004f; color:#fff;} #tarif_produit .rPrix{ border-left:1px solid #ccc;} #tarif_produit .rTop{ border-top:1px solid #ccc;} #flag_nouveaute{float:left;width:180px;height:50px;margin:0; padding:0;background: url('templates/images/flag-nouveaute.gif') no-repeat 0 0;} #flag_nouveaute span{display:none;} #flag_nouveaute a{display:block;height:50px;} /*#flag_delais{float:right;width:165px;height:50px;margin:0; padding:0;background: url('templates/images/flag-delais.gif') no-repeat 0 0;} #flag_delais span{display:none;}*/ #flag_delais{letter-spacing:-1px;text-align:right;float:right;width:165px;height:50px;margin:0; padding:0;color:#e5004f;font-size:12px;} #flag_delais span{color:#e5004f; font-weight:bold;font-size:15px;} #subInfProd{clear:left;margin:20px 0 0 0; padding:0;} #subInfProd p{float:left; width:250px; margin:0;} /* #demande_devis{float:left;width:174px;height:44px;margin:0 0 0 15px; padding:0;background: url('templates/images/demande-devis.gif') no-repeat 0 0;} #demande_devis a{display:block;width:174px;height:44px;margin:0; padding:0;} #demande_devis span{display:none;}*/ .textQte-grille { float:left; color:#666666; font-family:Verdana; font-size:9px;font-weight: 100; padding:3px 1px 0 4px; text-align:left;} /*.frmQte{text-align:left; padding:2px; border:2px solid #9a9a9a; width:35px;font-size:11px; font-family:Verdana; font-weight:bold;color: #666;}*/ /*.frmQte-grille { display:block;float:left;text-align:left;font-size:11px; font-family:Verdana; font-weight:bold;color: #666; font-weight:normal;color: #666; padding:2px; margin:6px 0 0 2px;}*/ .frmQte-grille-input {float:left; padding:0 0 0 0; border:1px solid #999; margin:4px 0 0 0; width:35px; height:17px; font-family:Verdana; font-weight: normal; font-size:10px;} /*.frmHdn{border:none; text-align:right; font-weight:bold; padding:2px;} #frmHdn {margin:0; padding:0;} #frmHdn p{clear:left;float:left;width:600px;margin:0; padding:0; text-align:right;} #frmHdn p span{width:50px;margin:0; padding:0; text-align:right;}*/ #Qt,#Mt {float:left;width:200px;margin:0; padding:0 0 0 0; text-align:right;} #Qt strong,#Mt strong {float:left;width:150px;margin:0; padding:0; text-align:right;} #Qt p,#Mt p {float:left;width:50px;margin:0; padding:0; text-align:right;} #remiseTotale{/*clear:both;*/float:left; padding-left:6px; width:480px; text-align:left; margin: 0;font-family:Verdana; font-size:11px; color:#67679b;} /*#btCaddy{float:right;width:90px;height:40px;margin:0; padding:0;background: url('templates/images/bt-caddy2.gif') no-repeat 0 0;} #btCaddy a{display:block;width:40px;height:40px;margin:0; padding:0;} #btCaddy span{display:none;}*/ #btCaddy a:link, #btCaddy a:visited, #btCaddy a:active { float:left; display:block; /*background-position:left top;*/ background-repeat:no-repeat; background-image: url(templates/images2/boutonAJOUTER-FICHE-PROD-2.png); font-family: Verdana; font-size:14px; color: #FFF; text-transform: uppercase; text-decoration:none; text-align:center; width:120px; height:85px; padding-top:5px; background-color: rgb(255, 120, 255); border:#CCC 2px solid; opacity:1.0; border-radius: 8px; -moz-border-radius: 8px; } #btCaddy a:hover {display:block; /*background-position:left bottom; */ background-image: url(templates/images2/boutonAJOUTER-FICHE-PROD-Hover.png); background-repeat:no-repeat; color: #FFF; text-decoration:none; background-color:rgb(255, 160, 255); border:#CCC 2px solid;opacity:1.0; border-radius: 8px; -moz-border-radius: 8px; } #btCaddyDEVIS a:link, #btCaddyDEVIS a:visited, #btCaddyDEVIS a:active {float:left; display:block; /*background-position:left top;*/ background-repeat:no-repeat; background-image: url(templates/images2/boutonAJOUTER-FICHE-PROD-DEVIS-1.png); font-family: Verdana; font-size:14px; color: #FFF; text-transform: uppercase; text-decoration:none; text-align:center; width:120px; height:85px; padding-top:5px; background-color: rgb(255, 153, 51); border:#CCC 2px solid; border-radius: 8px; -moz-border-radius: 8px;} #btCaddyDEVIS a:hover {display:block; /*background-position:left bottom; */ background-image: url(templates/images2/boutonAJOUTER-FICHE-PROD-DEVIS-Hover.png); background-repeat:no-repeat; color: #FFF; text-decoration:none; background-color:rgb(122, 201, 67); border:#CCC 2px solid; border-radius: 8px; -moz-border-radius: 8px;} #btDevis{float:right;width:90px;height:40px;margin:0; padding:0;background: url('templates/images/bt-devis2.gif') no-repeat 0 0;} #btDevis a{display:block;width:40px;height:40px;margin:0; padding:0;} #btDevis span{display:none;} #menu-assoc {margin:0;font-size:100%;} #menu-assoc h3 {font-size:1em;text-transform:uppercase; margin:0; padding:0;color:#025e64;border-bottom:1px solid #025e64; text-align:left;} #menu-assoc ul {margin:0 0 0 5px; padding:0; list-style-type:none;font-size:0.9em;} #menu-assoc ul li { margin:0.2em 0; padding:0.2em 0; color:#025e64;} #menu-assoc ul li a{ text-decoration:none; color:#025e64;} #menu-assoc ul li a:hover{ text-decoration:underline; color:#025e64;} /* Diaporama */ #diapo_produit {float:left; width:310px;/*min-height:400px;*/margin:0; padding:0;} #diapo_produit p{float:left;color:#555555;} #med_produit {float:left;width:300px;height:300px; margin:0; padding:0; border:1px solid #cccccc;overflow:hidden;} #med_produit a{margin:0; padding:0;} #med_produit img{margin:0; padding:0;} #med_produit a:hover{margin:0; padding:0;cursor:-moz-zoom-in;} #med_produit.ajax-loading {padding: 0;background: url('templates/images/ajax-loader.gif') no-repeat center;} #bt_zoom_produit{display:block;width:300px;height:300px;} .thumb{float:left;display:block;width:65px;height:65px;margin:1px; padding:0;overflow:hidden;border:1px solid #cccccc;} #defil_produit {clear:left;float:left;margin:3px 0 0 0; padding:0;width:300px;height:70px; } #defil_produit.ajax-loading {padding: 0;background: url('templates/images/mini-ajax-loader.gif') no-repeat center;} #defil_produit a{text-decoration:none; display:block;width:12px;height:70px; line-height:40px;} #defil_produit a:hover{text-decoration:none; display:block;width:12px;height:70px; line-height:40px;} #container_scroll{float:left; margin:0; padding:0; width:276px;height:70px;overflow:hidden;position:relative;} #scroller_produit{margin:0; padding:0;width:3000px;height:70px;position:relative;} #defil_left{margin:0; padding:0;float:left; width:12px;height:70px; background-image:url('images/fleche_gauche.png');font-size:0.5em;} #defil_right{margin:0; padding:0;float:left; width:12px;height:70px; background-image:url('images/fleche_droite.png');font-size:0.5em;} /* Liste consommables */ .slcFrms { margin:0; padding:1px; font-size:0.7em; color:#555555;} /*Lots #bt_AjouterLot {width:180px; float:right; height:20px; border:2px ridge #5bc3c2; margin:0 0 20px 15px; padding:0px; text-align:center;} #bt_AjouterLot a{text-decoration:none; display:block; color:#fff;background-color:#0099ff;width:180px; height:20px; line-height:20px; font-weight:bold; cursor:pointer;margin:0; padding:0px; font-size:0.7em;} #bt_AjouterLot a:hover{text-decoration:none;display:block; color:#0099ff;background-color:#fff;width:180px; height:20px; line-height:20px; font-weight:bold; cursor:pointer;margin:0; padding:0px; font-size:0.7em;} #bt_AjouterLot{float:right;width:40px;height:40px;margin:0; padding:0;background: url('templates/images2/boutonajouter-1.png') no-repeat 0 0;} #bt_AjouterLot a{display:block;width:40px;height:40px;margin:0; padding:0;} #bt_AjouterLot span{display:none;} */ .bt_AjouterLot:link, .bt_AjouterLot:visited, .bt_AjouterLot:active{ background-image: url(templates/images2/boutonajouter-1.png); background-repeat:no-repeat; width:70px; height: 21px ; font-family: Verdana; font-weight: normal; /* graisse du text */ color: #FFF; text-decoration: none; text-transform: none; text-align: center; letter-spacing: 0; line-height: 1.0em; font-size:9px; text-indent: 0 px; display:block; background-position:top left; padding:1px 0 0 19px; float:right;margin: 0px 4px 0 0; } .bt_AjouterLot:hover{ background-image:url(templates/images2/boutonajouter-1.png); background-repeat:no-repeat;background-position: bottom left; } #tagsCloud{ font-size:10px;} /* LIENS DISCRETS */ a.discret{text-decoration:none;border-bottom: 1px dashed #ccc;} a.discret:hover{border-bottom: 1px dashed #e5004f;color: #e5004f;} /* LIENS SOUTENUS */ a.soutenu{text-decoration:underline;font-weight:bold;font-size:11px; color:#0099ff;} a.soutenu:hover{border-bottom: 3px dashed #e5004f;color: #555555;} /* Liens consommables VE*/ .Btn-brother a{background-repeat:no-repeat; background-image: url(templates/images2/brother-off.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-brother a:hover{background-repeat:no-repeat; background-image: url(templates/images2/brother-on.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-brother_actif {background-repeat:no-repeat; background-image: url(templates/images2/brother-activ.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-canon a{background-repeat:no-repeat; background-image: url(templates/images2/canon-off.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-canon a:hover{background-repeat:no-repeat; background-image: url(templates/images2/canon-on.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-canon_actif {background-repeat:no-repeat; background-image: url(templates/images2/canon-activ.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-epson a{background-repeat:no-repeat; background-image: url(templates/images2/epson-off.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-epson a:hover{background-repeat:no-repeat; background-image: url(templates/images2/epson-on.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-epson_actif {background-repeat:no-repeat; background-image: url(templates/images2/epson-activ.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-hp a{background-repeat:no-repeat; background-image: url(templates/images2/hp-off.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-hp a:hover{background-repeat:no-repeat; background-image: url(templates/images2/hp-on.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-hp_actif {background-repeat:no-repeat; background-image: url(templates/images2/hp-activ.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-innotec a{background-repeat:no-repeat; background-image: url(templates/images2/innotec-off.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-innotec a:hover{background-repeat:no-repeat; background-image: url(templates/images2/innotec-on.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-innotec_actif {background-repeat:no-repeat; background-image: url(templates/images2/innotec-activ.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-samsung a{background-repeat:no-repeat; background-image: url(templates/images2/samsung-off.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-samsung a:hover{background-repeat:no-repeat; background-image: url(templates/images2/samsung-on.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-samsung_actif {background-repeat:no-repeat; background-image: url(templates/images2/samsung-activ.png); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-lexmark a{background-repeat:no-repeat; background-image: url('templates/images2/lexmark-off.png'); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-lexmark a:hover{background-repeat:no-repeat; background-image: url('templates/images2/lexmark-on.png'); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-lexmark_actif {background-repeat:no-repeat; background-image: url('templates/images2/lexmark-activ.png'); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-ricoh a{background-repeat:no-repeat; background-image: url('templates/images2/ricoh-off.png'); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:center; float: left; padding-top:36px; } .Btn-ricoh a:hover{background-repeat:no-repeat; background-image: url('templates/images2/ricoh-on.png'); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .Btn-ricoh_actif {background-repeat:no-repeat; background-image: url('templates/images2/ricoh-ativ.png'); display:block; width:126px; height:30px; font-family:Verdana; font-size:12px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:36px; } .btnmarqueur1 a{background-repeat:no-repeat; background-image: url(templates/images2/BTN-tampon-rond-off.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#999; text-align:center; float: left; } .btnmarqueur1 a:hover{background-repeat:no-repeat; background-image: url(templates/images2/BTN-tampon-rond-over.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .btnmarqueur1_actif {background-repeat:no-repeat; background-image: url(templates/images2/BTN-tampon-rond-activ.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .btnmarqueur2 a{background-repeat:no-repeat; background-image: url(templates/images2/BTN-tampon-rect-off.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#999; text-align:center; float: left; } .btnmarqueur2 a:hover{background-repeat:no-repeat; background-image: url(templates/images2/BTN-tampon-rect-over.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .btnmarqueur2_actif {background-repeat:no-repeat; background-image: url(templates/images2/BTN-tampon-rect-activ.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .btnmarqueur3 a{background-repeat:no-repeat; background-image: url(templates/images2/BTN-monture-rond-off.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#999; text-align:center; float: left; } .btnmarqueur3 a:hover{background-repeat:no-repeat; background-image: url(templates/images2/BTN-monture-rond-over.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .btnmarqueur3_actif {background-repeat:no-repeat; background-image: url(templates/images2/BTN-monture-rond-activ.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; padding-top:90px; } .btnmarqueur4 a{background-repeat:no-repeat; background-image: url(templates/images2/BTN-monture-rect-off.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#999; text-align:center; float: left; } .btnmarqueur4 a:hover{background-repeat:no-repeat; background-image: url(templates/images2/BTN-monture-rect-over.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .btnmarqueur4_actif {background-repeat:no-repeat; background-image: url(templates/images2/BTN-monture-rect-activ.jpg); display:block; width:159px; height:110px; font-family:Verdana; font-size:11px; text-decoration:none; color:#666; text-align:center; float: left; } .zone_produit_trouve { display: inline-block; float:left; width:97%; background-color:#ccc; height:auto; padding:8px; margin: 0 0 10px 0;} .fiche_produit_trouve {display: inline-block; float:left; width:52%; height:auto; } .tete_gondol {display: inline-block; float:left; width:275px; height:168px; margin:1px 0 0 19px; border: rgba(255,255,255,1) 2px solid; } @templates/images2/@charset "UTF-8"; /* CSS Document */ /*body{background: url(templates/images2/fonrepeat-1.jpg) repeat}*/ /* style de Texte */ /* recoupé dans decoration.css ----- body{background-image: url(templates/images2/GradiantBackG.jpg); background-repeat:repeat-x; margin:auto;} */ /*iframe { display: none !important;}*/ /*iframe { width: inherit !important; height: inherit !important; border: medium none; display: block; position: inherit !important; top: 0px; left: 0px; z-index: inherit !important; } **/ #contrespan1 {style="color: #1073B6 !important; font-weight:bold !important; } .contrespan1 {style="color: #1073B6 !important; font-weight:bold !important; } #contrespan1 span{ display: inherit!important } .contrespan1 span{display: inherit !important } .footer{ margin:20px 0 0 0 ; height: auto; width:100%; float:left; background-position:bottom; } .footer-VE{ height: auto; margin:auto; width:980px; height:auto; border-top:#ccc solid 2px; font-family:Verdana; font-size:12px; color:#999;} .btnfooter3 a { float:left; width:135px;text-decoration:none; margin:3px 0 0 2px ; height:27px; border:1px solid #ccc; padding: 8px 0 0 0 ; text-align:center; color:#999; } .btnfooter3 a:hover { color: #666; background-color:#c8def5; border:1px solid #CCC; text-decoration:none;} .btnfooter4 a { float:left; width:180px;text-decoration:none; text-transform:uppercase;height:27px; text-align:center; color:#999; } .btnfooter4 a:hover { color: #666; } a {font-family:Verdana; font-size:12px; color:#666; font-weight: normal; text-align:center; text-decoration:none; } a:hover {color: #CCC; } p{ font-family:Verdana; font-size:11px; color:#666; margin:0} #descriptif p{margin-bottom:5px;} .tableasso { line-height:12px !important} .tablecompte { line-height:12px !important} .textelogintest { font-family:Verdana; font-weight: 800; background-color: none; color: #444; text-decoration: none; text-transform:none; word-spacing: normal; text-align: left; letter-spacing: 0; font-size: 14px; left:20 ; padding:0px 0 0 11px; width:auto; } .textelogintest a{color: #666; } .textelogintest a:hover{color: #333; } .textecentre {font-family:Verdana; font-size:10px; color: #666; text-align: center;} .textedroite {font-family:Verdana; font-size:10px; color: #666; text-align: right; padding-right:2px;} #textelien-doite:link, #textelien-doite:active, #textelien-doite:visited { font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:5px; } #textelien-doite:hover { font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:5px; } /* -----------------------------texte PRIX -------------------------------*/ .texte_PrixTTCmini { font-family:Verdana; font-size:10px; font-weight:bold; color:#ff66ff; text-align:right; text-decoration:none;padding:2px 5px 2px 0; } .texte_PrixTTCbig { font-family:Verdana; font-size:16px; font-weight:bold; color:#ff66ff; text-align:right; text-decoration:none; } .texte_PrixHTmini { font-family:Verdana; font-size:10px; font-weight:bold; color: #09F; text-align:right; text-decoration:none;padding:2px 5px 2px 0; } .texte_PrixHTbig { font-family:Verdana; font-size:16px; font-weight:bold; color:#09F; text-align:right; text-decoration:none; } .texte_ecotaxe { float:left; font-family:Verdana; font-size:10px; font-weight: normal; color:#669933; text-align:left; text-decoration:none; } /* ----------------------------- FIN texte PRIX -------------------------------*/ .zoneprix { width:100px; height:34px;} .zoneprix2 { width:90px; height:34px;} /* style import de police*/ @font-face { font-family: 'CicleFinaItalic'; src: url('templates/font/cicle_fina_italic-webfont.eot'); src: url('templates/font/cicle_fina_italic-webfont.eot?#iefix') format('eot'), url('templates/font/cicle_fina_italic-webfont.woff') format('woff'), url('templates/font/cicle_fina_italic-webfont.ttf') format('truetype'), url('templates/font/cicle_fina_italic-webfont.svg#webfontIHZaNaA5') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleFina'; src: url('templates/font/cicle_fina-webfont.eot'); src: url('templates/font/cicle_fina-webfont.eot?#iefix') format('eot'), url('templates/font/cicle_fina-webfont.woff') format('woff'), url('templates/font/cicle_fina-webfont.ttf') format('truetype'), url('templates/font/cicle_fina-webfont.svg#webfont9uFqb83y') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleGorditaItalic'; src: url('templates/font/cicle_gordita_italic-webfont.eot'); src: url('templates/font/cicle_gordita_italic-webfont.eot?#iefix') format('eot'), url('templates/font/cicle_gordita_italic-webfont.woff') format('woff'), url('templates/font/cicle_gordita_italic-webfont.ttf') format('truetype'), url('templates/font/cicle_gordita_italic-webfont.svg#webfontMtqNIDLg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleGordita'; src: url('templates/images/Font/cicle_gordita-webfont.eot'); src: url('templates/images/Font/cicle_gordita-webfont.eot?#iefix') format('eot'), url('templates/images/Font/cicle_gordita-webfont.woff') format('woff'), url('templates/images/Font/cicle_gordita-webfont.ttf') format('truetype'), url('templates/images/Font/cicle_gordita-webfont.svg#webfontSBqHm9av') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleSemiItalic'; src: url('templates/font/cicle_semi_italic-webfont.eot'); src: url('templates/font/cicle_semi_italic-webfont.eot?#iefix') format('eot'), url('templates/font/cicle_semi_italic-webfont.woff') format('woff'), url('templates/font/cicle_semi_italic-webfont.ttf') format('truetype'), url('templates/font/cicle_semi_italic-webfont.svg#webfontQSEu6cVb') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleSemi'; src: url('templates/font/cicle_semi-webfont.eot'); src: url('templates/font/cicle_semi-webfont.eot?#iefix') format('eot'), url('templates/font/cicle_semi-webfont.woff') format('woff'), url('templates/font/cicle_semi-webfont.ttf') format('truetype'), url('templates/font/cicle_semi-webfont.svg#webfontiuera3V0') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CicleShadow'; src: url('templates/font/cicle_shadow-webfont.eot'); src: url('templates/font/cicle_shadow-webfont.eot?#iefix') format('eot'), url('templates/font/cicle_shadow-webfont.woff') format('woff'), url('templates/font/cicle_shadow-webfont.ttf') format('truetype'), url('templates/font/cicle_shadow-webfont.svg#webfontidgJx9nm') format('svg'); font-weight: normal; font-style: normal; } /*fin style import de police--------------------------------------------------------------------------------------------------------------*/ ul {list-style-type:none; margin:0; padding:0;} /*styles bouton --------------------------------------------------------------------------------------------------------------*/ #bouton-creer-compte:link, #bouton-creer-compte:active, #bouton-creer-compte:visited { background-repeat:no-repeat; background-image:url(templates/images2/PictoNET-VE/30x24_MonCompte2.png); display:block; width:27px; height:24px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:5px; } #bouton-creer-compte:hover { background-repeat:no-repeat; background-image: url(templates/images2/PictoNET-VE/30x24_MonCompte1.png); display:block; width:27px; height:24px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:5px; } /* bouton ------------------------*/ #bouton-contact:link, #bouton-contact:active, #bouton-contact:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-contact-mini.png); display:block; width:105px; height:17px;background-position:right top; font-family:Verdana; font-size:12px; text-decoration:none; color:#333; float: right;padding:3px 0 0 5px; margin:0 15px 0 0px; text-align:left; border-bottom:thin #CCC solid; } #bouton-contact:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-contact-mini.png); display:block; width:105px; height:17px; background-position:right bottom; font-family:Verdana; font-size:12px; text-decoration: none; color: #666; float:right;padding:3px 0 0 5px; margin:0 15px 0 0px; } /* #bouton-contact2:link, #bouton-contact2:active, #bouton-contact2:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-contact.png); display:block; width:75px; height:17px;background-position:left top; font-family:Verdana; font-size:12px; text-decoration:none; color:#fff; float: right;padding:3px 0 0 5px; margin:-5px 0 0 0px; text-align:right; } #bouton-contact2:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-contact.png); display:block; width:75px; height:17px; background-position:left bottom; font-family:Verdana; font-size:12px; text-decoration: underline; color: #333; float:right;padding:3px 0 0 5px; margin:-5px 0 0 0px; }*/ #bouton-contact_mini { display:block; width:115px; height:20px; color:#444; font-family:Helvetica; font-size:13px; text-decoration:none; float: right;padding:0px 0 0 5px; margin:0 10px 0 0; text-align:left; border-bottom:thin #CCC solid;background-color:#FFF;background-color: rgba(255,255,255,1); } /*#bouton-selectmini :hover{ display:block; width:105px; height:18px; float: right;padding:2px 0 0 5px; margin:0 15px 0 0; text-align:left; border-bottom:thin #CCC solid; background:#FFF; background-color: rgba(255,255,255,1) }*/ #img-contact_mini:link, #img-contact_mini:active, #img-contact_mini:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-contact.png); display:block; width:105px; height:16px;background-position:right top; font-family:Helvetica; font-size:13px; text-decoration:none; color:#444; float: right;padding:4px 0 0 5px; margin:0; text-align:left; } #img-contact_mini:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-contact.png); background-position:right bottom; } /* bouton ------------------------*/ #bouton-newsletter:link, #bouton-newsletter:active, #bouton-newsletter:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-NewsL.png); display:block; width:102px; height:17px;background-position:right top; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:3px 0 0 5px;text-align:left; margin:0 0 0 0; } #bouton-newsletter:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-NewsL.png); background-position:right bottom; text-align:left; display:block; width:102px; height:17px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:3px 0 0 5px; margin:0 0 0 0; } /* bouton ------------------------*/ #bouton-Cartmini:link, #bouton-Cartmini:active, #bouton-Cartmini:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-cartouche-mini.png); display:block; width:105px; height:17px;background-position:right top; font-family:Helvetica; font-size:13px; text-decoration:none; color:#666; float: right;padding:3px 0 0 5px; margin:0 15px 0 0px; text-align:left; border-bottom:thin #CCC solid; } #bouton-Cartmini:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-cartouche-mini.png); display:block; width:105px; height:17px; background-position:right bottom; color: #333; float:right;padding:3px 0 0 5px; margin:0 15px 0 0px; } /*#bouton-selectmini:link, #bouton-selectmini:active, #bouton-selectmini:visited { display:block; width:105px; height:20px; font-family:Helvetica; font-size:13px; text-decoration:none; color:#666; float: right;padding:0px 0 0 5px; margin:0 15px 0 0px; text-align:left; border-bottom:thin #CCC solid; background:#FFF; background-color:rgba(255,204,153,0.5); } #bouton-selectmini:hover { background:#FFF; background-color:rgba(255,204,153,1); } */ #bouton-selectmini { display:block; width:115px; height:20px; color:#FFF; font-family:Helvetica; font-size:13px; text-decoration:none; float: right;padding:0px 0 0 5px; margin:0 10px 0 0; text-align:left; border-bottom:thin #CCC solid;background-color:#F90;background-color: rgba(255,153,0,1) /* background-color:rgba(255,204,153,0.9);*/ } /*#bouton-selectmini :hover{ display:block; width:105px; height:18px; float: right;padding:2px 0 0 5px; margin:0 15px 0 0; text-align:left; border-bottom:thin #CCC solid; background:#FFF; background-color: rgba(255,153,0,0.8) }*/ #img-selectmini:link, #img-selectmini:active, #img-selectmini:visited { background-repeat:no-repeat; background-image: url(images/bouton-selction-mini.png); display:block; width:105px; height:16px;background-position:right top; font-family:Helvetica; font-size:13px; text-decoration:none; color:#FFF; /*color:#df8908;*/ float: right;padding:4px 0 0 5px; margin:0; text-align:left; } #img-selectmini:hover { background-repeat:no-repeat; background-image: url(images/bouton-selction-mini.png); background-position:right bottom; } #bouton-PROMOmini:link, #bouton-PROMOmini:active, #bouton-PROMOmini:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-promo-mini.png); display:block; width:105px; height:19px;background-position:right top; font-family: Helvetica; text-transform: uppercase ; font-size:17px; font-weight: lighter; text-decoration:none; color: #F00; float: right;padding:0px 0 0 5px; margin:0 15px 0 0px; text-align:left; border-bottom:thin #CCC solid; } #bouton-PROMOmini:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-promo-mini.png); display:block; width:105px; height:19px; background-position:right bottom; float:right;padding:0px 0 0 5px; margin:0 15px 0 0px; font-weight: lighter; } #bouton-PROMOmini2 { display:block; width:115px; height:20px; color:#FFF; font-family: Helvetica; text-transform: uppercase ; font-size:17px; font-weight: lighter; text-decoration:none; float: right;padding:0px 0 0 5px; margin:0 10px 0 0; text-align:left; border-bottom:thin #CCC solid;background-color:#F33; background-color:rgba(255,51,51,1); } /*#bouton-PROMOmini2 :hover{ display:block; width:115px; height:18px; float: right;padding:2px 0 0 5px; margin:0 10px 0 0; text-align:left; border-bottom:thin #CCC solid; background:#FFF; background-color:rgba(255,51,51,1); }*/ #img-PROMOmini2:link, #img-PROMOmini2:active, #img-PROMOmini2:visited { background-repeat:no-repeat; background-image: url(images/bouton-promo-mini2.png); display:block; width:105px; height:16px;background-position:right top; font-family:Helvetica; font-size:13px; text-decoration:none; color:#FFF; float: right;padding:4px 0 0 5px; margin:0; text-align:left; } #img-PROMOmini2:hover { background-repeat:no-repeat; background-image: url(images/bouton-promo-mini2.png); background-position:right bottom; } #bouton-info-mini:link { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info-mini.png); display:block; width:105px; height:17px;background-position:right top; font-family:Verdana; font-size:12px; text-decoration:none; color: #F3C;font-weight:bold; float: right;padding:3px 0 0 5px; margin:0 15px 0 0px; text-align:left; border-bottom:thin #CCC solid; text-decoration:blink; } bouton-info-mini:active, #bouton-info-mini:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info-mini.png); display:block; width:105px; height:17px;background-position:right top; font-family:Verdana; font-size:12px; text-decoration:none; color:#F3C;font-weight:bold; float: right;padding:3px 0 0 5px; margin:0 15px 0 0px; text-align:left; border-bottom:thin #CCC solid;text-decoration: blink; } #bouton-info-mini:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info-mini.png); display:block; width:105px; height:17px; background-position:right bottom; font-family:Verdana; font-size:12px; text-decoration: none; color: #333; float:right;padding:3px 0 0 5px; margin:0 15px 0 0px; text-decoration: none; } #bouton-info-mini2 { display:block; width:115px; height:20px; color:#FFF; font-family:Helvetica; font-size:13px; text-decoration:none; float: right;padding:0px 0 0 5px; margin:0 10px 0 0; text-align:left; border-bottom:thin #CCC solid;background-color:#F39; background-color:rgba(255,0,255,1); } /*#bouton-info-mini2 :hover{ display:block; width:105px; height:18px; float: right;padding:2px 0 0 5px; margin:0 15px 0 0; text-align:left; border-bottom:thin #CCC solid; background:#FFF; background-color:rgba(255,0,255,1); }*/ #img-info-mini2:link, #img-info-mini2:active, #img-info-mini2:visited { background-repeat:no-repeat; background-image: url(images/bouton-info-mini2.png); display:block; width:105px; height:16px;background-position:right top; font-family:Helvetica; font-size:13px; text-decoration:none; color:#FFF; float: right;padding:4px 0 0 5px; margin:0; text-align:left; } #img-info-mini2:hover { background-repeat:no-repeat; background-image: url(images/bouton-info-mini2.png); background-position:right bottom; } #bouton-promo-top:link, #bouton-promo-top:active, #bouton-promo-top:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton2-promo-top.png); display:block; width:102px; height:17px;background-position:right bottom; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:3px 0 0 5px;text-align:left; margin:-5px 0 0 0; } #bouton-promo-top:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton2-promo-top.png); background-position:right top; text-align:left; display:block; width:102px; height:17px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:3px 0 0 5px; margin:-5px 0 0 0; } #bouton-promo-top2:link, #bouton-promo-top2:active, #bouton-promo-top2:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton2-promo-top.png); display:block; width:102px; height:17px;background-position:right bottom; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:3px 0 0 5px;text-align:left; margin:0 10px 0 0; } #bouton-promo-top2:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton2-promo-top.png); background-position:right top; text-align:left; display:block; width:102px; height:17px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:3px 0 0 5px; margin:0 10px 0 0; } #bouton-cartouches-top:link, #bouton-cartouches-top:active, #bouton-cartouches-top:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-cartouches-top.png); display:block; width:120px; height:17px;background-position:right top ; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:3px 0 0 5px;text-align:left; margin:-5px 0 0 0; } #bouton-cartouches-top:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-cartouches-top.png); background-position:right bottom; text-align:left; display:block; width:120px; height:17px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:3px 0 0 5px; margin:-5px 0 0 0; } #bouton-cartouches-top2:link, #bouton-cartouches-top2:active, #bouton-cartouches-top2:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-cartouches-top.png); display:block; width:120px; height:17px;background-position:right top ; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:3px 0 0 5px;text-align:left; margin:0 10px 0 0; } #bouton-cartouches-top2:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-cartouches-top.png); background-position:right bottom; text-align:left; display:block; width:120px; height:17px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float:right;padding:3px 0 0 5px; margin:0 10px 0 0; } /* bouton ------------------------*/ #bouton-Vflash:link, #bouton-Vflash:active, #bouton-Vflash:visited { background-repeat:no-repeat; background-image: url('templates/images/bouton-Vflash.gif'); display:block; width:238px; height:17px;background-position:right top; font-family:Verdana; font-size:10px; text-decoration:none; color:#FFF; float: right; padding:3px 4px 0 5px;text-align:right; margin:0 0 0 0; } #bouton-Vflash:hover { background-repeat:no-repeat; background-image: url('templates/images/bouton-Vflash.gif'); background-position:right top; text-align:right; display:block; width:238px; height:17px; font-family:Verdana; font-size:10px; text-decoration: underline; color: #FFF; } /* bouton ------------------------*/ #bouton-info:link, #bouton-info:active, #bouton-info:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info2.png); display:block; width:70px; height:17px;background-position:right bottom ; font-family:Verdana; font-size:12px; text-decoration:none; color: #333; float: right;padding:3px 0 0 5px; margin:-5px 10px 0 0px; text-align:left; } #bouton-info:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info2.png); display:block; width:70px; height:17px; background-position:right top; font-family:Verdana; font-size:12px; text-decoration: none; color: #666; float:right;padding:3px 0 0 5px; margin:-5px 10px 0 0px; } #bouton-info2:link, #bouton-info2:active, #bouton-info2:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info2.png); display:block; width:70px; height:17px;background-position:right bottom ; font-family:Verdana; font-size:12px; text-decoration:none; color: #333; float: right;padding:3px 0 0 5px; margin:-5px 0 0 0px; text-align:left; } #bouton-info2:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-info2.png); display:block; width:70px; height:17px; background-position:right top; font-family:Verdana; font-size:12px; text-decoration: none; color: #666; float:right;padding:3px 0 0 5px; margin:-5px 0 0 0px; } /* bouton ------------------------*/ a#bt_demande_devis:link, a#bt_demande_devis:active, a#bt_demande_devis:visited { background-repeat:no-repeat; background-image: url(templates/images2/30x24_Devis1.png); background-position:right top;display:block; width:155px; height:17px; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:left; float: right; padding:0 2px 0 0 ;margin-right:15px; } a#bt_demande_devis:hover { background-repeat:no-repeat; background-image: url(templates/images2/30x24_Devis1.png); display:block;background-position:right bottom; font-family:Verdana; font-size:12px; color: #666; float:right;padding:0 2px 0 0 ; } a#bouton-envoi-Ami:link, a#bouton-envoi-Ami:active, a#bouton-envoi-Ami:visited { background-repeat:no-repeat; background-image: url(templates/images2/30x24_EnvoiAmi1.png); display:block; width:144px; height:17px;background-position:right top;text-align:left; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; float: right; padding:0px; margin-right:5px; } a#bouton-envoi-Ami:hover { background-repeat:no-repeat; background-image: url(templates/images2/30x24_EnvoiAmi1.png); display:block; background-position:right bottom; font-family:Verdana; font-size:12px; color: #666; float:right;padding:0px; } a#bouton-suivicomm:link, a#bouton-suivicomm:active, a#bouton-suivicomm:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-comde.png); display:block; width:136px; height:17px; background-position:right top; font-family:Verdana; font-size:12px; text-decoration:none; color:#999; text-align:left; float: right; padding:3px 0 0 5px;margin:0 0 0 0; } a#bouton-suivicomm:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-comde.png); display:block; width:136px; height:17px; background-position:right bottom; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; padding:3px 0 0 5px;margin:0 0 0 0; } a#bouton-suivicomm2:link, a#bouton-suivicomm2:active, a#bouton-suivicomm2:visited { background-repeat:no-repeat; background-image: url(templates/images2/bouton-comde.png); display:block; width:136px; height:17px; background-position:right top; font-family:Verdana; font-size:12px; text-decoration:none; color:#fff; text-align:left; float: right; padding:3px 0 0 5px;margin:0 0 0 0; } a#bouton-suivicomm2:hover { background-repeat:no-repeat; background-image: url(templates/images2/bouton-comde.png); display:block; width:136px; height:17px; background-position:right bottom; font-family:Verdana; font-size:12px; text-decoration: underline; color: #333; padding:3px 0 0 5px;margin:0 0 0 0; } a#bouton-retour:link, a#bouton-retour:active, a#bouton-retour:visited { background-repeat:no-repeat; background-image: url(templates/images2/PictoNET-VE/42x32_Retour2.png); display:block; width:30px; height:24px; float: right; padding:4px ; } a#bouton-retour:hover { background-repeat:no-repeat; background-image: url(templates/images2/PictoNET-VE/42x32_Retour1.png); display:block; width:30px; height:24px; font-family:Verdana; font-size:12px; text-decoration: underline; color: #666; float: right; padding:4px ; } /* fin styles bouton --------------------------------------------------------------------------------------------------------------*/ /* style de bloc */ /*#body1 { background:url(templates/images2/GradiantBackG.jpg) scroll 0 0 ;}*/ #container{ margin:auto; top:0px; width:980px; height:auto; text-align:left; position:relative;} #topbar{width:auto; display:block; height:146px; /*background-image:url(templates/images2/GradiantBaniereFLA.png);*/ } #column_right{width:160px; height: 700px; float: right; background:#CCC;} /*------------------*/ /*BANDEAU TEST*/ #column_right1-test{width:165px; height:130px; float:left;z-index: 1; background-color: #FFF ; background-color:rgba(255,255,255,0.5); /*background-repeat:no-repeat; background-image: url(templates/images2/GradiantTOP165-1test.png);*/} /*pour la connection en compte*/ #column_right3-test{width:165px; height:138px; float:left;z-index: 1;background-color: #FFF; background-color:rgba(255,255,255,0.7); /* background-repeat:no-repeat; background-image: url(templates/images2/GradiantTOP165-1test.png); */} /*------------------*/ /*div.spacer, permet de faire deux colonne dans #container*/ .spacer{clear:both; height:0px; display:block;} #footer{width:auto; display:block; height:24px; background-color:#9CF} #column_lefthaed{width:815px; margin-right:0px; height:146px;float:left;} #navbar{width:980px; display:block; height:52px; background-image:url(templates/images2/menuNavFond.png);} #main{width:980px; height:auto; display:block; background-color: #fff;} #column_gauche_2 {width:160px; float:left; height:700px;} #column_centre_2 {width:651px; float:left; height:700px; margin-left:4px;} #column_droite_2 {width:160px; float:left; height:700px; margin-left:4px;} /*#column_leftmain {width:651; height:256px;float:left;}*/ .column_leftmain {width:652px; height:256px;float:left;} #column_leftmain_ficheProd {width:815px; height:auto; float:left;} #column_leftmenu {width:160px; float:left; height: 700px; background-color: #CCC; } /*recoupé dans decoration.css ----- #column_right1{width:165px; height:146px; float:left; background-image: url(templates/images2/GradiantTOP165-1.png);z-index: 1; background-repeat:no-repeat;} /*pour la connection en compte----- #column_right3{width:165px; height:146px; float:left; background-image: url(templates/images2/GradiantTOP165-2.png);z-index: 1; background-repeat:no-repeat;} */ #column_right2{width:160px; height:130px; float: right; margin-left:10px; background-color: #99F; background-position:center;} .page1{ width:auto; background:#CCC;} .nav1 a:link {color:none;} .nav1 a:visited {color:none;} .nav1 a:hover {color: #333333;} .nav1 a:focus {color: none;} .nav1 a:active {color:none;} /*recherche --------------------------------------------------------------------------------------------------------------*/ #barre-de-recherche {width:980px; display:block; height:auto ; float:left; } .headleft2 {width:140px; height:138px; float:right;background-color:#FFF; background-color:rgba(255,255,255,0.2);/* background-image: url(templates/images2/fond-haed-rigth2.png); background-repeat:no-repeat;*/} .onglethaut { display:block;} #barre-de-recherche4 { float:left; display:block; height:33px; width:422px; margin:0 0 0 38px; /*background-image:url(templates/images2/bg-bando-rech-bis.png); background-repeat:no-repeat;*/ } #barre-de-recherche3 { float:left; display:block; height:33px; width:636px; margin:0 0 0 0px; /*background-image:url(templates/images2/bg-bando-rech-bis.png); background-repeat:no-repeat;*/ } #barre-de-recherche2 { display:block; float:left; background-image:url(templates/images2/bg-bando-rech.png); background-repeat:no-repeat; height:42px; width:1040px; margin:0 40px 0 -30px; } #recherche { background-image: url(templates/images2/recherche.png); background-repeat:no-repeat; float:left; margin: 1px 0px 0px 4px; width:284px; display:block; height:26px;padding-left:2px; font-size:14px; font-family:Verdana; font-weight:600; font-style:italic; color:#999; border:0; border-color:# transparent; } #boutonOK_h25:link, #boutonOK_h25:active, #boutonOK_h25:visited { background-image:url(templates/images2/38x25_boutonOK1.png); display:block; width:38px; height:25px; background-position:left bottom; float:left; background-repeat:no-repeat; padding: 0; margin:0; } #boutonOK_h25:hover {background-image: url(templates/images2/38x25_boutonOK1.png); display:block; width:38px; height:25px; background-position:left top; float:left; background-repeat:no-repeat; } /*fin recherche --------------------------------------------------------------------------------------------------------------*/ /* GRILLE PRODUCT RWD----------------------------------------------------------------------------------------------------------------------*/ #liste_produits .imgProd {float:left; width:157px;height:157px;margin:0; padding:0; } .esp_img_top {position:relative;z-index:1;width:157px; height:5px; float:left; font-size:3px;} #body-right h1 {font-size:12pt;margin:5px 0 0 0 ; padding:0;color:#333;} #body-right h2{height: 30px;font-family: Verdana;font-weight: bold; background-color: none; color: #666;text-decoration: none; text-align: center;letter-spacing: 0;line-height: 1.2em;font-size:12px; text-indent: 0 px;left: auto ;margin: 0; padding:1px;} #body-right h2 a {text-decoration:none;color:#333;} #body-right h2 a:hover {text-decoration:none;color: #999;} .Prix-grille-TTC {float:left; width:157px; height:15px; font-family:Verdana; font-size:12px; font-weight:bold; color:#ff66ff; text-align:center; } .Prix-grille-HT {float:left; width:157px; height:15px; font-family:Verdana; font-size:12px; font-weight:bold; text-align:center;color:#09f;} .bloc_apercu {float:left; top:-190px; left:104px; z-index:10; border: 0 none !important; height: 20px; position:relative; width:0; } .thickbox:link, .thickbox:visited, .thickbox:active{ float:left; display:block; background-image: url(templates/images2/bouton-Apercu-grill.png); background-repeat:no-repeat; width:52px; height: 18px ; font-family: Verdana; font-weight: 100; text-decoration:none; color: #666; text-align: center; font-size:10px; padding-top: 2px; background-position:center top; } .thickbox:hover{ background-image: url(templates/images2/bouton-Apercu-grill.png); background-repeat:no-repeat; background-position:center bottom; color: #fff; } /*---*/ .grid_fiche_A{ width:160px; display:inline-block; float:left;} .grid_fiche_B{ width:160px; display:inline-block; float:left;} .grid_fiche_C{ width:160px; display:inline-block; float:left;} /*---*/ .ficheprod_grille {width:156px; margin:0 3px 4px 0; position: relative; background-color:#FFF; height: 291px; float:left; padding:6px 2px 6px 0; /*background-image: url(templates/images2/fondFicheProd_Grille.png);*/ background-repeat:no-repeat; border: rgba(204,204,204,1) 1px solid; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .ficheprod_grille_rwd { width:100%; margin:0 3px 4px 0; position: relative; background-color:#FFF; height: auto; float:left; padding:6px 2px 6px 0; /*background-image: url(templates/images2/fondFicheProd_Grille.png);*/ background-repeat:no-repeat; border: rgba(204,204,204,1) 1px solid; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .ficheprod_grille_titre{ height: 60px; font-family: Verdana; color: #444; text-decoration: none; text-align: center; font-size: 12px; padding:0 1px; display:block; } .ficheprod_grille_descript{ /*float:left;*/height:16px; width:155px; text-align:center;display:block; margin:0 0 0 0;padding-left:2px;font-size: 10px;text-align:center;} .ficheprod_grille_descript a { font-family: Verdana;font-weight: 100; color: #999;text-align:center; font-size: 10px; text-decoration: none;} .ficheprod_grille_descript a:hover { font-family: Verdana;font-weight: 100; text-align: center;font-size: 10px; text-decoration: none;color: #666; } .ficheprod_grille_ref{ display:block; width:auto; height:14px; float: left; font-family: Verdana; font-weight: 100; color: #C9F; text-align: center; letter-spacing: 0; line-height: 1em; font-size: 11px; padding:0 0 0 4px; text-align: left; } .ficheprod_grille_ajouter-lien:link, .ficheprod_grille_ajouter-lien:visited, .ficheprod_grille_ajouter-lien:active{ background-image: url(templates/images2/boutonajouter-1.png); background-repeat:no-repeat; width:70px; height: 21px ; font-family: Verdana; font-weight: normal; /* graisse du text */ color: #FFF; text-decoration: none; text-transform: none; text-align: center; letter-spacing: 0; line-height: 1.0em; font-size:9px; text-indent: 0 px; display:block; background-position:top left; padding:1px 0 0 13px; float:right;margin: 0px 4px 0 0; } .ficheprod_grille_ajouter-lien:hover{ background-image:url(templates/images2/boutonajouter-1.png); background-repeat:no-repeat;background-position: bottom left; } .ficheprod_grille_ajouter-DEVIS:link, .ficheprod_grille_ajouter-DEVIS:visited, .ficheprod_grille_ajouter-DEVIS:active{ background-image: url(templates/images2/boutonajouterDEVIS-1.png); background-repeat:no-repeat; width:70px; height: 21px ; font-family: Verdana; font-weight: normal; /* graisse du text */ color: #FFF; text-decoration: none; text-transform: none; text-align: center; letter-spacing: 0; line-height: 1.0em; font-size:9px; text-indent: 0 px; display:block; background-position:top left; padding:1px 0 0 13px; float:right;margin: 0px 4px 0 0; } .ficheprod_grille_ajouter-DEVIS:hover{ background-image:url(templates/images2/boutonajouterDEVIS-1.png); background-repeat:no-repeat;background-position: bottom left; } .ficheprod_grille_ajouter-loupe:link, .ficheprod_grille_ajouter-loupe:visited, .ficheprod_grille_ajouter-loupe:active{ background-image: url(templates/images2/boutonajouterLOUPE-1.png); background-repeat:no-repeat; width:70px; height: 21px ; font-family: Verdana; font-weight: normal; /* graisse du text */ color: #FFF; text-decoration: none; text-transform: none; text-align: center; letter-spacing: 0; line-height: 1.0em; font-size:9px; text-indent: 0 px; display:block; background-position:top left; padding:1px 0 0 13px; float:right;margin: 0px 4px 0 0; } .ficheprod_grille_ajouter-loupe:hover{ background-image:url(templates/images2/boutonajouterLOUPE-1.png); background-repeat:no-repeat;background-position: bottom left; } .ficheprod_grille_droite{ width:100%; float:left;} .ficheprod_grille_image {width:157px; height:157px; margin:2px ; background-color:#FFF;} .ficheprod_grille_desc {width:157px; height:auto; margin:2px 2px 2px 2px ; background-color:#FFF; } /* fin GRILLE PRODUCT RWD ----------------------------------------------------------------------------------------------------------------------*/ /* menu 1 ----------------------------------------------------------------------------------------------------------------------*/ .espacemenu1 {width:4px; height:52px; float:left; background:none} .texte-menu-diminu {font-size:12px; text-transform: none; line-height:110%;} /* a#boutonmenubase:link { float:left; display:block; background-position:left top; background-image: url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #09F; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:52px; padding-top:10px; } a#boutonmenubase:visited { float:left; display:block ;background-position:left top; background-image: url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #666; text-transform:uppercase; text-decoration:none; text-align:center; width:160px; height:52px; } a#boutonmenubase:active { float:left; display:block; background-position:left bottom; background-image: url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #FFF; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:52px; } a#boutonmenubase:hover { float:left; display:block; background-position:left bottom; background-image: url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #FFF; text-transform: uppercase; } */ /*bouton fourniture de bureau ----------------------*/ a#boutonmenu-1:link { float:left; display:block; background-position:left top; background-image: url(templates/images2/boutonMenu1.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #1073b6; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-1:visited { float:left; display:block ;background-position:left top; font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #1073b6; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:44px; padding-top:8px; } a#boutonmenu-1:active { float:left; display:block; background-position:left bottom;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #1073b6; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-1:hover { float:left; display:block; background-position:left bottom;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #1073b6; text-transform: uppercase; } /*bouton fourniture scolaire ----------------------*/ a#boutonmenu-2:link { float:left; display:block; background-position:left top; font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #ff66ff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-2:visited { float:left; display:block ;background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #ff66ff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-2:active { float:left; display:block; background-position:left bottom;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #ff66ff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-2:hover { float:left; display:block; background-position:left bottom;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #ff66ff; text-transform: uppercase; } /*bouton environnement de bureau ----------------------*/ a#boutonmenu-3:link { float:left; display:block; background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #b6921f; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-3:visited { float:left; display:block ;background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #b6921f; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:44px; padding-top:8px; } a#boutonmenu-3:active { float:left; display:block; background-position:left bottom;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #b6921f; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:44px; padding-top:8px; } a#boutonmenu-3:hover { float:left; display:block; background-position:left bottom;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #b6921f; text-transform: uppercase; } /*bouton affichage ----------------------*/ a#boutonmenu-4:link { float:left; display:block; background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #71a81d; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:48px; padding-top:4px; } a#boutonmenu-4:visited { float:left; display:block ;background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #71a81d; text-transform:uppercase; text-decoration:none; text-align:center; width:160px; height:48px; padding-top:4px; } a#boutonmenu-4:active { float:left; display:block; background-position:left bottom;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #71a81d; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:48px; padding-top:4px; } a#boutonmenu-4:hover { float:left; display:block; background-position:left bottom;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #71a81d; text-transform: uppercase; } /*bouton Loisir Créatif ----------------------*/ a#boutonmenu-5:link { float:left; display:block; background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #ff8200; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:37px; padding-top:15px; } a#boutonmenu-5:visited { float:left; display:block ;background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #ff8200; text-transform:uppercase; text-decoration:none; text-align:center; width:160px; height:37px; padding-top:15px; } a#boutonmenu-5:active { float:left; display:block; background-position:left bottom;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #ff8200; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:37px; padding-top:15px; } a#boutonmenu-5:hover { float:left; display:block; background-position:left bottom;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #ff8200; text-transform: uppercase; } /*bouton Imprimés ----------------------*/ a#boutonmenu-6:link { float:left; display:block; background-position:left top;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #58585a; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:48px; padding-top:4px; } a#boutonmenu-6:visited { float:left; display:block ;background-position:left top;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #58585a; text-transform:uppercase; text-decoration:none; text-align:center; width:160px; height:48px; padding-top:4px; } a#boutonmenu-6:active { float:left; display:block; background-position:left bottom;font-weight:bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #58585a; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:48px; padding-top:4px; } a#boutonmenu-6:hover { float:left; display:block; background-position:left bottom;font-weight: bold; background-image: url(templates/images2/boutonMenu1.png); font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #58585a; text-transform: uppercase; } /* fin menu 1 ----------------------------------------------------------------------------------------------------------------------*/ /* menu 2 ---------------------------------------------------------------------------------------------------------------------*/ #topbar2{width:980px; display:block; height:auto;/*background-image: url(templates/images2/menuNavFond.png);*/ } a#boutonmenubase2:link, a#boutonmenubase2:active, a#boutonmenubase2:visited { float:left; display:block ;background-position:left top; background-image:url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #99F; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:42px; padding-top:10px; margin-right:4px; } a#boutonmenubase2:hover { display:block; background-position:left bottom; background-image:url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #FFF; text-transform: uppercase; } a#boutonmenubase2.last {margin-right:0;} /* fin menu 2 ----------------------------------------------------------------------------------------------------------------------*/ /* menu 3 ---------------------------------------------------------------------------------------------------------------------*/ a#menu3:link, a#menu3:active, a#menu3:visited { float:left; display:block ;background-position:left top; background-image:url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #99F; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:42px; padding-top:10px; margin-right:4px; } a#menu3:hover { display:block; background-position:left bottom; background-image:url(templates/images2/boutonMenu1.png); font-family:Verdana; font-size:14px; color: #FFF; text-transform: uppercase; } a#boutonmenubase2.last {margin-right:0;} /* fin menu 3 ----------------------------------------------------------------------------------------------------------------------*/ /* fil Ariane ----------------------------------------------------------------------------------------------------------------------*/ #ariane{ font-family:Verdana; font-size:10px; color: #999; text-decoration:underline; font-style:italic; background-color: #FFF; width:980px; height:20px; padding-top:5px;} /* fin fil Ariane ----------------------------------------------------------------------------------------------------------------------*/ /* fiche Prod -#med_produit { border: 1px solid #CCCCCC; float: right; height: 250px; overflow: hidden; width: 360px; } - FICHE PRODUIT-----------------------------------------------------------------------------------------------FICHE PRODUIT*/ #image1-fiche-produit { float:left; width:300px; height:300px; border-color:#CCC; border-style:solid; border-width:thin;overflow: hidden;} #image1-fiche-produit a{margin:0; padding:0;} #image1-fiche-produit a:hover{margin:0; padding:0;cursor:-moz-zoom-in;} #image1-fiche-produit.ajax-loading {padding: 0;background: url('templates/images2/ajax-loader.gif') no-repeat center;} .image2-fiche-produit { float:left; width:80px; height:80px; background-color:#FFF; border-color:#CCC; border-style:solid; border-width:thin;} .fleche-L { background-image: url(images/fleche_L.png); background-repeat:no-repeat;float:left; width:10px; height:80px; margin-right:8px;} .fleche-R { background-image: url(images/fleche_R.png); background-repeat:no-repeat; float:left; width:10px; height:80px; margin-left:8px} .space-img5 { background-color: transparent; float:left; width:5px; height:80px;} .space-img10 { background-color: transparent; float:left; width:10px; height:80px;} .pub-promo-associe {float:right; background-color:#FCF; border:solid #FFF thin; width:330px; height:80px; margin-right:20px;} .descrip1-fiche-produit{ float:left; width:483px; height:170px; margin:0px 4px 4px 0; padding-left:4px;color: #666; font-family: Verdana; font-size: 11px; } .descrip1-fiche-produit .sep{ float:left; width:450px; height:auto; color: #0066cc; font-weight:bold; margin-top:4px; padding-left:2px;} .Titre-descrip1-fiche-produit { width:400; height:45px; font-family:Verdana; font-size:13px; text-transform: uppercase; font-weight:bold; color: #666; text-align:left; padding-left:4px; margin-bottom:4px; border-style: none; border-width: thin;} .Titre-cat-fiche-produit { width:400; height:auto; font-family:Verdana; font-size:12px; text-transform: uppercase; font-weight:bold; color: #666; text-align:left; padding-left:4px; border-style: none; border-width: thin;} .texte-ref{ width:auto;height:auto;font-family:Verdana;font-weight:100;color:#b66efe;text-align:left;font-size:11px;padding-left:4px; margin-bottom:4px;} .texte-ref2{ width:auto;height:auto;font-family:Verdana;font-weight:100;color:#b66efe;text-align:center;font-size:10px;} .SousTitre-descrip1-fiche-produit { width:400; height:auto;border-style: none; font-family:Verdana; font-size:12px; text-transform:0; font-weight:bold; color: #666; text-align:left; padding-left:4px;} .texte-descrip { width:auto; height:auto;border-style: none;font-family: Verdana; margin-top:0;color: #666;word-spacing: normal;text-align: justify; letter-spacing: 0;font-size: 11px;} .spacer-droit-fiche-produit {float:right; width:30px; height:132px; background-color: transparent;margin:2px;} .spacer-droit-fiche-produit80 {float:right; width:30px; height:80px; background-color: transparent;margin:2px;} .zonetarif-fiche-produit { float:left; width:490px; height:60px;margin:2px 0px 4px 4px;} /* ----------------------BOUTON AJOUTER PANIER PROD ------------------------*/ .ajouter_au_panier_FicheProd:link, .ajouter_au_panier_FicheProd:visited, .ajouter_au_panier_FicheProd:active { float:left; display:block; background-position:left top; background-repeat:no-repeat; background-image: url(images/boutonAJOUTER-FICHE-PROD.png); font-family: Verdana; font-size:14px; color: #FFF; text-transform: uppercase; text-decoration:none; text-align:center; width:120px; height:85px; padding-top:5px;} .ajouter_au_panier_FicheProd:hover {display:block; background-position:left bottom; background-repeat:no-repeat; background-image: url(images/boutonAJOUTER-FICHE-PROD.png); color: #FFF; text-decoration:none;} /*-------------------------table dDEGRESSIF -----------------*/ .tableDegressif {width:480px; border-top-color:#666; border-collapse:collapse; float: left;border:0 none;} .tableDegressif-entete-L { background: #999; width: inherit; height:auto; border-collapse:collapse; float:none;font-family:Verdana; font-size:10px; font-weight:100; color: #FFF; text-align: center; padding-left:4px; } .tableDegressif-entete-R { width: inherit; min-width:80px; height:auto; border-right:solid thin #CCC; border-bottom:solid thin #CCC;float:none;font-family:Verdana; font-size:10px; font-weight:100; color: #666; text-align: left; } .tableDegressif-entete-R a{ font-family:Verdana;font-weight:100;color:#666;text-align:center;font-size:10px; text-decoration:underline;} .tableDegressif-entete-R a:hover{ font-family:Verdana;font-weight:100;color:#333;text-align:center;font-size:10px; text-decoration:underline} .tableDegressif-entete-Promo { width: inherit; min-width:80px; height:auto; float:none;font-family:Verdana; font-size:10px; font-weight:100; color: #666; text-align: left; } .table-Promo { background-image:url(templates/images/fond-table-Promo.jpg); background-repeat:no-repeat; background-position:center; width: inherit; height:auto; border-collapse:collapse; font-family:Verdana; font-size:10px; font-weight: bold; color: #FFF; text-align:center;} .tableDegressif-entete-Remise{ background: #CCF; width: inherit; height:auto; border-right:solid thin #CCC; border-bottom: none;float:none; font-family:Verdana; font-size:10px; font-weight:100;color: #666; text-align: left; } .table-remise { background: #CCf; width: inherit; height:auto; border-collapse:collapse; font-family:Verdana; font-size:10px; font-weight:100; color: #666; text-align:center;} .tableDegressif-Qte { background: #CCC; width: inherit; height:auto; border-collapse: collapse; font-family:Verdana; font-size:10px; font-weight:100; color: #333; text-align:center; min-width:45px;} .tableDegressif-prix_ttc { width: inherit; height:auto; border-bottom:solid thin #CCC; text-align:center;font-family:Verdana; font-size:12px; font-weight:100; color:#ff66ff; border-right:solid 1px #ccc;} .tableDegressif-prix_ht { width: inherit; height:auto; border-bottom:solid thin #CCC; text-align:center;font-family:Verdana; font-size:12px; font-weight:100; color: #09F; border-right:solid 1px #ccc;} .choix-Qte-Degressif { width: 32px; height:auto; border-collapse:collapse; float:none;font-family:Verdana; font-size:10px; font-weight:100; color: #333; text-align:left;} .table-PrixTotal { width:auto; height:20px; border-collapse:collapse; float:right;text-align:left; padding-right:4px; font-family:Verdana; font-size:16px; font-weight:bold; color:#ff66ff;} .table-Qte { width:auto; height:auto; border-collapse:collapse;float:right; font-family:Verdana; font-size:10px; font-weight:100; color:#666; text-align: left; padding-left:4px;} .table-prix ul{ width:auto; height:auto; list-style-type:none; text-align:left; padding-right:4px; font-family:Verdana; font-size:12px; font-weight:bold; color: #666;} .table-Total ul{ width:auto; height:20px;float:left;list-style-type:none; text-align:right; padding-right:4px; font-family:Verdana; font-size:16px; font-weight:bold; color:#ff66ff;} /*.texte_PrixTTCbig {float:right; font-family:Verdana; font-size:16px; font-weight:bold; color:#ff66ff; text-align:right; text-decoration:none; } */ .quantite {background-image: url(images/Quantite.png); background-repeat:no-repeat; margin: 1px 0px 0px 4px; width:60px; height:20px; padding:0 2px 2px 0; font-size:14px; font-family:Verdana; font-weight:100; color:#999; border:0; border-color:# transparent; border-collapse:collapse;} .quantite-degress {background-image: url(images/quantite-degress2.png); background-repeat:no-repeat; width:45px; height:18px; font-size:11px; font-family:Verdana; font-weight:bold; color: #666; border:0;} /* FICHE PRODUIT 2 ----------------------------------------------------------------------------------------------------------------------*/ .boutonfooter-2 a:link, .boutonfooter-2 a:visited, .boutonfooter-2 a:active { float:left; display:block; background-position:left top; background-repeat:no-repeat; background-image: url(templates/images2/btn-footer2.jpg); font-size:12px; text-transform: ; text-decoration:none; color: #666; text-align:center; width:158px; height:22px; padding-top:8px; } .boutonfooter-2 a:hover { float:left; display:block; background-position:left bottom; background-repeat:no-repeat; background-image: url(templates/images2/btn-footer2.jpg); font-size:12px; text-transform: ; text-decoration:none; color:#999; text-align:center; width:158px; height:22px; padding-top:8px; } .boutonfooter-2bleu a:link, .boutonfooter-2bleu a:visited, .boutonfooter-2bleu a:active { float:left; display:block; background-position:left top; background-repeat:no-repeat; background-image: url(templates/images2/btn-footer2bleu.jpg); font-size:12px; text-transform: ; text-decoration:none; color: #666; text-align:center; width:158px; height:22px; padding-top:8px; } .boutonfooter-2bleu a:hover { float:left; display:block; background-position:left bottom; background-repeat:no-repeat; background-image: url(templates/images2/btn-footer2bleu.jpg); font-size:12px; text-transform: ; text-decoration:none; color:#999; text-align:center; width:158px; height:22px; padding-top:8px; } /* fin FICHE PRODUIT ----------------------------------------------------------------------------------------------------------------------*/ .fichePROD2-left { float:left; width:319px; height:auto; position:relative; z-index:1;} .fichePROD2-right { float:left; width:483px; height:auto; } /*////////////*/ .bloc-onglet-fiche {float:left; width:483px; height:21px;border-bottom:thin solid #CCC;} .onglet-fiche:link, .onglet-fiche:visited { float:left; width:81px; height:20px; padding-top:4px; background-repeat:no-repeat; background-position:left; background-image: url(templates/images2/onglet-fiche1.png); font-family:Verdana; font-size:10px; font-weight:100; color: #666; text-decoration:none; text-align:center;} .onglet-fiche:hover, .onglet-fiche:focus, .onglet-fiche:active {float:left;width:81px; height:20px;background-position:left; text-align:center; background-repeat:no-repeat;background-image: url(templates/images2/onglet-fiche1-hover.png); } .descrip1-fiche-produit{ float:left; width:483px; height:auto; margin: 0; padding-left:0; } .descrip1-fiche-produit .sep{ float:left; width:483px; height:auto; border-bottom:thin solid #CCC; color: #0066cc; font-weight:bold; margin:4px 4px 0 0; padding-left:2px;} /*////////////*/ .nonContract { float:left; border: 0 none !important; height: 170px; width:16px; } .descrip1-fiche-produit_2 { float:left; width:310px; height:300px; border-color:#CCC; border-style:solid; border-width:thin; margin:0px 4px 4px 4px; padding-left:4px;} .Titre-descrip1-fiche-produit_2 { width:300; height:auto; font-family:Verdana; font-size:14px; text-transform: uppercase; font-weight:bold; color: #666; text-align:left; padding-left:4px;border-style: none; border-width: thin;} .Titre-cat-fiche-produit_2 { width:300; height:auto; font-family:Verdana; font-size:12px; text-transform: uppercase; font-weight:bold; color: #666; text-align:left; padding-left:4px;border-style: none;border-width: thin;} .SousTitre-descrip1-fiche-produit_2 { width:200; height:auto; border-style: none; font-family:Verdana; font-size:12px; text-transform:0; font-weight:bold; color: #666; text-align:left; padding-left:4px; } .texte-descrip_2 { width:250px; height:auto; /*font-style:italic;*/ border-style: none; font-family: Verdana; font-weight: 100; /* graisse du text */ margin-top:0; padding-left:4px; color: #666; word-spacing: normal; text-align: justify; letter-spacing: 0; font-size: 11px; } .spacer-droit-fiche-produit_2 {float:right; width:30px; height:132px; background-color: transparent; margin:2px; } .spacer-droit-fiche-produit80_2 {float:right; width:30px; height:80px; background-color: transparent; margin:2px; } .zonetarif-fiche-produit_2 { float:left; width:448px; height:78px; margin:2px 0px 4px 3px; padding-left:none; } .tableDegressif_2 { width:220px; border-top-color:#666; border-collapse:collapse; float: right; border:0 none;} .tableDegressif-entete-L_2 { background: #999; width:110px; height:auto; border-collapse:collapse; float:none; font-family:Verdana; font-size:10px; font-weight:100; color: #FFF; text-align: left; padding-left:4px; } .tableDegressif-entete-R_2 { background: #999; width:110px; height:auto; border-collapse:collapse; float:none; padding-right:4px; font-family:Verdana; font-size:10px; font-weight:100; color: #FFF; text-align: right; } .tableDegressif-Qte_2 { background: #CCC; width:110px; height:auto; border-collapse:collapse; font-family:Verdana; font-size:10px; font-weight:100; color:#666; text-align:left; padding-left:4px; } .tableDegressif-prix_2 { background: #CCC; width:110px; height:auto; border-collapse:collapse; text-align:right; padding-right:4px; font-family:Verdana; font-size:12px; font-weight:bold; color: #666; } .table-PrixTotal_2 { width:auto; height:20px; border-collapse:collapse; float:right; text-align:right; padding-right:4px; font-family:Verdana; font-size:16px; font-weight:bold; color:#ff66ff;} /*.texte_PrixTTCbig {float:right; font-family:Verdana; font-size:16px; font-weight:bold; color:#ff66ff; text-align:right; text-decoration:none; } */ .quantite_2 {background-image: url(templates/images2/Quantite.png); background-repeat:no-repeat; float: right; margin: 1px 0px 0px 4px; width:60px; height:20px; padding:0 2px 2px 0; font-size:14px; font-family:Verdana; font-weight:100; color:#999; border:0; border-color:# transparent; border-collapse:collapse;} /*.ajouter_au_panier_FicheProd_2:link, .ajouter_au_panier_FicheProd_2:visited, .ajouter_au_panier_FicheProd_2:active { float:left; display:block; background-position:left top; background-repeat:no-repeat; background-image: url(templates/images2/boutonAJOUTER-FICHE-PROD.png); font-family: Verdana; font-size:14px; color: #FFF; text-transform: uppercase; text-decoration:none; text-align:center; width:120px; height:85px; margin:30px 5px 10px 0px; padding-top:5px; } .ajouter_au_panier_FicheProd_2:hover { float:left; display:block; background-position:left bottom; background-repeat:no-repeat; background-image: url(templates/images2/boutonAJOUTER-FICHE-PROD.png); color: #FFF; text-decoration:none; }*/ /* fin fiche Prod 2 ----------------------------------------------------------------------------------------------------------------------*/ /* rentrée 2012*/ /*bouton fourniture de bureau ----------------------*/ .espacemenu1-2012 {width:4px; height:38px; float:left;/* background-image:url(templates/images2/espaceMENU2012.png); background-repeat:no-repeat;*/} .texte-menu-diminu-2012 {font-size:10px; text-transform: none;line-height:110%;} .menucrayon {background:url(templates/images2/MENU-crayon-1012.png) right top no-repeat ; width:1100px; height:66px; margin:0 85px 0 -35px ; float:left;} .menucrayon-index {background:url(templates/images2/MENU-crayon-1012.png) right top no-repeat ; width:1100px;height:39px; margin:0 85px 0 -35px ; float:left;} .blockleft {width:35px; height:38px;float:left;} .menuREGLE { width:980px;/* width:1100px;*/ height:66px; margin:0 /*85px 0 -35px*/ ; float:left;} /*.menuREGLE {background:url(templates/images2/MENU-REGLE-1012.png) right top no-repeat ; width:1100px; height:66px; margin:0 85px 0 -35px ; float:left;}*/ a#boutonmenu-1-2012:link { float:left; background-image: url(templates/images2/2012boutonMenu1-2.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; } a#boutonmenu-1-2012:visited { float:left; font-weight:bold; background-image: url(templates/images2/2012boutonMenu1-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:36px; padding-top:2px; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; } a#boutonmenu-1-2012:active { float:left;font-weight:bold; background-image: url(templates/images2/2012boutonMenu1-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; } a#boutonmenu-1-2012:hover { float:left; font-weight: bold; background-image: url(templates/images2/2012boutonMenu1-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; display: inline-block; background-position: 0 -47px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; } /*bouton fourniture scolaire ----------------------*/ a#boutonmenu-2-2012:link { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; background-image: url(templates/images2/2012boutonMenu2-2.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-2-2012:visited { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu2-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:36px; padding-top:2px; } a#boutonmenu-2-2012:active { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu2-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-2-2012:hover { float:left;display: inline-block; background-position: 0 -47px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight: bold; background-image: url(templates/images2/2012boutonMenu2-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; } /*bouton environnement de bureau ----------------------*/ a#boutonmenu-3-2012:link { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; background-image: url(templates/images2/2012boutonMenu3-2.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-3-2012:visited { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu3-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:36px; padding-top:2px; } a#boutonmenu-3-2012:active { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu3-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-3-2012:hover { float:left; display: inline-block; background-position: 0 -47px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight: bold; background-image: url(templates/images2/2012boutonMenu3-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; } /*bouton affichage ----------------------*/ a#boutonmenu-4-2012:link { float:left; display: flex; justify-content:center;-moz-justify-content:center;-o-justify-content:center;-webkit-justify-content:center; align-items:center;-moz-align-items:center;-o-align-items:center;-webkit-align-items:center; background-position: 0 -44px; -webkit-transition: 0.5000s ease; moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; background-image: url(templates/images2/2012boutonMenu4-2.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-4-2012:visited { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu4-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:36px; padding-top:2px; } a#boutonmenu-4-2012:active { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu4-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-4-2012:hover { float:left; display: flex; justify-content:center;-moz-justify-content:center;-o-justify-content:center;-webkit-justify-content:center; align-items:center;-moz-align-items:center;-o-align-items:center;-webkit-align-items:center; background-position: 0 -47px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight: bold; background-image: url(templates/images2/2012boutonMenu4-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; } /*bouton Loisir Créatif ----------------------*/ a#boutonmenu-5-2012:link { float:left;display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; background-image: url(templates/images2/2012boutonMenu5-2.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-5-2012:visited { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu5-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:36px; padding-top:2px; } a#boutonmenu-5-2012:active { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu5-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-5-2012:hover { float:left; display: inline-block; background-position: 0 -47px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight: bold; background-image: url(templates/images2/2012boutonMenu5-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; } /*bouton Imprimés ----------------------*/ a#boutonmenu-6-2012:link { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; background-image: url(templates/images2/2012boutonMenu6-2.png); font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-6-2012:visited { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu6-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; width:160px;height:36px; padding-top:2px; } a#boutonmenu-6-2012:active { float:left; display: inline-block; background-position: 0 -44px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight:bold; background-image: url(templates/images2/2012boutonMenu6-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:160px; height:36px; padding-top:2px; } a#boutonmenu-6-2012:hover { float:left; display: inline-block; background-position: 0 -47px; -webkit-transition: 0.5000s ease; -moz-transition: 0.5000s ease; -o-transition: 0.5000s ease; font-weight: bold; background-image: url(templates/images2/2012boutonMenu6-2.png); font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #fff; text-transform: uppercase; } /*------page--------*/ .btn-primaire a:link, .btn-primaire a:visited, .btn-primaire a:active { float:left; display:block; background-image: url(images/EnteteClarentree2_04.jpg); width:250px; height:125px; background-repeat:no-repeat;} .btn-primaire a:hover { float:left; display:block; background-image: url(images/EnteteClarentree2-over_04.jpg); width:250px; height:125px; background-repeat:no-repeat;} .btn-college a:link, .btn-college a:visited, .btn-college a:active { float:left; display:block; background-image: url(images/EnteteClarentree2_05.jpg); width:250px; height:125px; background-repeat:no-repeat;} .btn-college a:hover { float:left; display:block; background-image: url(images/EnteteClarentree2-over_05.jpg); width:250px; height:125px; background-repeat:no-repeat;} .btn-lycee a:link, .btn-lycee a:visited, .btn-lycee a:active { float:left; display:block; background-image: url(images/EnteteClarentree2_06.jpg); width:250px; height:125px; background-repeat:no-repeat;} .btn-lycee a:hover { float:left; display:block; background-image: url(images/EnteteClarentree2-over_06.jpg); width:250px; height:125px; background-repeat:no-repeat;} /* fin menu 1 rentrée2012 ----------------------------------------------------------------------------------------------------------------------*/ #csslisteselection_active a { width:140px; height:36px; padding-top:4px;display:block; color:#FFF !important; float:left; line-height:30px; background-color:none; background-color: rgba(255,102,0,0.8) ; } #csslisteselection_active a:hover{ width:140px; height:36px; padding-top:4px; display:block; color:#FFF !important; float:left; line-height:30px; background-color:#F60; background-color: rgba(255,153,51,1); } #csslisteselection_off a { width:140px; height:36px; padding-top:4px;display:block; color:#FFF !important; float:left; line-height:30px; background-color:none; background-color: rgba(255,153,51,1) ; } #csslisteselection_off a:hover{ width:140px; height:36px; padding-top:4px; display:block; color:#FFF !important; float:left; line-height:30px; background-color:#F60; background-color: rgba(255,102,0,0.8); } /*------FICHE PANIER --------*/ /* remplace
*/ .art_panier_rwd { /*width:100%; position: relative;*/ width:970px; margin:2px; background-color:#FFF; height: auto; float:left; padding:2px; /*background-image: url(templates/images2/fondFicheProd_Grille.png);*/ background-repeat:no-repeat; border: rgba(204,204,204,1) 1px solid; border-bottom: rgba(204,204,204,1) 3px solid; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} @charset "UTF-8"; /* CSS Document */ body {scrollbar-face-color:#fff !important; scrollbar-arrow-color:#0099ff !important; scrollbar-darkshadow-color:#fff !important; scrollbar-shadow-color:#fff !important;} .main-panier-panier{width:980px; display:block; float:left; } .main-panier-paiement { width:980px; display:block; background-color:#e6e6e6; float:left; background-image:url(templates/images2/fond-PANIER2.png); background-repeat:no-repeat;} .main-panier-livraison { width:980px; display:block; background-color:#e6e6e6; float:left; } .fondtotal1{display:block; float: left; width:390px; height:auto; margin:20px 0 0 0; background:url(templates/images2/Fond-article-panierTOTAL_02.png) repeat-y;} .fondtotal2{display:block; float: left; width:390px; height:auto; margin:-18px 0 0 0; background:url(templates/images2/Fond-article-panierTOTAL_01.png) top no-repeat;} .fondtotal3{display:block; float: left; width:390px; height:auto; min-height:182px; margin: 0 0 -18px 0; background:url(templates/images2/Fond-article-panierTOTAL_04.png) bottom no-repeat; line-height:10px !important;} .fondtotal3 p li{line-height:10px !important;} .top-panier{ width:810px; height:30px; float:left; margin:3px 0 4px 4px; background-image:url(templates/images2/AffichagePanierTOP.png); background-repeat:no-repeat;} .total-panier {float:left; width:380px; height:180px; margin:4px 0 0 84px; background-image:url(templates/images2/Fond-article-panierTOTAL.png); } .texte-top-panier{float:left;font-family:Verdana; color: #fff; font-size:16px; text-transform:uppercase; font-weight:bold; text-align: right;padding:6px 60px 0 0;} .texte-top-panier a{float:left;font-family:Verdana; color: #fff; font-size:16px; text-transform:uppercase; text-align: right; text-decoration:none;} .texte-top-panier a:hover {float:left;font-family:Verdana; color: #fff; font-size:16px; text-transform:uppercase; text-align: right; text-decoration:underline;} .retourAchat a {width:320px; height:33px; float:left;padding:11px 0 0 0; background:url(templates/images2/BTN-retourAchat.png) no-repeat; background-position:bottom; font-family:Verdana; color: #fff; font-size:15px; text-transform:uppercase; text-align: center; text-decoration:none;} .retourAchat a:hover { background:url(templates/images2/BTN-retourAchat.png) no-repeat; background-position:top; color: #ff78ff; } .Jevalide a {width:320px; height:33px; float:left;padding:11px 0 0 0; background: url(templates/images2/BTN-ValidPanier.png) no-repeat; background-position:bottom; font-family:Verdana; color: #fff; font-size:15px; text-transform:uppercase; text-align: center; text-decoration:none;} .Jevalide a:hover { background:url(templates/images2/BTN-ValidPanier.png) no-repeat; background-position:top; color: #66cc33; } .texte-top-panierOFF{float:left;font-family:Verdana; color:#95E93A; font-size:16px; text-transform:uppercase; text-align: right; padding:6px 60px 0 0 ;} .panierBG { display:block; float: left; width:972px; height:120px; background-repeat:no-repeat; background-image:url(templates/images2/Fond-article-panier.png); margin:0 4px 4px 4px;} .img-panier { float:left; width:104px; height:104px; padding:16px 0 0 16px; } .panier_titre a{ width:244px; font-family: Verdana; font-weight: 600; color: #444; text-align: center; font-size: 12px; float: left; margin:0px 0 0 0 ; } .panier_descript a{ height:74px; width:196px; font-family: Verdana; font-weight: 100; color: #333; text-align: center; margin-top: 0px; } .panier_ref{ width:245px; font-family: Verdana; font-weight: 100; color: #C9F; text-align: left; font-size: 11px; padding-left:2px; } .detail_modif a {float:left; display:block; background-position:left bottom; background-repeat:no-repeat; background-image: url(templates/images2/bouton-modif.png); font-family: Verdana; font-size:9px; color: #fff; text-transform: uppercase; text-decoration:none; text-align:center; width:60px; height:16px; padding-top:4px; margin:4px 0 3px 54px; } .detail_modif a:hover {background-position:left top; background-repeat:no-repeat; background-image: url(templates/images2/bouton-modif.png); color: #666;text-decoration: underline; } .detail_produit{ height:74px; width:156px; font-family: Verdana; font-weight: 100; color: #333; text-align: left; margin-top: 4px; padding:0 0 0 10px;} .quantite-panier { line-height:12px; width:34px; height:14px; padding:0 2px 0 2px; font-size:10px; font-family:Verdana; font-weight:100; color:#999; border: thin solid; border-color:#ccc; } .panier_remise { text-align:center; padding:4px 0 0 0;font-family: Verdana;font-weight: bold;color: #F00;} .panier_supprimer { float: left;text-align:center; padding:4px 0 0 0;font-family: Verdana;font-weight: thin;color: #999;} .bouton_supprimer a{ background-repeat:no-repeat; background-image:url(templates/images2/corbeille.png); background-position:center top ;display:block;float: left;text-align:center; margin:2px 0 0 0 ; width:58px; height:34px; text-decoration:none; font-family: Verdana;font-weight: thin;color: #999; padding:26px 0 0 0;font-size:10px; } .bouton_supprimer a:hover { background-repeat:no-repeat; background-image:url(templates/images2/corbeille.png); text-decoration: underline;} .panier_actua { float: left;text-align:center; padding:4px 0 0 0;font-family: Verdana;font-weight: thin;color: #999;} .panier_actua a{ background-repeat:no-repeat; background-image:url(templates/images2/actua-panier-2.png); background-position: left top ;display:block;float: left;text-align:center; margin-top:6px ; width:60px; height:30px; text-decoration:none; font-family: Verdana;font-weight: thin;color: #999; font-size:10px; } .panier_actua a:hover { background-repeat:no-repeat; background-image:url(templates/images2/actua-panier-2.png); background-position:left bottom;text-decoration: underline; color:#66cc33;} .panier_modif { float: left;text-align:center; padding:12px 0 0 0;font-family: Verdana;font-weight: thin;color: #ccc;} .panier_modif a{ background-repeat:no-repeat; background-image:url(templates/images2/bouton-modif.png); background-position: left top ;display:block;float: left;text-align:center; padding:2px 0 0 0; margin-top:10px ; width:60px; height:18px; text-decoration:none; font-family: Verdana;font-weight: thin;color: #ccc; font-size:10px; } .panier_modif a:hover { background-repeat:no-repeat; background-image:url(templates/images2/bouton-modif.png); background-position:left bottom;text-decoration: underline; color:#fff;} .Adr_modif a {float:left; display:block; font-family: Verdana; font-size:12px; color: #999; text-transform: uppercase; text-decoration:none; text-align:center; } .Adr_modif a:hover { color: #666;text-decoration: underline; } @charset "UTF-8"; /* CSS Document */ /* Mobile breakpoint */ .logoVEmin {display:block;width:50px; height:26px; margin:auto; background-position:center; background: url('templates/images/LOGOVE-VECTO.svg') no-repeat;background-size:contain; } .topbar-rwd{ background-color: rgba(102,204,51,1) /*vert*/; height:auto; float:left;margin:auto; } .rotate-180{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .relative {position:relative; } .absolute {position: absolute; } .CENTER{ margin:auto;} .LEFT{ float:left; } .RIGHT{ float:right !important } .B100{ width:100%; float:left; display:inline-block; } .B50{ width:100%; float:left; display:inline-block; } .B25{ width:100%; float:left; display:inline-block; } .CACHE1 { display:none} /* 2st breakpoint */ @media all and (min-width: 370px) { .logoVE1 {display:block;width:200px; height:104px; margin:auto; background-position:center;background: url('templates/images/LOGOVE-VECTO.svg') no-repeat;background-size:contain; } .topbar-rwd{ background-color: rgba(102,204,255,1)/*bleu*/; height:auto; float:left;margin:auto; } .B100{ width:100%; float:left; display:inline-block; } .B50{ width:100%; float:left; display:inline-block; } .B25{ width:50%; float:left; display:inline-block; } .CACHE1 { display:none} } /* 1st breakpoint */ @media all and (min-width: 970px) { .logoVE1 {display:block;width:200px; height:104px; margin:auto; background-position:center;background: url('templates/images/LOGOVE-VECTO.svg') no-repeat;background-size:contain; } .topbar-rwd{ background-color: rgba(255,204,102,1)/*orange*/;; height:auto; float:left;margin:auto; } .B100{ width:100%; float:left; display:inline-block; } .B50{ width:50%; float:left; display:inline-block; } .B25{ width:25%; float:left; display:inline-block; } #formrecherche { float:left; display:block; height:33px; width:auto; margin:5px; } } @charset "UTF-8"; /* CSS Document */ body{/*background-image: url(templates/images2/GradiantBackG.jpg); background-repeat:repeat-x;*/ margin:auto;} #topbar{margin:auto;/*background-image: url(images/Fond-head-classique.png);background-repeat: no-repeat;*/ background-position:top center; background-size: auto;} #column_right1{width:165px; height:146px; float:left; background-image: url('templates/images2/GradiantTOP165-1.png');z-index: 1; background-repeat:no-repeat;} /*pour la connection en compte*/ #column_right3{width:165px; height:146px; float:left; background-image: url('templates/images2/GradiantTOP165-2.png');z-index: 1; background-repeat:no-repeat;} #logoHeader {width:210px; height:105px; float:left; /*background-image: url('images/LOGO-20151113.png');*/ background-image: url('images/LOGO-head-2.png');background-repeat:no-repeat;} #topnav{ border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.3); border-top: rgba(51,51,51,1) 1px; background: #6a6e7c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhNmU3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzRlNTc2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzRlNTc2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #6a6e7c 0%, #4e5761 22%, #4e5761 93%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6e7c), color-stop(22%,#4e5761), color-stop(93%,#4e5761)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6a6e7c 0%,#4e5761 22%,#4e5761 93%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6a6e7c 0%,#4e5761 22%,#4e5761 93%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6a6e7c 0%,#4e5761 22%,#4e5761 93%); /* IE10+ */ background: linear-gradient(to bottom, #6a6e7c 0%,#4e5761 22%,#4e5761 93%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6e7c', endColorstr='#4e5761',GradientType=0 ); /* IE6-8 */ } #body{ box-shadow: 0px 8px 9px rgba(0, 0, 0, 0.3);} /* #fondBandoHaut {width:320px; height:105px; float:left; background-image: url('templates/images/fond-bdx-HAUT-tiroir.png');background-repeat:no-repeat; } #fondBandoHaut a{width:320px; height:105px; float:left; display:block; } #fondBandoHaut2 div{width:60px; height:85px; float:left; display:block !important; background-image: url('templates/catalogues/Cata-1-couv.jpg'); background-repeat:no-repeat; background-position:center top; margin-top: 5px; opacity:1; } #fondBandoHaut2 :hover{ opacity:1; border-radius:10px; } */ #fondBandoHautB { width:210px; height:105px; float:left; /*background-image: url('images/Bando-210x105-sportalhonneur.jpg');*/ /*background-image:url('images/xBan_210x105_taxe_apprentissage.jpg');*/ /*background-image: url('images/xBan_210x105_carnet.png');*/ background-image: url('images/xBan_210x105_POetTA.png'); /*background-image: url('images/xBan_210x105_livretsco.png');*/ background-repeat:no-repeat; margin:0 10px 0 0; } #fondBandoHautB a{width:210px; height:105px; float:left; display:block; } #fondBandoHaut2B div{width:220px; height:90px; float:left; display:block !important; background-position:center top; margin-top: -5px; opacity:1; border-radius:0px; text-align:left; padding:7px; /*border:#FFFFFF solid 2px; background-color: rgba(100,100,100,0.2); */ } #fondBandoHaut2B p{width:150px; height:90px; float:left; display:block !important; font-size:12px; line-height:14px; } #fondBandoHaut2B :hover{ /*background:#FFF; opacity:1; background-color: rgba(255,255,255,1);*/ } #fondBandoHaut2B img{ opacity:1; float:right; margin-top:3px; } #fondBandoHaut_noel {display:none; } #column_right1-test{width:165px; height:146px; float:left;z-index: 1; background-color: none; background-color:rgba(255,255,255,0.5); /* background-repeat:no-repeat; background-image: url(templates/images2/GradiantTOP165-1test.png);*/ } /*pour la connection en compte*/ #column_right3-test{width:165px; height:138px; float:left;z-index: 1; border-bottom:#3C3 solid 6px; background-color: #FFF; background-color:rgba(255,255,255,0.7); /* background-repeat:no-repeat; background-image: url(templates/images2/GradiantTOP165-1test.png);*/ } .headleft2 {width:140px; height:146px; float:right;background-color:#FFF; background-color:rgba(255,255,255,0.2);/* background-image: url(templates/images2/fond-haed-rigth2.png); background-repeat:no-repeat;*/} .headleft2test {width:140px; height:130px; float:right; background-color:#FFF; background-color:rgba(255,255,255,0.2);} /* #fondBandoHaut-test {width:455px; height:105px; float:left; background-image: url(images/fond-bdx-HAUT-tiroir-FETE2012.png);background-repeat:no-repeat; } */