@charset "utf-8";

html
{
margin: 0;
padding:0;
font-family:Arial,Arial,Helvetica,sans-serif;
}

body
{
margin: 0;
padding:0;
background: rgba(255, 255, 255, 1);
}

div#right-bottom-fixed
{
display:none;
}



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

div#goto-bottom
{
display:none;
}


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

div#goto-top:hover
{
margin-left:-552px;
background: url(../../images/design/TOP_ANCHOR_HOVER_IMG-1.png) no-repeat scroll 0 0 transparent;
height: 26px;
width:30px;
}



div#site
{
text-align: left;
width:1024px;
margin-left: auto;
margin-right: auto;
height: auto;
background: rgba(255, 255, 255, 1);
font-size:0;
}

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

div#top-header-menu
{
top: 70px;
float: right;
position: relative;
display: inline-block;
vertical-align:top;
 white-space: normal;
 width: auto;
 text-align: right;

}



.menuitem1
{
line-height:50px;
height: 50px;
background: rgba(255, 255, 255, 1);
text-align: center;
outline:none;
text-decoration:none;
display:inline-block;
vertical-align: top;
white-space:normal;
font-weight:normal;
font-family:Arial Black,Arial Black,Gadget,sans-serif;
font-size:18px;
color:rgba(77, 77, 77, 1);
font-style: normal;
;
}

.selectedmenuitem1
{
background: url(../../images/design/MENU_ITEM_SELECTED_IMG-1.png) repeat-x top;
line-height:50px;
height: 50px;
text-align: center;
outline:none;
text-decoration:none;
display:inline-block;
vertical-align: top;
white-space:normal;
font-weight:normal;
font-family:Arial Black,Arial Black,Gadget,sans-serif;
font-size:18px;
font-style: normal;
color:rgba(0, 100, 150, 1);
text-decoration: underline;;
}


.menu-item-separator1
{
display: inline-block;
 vertical-align:top;
 white-space: normal;
 height: 50px;
line-height:50px;
margin:0;
width: 50px;
 background: url(../../images/design/MENU_ITEM_SEPARATOR_IMG-1.png) no-repeat 0 0;
}

.sous-header
{
height: 50px;
line-height:50px;
background: rgba(255, 255, 255, 1);
text-align: center;
white-space:nowrap;
}


div#page
{
white-space:nowrap;
display:table-row;
background: rgba(255, 255, 255, 1);
min-height: 650px;
;
}

div#left-menu
{
visibility: hidden;
display:none;
;
}

div#right-menu
{
visibility: hidden;
display:none;
;
}

div#menu-content
{
overflow: hidden;
padding:10px;
width:1004px;
display:table-cell;
vertical-align: top;
white-space:normal;
font-size:12px;
line-height:170%;
max-width:1004px;
min-height: 650px;
background: rgba(255, 255, 255, 1);
border-left: 5px solid #006496;;
}

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#page-and-footer
{
margin-left: 100px;;
background: rgba(255, 255, 255, 1);
}

.zoom-container>*
{
display:block;
float:left;
}

.zoom-container>*
{
-moz-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}

.zoom-container>*:hover
{
z-index:10;
box-shadow: 8px 8px 15px rgba(0,0,0,0.4);
-webkit-transform:rotate(0deg) scale(1.2);
-o-transform: rotate(0deg) scale(1.2);
-moz-transform: rotate(0deg) scale(1.2);
-ms-transform:rotate(0deg) scale(1.2);
transform:rotate(0deg) scale(1.2);
}

#lightbox-container-image-box
{
background-color: rgba(29, 131, 146, 1);
}

#lightbox-container-image-data-box
{
background-color: rgba(29, 131, 146, 1);
}

#lightbox-container-image-data
{
color:rgba(255, 255, 255, 1);
}

.calendar
{
text-align: center;
background-image: url(../..//images/calendar.png);
background-position:right center;
background-repeat:no-repeat;
border: 1px solid rgba(177, 196, 200, 1);
border-radius:3px;
}

.widget_vertical_separator
{
display:none;
}

.widget_span
{
color:rgba(29, 131, 146, 1);
}


.wk-content>a:first-child {
display: block;
}

.wk-content>*:first-child {
margin-top: 0;
}

.wk-content>*:last-child {
margin-bottom: 0;
}

.wk-slideshow {
visibility: hidden;
}

.wk-slideshow,
.wk-slideshow
.slides {
position: relative;
}

.wk-slideshow .slides,
.wk-slideshow
.nav {
list-style: none;
margin: 0;
padding: 0;
}

.wk-slideshow .slides>li {
position: absolute;
}

.wk-slideshow .slides>li>a {
display: block;
}

.wk-slideshow .nav
li {
cursor: pointer;
}

.wk-slideshow .nav
span {
display: block;
}

.wk-slideshow .next,
.wk-slideshow
.prev {
position: absolute;
z-index: 5;
cursor: pointer;
}

.wk-slideshow
.caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
padding: 10px;
background: rgba(0,0,0,0.5);
}

.wk-slideshow
.captions {
display: none;
}

.wk-slideshow .caption,
.wk-slideshow .caption
a {
color: #fff;
}

.wk-slideshow .caption
a {
text-decoration: underline;
}

.wk-slideshow-inside
.nav {
position: absolute;
bottom: 0;
z-index: 3;
width: 100%;
overflow: hidden;
}

.wk-slideshow-inside .nav
li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7px
7px 0 0;
background: #fff;
float: left;
}

.wk-slideshow-inside .nav:hover
img {
opacity: 0.4;
}

.wk-slideshow-inside .nav li:hover
img {
opacity: 1;
}

.wk-slideshow-inside .nav li
img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.wk-slideshow-inside>div {
position: relative;
}

.wk-slideshow-inside > div:hover .next,
.wk-slideshow-inside > div:hover

.wk-slideshow-inside > div:hover
.next {
right: 30px;
background-position: 0 0;
}

.wk-slideshow-inside > div:hover
.prev {
left: 30px;
background-position: 0 -50px;
}

.wk-slideshow-inside
.caption {
bottom: auto;
top: 0;
}

.wk-slideshow-list>div {
border: 1px
solid #ddd;
background: #FFF;
border-radius: 5px;
}


.wk-slideshow-list .nav
li {
margin-right: -1px;
padding: 1px
0;
}

.wk-slideshow-list .nav
span {
padding: 10px
15px 8px 15px;
overflow: hidden;
}

.wk-slideshow-list .nav
li.active {
padding: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff;
}

.wk-slideshow-list .nav li.active:first-child {
padding-top: 1px;
border-top: none;
border-radius: 5px 0 0 0;
}

.wk-slideshow-list .slides-container {
margin-left: 200px;
}

.wk-slideshow-list .slides>li>article {
padding: 20px;
}

.wk-slideshow-list .nav-100 {
width: 100px;
}

.wk-slideshow-list .nav-100+.slides-container {
margin-left: 100px;
}

.wk-slideshow-list .nav-150 {
width: 150px;
}

.wk-slideshow-list .nav-150+.slides-container {
margin-left: 150px;
}

.wk-slideshow-list .nav-250 {
width: 250px;
}

.wk-slideshow-list .nav-250+.slides-container {
margin-left: 250px;
}

.wk-slideshow-list .slides-container,
.wk-slideshow-list .nav-100 + .slides-container,
.wk-slideshow-list .nav-150 + .slides-container,
.wk-slideshow-list .nav-250+.slides-container {
margin-left: 80px;
};
}

.wk-slideshow-screen>div {
position: relative;
border-radius: 8px;
background: #000;
padding: 15px;
margin-bottom: 20px;
}


.wk-slideshow-screen
.caption {
bottom: 15px;
}

.wk-slideshow-screen
.nav {
position: relative;
margin-top: 15px;
text-align: center;
}

.wk-slideshow-screen .nav
li {
display: inline-block;
margin-left: 5px;
}

.wk-slideshow-screen .nav li:first-child {
margin-left: 0;
}

.wk-slideshow-screen .nav
span {
width: 13px;
height: 13px;
background: url("../..///yootheme/widgets/slideshow/styles/screen/images/nav.png") 0 0 no-repeat;
overflow: hidden;
}

.wk-slideshow-screen .nav span:hover {
background-position: 0 -26px;
}

.wk-slideshow-screen .nav span:active {
background-position: 0 -39px;
}

.wk-slideshow-screen .nav .active
span {
background-position: 0 -13px;
}

.wk-slideshow-screen>div {
position: relative;
}

.wk-slideshow-screen > div:hover .next,
.wk-slideshow-screen > div:hover
.prev {
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
background: url("../..///yootheme/widgets/slideshow/styles/screen/images/buttons.png") 0 40px no-repeat;
}

.wk-slideshow-screen > div:hover
.next {
right: 30px;
background-position: 0 0;
}

.wk-slideshow-screen > div:hover
.prev {
left: 30px;
background-position: 0 -40px;
}

@media (max-device-width: 1024px) {
.wk-slideshow-screen .next,
.wk-slideshow-screen
.prev {
display: none;
};
}

.wk-slideshow-showcasebox .slides-container {
border: 1px
solid #ddd;
border-bottom: none;
border-radius: 5px 5px 0 0;
background: #FFF;
}

.wk-slideshow-showcasebox .slides-container {
position: relative;
}

.wk-slideshow-showcasebox .slides-container:hover .next,
.wk-slideshow-showcasebox .slides-container:hover
.prev {
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
background: url("../..///yootheme/widgets/slideshow/styles/showcase_box/images/buttons.png") 0 50px no-repeat;
}

.wk-slideshow-showcasebox .slides-container:hover
.next {
right: 30px;
background-position: 0 0;
}

.wk-slideshow-showcasebox .slides-container:hover
.prev {
left: 30px;
background-position: 0 -50px;
}

.wk-slideshow-showcasebox .slides>li>article {
padding: 20px;
}

.wk-slideshow-showcasebox .wk-slideset>div {
padding: 0 60px;
border: 1px solid #ddd;
background: #F5F5F5;
background: -moz-linear-gradient(top, #F0F0F0 0%, #FDFDFD 7%);
background: -webkit-linear-gradient(top, #F0F0F0 0%, #FDFDFD 7%);
background: -o-linear-gradient(top, #F0F0F0 0%, #FDFDFD 7%);
background: linear-gradient(to bottom, #F0F0F0 0%, #FDFDFD 7%);
border-radius: 0 0 5px 5px;
}


.wk-slideshow-tabs .nav,
.wk-slideshow-tabs .nav li,
.wk-slideshow-tabs .nav
span {
float: left;
}



@media print
{
.no-print, .no-print *
{
display: none !important;
}
}


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;
}