/* General */
* {
margin: 0;
padding: 0;
}
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
}
body {
font-size: 12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
fieldset {
border: none;
}
.right {
float: right;
}
.left {
float:left;
}
.clear {
clear: both;
}
.lightblue {
color: #7fd9ff;
text-transform: uppercase;
}
.white {
color: #ffffff;
text-transform: uppercase;
}
.orange {
color: #fa7d20;
}
.rouge {
color: #ed1c24;
}
.strike {
text-decoration:line-through;
}
div#title h3,
div#htitle h3,
div#title_left h3,
div#k3Cart h2 {
font-size: 28px;
margin-bottom: 5px;
margin-top: 0;
}
div#title a,
div#htitle a {
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
div#title a#lightblue,
div#htitle a#lightblue {
color: #7fd9ff;
font-size: 14px;
text-decoration: none;
}
div#subcontents div#title p {
/*color: #ffffff;*/
font-size: 12px;
}
/* Fin general */
/* Toutes les pages */
div#master_menu {
width: 865px;
margin: 0 auto;
}
div#menu_text {
height: 84px;
position:absolute;
/* bottom:100px; */
bottom:25px;
z-index:11;
}
/*
div#menu_text {
height: 84px;
position:absolute;
bottom:100px;
left:119px;
z-index:11;
}*/
#background{
position:absolute;
z-index:1;
width:100%;
height:100%;
}
#scroller {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
overflow:auto;
z-index:2;
}
div#menu {
position:absolute;
/*bottom:100px; */
bottom: 25px;
left:0px;
width:99%;
z-index:10;
background: url(../img/ie6.jpg) no-repeat;
background-position: 119px 0px;
/*opacity:0.80;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.8;*/
}
ul#searchResult a {
text-decoration: underline;
}
div#subcontents ul#searchResult p {
text-decoration: underline;
}
/*div#menu div#img {
float: left;
background: url(../img/menubg.gif) no-repeat;
width: 119px;
height: 84px;
border-width:0px;
}
div#menu div#text {
background-color: #000000;
height: 84px;
margin-left: 119px;
}
div#menu_text ul#main_menu {
float: left;
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: none;
margin-right: 15px;
margin-top: 2px
}*/
div#menu div#img {
float: right;
background: url(../img/menubg.gif) no-repeat;
width: 119px;
height: 84px;
border-width:0px;
position: absolute;
right: 0;
top: 0;
}
div#menu div#text {
background-color: #000000;
height: 84px;
margin-right: 119px;
}
div#menu_text ul#main_menu {
float: left;
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: none;
margin-right: 15px;
margin-top: 2px
}
div#menu_text ul#main_menu li {
padding-top: 4px;
}
div#menu_text ul.second_menu {
float: left;
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: none;
padding: 0 15px;
margin-top: 5px
}
div#menu_text ul.border {
border-left: 2px dotted #ffffff;
height: 70px;
}
div#menu_text ul.second_menu li {
padding-top: 4px;
}
div#menu_text ul.third_menu {
float: left;
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: none;
padding: 0 15px;
margin-top: 5px;
}
div#menu_text ul.third_menu li {
padding-top: 4px;
}
div#menu_text ul#main_menu li a,
div#menu_text ul.second_menu li a,
div#menu_text ul.third_menu li a {
color: #ffffff;
text-decoration: none;
}
div#menu_text ul#main_menu li a:hover,
div#menu_text ul.second_menu li a:hover,
div#menu_text ul.third_menu li a:hover {
color: #FA7D20;
}
div#menu_text ul#main_menu li a.active,
div#menu_text ul.second_menu li a.active,
div#menu_text ul.third_menu li a.active {
color: #FA7D20;
}
div#content {
/*position: absolute;
left: 50%;
top: 5px;
margin-left: -415px;*/
margin: 0 auto;
}
div#header {
width: 850px;
margin: 0 auto;
margin-bottom: 16px;
overflow: hidden;
}
div#header p.disconnect {
float: right;
margin-right: 6px;
overflow: hidden;
margin-bottom: 3px;
}
div#header p.disconnect a {
color: #ffffff;
text-decoration: none;
}
div#header p.disconnect a:hover {
color: #FA7D20;
}
div#header div#htitle {
width:450px;
float: left;
}
div#header div#htitle p {
font-size: 16px;
font-weight: bold;
float: left;
margin-top: 2px;
}
div#header div#htitle img {
margin-left: 15px;
}
div#header div#htitle select {
width: 100px;
margin: 0 5px;
}
div#header div#htitle .lang {
color: #ffffff;
font-size: 11px;
}
div#header div#htitle .lang a {
color: #ffffff;
font-size: 11px;
text-decoration: none;
}
div#header div#htitle .linkSelectedLang {
color: #7FD9FF;
}
div#header div#topmenu {
float: right;
line-height: 22px;
text-align: right;
}
div#header div#topmenu a {
color: #ffffff;
text-decoration: none;
}
div#header div#topmenu a:hover {
text-decoration: underline;
}
div#header div#topmenu ul {
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
margin: 0;
margin-top: 2px;
}
div#header div#topmenu ul li {
display: inline;
border-left: 1px solid #ffffff;
padding: 0 5px 0 8px;
}
div#header div#topmenu ul li:first-child {
border-left: none;
}
div#header div#maintitle p {
font-size: 40px;
}
div#header div.right {
float: right;
width: 350px;
/* when cart will be online */
width: 210px;
}
div#header div.right div.btntxt {
background: url(../img/headerbtn.png) no-repeat;
width: 204px;
height: 27px;
/* when cart will be online */
float: right;
margin-bottom: 10px;
}
div#header div.right div.btntxt p {
font-size: 11px;
text-align: left;
text-transform: uppercase;
line-height: 24px;
}
div#header div.right div.btntxt a {
color: #000000;
text-decoration: none;
display: block;
width: 174px;
height: 27px;
padding-left: 30px;
}
div#header div.right div.btntxt a:hover {
color: #ffffff;
}
div#header .f_arianne{
color: #b7b7b7;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
margin-top: 20px;
}
div#header div.right div.cart {
color: #ffffff;
float: right;
width: 125px;
margin-right: 5px;
/* when cart will be online */
display: none;
}
div#header div.right div.cart img {
float: left;
border: none;
}
div#header div.right div.cart p {
float: right;
line-height: 27px;
font-size: 11px;
margin-left: 5px;
text-transform: uppercase;
}
div#header div.right div.cart a {
color: #fa7d20;
text-decoration: none;
}
div#header div.right div.cart a:hover {
color: #ffffff;
}
#search_form {
background: transparent url(../img/search.jpg) no-repeat scroll 0 0;
border: none;
width: 213px;
height:22px;
padding-top: 2px;
padding-left: 32px;
padding-right: 6px;
color: #8d9091;
}
/* FIN - Toutes les pages */
/* Page d'Accueil */
div#subcontents {
width: 850px;
margin: 0 auto;
}
div#subcontents p {
color: #ffffff;
}
div#subcontents div#flash_file {
border: 7px solid #ffffff;
background: url(../img/bg.jpg) no-repeat;
width: 830px;
height: 260px;
margin-bottom: 30px;
background-color: #000000;
}
div#subcontents div#flash_file_techav {
width: 820px;
height: 274px;
border: 7px solid #ffffff;
margin: 0 auto;
margin-bottom: 40px;
position: relative;
z-index: 0;
}
div#subcontents div.left {
width: 520px;
float: left;
}
div#subcontents div.left div.sleft {
background: url(../img/bgintrotxt.jpg) no-repeat #000;
border: 1px solid #ffffff;
width: 533px;
padding-bottom: 15px;
min-height: 188px;
_height: 188px;
margin-bottom: 12px;
color: #ffffff;
}
div#subcontents div.left div.sleft p {
color: #ffffff;
font-size: 12px;
margin: 0 16px;
}
div#subcontents div.left div.sleft h3 {
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
margin: 14px 10px;
font-weight: normal;
letter-spacing: 0.1em;
}
div#subcontents div.left div.sleft2 {
margin-bottom: 12px;
background-color:#000000;
border: 1px solid #ffffff;
width: 533px;
overflow: auto;
}
div#subcontents div.left div.sleft2 p.title {
line-height: 32px;
color: #ffffff;
margin: 14px 10px;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
div#subcontents div.left div.sleft2 p.stitle {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
margin: 14px 10px;
}
div#subcontents div.left div.sleft2 p.cnt {
color: #ffffff;
font-size: 12px;
margin: 14px 10px;
}
div#subcontents div.left a {
color: #ffffff;
text-decoration: underline;
}
div#subcontents div.left a:hover {
text-decoration: underline;
color: #FA7D20;
}
div#subcontents div.left div.sleft2 div.divmore {
background: url(../img/button.png) no-repeat;
width:137px;
height: 25px;
float: right;
font-size:11px;
color: #000000;
text-decoration:none;
line-height: 24px;
margin: 14px 10px;
text-transform: uppercase;
}
div#subcontents div.left div.sleft2 div.divmore a {
color: #000000;
text-decoration:none;
padding-left: 34px;
}
div#subcontents div.left div.sleft2 div.divmore a:hover {
color: #ffffff;
}
div#subcontents div.left div.sleft3 {
color: #ffffff;
margin-bottom: 25px;
overflow: auto;
}
div#subcontents div.left div.sleft3 p.title {
line-height: 32px;
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
margin-bottom: 14px;
}
div#subcontents div.left div.sleft3 b {
color: #ffffff;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
div#subcontents div.sleft3 a {
background: url(../img/button.png) no-repeat;
width:140px;
height: 25px;
float: right;
font-size:11px;
margin-top: 20px;
margin-right: 8px;
margin-bottom: 3px;
}
div#subcontents div.left div.sleft3 a {
display: block;
color: #000000;
text-decoration:none;
line-height: 22px;
text-indent: 32px;
width:140px;
height: 25px;
text-transform: uppercase;
}
div#subcontents div.left div.sleft3 a:hover {
color: #ffffff;
}
div#subcontents div.left div.sleft4 {
background-color: #000000;
border: 1px solid #ffffff;
width: 500px;
overflow: auto;
margin-top: 40px;
padding: 10px;
}
div#subcontents div.left div.sleft4 h3 {
color: #ffffff;
text-transform: uppercase;
font-size: 20px;
font-weight: normal;
margin: 15px 0px;
letter-spacing: 0.2em;
}
div#subcontents div.left div.sleft4 p.cnt {
font-size: 12px;
margin: 12px;
}
div#subcontents div.sleft4 a {
background: url(../img/button.png) no-repeat;
width:140px;
height: 25px;
float: right;
font-size:11px;
margin-top: 20px;
margin-right: 8px;
margin-bottom: 3px;
}
div#subcontents div.left div.sleft4 a {
display: block;
color: #000000;
text-decoration:none;
line-height: 22px;
text-indent: 32px;
width:140px;
height: 25px;
text-transform: uppercase;
}
div#subcontents div.left div.sleft4 a:hover {
color: #ffffff;
}
div#subcontents div.left div.sleft5 {
width: 533px;
margin-top: 30px;
color: #ffffff;
padding-bottom: 15px;
padding-right: 15px;
}
div#subcontents div.left div.sleft5 p.title {
font-size: 15px;
font-weight: bold;
margin-bottom: 16px;
}
div#subcontents div.left div.sleft5 p.cnt {
font-size: 12px;
margin-bottom: 6px;
}
div#subcontents div.left div.sleft5 p.cnt a {
color: #FA7D20;
text-decoration: underline;
}
div#subcontents div.left div.sleft5 p.cnt a:hover {
text-decoration: none;
}
div#subcontents div.left div.sleft5 ul {
margin-left: 30px;
}
div#subcontents div.sleft5 ul {
margin-left: 30px;
color: #ffffff;
}
div#subcontents div.sleft5 ul a {
color: #FA7D20;
}
div#subcontents div.sleft5 ul a:hover {
color: #ffffff;
}
div#subcontents div.right {
width: 286px;
float: right;
margin-right: 6px;
}
div#subcontents div.right div.sright {
float: right;
border: 1px solid #ffffff;
background-color: #000000;
width: 286px;
margin-bottom: 12px;
}
div#subcontents div.right div.sright p.titles {
line-height: 32px;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
font-size: 13px;
padding-left: 10px;
border-bottom: 1px solid #ffffff;
}
div#subcontents div.right div.sright img {
border: none;
}
div#subcontents div.right div.sright a {
margin: 0;
padding: 0;
}
div#subcontents div.right div.sright p.title {
line-height: 32px;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
font-size: 13px;
padding: 0;
padding-left: 10px;
}
div#subcontents div.right div.sright div.expert {
width: 240px;
height: 112px;
background:url(../img/expert.png) no-repeat;
margin-left: 18px;
margin-top: 10px;
}
div#subcontents div.right div.sright2 {
border: 1px solid #ffffff;
width: 270px;
margin-bottom: 12px;
}
div#subcontents div.right div.sright2 p.title {
line-height: 32px;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
font-size: 13px;
padding-left: 10px;
border-bottom: 1px solid #ffffff;
margin: 0;
}
div#subcontents div.right div.sright2 div.cnt {
height: 146px;
background:url(../img/impact.jpg) no-repeat;
}
/* FIN - Page d'Accueil */
div.login {
width: 350px;
float: left;
}
div.login a {
color: #FA7D20;
text-decoration: none;
}
div.login a:hover {
color: #FFFFFF;
}
div.newcompte {
width: 390px;
float: right;
}
div.login p.title {
text-align:left;
}
div.newcompte p.title {
text-align: right;
}
div.edit p.title,
div#formprofilright p.title,
div.login p.title,
div.newcompte p.title {
color: #ffffff;
font-size: 16px;
margin-top: 20px;
text-decoration: underline;
}
div#msgLogin, div.feedbackError, div#feedbackError_di1, div#feedbackError_di2, div#feedbackError_dma1, div#feedbackError_dma2, div#feedbackError, div#feedbackError_part2 {
margin-top: 20px;
line-height: 25px;
width: 290px;
border: 1px dashed #FA7C20;
color: #ffffff;
padding-left: 8px;
}
div#feedbackError {
width: 350px;
}
div#partie2 div.feedbackError {
width: 455px;
}
div#feedbackError_part2 {
width: 460px;
}
div.newcompte div.feedbackError {
float: right;
width: 340px;
}
div#intro {
margin-top: 20px;
line-height: 20px;
width: 350px;
color: #ffffff;
}
form#formRegister {
float: right;
}
form#formRegister label#nl {
font-size: 10px;
}
form#formLogin table,
form#formRegister table,
form#formMdp table,
form#formEdit table,
form#infoasking table,
form#infoasking2 table,
form#dmasking table,
form#formGarantie div#partie2 table,
form#ssearch {
margin-top: 30px;
}
form#infoasking table,
form#infoasking2 table,
form#dmasking table {
width: 450px;
}
form#formGarantie div#partie1 table {
width: 650px;
}
form#formGarantie div#partie1 table tr td {
width: 120px;
}
form#formGarantie div#partie1 table tr td.third {
text-align: center;
width: 300px;
}
form#formGarantie div#partie2 table {
width: 550px;
}
form#formLogin table tr,
form#formRegister table tr,
form#formMdp table tr,
form#formEdit table tr,
form#infoasking table tr,
form#infoasking2 table tr,
form#dmasking table tr,
form#formGarantie table tr {
height: 26px;
}
form#formLogin table tr td,
form#formRegister table tr td,
form#formMdp table tr td,
form#formEdit table tr td,
form#infoasking table tr td,
form#infoasking2 table tr td,
form#dmasking table tr td,
form#formGarantie table tr td {
color: #ffffff;
font-size : 12px;
}
form#formLogin table tr td label,
form#formRegister table tr td label,
form#formMdp table tr td label,
form#formEdit table tr td label {
margin-right: 20px;
}
form#formLogin table tr td input.input,
form#formRegister table tr td input.input,
form#formMdp table tr td input.input,
form#formEdit table tr td input.input,
form#infoasking table tr td input.input,
form#infoasking2 table tr td input.input,
form#dmasking table tr td input.input,
form#formGarantie table tr td input.textinput,
form#ssearch input.input {
border: 1px solid #7FD9FF;
width: 150px;
padding: 2px;
}
form#infoasking table tr td select.input,
form#infoasking2 table tr td select.input,
form#dmasking table tr td select.input,
form#formGarantie table tr td select#produits {
border: 1px solid #7FD9FF;
width: 156px;
padding: 2px;
}
form#infoasking .textarea_contact,
form#infoasking2 .textarea_contact,
form#dmasking .textarea_contact {
border: 1px solid #7FD9FF;
width: 374px;
height: 100px;
padding: 2px;
}
#explication {
border: 1px solid #7FD9FF;
width: 460px;
height: 120px;
}
form#formLogin table tr td input.submit,
form#formRegister table tr td input.submit,
form#formMdp table tr td input.submit,
form#formEdit table tr td input.submit,
form#infoasking table tr td input.submit,
form#infoasking2 table tr td input.submit,
form#formGarantie table tr td input.submit,
form#ssearch input#submit {
margin-top: 20px;
background:url(../img/button.png) no-repeat;
width: 140px;
height: 24px;
color: #272727;
border : none;
padding-bottom: 3px;
cursor: pointer;
font-size: 11px;
text-transform: uppercase;
text-align: left;
padding-left: 25px;
}
form#infoasking table tr td input.submit,
form#infoasking2 table tr td input.submit {
margin-top: 0px;
margin-left: 20px;
}
form#ssearch input#submit {
margin-top: 0px;
margin-left: 10px;
}
form#ssearch label {
margin-top: 0px;
margin-right: 10px;
color: #ffffff;
}
form#infoasking table tr td input.back,
form#infoasking2 table tr td input.back,
form#formGarantie table tr td input.back {
background:url(../img/back.png) no-repeat;
width: 140px;
height: 24px;
color: #272727;
border : none;
padding-bottom: 3px;
cursor: pointer;
font-size: 11px;
text-transform: uppercase;
text-align: left;
padding-left: 30px;
}
form#formLogin table tr td input.submit:hover,
form#formRegister table tr td input.submit:hover,
form#formMdp table tr td input.submit:hover,
form#infoasking table tr td input.submit:hover,
form#infoasking2 table tr td input.submit:hover,
form#formGarantie table tr td input.submit:hover,
form#infoasking table tr td input.back:hover,
form#infoasking2 table tr td input.back:hover,
form#formGarantie table tr td input.back:hover,
form#search input#ssubmit:hover {
color: #ffffff;
cursor: pointer;
}
form#formLogin table tr td a, form#formRegister table tr td a, form#formMdp table tr td a {
color: #ffffff;
text-decoration: none;
}
form#formLogin table tr td a:hover, form#formRegister table tr td a:hover, form#formMdp table tr td a:hover {
text-decoration: underline;
}
form#ssearch p {
color: #ffffff;
font-size: 14px;
margin-bottom: 14px;
}
input#btnRedirect {
margin-top: 30px;
background: url(../img/headerbtn.png) no-repeat;
width: 210px;
height: 27px;
color: #272727;
border : none;
padding-bottom: 6px;
cursor: pointer;
font-size: 11px;
text-transform: uppercase;
}
input#btnRedirect:hover {
color: #ffffff;
cursor: pointer;
}
form#infoasking,form#infoasking2, form#marchandasking {
float: left;
}
div#adresse,
div#adresse_div {
color: #ffffff;
float: right;
margin-top: 75px;
}
div#adresse a,
div#adresse_div a {
color: #292929;
text-decoration: none;
}
div#adresse a:hover,
div#adresse_div a:hover {
color: #ffffff;
text-decoration: underline;
}
div#adresse_div h3 {
color: #7FD9FF;
margin-bottom: 12px;
}
div#Canada {
color: #ffffff;
}
div#Canada p {
margin-top: 10px;
margin-bottom: 5px;
}
div#Canada input.input {
border: 1px solid #7FD9FF;
width: 150px;
padding: 2px;
margin-right: 10px;
/*margin-bottom: 50px;*/
}
div#Canada input.submit {
/*margin-top: 20px;*/
background:url(../img/more.png) no-repeat;
width: 120px;
height: 24px;
color: #272727;
border : none;
padding-bottom: 3px;
cursor: pointer;
font-size: 11px;
text-transform: uppercase;
text-align: left;
padding-left: 30px;
}
div#marchandsearch {
width: 500px;
height: 30px;
margin-bottom: 40px;
}
div#Canada div#map {
border:1px solid #FA7D20;
width:860px;
height:380px;
}
div#nearestStore {
color: #ffffff;
margin: 20px 0;
}
div#nearestStore ol {
margin-left: 40px;
font-size: 12px;
}
div#nearestStore ol li {
padding: 5px 0;
}
div#nearestStore a {
color: #FA7D20;
}
div#nearestStore a:hover {
color: #FFFFFF;
}
div#message {
margin: 20px 0 20px 0;
color: #ffffff;
font-size: 14px;
}
div#message a {
color: #FA7D20;
}
div#message a:hover {
color: #ffffff;
text-decoration: underline;
}
div#map {
margin-bottom: 40px;
}
div.msgInfo {
margin-bottom: 30px;
line-height: 25px;
width: 560px;
border: 1px dashed #FA7C20;
color: #ffffff;
padding-left: 8px;
}
div.marchand_info, div.marchand_details {
width: 560px;
margin-top: 30px;
color: #ffffff;
font-size: 12px;
}
.marchand_info div.editable span:hover {
cursor:pointer;
background-color:#FA7D20;
}
.marchand_info div span.noneditable:hover {
cursor:default;
background:none;
}
.marchand_info p{
overflow:hidden;
}
.marchand_info span {
float:left;
}
.marchand_info form {
padding:0;
overflow:hidden;
float:left;
}
.marchand_info form input {
float:left;
border:1px solid #7FD9FF;
font-size:12px;
width:150px;
margin-right: 5px;
}
div#hor form input {
float:left;
border:1px solid #7FD9FF;
font-size:12px;
width:50px;
margin-left: 6px;
}
.marchand_info form a {
font-size:10px;
color:#000;
float:left;
font-family:sans-serif;
}
.marchand_info form a.saveBtn {
background:url('../img/disk_black.png') no-repeat;
font-size:0;
width:16px;
height:16px;
margin-right: 5px;
}
div#hor form a.saveBtn{
margin-left: 6px;
}
.marchand_info form a.cancelBtn {
background:url('../img/cross.png') no-repeat;
font-size:0;
width:16px;
height:16px;
margin-right: 5px;
}
.marchand_info form a.ajouterBtn {
background:url('../img/plus.png') no-repeat left center;
padding:3px 5px 0px 21px;
background-color:#FFFFD2;
height:16px;
border:1px solid #D5820B;
margin:0 10px;
}
.addItem {
background: #FFFFA7;
font-size:12px;
padding:10px;
border: 1px dashed #FA7C20;
float:none !important;
width:auto !important;
overflow:hidden;
margin-top: 10px;
margin-bottom: 10px;
}
.addLogo {
background: #FFFFA7;
font-size:12px;
padding:10px;
border: 1px dashed #FA7C20;
float:none !important;
width:150px;
overflow:hidden;
margin-top: 10px;
margin-bottom: 10px;
}
.addLogo label, .addItem label {
color: #FA7D20;
line-height: 24px;
font-size: 12px;
}
.marchand_info div.addLogo form a.ajouterBtn, .marchand_details form a.ajouterBtn {
background:url('../img/plus.png') no-repeat left center;
padding:3px 5px 0px 21px;
background-color:#FFFFD2;
height:16px;
border:1px solid #D5820B;
margin: 0;
margin-top: 10px;
}
.marchand_info div.addLogo form a.cancelBtn1, .marchand_details form a.cancelBtn {
background:url('../img/cross.png') no-repeat left center;
padding:3px 5px 0px 21px;
background-color:#FFFFD2;
height:16px;
border:1px solid #D5820B;
margin: 0;
margin-top: 10px;
margin-left: 5px;
}
.marchand_details div.addItem form div {
margin-top: 10px;
}
.addItem a {
font-size:12px;
color:#9E0010;
text-decoration:none;
}
.addItem a img {
border:none;
margin-right:5px;
vertical-align:bottom;
}
.addItem form {
float:none;
clear:both;
}
.addItem form input {
width:auto;
}
.addItem form input[type="submit"]{
border:0;
float:left;
}
.editLink{
background:#fff;
padding:5px;
color:#9E0010;
font-size:12px;
text-decoration:none;
border:1px solid #aaa;
font-weight:bold;
position:absolute;
bottom:5px;
right:5px;
cursor:pointer;
}
#description {
width: 500px;
height: 150px;
margin-bottom: 10px;
}
.horaire {
margin-top: 20px;
float: left;
width: 65px;
height: 60px;
margin-right: 7px;
border-collapse: collapse;
text-align:center;
margin-left: 4px;
}
.horaire .header td {
background-color: #444444;
color: #ffffff;
text-transform: uppercase;
text-align: center;
font-size: 11px;
}
.horaire .body td {
background-color: #E6E8E7;
color: #444444;
text-transform: uppercase;
text-align: center;
font-size: 11px;
width: 65px;
}
.horaire .body td span{
width: 65px;
}
img#staticmap, div.marchand_info_left img {
border: 2px solid #7FD9FF;
}
div.marchand_info a img, div.marchand_details a img {
border: none;
margin-right: 10px;
}
div.marchand_info h3,div.marchand_details h3 {
margin-bottom: 15px;
border-bottom: 1px solid #ffffff;
}
div.marchand_info p, div.marchand_details p {
margin-bottom: 4px;
}
div.marchand_info a, div.marchand_details a {
color: #FA7D20;
text-decoration: none;
}
div.marchand_info a:hover, div.marchand_details a:hover {
text-decoration: underline;
}
div.marchand_info_left {
float: left;
width: 220px;
}
div.marchand_info_right {
float: left;
width: 340px;
}
/*560*/
div.marchand_info_left_images {
float: left;
width: 250px;
margin-right: 30px;
}
div.marchand_info_right_videos {
float: left;
width: 250px;
margin-left: 30px;
}
div.edit {
float: left;
width: 500px;
}
div#formprofilright {
width: 300px;
float: left;
font-size: 13px;
}
div#formprofilright a {
color: #292929;
font-weight: bold;
text-decoration: none;
}
div#formprofilright a:hover {
color: #FA7D20;
}
div#formprofilright ol {
color: #ffffff;
margin: 10px 0 20px 20px;
}
div#formprofilright ol li {
margin-bottom: 5px;
}
.previous_button{
font-size:0px;
background-image:url("../img/arrow_left.png");
background-repeat:no-repeat;
text-indent:-3000px;
width:11px;
height:45px;
margin-top: 10px;
}
.previous_button_disabled{
background-image:url("../img/arrow_left.png") !important;
}
.next_button{
font-size:0px;
background-image:url("../img/arrow_right.png");
background-repeat:no-repeat;
text-indent:-3000px;
width:11px;
height:45px;
margin-top: 10px;
}
.next_button_disabled{
background-image:url("../img/arrow_right.png") !important;
}
div.divLi img {
border: 2px solid #7FD9FF;
}
div#bottom {
margin-top: 40px;
color: #ffffff;
}
form#ssearch {
margin-bottom: 50px;
}
div#bottom p.mdmc {
margin-top: 16px;
}
div.produits, div.faq, div.videos, div.section {
margin: 20px 0;
}
div.produits h2, div.faq h2, div.videos h2, div.section h2 {
color: #7FD9FF;
}
div.produits a, div.faq a, div.videos a, div.section a {
color: #FFFFFF;
text-decoration: none;
}
div.produits a:hover, div.faq a:hover, div.videos a:hover, div.section a:hover {
text-decoration: underline;
}
div.produits ul, div.faq ul, div.videos ul, div.section ul {
list-style-type:none;
}
div.produits ul li, div.faq ul li, div.videos ul li, div.section ul li {
margin: 12px 0;
}
div.products {
width: 385px;
height: 194px;
background-color: #0a0c0e;
margin-top: 30px;
border: 2px solid #0a0c0e;
border-top: 2px solid #0a0c0e;
float: left;
margin: 20px 10px;
}
div.products img {
border: none;
}
div.products div.leftimg {
width: 197px;
float: left;
}
div.products div.prodinfo {
width: 188px;
float: left;
color: #ffffff;
}
div.products div.prodinfo div.bloc1 {
height: 152px;
overflow: hidden;
margin: 2px;
}
div.products div.prodinfo div.bloc2 {
margin-left: 3px;
}
div#subcontents div.products div.prodinfo p.title {
text-transform: uppercase;
font-size:14px;
color: #7fd9ff;
}
div.products div.prodinfo ul {
margin: 10px 0;
font-size: 12px;
}
div.products div.prodinfo ul li {
margin-bottom: 3px;
}
div.products div.prodinfo div.details {
background: url(../img/button.jpg) no-repeat;
width: 137px;
height: 27px;
text-align:left;
display: inline-block;
font-weight: bold;
float: left;
margin-top: 10px;
text-transform: uppercase;
}
div.products div.prodinfo div.details a {
color: #090b0d;
text-decoration: none;
font-weight: normal;
line-height: 25px;
font-size: 12px;
padding-left: 30px;
display: block;
width: 107px;
height: 27px;
}
div.products div.prodinfo div.details a:hover {
color: #ffffff;
}
div.products div.prodinfo p.prix {
text-align: right;
margin-top: 15px;
margin-right: 6px;
}
div.leftsingleprod {
float: left;
width: 475px;
color: #ffffff;
margin-top: 20px;
}
div.leftsingleprod ul {
margin: 10px 0;
font-size: 12px;
margin-left: 30px;
}
div.leftsingleprod ul li {
margin-bottom: 3px;
}
div.rightsingleprod {
float: right;
Width: 275px;
margin-top: 20px;
}
div.rightsingleprod img {
border: 1px solid #ffffff;
}
div.leftsingleprod p.serie {
float: left;
width: 100px;
margin-top: 16px;
margin-left: 18px;
font-size: 14px;
}
div.leftsingleprod p.prix {
float: right;
text-align: right;
width: 200px;
margin-top: 16px;
font-size: 14px;
}
div.leftsingleprod p.prix span.strike {
text-decoration: line-through;
margin-right: 20px;
}
div.leftsingleprod div.details {
background: url(../img/headerbtn.png) no-repeat;
width: 204px;
height: 27px;
text-align:left;
display: inline-block;
float: right;
margin: 30px 0px;
}
div.leftsingleprod div.details a {
color: #292929;
text-decoration: none;
text-transform: uppercase;
line-height: 24px;
padding-left: 35px;
display: block;
width: 204px;
height: 27px;
}
div.leftsingleprod div.details a:hover {
color: #ffffff;
}
div.leftsingleprod div.flashcyberexpert {
width: 446px;
height: 74px;
border: 1px solid #292929;
margin: 15px auto 40px auto;
}
div.leftsingleprod h3 {
text-align: left;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 15px;
}
div.leftsingleprod div.produit_btns div.details {
background: url(../img/button.png) no-repeat;
text-align:left;
width: 142px;
float: left;
margin: 0;
}
div.leftsingleprod div.produit_btns div.details a {
color: #292929;
text-decoration: none;
line-height: 24px;
display: block;
width: 110px;
padding-left: 34px;
font-size: 11px;
}
div.leftsingleprod div.produit_btns {
margin: 20px 0 30px 0;
overflow: auto;
}
div.leftsingleprod div.produit_btns div.details a:hover {
color: #ffffff;
}
div.leftsingleprod table {
border-collapse: collapse;
width: 430px;
font-size: 12px;
color: #ffffff;
margin: 0 auto;
}
div.leftsingleprod table td {
width: 215px;
padding: 4px;
}
div.leftsingleprod table td.title {
color: #000000;
font-weight: bold;
padding-left: 14px;
}
div.leftsingleprod table tr.even {
background-color: #7895a2;
}
div.rightsingleprod h3 {
text-align: left;
text-transform: uppercase;
font-size: 18px;
margin: 30px 0 15px 0;
}
div.bloc {
width: 212px;
margin: 0 auto;
}
div.bloc div#master_ulGallery {
width: 212px;
margin: 0 auto;
float: none;
}
div.bloc div#master_ulGallery img {
border: 1px solid #ffffff;
}
div.bloc .previous_button{
margin-right: 10px;
margin-top: 3px;
}
div.bloc .next_button{
margin-left: 10px;
margin-top: 3px;
}
div.essentiels {
float: left;
width: 125px;
margin: 5px 5px 10px 5px;
text-align: center;
}
div.essentiels img {
border: 1px solid #292929;
}
div.essentiels a {
color: #ffffff;
text-decoration: none;
}
div.essentiels a:hover {
text-decoration: underline;
}
div#myflash {
width: 532px;
height: 562px;
margin: 50px auto;
border: 1px solid #ffffff;
}
/* FOOTER */
div#footer {
color: #ffffff;
text-align: center;
margin-top: 20px;
font-size:13px;
height: 210px;
text-transform: uppercase;
font-size: 10px;
margin-top: 100px;
}
div#footer a {
text-decoration: none;
padding: 0 2px;
color: #ffffff;
}
div#footer a:hover {
text-decoration: underline;
}
div#footer ul {
list-style-type: none;
margin: 10px 0;
}
div#footer ul li {
display: inline;
padding: 0 5px;
border-left: 1px solid #ffffff;
}
div#footer ul li:first-child {
border-left: none;
}
/* FIN - Footer */
/*****************JSWIN*******************/
.jsWinCycloSkin{
/* if browser is ie6 jsWin will automaticly change fixed position to absolute */
position:fixed;
background-color:#ffffff;
border:1px solid #000;
/*
-moz-border-radius:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
*/
top:0px;
left:0px;
}
.jsWinCycloSkin .titleBar{
margin:2px;
height:23px;
background-color:#000000;
color: #ffffff;
}
.jsWinCycloSkin .footerBar{
/*background-color:gray;*/
margin-right:20px;
margin-left:20px;
margin-bottom:4px;
}
.jsWinCycloSkin .title{
height:23px;
margin-left:20px;
line-height:23px;
float:left;
font-size:11px;
font-weight:bold;
color: #ffffff;
}
.jsWinCycloSkin .close{
height:13px;
width:13px;
margin-right:5px;
margin-top:4px;
line-height:30px;
float:right;
font-size:0px;
background-image:url(../../k3soft/js/jswin/img/close-b.png);
background-repeat:no-repeat;
text-indent: -10000px;
overflow:hidden;
}
.jsWinCycloSkin .content{
margin:10px 5px 20px 5px;
overflow:auto;
}
.jsWinCycloSkin_modal{
background-color:#000;
opacity:0.85;
filter: alpha(opacity = 85);
position:fixed;
top:0;
left:0;
}
ul#ulGallery li {
border: 1px solid transparent;
}
ul#ulGallery li span.spanname {
color: #ffffff;
}
ul#ulGallery li img {
border: 1px solid #ffffff;
}
/* TEMP CODE */
div#subcontents div#flash_file p {
margin: 15px auto 0 15px
}
div#subcontents div#flash_file h3 {
font-weight: normal;
margin: 0;
margin-top: 10px;
margin-left: 30px;
font-size: 30px;
border-bottom: none;
letter-spacing: 0.2em;
}
div#subcontents div#flash_file div.flashfilesect {
float: left;
width: 200px;
text-align: center;
}
div#subcontents div#flash_file div.flashfilesect img {
border: 1px solid #ffffff;
}
div#subcontents div#flash_file div.flashfilesect p {
text-align: left;
text-transform:uppercase;
font-size: 16px;
color: #ffffff;
padding-left: 10px;
margin-bottom: 12px;
}
div.left div.teaser {
border: 1px solid #ffffff;
float: left;
margin-bottom: 12px;
width: 500px;
}
div.left div.teaser div.title {
background-color: #000000;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
float:left;
width: 500px;
}
div.left div.teaser div.title p {
margin: 4px;
}
div.left div.teaser div.teaser_content {
clear: left;
padding: 4px 0;
}
div.left div.teaser div.teaser_content ul {
margin: 6px;
margin-left: 25px;
list-style-type: square;
color: #ffffff;
}
div.left div.teaser div.teaser_content p {
margin: 6px;
margin-left: 10px;
list-style-type: square;
color: #ffffff;
}
div.left div.teaser div.teaser_content ul li {
margin: 5px 0;
}
div#subcontents_videos div.left {
width: 400px;
}
div#subcontents_videos div.right {
background-color: #ffffff;
border: 3px solid #000000;
width: 380px;
margin-top: 20px;
}
div#subcontents_videos div.right div.title {
font-size: 16px;
margin: 10px 10px 30px;
text-transform: uppercase;
color: #7fd9ff;
}
div#subcontents_videos div.right div.text {
font-size: 12px;
margin: 10px 10px 30px;
color: #000000;
}
div#subcontents_videos div.right div.text ul {
margin: 0px 40px 10px 40px;
}
div#subcontents_videos div.right div.text li {
margin: 10px 0;
}
div.blogpost {
margin : 0 12px;
}
div.blogpost p.date {
margin-bottom: 10px;
}
div#subcontents div.left div.blogpost p.txt a {
color: #FA7D20;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 5px;
display: block;
}
.k3form td{
padding-bottom:10px;
padding-right:20px;
color:white;
}
.k3form textarea.InputText{
width:500px
}
.k3form textarea.InputText{
height:150px
}
.k3form .label_radio{
margin-right:45px
}
.k3form tbody.group tr.group td{
color:white;
background-color:#000000
}
.k3form tbody.group tr.group td{
padding-left:5px;
}
.k3form span.titreduform{
font-weight:normal;
}
span.merci{
margin-top:10px;
display:block;
color:white;
font-weight: bold;
}
div#filarianne {
font-size: 11px;
text-transform: uppercase;
color: #8f9094;
margin-bottom: 10px;
}
div#filarianne span.raquo {
color: #8f9094;
font-size: 12px;
margin: 0 5px;
}
div#filarianne a {
color: #8f9094;
}
div#filarianne a:hover {
text-decoration: none
}
span.price {
display: block;
float: right;
margin: 20px 0;
line-height: 24px;
font-size: 15px;
}
span.price a.K3CartAdd {
float: right;
display: block;
color: #292929;
height: 27px;
line-height: 24px;
padding-left: 35px;
text-decoration: none;
text-transform: uppercase;
width: 182px;
margin-left: 10px;
background: transparent url(../img/headerbtn.png) no-repeat scroll 0 0;
font-size: 12px;
}
span.price a.K3CartAdd:hover {
color: #ffffff;
}
span.product_number {
display: block;
float: left;
margin: 20px 0;
margin-left: 16px;
font-size: 15px;
line-height: 24px;
}
div.jswinK3Cart h3 {
font-size: 14px;
color: #fa7d20;
text-decoration: underline;
margin-bottom: 14px;
text-transform: uppercase;
}
div.jswinK3Cart div.content {
margin: 10px;
}
div.paiement h2 {
color: #ffffff;
margin: 35px 0 25px 0;
}
div.paiement a {
display: block;
color: #292929;
height: 27px;
line-height: 24px;
padding-left: 35px;
text-transform: uppercase;
text-decoration: none;
width: 182px;
background: transparent url(../img/headerbtn.png) no-repeat scroll 0 0;
font-size: 12px;
}
div.paiement a:hover {
color: #ffffff;
}
div#k3Cart h2 {
color: #7FD9FF;
text-transform: uppercase;
margin-bottom: 20px;
}
div#k3Cart h3 {
color: #FFFFFF;
text-transform: uppercase;
margin-bottom: 20px;
}
div.checkout {
}
div.checkout h5 {
font-size: 12px;
color: #ffffff;
margin: 20px 0 10px 0;
}
div.checkout h5 {
font-size: 12px;
color: #ffffff;
margin: 20px 0 10px 0;
}
div.checkout table.recap {
color: #ffffff;
font-size: 11px;
margin-bottom: 16px;
}
div.checkout table.recap td.left {
text-transform: uppercase;
color: #fa7d20;
width: 80px;
}
div.checkout a {
color: #ffffff;
text-decoration: underline;
}
div.checkout p {
margin: 20px 0;
}
div.checkout a:hover {
text-decoration: none;
}
div.checkout table.invoiceTable {
margin: 30px 0;
}
div.checkout table.invoiceTable tbody td {
color: #ffffff;
}
div.detailscomm {
margin: 25px 0;
}
div.detailscomm h5 {
color: #ffffff;
font-size: 14px;
}
div.detailscomm ul {
margin: 20px 0;
}
div.detailscomm a {
color: #fa7d20;
text-decoration: none;
margin: 10px 0 16px 0;
display: block;
}
div.detailscomm a:hover {
color: #ffffff;
}
div.detailscomm ul.orderStatus li span.status_no,
div.detailscomm ul.orderStatus span.status_date,
div.detailscomm table.invoiceTable tbody td {
color: #ffffff;
}
div.detailscomm ul.orderStatus li span.status_yes {
color: #fa7d20;
}
#paysform label{color:#ffffff;}
#formulaire {color:#ffffff;}
#formulaire #envoyer{margin-right:58px;margin-top:15px;}
#Others a{color: #FA7D20;text-decoration:underline;}
#Others a:hover{color: #FFFFFF;text-decoration:none;}