html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td, .aligne-gauche {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
	background: url(images/fond-noir.png) repeat-y #fff;
}
.footer {
	height: 4em; /* .push must be the same height as .footer */
	color:#fff;
	line-height:1.4;
}
.push {
	height: 7em; 
}
.footer{
background:#e2001a;
z-index:4;position:relative;
}
.footer a{
color:#fff;
}
.footer p{
font-size:0.9em;
}

#fos{
float:right;text-align:right;
}



body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:88%;
}




#partie-gauche
{
	background: url(images/fond-gauche.png) no-repeat #000;
	left: 0;
	padding: 10px 5px;
	position: absolute;
	text-align: center;
	width: 218px;
}
#partie-gauche h2{
color:#fff;margin-top:45px;text-align:left;margin-bottom:25px;}
#partie-gauche ul
{
	
	text-align: left;
}
#partie-gauche ul li
{
	
}
#partie-gauche ul li a#silca
{
	background-image: url(images/fleche-rouge.png);
}
#partie-gauche ul li a#jma
{
	background-image: url(images/fleche-bleu.png);
}
#partie-gauche ul li a#ilco
{
	background-image: url(images/fleche-verte.png);
}
#partie-gauche ul li a#autres
{
	background-image: url(images/fleche-grise.png);
}
#partie-gauche ul li a#keyline
{
	background-image: url(images/fleche-orange.png);
}
#partie-gauche ul li a#news
{
	background-image: url(images/fleche-jaune.png);
}
#partie-gauche ul li a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
		background-image: url(images/bar-rouge.png);
	background-position: 0px 10px;
	background-repeat:no-repeat;
	display: block;
	margin-bottom: 2em;
	padding-bottom: 20px;
	background-color:#000;
	text-align:right;
	margin-left:-80px;
	padding-top:20px;
position:relative;
font-size:115%;
}
#partie-gauche form{

position:relative;
top:28px;
}

#partie-droite
{
	background: url(images/fond-droite.png) no-repeat #fff;
	margin-left: 228px;
	padding: 10px 0 0 50px;
	width: 722px;
	min-height:600px;
	
	
}
#partie-droite p, #partie-droite li, #partie-droite blockquote

{
	line-height: 1.5;
	margin: 0 0 1em 0;
	text-align: justify;
}

#partie-droite blockquote{
padding-left:30px;
}
#partie-droite a
{
	color: #000;
	font-weight: bold;
	
}
#menu-principal a, #menu-secondaire a{
text-decoration:none;
font-weight:normal;
font-size:1.1em;
}
#conteneur
{
	background: url(images/fond-noir.png) repeat-y #fff;
	height: 100%;
	height: auto !important;
	margin: 0 auto -4em;
	min-height: 100%;
}
p#logo-swiss-excellence
{
	text-align: right;
}
#menu-principal, #menu-secondaire
{
	margin: -1em 0 0 -1.5em;
}
#menu-principal li, #menu-secondaire li
{
	
	float:left;
	padding: 0 1.1em;
}

a#menu-shop{width:128px;height:46px;display:block;background:url(images/online-shop.png);margin-top:-5px;position:relative;}
a#menu-shop strong{visibility:hidden;}
a#menu-shop:hover, #shop a#menu-shop{background-position: 0 46px ;}

a#menu-shop2{width:128px;height:46px;display:block;background:url(images/online-shop-cn.png);margin-top:-5px;position:relative;}
a#menu-shop2 strong{visibility:hidden;}
a#menu-shop2:hover, #shop a#menu-shop2{background-position: 0 46px ;}

#menu-principal a img
{

}
#menu-principal a:hover, #accueil #menu-accueil, #presentation #menu-presentation, #shop #menu-shop, #conditions #menu-conditions, #contact #menu-contact, #catalogue #menu-catalogue, #machine #menu-machine, #video #menu-video
{
color:#e2001a;

}

#menu-principal li#vid
{
color:#000;
border:1px solid #e2001a;
}

#menu-principal li#vid a#video
{
color:#000;
}

#menu-principal li#vid a#video #menu-video 
{
color:#e2001a;

}




#accueil .colonne ul{
list-style:square inside;
}

.w210{
margin-top:-100px;
}

#partie-droite a.liens-shop{color:#fff;text-align:center;padding:1em 0;display:block;font-size:1.4em;text-decoration:none;}
h1
{
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 2em;
	
	font-style:italic;
}
#partie-droite a.encours {
	color: #e2001a;
}
h2{
	color: #000;
	font-style:italic;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom:1em;}
h3{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:1em;}

strong
{
	font-weight: bold;
}
ul#choixlangue
{
	position: absolute;
	top: 10px;
}
ul#choixlangue li
{
	display: inline;
}
#caddie
{
	border: 1px solid #000;
	padding: 0.5em;
}
#caddie strong
{
	float: left;
	font-size: 2em;
	margin-right: 10px;
}
.footer{padding:0 5px;}
.footer ul
{
	float: right;
}
.footer li
{
	display: inline;
	padding: 0 15px;
}
#menu-principal li.noborder
{
	border: 0;
}
ol
{
	font-weight: bold;
	margin: 1em 0;
}
ol ol li
{
	font-weight: normal;
	margin: 0.5em 20px;
}
ol
{
	counter-reset: listItem;
}
ol li
{
	display: block;
}
th{background:#6d6e70;color:#fff;}
td, th{text-align:center;padding:5px 0px;}
table{font-size:0.9em;margin-bottom:10px;width:100%;border:1px solid #6d6e70;}
table img, table tr img, input{vertical-align:middle;}

#categorie li{
float:left;
width:200px;display:block;
text-align:center;
margin:1em 0;
padding:1em;
min-height:180px;
position:relative;
border:1px solid transparent;
}

#categorie li img{
position:absolute;
	bottom:0;
	left:56px;
}
#categorie li:hover{
background:#fcfcfc;border:1px solid #ccc;}

hr{visibility:hidden;
clear:both;}
div.form-container
{
	
}
.errors
{
	background-color: #FFC;
	border: #FC6 1px solid;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px 10px;
}
div.errors p
{
	margin: 0;
}
div.form-container div
{
	margin:15px 0;
}
div.form-container form fieldset
{
	border: #DDD 1px solid;
	margin: 20px 0;
	padding: 10px;
	
}
div.form-container form legend
{
	
}
div.form-container form fieldset div
{
	padding: 0.25em 0;
}
div.form-container label, 
div.form-container span.label
{
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	position: relative;
	text-align: right;
	width: 350px;
	
}
div.form-container label em, 
div.form-container input:focus,
div.form-container textarea:focus
{

}
div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: none;

}
div.form-container div.buttonrow
{
	margin-left: 180px;
}
legend{
	color: #e2001a;
	font-size: 1.1em;
	font-weight: bold;
	margin:1em 0;
}



.presentation img{
margin-bottom:10px;
}

.colonne{
width:320px;
float:left;
padding:0 20px;}
.centrimage{
text-align:center;
}
.centrimage img{
margin-bottom:50px;position:relative;
}
table form{margin:0;border:0;padding:0;height:20px;}
.prix{text-align:right;}

.odd {
  background-color: #ccc;
}
.even {
  background-color: #fff;
}



#lightbox{
	background-color:#6d6e70;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	#lightbox a{
color:#000;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#obelix img{
margin:5px;
}
table input{margin:0 0 5px 2px;}

.footer div{
width:722px;margin:0 auto;
}
.titre-marque{
color:#fff;padding:5px;font-size:1em;
}
#trait-horizontal{
position:absolute;top:150px;left:20px;
}
#trait-vertical{
position:absolute;top:30px;left:250px;
}


label em{
font-size:0.8em;
color:#666;
}
dt{font-weight:bold;margin:1em 0;font-size:1.1em;clear:both;}
dd{line-height:1.5;margin:1em 0;
list-style-type:square;}
dd img{
float:right;margin-left:10px;

}
p#logo-paiement{
margin-left:350px;position:absolute;text-align:center;
}

fieldset img{
vertical-align:middle;
}
#ups{
position:absolute;margin-top:-8px;
}
strong{font-weight:bold;}
h2#online-shop a{font-size:28pt;text-decoration:none;color:#fff;top:-35px;position:relative;}



#etapes{
background:url(images/fleche-etape.png) no-repeat 50px 1px;padding:20px 0;
}
#etapes li{ display:inline;margin-right:20px;

border:1px solid #f00;padding:2px 10px;-moz-border-radius: 7px;
  border-radius: 7px;
background:#fff;
font-weight:normal;

}



#texte-cvv span{display:none;text-decoration:none;font-size:11px;}
#texte-cvv:hover span{display:block;position:absolute;background:#fff;border:1px solid #000;padding:5px;width:500px;font-weight:normal;}
#texte-cvv span img{float:right;}
#conditions ol li:before
{
	content: counters(listItem, ".");
	counter-increment: listItem;
	margin-right: 8px;
}


#container{
text-align:center;
}

.footer img{
position:absolute;
}