﻿@charset "utf-8";

ul, li
{
list-style: none outside none;
padding:0;
margin: 0;
}

html
{
min-height:300px;
height:100%;
font-family:Arial,Arial,Helvetica,sans-serif;
}

body
{
margin: 0;
height: 100%;
overflow-x: hidden;
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}

div#header
{
background: url(../../images/design/HEADER_MOBILE_IMG-1.png) no-repeat 0 0;
height: 87px;
cursor: pointer;
}

div#menu-content
{
margin: 10px;

padding:10px;
display:block;
white-space:normal;
font-size:12px;
line-height:170%;
}

div#device
{
position: fixed;
z-index:1000;
bottom: 10px;
left: 10px;
background: url(../../images/pc.png);
height: 32px;
width:32px;
cursor: pointer;
}

div#footer
{
overflow: hidden;
padding:10px;
margin-left:0px;
width:1004px;
font-size:12px;
white-space:nowrap;
height: auto;
background: rgba(255, 255, 255, 1);
;
}

div#goto-top
{
position: fixed;
z-index:1000;
bottom: 15px;
right:15px;
background: url(../../images/design/TOP_ANCHOR_IMG-1.png) no-repeat scroll 0 0 transparent;
height: 26px;
width:30px;
}

div#lang-switch
{
margin-top: 10px;
margin-right: 10px;
float:right;
}

article.content
{
display:block;
}

article.content li
{
position: relative;
}

article.content li .puce
{
height: 0px;
width:0px;
position: absolute;
top:15px;
background: url(../../images/design/) no-repeat 0 0;
right:10px;
}

article.content li > a
{
background: -webkit-linear-gradient(top, #ffffff, color-stop(50%, #f2f2f2), color-stop(5000%, #e2e2e2), #f5f5f5);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #f2f2f2), color-stop(0.5, #e2e2e2), color-stop(1, #f5f5f5));
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e2e2e2 50%, #f5f5f5 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e2e2e2 50%, #f5f5f5 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e2e2e2 50%, #f5f5f5 100%);
background: linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e2e2e2 50%, #f5f5f5 100%);
border-bottom: 1px solid #c0c0c0;
text-align: left;
font-size: 14px;
height: 52px;
display: block;
padding: 0 15px 0 45px;
line-height: 52px;
text-overflow: ellipsis;
color: rgba(29, 131, 146, 1);
text-decoration: none !important;
text-shadow: 0 1px 1px #F6F6F6;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
}

ul.products li
{
margin: 2px;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
text-align: center;
}

ul.products li *
{
margin: 0;
}

.clearfix:after
{
clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;
}
.clearfix
{
display:block;zoom:1
}

ul#thumblist
{
padding:0;
margin:0;
display:block;
}
ul#thumblist li
{
float:left;margin-right:2px;list-style:none;
}
ul#thumblist li a
{
display:block;border:1px solid #CCC;
}
ul#thumblist li a.zoomThumbActive
{
border:1px solid red;
}

.slider
{
width: 120px;
}

.tbox {
position:absolute; display:none; padding:14px 17px; z-index:2000}
.tinner {
padding:10px; -moz-border-radius:3px; border-radius:3px; background:#fff; border-right:1px solid #000; border-bottom:1px solid #000}
.tmask {
position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:1500}
.tclose {
position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(/images/close.png) no-repeat}

div#header .polyglotLanguageSwitcher
{
float:right;
margin-top: 10px;
margin-right: 20px;
}

.polyglotLanguageSwitcher, .polyglotLanguageSwitcher * {
margin: 0;
padding: 0;
outline: none;
}

.polyglotLanguageSwitcher ul {
list-style: none;
}

.polyglotLanguageSwitcher {
font-size: 12px;
color: #444;
line-height: normal;
position: relative; 
z-index: 100;
}

.polyglotLanguageSwitcher form {
display: none;
}

.polyglotLanguageSwitcher a {
text-decoration: none;
display: block;
padding: 0.5em 6px 0.5em 28px; 
color: rgba(29, 131, 146, 1);
width: 7em; 
background-repeat: no-repeat;
background-position: 6px center;
}

.polyglotLanguageSwitcher a:hover {
color: #000;
}

.polyglotLanguageSwitcher a.current:link, .polyglotLanguageSwitcher a.current:visited, .polyglotLanguageSwitcher a.current:active {
position: relative; 
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(177, 196, 200, 1);
border-radius:3px;
height: 1.25em; 
}

.polyglotLanguageSwitcher a.current:hover,
.polyglotLanguageSwitcher ul.dropdown li:hover {
background-color: rgba(255, 255, 255, 1);
}

.polyglotLanguageSwitcher a.active { 
border-bottom: none !important;
border-radius: 3px 3px 0 0 !important;
}

.polyglotLanguageSwitcher span.trigger {
display: block;
position: absolute;
width: 9px;
height: 5px;
text-indent: -10000em;
top: 0.5em; 
right: 6px;
}

.polyglotLanguageSwitcher a.current:link span.trigger, .polyglotLanguageSwitcher a.current:visited span.trigger {
background: url(../../images/arrow-down.gif) no-repeat left top;
}

.polyglotLanguageSwitcher a.current:hover span.trigger, .polyglotLanguageSwitcher a.current:active span.trigger, .polyglotLanguageSwitcher a.active span.trigger {
background-position: left bottom !important;
}



.polyglotLanguageSwitcher ul.dropdown {
display: none;
position: absolute;
top: 2.333em; 
left: 0;
background-color: rgba(184, 202, 204, 1);
border: 1px solid #E5E5E5;
border-top: none !important;
border-radius: 0 0 3px 3px;
}

.polyglotLanguageSwitcher ul.dropdown li {
border-top: 1px dotted #D4D4D4;
}

.polyglotLanguageSwitcher ul.dropdown li:last-child {
border-radius: 0 0 3px 3px;
}

#langfr {
background-image: url(../../images/flags/fr.png);
}
#langen {
background-image: url(../../images/flags/en.png);
}

.back-img
{
background:url(/images/back.png)no-repeat;
height: 32px;
width:32px;
}

div.jp-title
{
text-align: center;
}
a
{
color:inherit;
font-weight:inherit;
font-style: inherit;
font-size:inherit;
font-family:inherit;
font-variant: inherit;
text-decoration:inherit;
text-align: inherit;
line-height:inherit;
}

iframe
{
overflow: hidden;
border: 0;
}

table, th, td
{
border: 1px solid rgba(112, 90, 4, 1);
}

.content-1
{
color:rgba(92, 92, 92, 1);
font-size:12px;
line-height:12px;
letter-spacing:0px;
font-variant:normal;
text-transform:none;
text-decoration:none;
font-style: italic;
font-weight:normal;
font-family:Arial,Arial,Helvetica,sans-serif;
}



.content-1 a
{
color:rgba(0, 0, 0, 1);
text-decoration:none;
}

a .content-1
{
color:rgba(0, 0, 0, 1);
text-decoration:none;
}


.content-1 a:hover
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}

a:hover .content-1 
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}


.content-2
{
color:rgba(255, 255, 255, 1);
font-size:21px;
line-height:40px;
letter-spacing:0px;
font-variant:normal;
text-transform:none;
text-decoration:none;
font-style: normal;
font-weight:bold;
font-family:Arial,Arial,Helvetica,sans-serif;
min-height: 50px;
background: url(../../images/design/FONT_CSS_BACKGROUND_IMG-2.png) no-repeat 0 0;
padding-left: 12px;;
}



.content-2 a
{
color:rgba(0, 0, 0, 1);
text-decoration:underline;
}

a .content-2
{
color:rgba(0, 0, 0, 1);
text-decoration:underline;
}


.content-2 a:hover
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}

a:hover .content-2 
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}


.content-3
{
color:rgba(255, 255, 255, 1);
font-size:18px;
line-height:30px;
letter-spacing:0px;
font-variant:normal;
text-transform:none;
text-decoration:none;
font-style: normal;
font-weight:bold;
font-family:Arial,Arial,Helvetica,sans-serif;
min-height: 40px;
background: url(../../images/design/FONT_CSS_BACKGROUND_IMG-3.png) no-repeat 0 0;
padding-left: 9px;;
}



.content-3 a
{
color:rgba(0, 0, 0, 1);
text-decoration:underline;
}

a .content-3
{
color:rgba(0, 0, 0, 1);
text-decoration:underline;
}


.content-3 a:hover
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}

a:hover .content-3 
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}


.content-4
{
color:rgba(0, 0, 0, 1);
font-size:16px;
line-height:16px;
letter-spacing:0px;
font-variant:normal;
text-transform:none;
text-decoration:none;
font-style: normal;
font-weight:normal;
font-family:Arial,Arial,Helvetica,sans-serif;
}



.content-4 a
{
color:rgba(98, 81, 247, 1);
text-decoration:none;
}

a .content-4
{
color:rgba(98, 81, 247, 1);
text-decoration:none;
}


.content-4 a:hover
{
color:rgba(237, 64, 64, 1);
font-weight: normal;
text-decoration:none;
}

a:hover .content-4 
{
color:rgba(237, 64, 64, 1);
font-weight: normal;
text-decoration:none;
}


.content-5
{
color:rgba(0, 0, 0, 1);
font-size:14px;
line-height:14px;
letter-spacing:0px;
font-variant:normal;
text-transform:none;
text-decoration:none;
font-style: normal;
font-weight:normal;
font-family:'Courier New', 'Courier New', Courier, monospace;
}



.content-5 a
{
color:rgba(0, 0, 0, 1);
text-decoration:underline;
}

a .content-5
{
color:rgba(0, 0, 0, 1);
text-decoration:underline;
}


.content-5 a:hover
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}

a:hover .content-5 
{
color:rgba(255, 0, 0, 1);
font-weight: normal;
text-decoration:none;
}




img
{
border: 0;
}


.grid table, th, td
{
border:none;
border-collapse:collapse;
}

.grid tr:nth-child(odd)
{
background:rgba(184, 209, 243, 1);
}

.grid tr:nth-child(even)
{
background:rgba(218, 229, 244, 1);
}

pre
{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
