*{padding: 0px; margin: 0px;}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fnt/sourcesanspro-regular-webfont.eot');
    src: url('../fnt/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fnt/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fnt/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fnt/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fnt/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fnt/sourcesanspro-light-webfont.eot');
    src: url('../fnt/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fnt/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fnt/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fnt/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fnt/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family: source_sans_prolight, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; background-color: #ffffff; color: #404040; text-align: justify;}
::-moz-selection{color: #ffffff; background: #4e6982;}
::selection{color: #ffffff; background: #4e6982;}

textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */ 
   -moz-hyphens: auto; hyphens: auto;}

a{color: #4e6982; text-decoration: none; transition:color .5s ; -o-transition:color .5s; -moz-transition:color .5s; -webkit-transition:color .5s;}
a:visited{}
a:active{}
a:hover{color: #000000; text-decoration: underline; text-shadow: 1px 1px 2px #c0c0c0;}

h1{font-size: 24px; font-weight: normal; color: #606060; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #627d96; margin-bottom: 15px; clear: both;}
h2{font-size: 20px; font-weight: bold; color: #4e6982; margin-bottom: 15px; clear: both;}

ul, ol{margin-left: 25px;}

q{font-size: 18px; font-style: italic;}

select{font-family: source_sans_prolight, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; background-color: #ffffff; color: #404040; border: 1px solid #c0c0c0;}

.desktop_only{display: block;}
.mobile_only{display: none;}
.slicknav_menu{display: none;}

header{min-height: 200px; background-image: url(../img/bg_header.gif); background-repeat: repeat-x;}
#header_cnt{max-width: 980px; min-height: 160px; margin: 0 auto; padding-top: 40px;}
#header_cnt_lft{padding-left: 10px; width: 470px; float: left; font-size: 28px; letter-spacing: 2.5px; color: #808080;}
#header_cnt_rgt{padding-right: 10px; clear: right; text-align: right;}
#header_cnt_bt_contact{margin: 85px 10px 0px 0px; display: block; float: right; text-align: right; width: 31px; height: 31px; background-image: url(../img/contact.png);}
#header_cnt_bt_contact:hover{background-position: 31px 0;}
#header_cnt_bt_shop{margin: 85px 10px 0px 0px; display: block; float: right; text-align: right; width: 31px; height: 31px; background-image: url(../img/eshop.png);}
#header_cnt_bt_shop:hover{background-position: 31px 0;}
nav{background-color: #efefef; margin-top: 5px; height: 40px;}
#nav_cnt{max-width: 960px; margin: 0 auto;}
#nav_cnt a{color: #ffffff; background-color: #627d96; display: block; float: left; margin-right: 13px; padding: 10px; border-width: 0px 0px 5px 0px; border-style: solid; border-color: #ffffff; height: 20px;}
#nav_cnt a:hover{background-color: #4e6982; border-color: #707a7b; text-decoration: none;}
#content{max-width: 960px; min-height: 250px; margin: 0 auto; padding: 10px; clear: both; background-image: url(../img/bg.png); background-repeat: no-repeat;}
footer{background-color: #efefef; clear: both;}
#footer_cnt{max-width: 960px; margin: 0 auto; padding: 10px; text-align: center; line-height: 28px;}

.blk_acc{display: block; float: left; width: 300px; height: 232px; margin: 0px 30px 30px 0px; color: #efefef; font-size: 20px; padding-top: 8px; text-align: center;}
.blk_acc_lst{display: block; float: left; width: 300px; height: 232px; margin: 0px 0px 30px 0px; color: #efefef; font-size: 20px; padding-top: 8px; text-align: center;}
.blk_acc:hover{background-position: 0px 240px; color: #ffffff; text-decoration: none;}
.blk_acc_lst:hover{background-position: 0px 240px; color: #ffffff; text-decoration: none;}

.blk_pt{display: block; float: left; width: 231px; margin-right: 12px; height: 231px; color: #efefef; font-size: 20px; text-align: center; background-size: 100%;}
.blk_pt_lst{display: block; float: left; width: 231px; height: 231px; color: #efefef; font-size: 20px; text-align: center; background-size: 100%;}
.blk_pt:hover{background-position: 0px 231px; color: #ffffff; text-decoration: none;}
.blk_pt_lst:hover{background-position: 0px 231px; color: #ffffff; text-decoration: none;}

.blk_heb{display: block; float: left; width: 300px; height: 295px; margin: 0px 30px 30px 0px; color: #efefef; font-size: 20px; padding-top: 5px; text-align: center;}
.blk_heb_lst{display: block; float: left; width: 300px; height: 295px; margin: 0px 0px 30px 0px; color: #efefef; font-size: 20px; padding-top: 5px; text-align: center;}
.blk_heb:hover{background-position: 0px 300px; color: #ffffff; text-decoration: none; color: #000000;}
.blk_heb_lst:hover{background-position: 0px 300px; color: #ffffff; text-decoration: none; color: #000000;}

.tof_r{float: right; margin-left: 20px;}
.tof_l{float: left; margin-right: 20px;}
.tof_c{display: block; margin: 20px auto; width: 50%;}

.bloc_50_1{float: left; width: 46%; padding-right: 2%;}
.bloc_50_2{float: left; width: 47%; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #c0c0c0; padding: 0 2%;}

.main_inp{background-color: #f8f8f8; padding: 1px 3px; font-family: source_sans_proregular, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; border: 1px solid #c0c0c0; width: 98%;}
.main_inp:focus{background-color: #ffffff; border-color: #627d96; box-shadow: 0px 0px 5px #606060; -moz-box-shadow: 0px 0px 5px #606060; -webkit-box-shadow: 0px 0px 5px #606060;}
.bsub{font-family: source_sans_proregular, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; padding: 10px; border-radius: 5px; color: #ffffff; background-color: #627d96; border-width: 0px; cursor: pointer;}
.bsub:hover{background-color: #56697a;}

.exposant{position: relative; bottom: 1px; font-size: 12px; line-height:  12px; vertical-align:super; text-decoration:none;}

/* ============================================ Slider */
#slider{background-color: #efefef; margin-top: 5px;}
#slider_cnt{max-width: 960px; margin: 0 auto;}

/*
.jssora07l              (normal)
.jssora07r              (normal)
.jssora07l:hover        (normal mouseover)
.jssora07r:hover        (normal mouseover)
.jssora07ldn            (mousedown)
.jssora07rdn            (mousedown)
*/
.jssora07l, .jssora07r, .jssora07ldn, .jssora07rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/slide_arrows.png) no-repeat;
    overflow: hidden;
}

.jssora07l {
    background-position: -5px -35px;
}

.jssora07r {
    background-position: -65px -35px;
}

.jssora07l:hover {
    background-position: -125px -35px;
}

.jssora07r:hover {
    background-position: -185px -35px;
}

.jssora07ldn {
    background-position: -245px -35px;
}

.jssora07rdn {
    background-position: -305px -35px;
}

/* jssor slider thumbnail navigator skin 04 css */
/*
.jssort04 .p            (normal)
.jssort04 .p:hover      (normal mouseover)
.jssort04 .pav          (active)
.jssort04 .pav:hover    (active mouseover)
.jssort04 .pdn          (mousedown)
*/
.jssort04 .w, .jssort04 .pav:hover .w {
    position: absolute;
    width: 16px;
    height: 16px;
    border: #000056 1px solid;
}

* html .jssort04 .w {
    width: /**/ 18px;
    height: /**/ 18px;
}

.jssort04 .pdn .w, .jssort04 .pav .w {
    border-style: solid;
}

.jssort04 .c {
    width: 18px;
    height: 18px;
    filter: alpha(opacity=45);
    opacity: .45;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    cursor: pointer;
}

.jssort04 .p:hover .c, .jssort04 .pav .c {
    filter: alpha(opacity=0);
    opacity: 0;
}

.jssort04 .p:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

/* ============================================ Menu mobile */

/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */

#nav_mob{display: none;}

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 18px;
  box-sizing: border-box;
  background: #c0c0c0;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #4e6982; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #4e6982;
      color: #fff; }
  .slicknav_nav a {font-weight: bold;
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #4e6982; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #4e6982;
      color: #fff; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.thumbnail_txt{font-size: 18px; text-decoration: none; position: absolute; padding: 152px 10px 0 10px; margin-left: -100px; transition: all 300ms 100ms; opacity: 0; color: #ffffff;}
.thumbnail_txt:hover{text-decoration: none; text-shadow: 1px 1px 2px #000000;}
.thumbnail_txt_act{font-size: 18px; text-decoration: none; padding: 152px 10px 0 10px; margin-left: 0; transition: all 300ms 100ms;  opacity: 1; color: #ffffff;}
.thumbnail_msk{background-color: rgba(25, 25, 25, 0); height: 100%; transition: all 300ms 100ms;}
.thumbnail_msk_act{background-color: rgba(25, 25, 25, 0.6); height: 100%; transition: all 300ms 100ms;}

.thumbnail{display: block; float: left; width: 310px; height: 310px; background-size: 100%; margin-right: 15px; margin-bottom: 15px;}
.thumbnail:hover{text-decoration: none; text-shadow: 1px 1px 2px #000000;}

.thumbnail_ls{display: block; float: left; width: 310px; height: 232px; background-size: 100%; margin-right: 15px; margin-bottom: 15px;}
.thumbnail_ls:hover{text-decoration: none; text-shadow: 1px 1px 2px #000000;}

.thumbnail_lst{margin-right: 0px;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

/*.fancybox-effects img{border: 1px solid #dedede; width: 100px; margin-right: 3px; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}
.fancybox-effects img:hover{border-color: #4e6982; opacity: 1; box-shadow: 0px 0px 5px #606060; -moz-box-shadow: 0px 0px 5px #606060; -webkit-box-shadow: 0px 0px 5px #606060;}*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px source_sans_prolight, Arial, Helvetica Neue, Helvetica, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px source_sans_prolight, Arial, Helvetica Neue, Helvetica, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

@media screen and (max-width: 980px)
{
	.desktop_only{display: none;}
	.mobile_only{display: block;}
	.js .slicknav_menu {display: block;}
	
	#content{background-image: url(../img/void.gif);}
	
	#header_cnt_lft{width: 95%;  float: none; font-size: 16px; text-align: center;}
	#header_cnt_rgt{text-align: center;}
	#header_cnt_bt_contact{display: none;}
	
	.blk_acc{float: none; margin: 0px auto 30px auto;}
	.blk_acc_lst{float: none; margin: 0px auto 30px auto;}
	
	.blk_pt{float: none; margin: 0px auto 30px auto;}
	.blk_pt_lst{float: none; margin: 0px auto 30px auto;}
	
	.blk_heb{float: none; margin: 0px auto 30px auto;}
	.blk_heb_lst{float: none; margin: 0px auto 30px auto;}
	
	.tof_r{float: none; margin: 10px auto; display: block;}
	.tof_l{float: none; margin: 10px auto; display: block;}
	.tof_c{width: 100%;}
	
	.bloc_50_1{float: none; width: 100%; padding: 0; border: 0;}
	.bloc_50_2{float: none; width: 100%; padding: 0; border: 0;}
	
	.thumbnail{display: block; float: none; width: 310px; height: 310px; margin: 10px auto; background-size: 100%;}
	.thumbnail_ls{display: block; float: none; width: 310px; height: 232px; margin: 10px auto; background-size: 100%;}
}