body {
background-image: url(images/fond.jpg);
background-repeat: repeat-y;
background-position:center top;
margin:0;
padding:0;
position: absolute;
width:100%;
height:100%;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #CCCCCC;
}
b {
font-family: Tahoma, Arial, sans-serif;
font-stretch: wider;
color: #c10000;
}
.haut {
border:0;
margin-left: auto;
margin-right: auto;
width:900px;
height:205px;
padding:0;
}
.menu {
background:url(images/fond_menu.png) repeat-x;
background-color:#FFFFFF; /*fix pour IE6 pour le padding-bottom entre .menu et .img*/
margin-left:auto;
margin-right:auto;
width:900px;
height:20px;
padding:0;
}
.menu ul {
margin:0;
padding:4px 0 4px 0;
list-style:none;
height:20px;
width:900px;
position:absolute;
}
.menu li.btns {
/*margin:0;*/
margin-left:auto;
padding:0;
display:inline;
height:24px; !important
position:relative;
}
.menu li.btns a:link, .menu li.btns a:visited {
border:1px solid #FFFFFF;
background:url(images/btns_menu.png) no-repeat;
font-size:10px;
font-weight:normal;
color:#ffffff;
text-align:center;
margin:0;
margin-right:10px;
padding-top:3px;
padding-bottom:3px;
padding-left:18px;
padding-right:8px;
text-decoration :none;
}
.menu li.btns a:hover {
background-position : 0 -20px;
border:1px dotted #ffffff;
text-decoration:underline;
color : #000000;
}
.menu li.btns a.current {
cursor:default;
border:1px solid #FFFFFF;
background:url(images/btns_menu.png) no-repeat;
background-position : 0 -20px;
font-size:10px;
font-weight:normal;
color:#000000;
text-align:center;
margin:0;
margin-right:10px;
padding-top:3px;
padding-bottom:3px;
padding-left:18px;
padding-right:8px;
text-decoration :none;
}
/*/// BONTOUS tek ///////*/
.menu li.tek {
margin:0;
padding:0;
display:inline;
height:24px; !important
position:relative;
}
.menu li.tek a:link, .menu li.tek a:visited {
border:1px solid #FFFFFF;
background:url(images/btn_tek1.png) no-repeat;
font-size:10px;
font-weight:bold;
color:#000000;
text-align:center;
margin:0;
margin-right:10px;
padding-top:3px;
padding-bottom:3px;
padding-left:18px;
padding-right:8px;
text-decoration :none;
}
.menu li.tek a:hover {
background-position : 0 -20px;
border:1px dotted #ffffff;
text-decoration:underline;
color : #ffffff;
}
a.current2 {
cursor:default;
border:1px solid #FFFFFF;
background:url(images/btn_tek1.png) no-repeat;
background-position : 0 -20px;
font-size:10px;
font-weight:bold;
color:#ffffff;
text-align:center;
margin:0;
margin-right:10px;
padding-top:3px;
padding-bottom:3px;
padding-left:18px;
padding-right:8px;
text-decoration :none;
}
/*///// Bouton en haut ŕ droite pour les revendeurs /////*/
.menu li.rev {
right:0;
top:0;
padding-top:4px;
padding-bottom:2px;
position:absolute;
}
.menu li.rev a:link, .menu li.rev a:visited {
border-left:1px solid #FFFFFF;
background:url(images/rev_menu.png) no-repeat;
font-size:10px;
font-weight:normal;
color:#ffffff;
text-align:center;
margin-left:18px;
padding-top:4px;
padding-bottom:2px;
padding-left:18px;
padding-right:8px;
text-decoration :none;
}
.menu li.rev a:hover {
background-position : 0 -20px;
border-left:1px dotted #ffffff;
text-decoration:underline;
color : #333333;
}
/*.current a:link, a:visited  {
background : url(images/btns_menu.png) no-repeat;
background-position : 0 -20px;
border:1px dotted #ffffff;
color : #ffffff;
cursor:pointer;
}*/
.img {
border-bottom:1px solid #666666;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;
margin-top:0px;
width: 900px;
height: 137px;
position:relative;
background-image:url(images/fiche.jpg);
}
.frame {
margin-left: auto;
margin-right: auto;
color:#333333;
background-color:#FFFFFF;
width: 900px;
height: 470px;
overflow:auto;
}
.bas {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 167px;
background-image:url(images/site_tek1_05.jpg);
}
.contact {
margin-left: auto;
margin-right: auto;
padding-top:18px;
width:900px;
height:111px;
text-align:center;
color:#333333;
background-image:url(images/fond_contact.jpg);
}
table {
width:750px;
padding:0px;
margin-left:40px;
background-color:#333333;
}
caption {
text-align:center;
font-size:14px;
}
tr {
border:none;
}
th {
border:none;
width:150px;
padding:1px;
padding-right:8px;
background-color:#9c9d9f;
text-align:right;
}
td {
border:thin solid #a7a8aa;
font-family:sans-serif;
text-align:left;
width:auto;
padding:1px;
padding-left:8px;
background-color:#c5c6c8;
}
.phototable {
background-color:#FFFFFF;
border:none;
}
.bordertable {
background-color:#333333;
border:none;
}
/*////////////// CONTACTS //////////////////*/
table.contacts {
width:200px;
padding:0px;
margin-left:10px;
text-align:left;
background-color:#FFFFFF;
border:thin solid #CCCCCC;
}
tr.contact {
border:dotted;
}
td.contacts {
border:none;
font-family:sans-serif;
text-align:left;
width:auto;
padding:0px;
padding-left:8px;
background-color:#FFFFFF;
}
th.contacts {
border:none;
width:150px;
padding:1px;
padding-left:8px;
background-color:#CCCCCC;
text-align:left;
}
.contacts a:link, .contacts a:visited{
color:#FF3300;
text-decoration:none;
}
.contacts a:hover{
color:#FF6600;
text-decoration:underline;
}
/*////////////// DIV CONTACTS //////////////////*/
.regionnord {
width:auto;
float:left;
padding-left:25px;
padding-right:55px;
}
.regionsud {
width:auto;
float:left;
}
.regionrhone {
width:auto;
padding-right:10px;
padding-left:55px;
float:left;
}
/*//////////// TABLE PLUS PETIT COMME BAREBONES //////////////*/
table.petit {
width: 480px;
}
th.petit {
border: thin solid #c3c3c3;
font-size: 12px;
width: auto;
padding: 5px;
background-image: url(images/fond_tab.gif);
}
td.petit {
font-family: sans-serif;
border: thin solid #c3c3c3;
width:auto;
padding: 5px;
text-align:center;
background-color: #ffffff;
}
/***********/
hr {
border-color:#000000;
}
.h1 {
font-size:14px;
color:#333333;
}
h2 {
padding-left:40px;
font-size:14px;
color:#FF6600;
}
.liste {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: auto;
height: 400px;
padding:0;
}
a.info{
z-index:24;
background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{
z-index:24;
background-color:#ff0;
}
a.info span{
display:none;
}
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 left:250px;
 top:305px;
}
.sousmenu {
background-image: url(images/bs_fond.gif);
background-repeat:repeat-x;
width:auto; 
height:21px;
padding-top:0px;
position:static;
border:none;
}
a img {
border: 0 none;
}
/*.frame a:link img, .frame a:visited img{
border:1px solid #c1c1c1;
}
.frame a:hover img {
border:1px solid #0099FF;
}*/
.sousmenu a:link img, .sousmenu a:visited img{
border:1px solid #c1c1c1;
}
.sousmenu a:hover img {
border:1px solid #0099FF;
}
.contact a:link, .contact a:visited {
color:#FF6600;
text-decoration:none;
}
.contact a:hover {
color:#FF3300;
text-decoration:underline;
}
/*//// table formulaire ///*/
table.form {
width:450px;
border:0;
caption-side:top;
border-spacing:0;
border-collapse:0;
}
.form tr {
border:0;
width:auto;
padding:5px;
}
.form td {
border:0;
width:auto;
padding:5px;
text-align:left;
}
.form th {
vertical-align:top;
background:none;
border:0;
width:auto;
padding:5px;
text-align:right;
}
.red {
color:#FF0000;
font-size:10px;
font-weight:normal;
}
table.form2 {
width:auto;
text-align:justify;
border:0;
border-spacing:0;
border-collapse:0;
padding:0;
margin:0;
}
.form2 tr {
border:0;
width:auto;
padding:2px;
margin:0;
}
.form2 td {
text-indent:10px;
background-color:#2577B3;
color:#FFFFFF;
border:0;
width:auto;
padding:2px;
margin:0;
text-align:justify;
}
.form2 b {
color:#000000;
text-decoration:underline;
font-weight:bold;
font-size:12px;
}
/****** Tableau BIOS MSI **********/
table.form3 {
width:auto;
text-align:justify;
border:0;
border-spacing:0;
border-collapse:0;
padding:0;
margin:0;
}
.form3 tr {
border:0;
width:auto;
padding:2px;
margin:0;
}
.form3 td {
text-indent:10px;
background-color:#e4e4e4;
color:#424242;
border:0;
width:auto;
padding:2px;
margin:0;
text-align:justify;
}
.form3 b {
color:#CC0000;
text-decoration:underline;
font-weight:bold;
font-size:12px;
}
table.form3 a:link, a:visited {
font-size:10px;
font-weight:normal;
color:#CC0000;
text-align:center;
margin:0;
text-decoration:none;
}
table.form3 a:hover {
font-size:10px;
font-weight:normal;
color:#CC0000;
text-align:center;
margin:0;
text-decoration:underline;
}
/*-- Elements du formulaire --*/
p {
padding-left:40px;
width:450px;
}
table.form4 {
font-family:Tahoma, Helvetica, Geneva, Arial, sans-serif;
font-size:9px;
font-weight:lighter;
width:auto;
border:0;
border-spacing:0;
border-collapse:0;
}
.form4 tr {
border:0;
padding:2px;
margin:0;
}
.form4 th {
background-color:#CCCCCC;
color:#333333;
border-left:thin solid #333333;
border-left-width:4px;
padding:2px;
margin:0;
}
.form4 td {
text-indent:10px;
background-color:#FFFFFF;
color:#FFFFFF;
border:0;
padding:2px;
margin:0;
}
.form4 b {
color:#000000;
text-decoration:underline;
font-weight:bold;
font-size:12px;
}
input.button { 
border:1px solid #999999;
background-color:#FF6600;
color:#FFFFFF;
font-family:Tahoma, Helvetica, Geneva, Arial, sans-serif;
font-size:10px;
cursor:pointer;
}
input:hover {
border:1px dotted #999999;
background-color:#FFFFCC;
color:#FF6600;
}
form {
margin:0;
padding:0;
width:auto;
}
input:focus, textarea:focus{
background-color:#F3F3F3;
color:#FF6600;
}
.textfield {
border:1px solid #ccc;
background-color:#FFFFFF;
color:#666666;
font-family:Tahoma, Helvetica, Geneva, Arial, sans-serif;
font-size:10px;
margin:1px;
padding:1px;
width: 250px;
}
.textfield:hover {
background-color:#F3F3F3;
border:1px dotted #CCCCCC;
color:#FF6600;
}
/* ///////// fenetre INFO type Windows //////
a.quick{
position:relative; 
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.quick:hover{z-index:25; background-color:#ff0}
a.quick span{display: none}
a.quick:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover 
display:block; 
position:absolute;
top:2em; left:-15em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;
}*/