/* https://google-webfonts-helper.herokuapp.com/ */
@media only screen and (min-width: 800px)
{
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dosis-600 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'),
       url('../fonts/dosis-v8-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v8-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
}

@media only screen and (max-width: 800px)
{
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dosis-600 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'),
       url('../fonts/dosis-v8-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v8-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
}

/* 
.formfield,
.button, a.button_link, a.button_link:link, a.button_link:visited, a.button_link:active,
.box1_content, .box2_content,
.mod_menu_acc .menu_container,
.ss-folders>.ss-fold_title>.ss-title, .cff_opt,
.ss-folders>.ss-fold_cnt>.ss-item>.ss-title,
.ss-folders>.ss-fold_cnt>.ss-item.first>.ss-title,
.ss-folders>.ss-fold_title>.ss-title.first, .cff_opt_first,
.ss-folders>.ss-fold_cnt>.ss-item>.ss-cnt, .cff_cntonsel,
.ss-accordion .ss-title,
.ss-accordion .first .ss-title,
.ss-accordion>.ss-item>.ss-cnt,
.main,.listcell,
.blog_list_small_container,
.gab_blog_list_10 .blog_list_container,
.gab_blog_column_list_3_medium .blog_list_medium_container,
.gab_cat_list .gab_cat_list_item,
.gab_cat_detail_breadcrumb,
.gab_prd_list_1x_multicell .gab_prd_list_row
{
	border-width:1px;
}
*/

body, .site_body
{	
	font-size: 18px;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
	color:#333333;
}

a, a:link, a:visited, a:active, a:hover,
.bg_light a, .bg_light a:link, .bg_light a:visited, .bg_light a:active, .bg_light a:hover
{
	color:#196667;
	font-weight:bold;
	/*text-decoration:underline;*/
}

.button, a.button_link
{
	font-size:18px;
	font-weight:normal;
	text-transform: none;
	padding:15px 30px;
	box-shadow: 0 8px 15px -7px rgba(0,0,0,.4);
}

.button,
a.button, a.button:link, a.button:visited, a.button:active,
a.button_link, a.button_link:link, a.button_link:visited, a.button_link:active
{
	text-decoration:none;
}

.button.button_small, a.button_link.button_small
{
	font-size:16px;
	padding:5px 20px 7px 20px;
}

.under640 .button, .under640 a.button_link
/*,
.under640 a.button, .under640 a.button:link, .under640 a.button:visited, .under640 a.button:active,
.under640 a.button_link, .under640 a.button_link:link, .under640 a.button_link:visited, .under640 a.button_link:active*/
{
	padding:5px 20px 7px 20px;
	font-size:18px;
}


#TB_close, #TB_close:hover
{
	background: #196667;
}
#TB_head
{
	background:transparent;
}
#TB_close a, #TB_close a:link, #TB_close a:visited, #TB_close a:active, #TB_close a:hover
{
    color: #FFF;
    text-decoration: none;
}

.button,
a.button, a.button:link, a.button:visited, a.button:active,
a.button_link, a.button_link:link, a.button_link:visited, a.button_link:active,
.bg_light .button, .bg_light a.button_link, .bg_light a.button_link:link, .bg_light a.button_link:visited, .bg_light a.button_link:active
{
	color:#FFF;
	background: #196667;
	border-color:#196667;
}
.button:hover, a.button_link:hover, .button:focus, a.button_link:focus,
.bg_light .button:hover, .bg_light a.button_link:hover, .bg_light .button:focus, .bg_light a.button_link:focus
{
	color:#196667;
	background:#fff;
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}

li
{
	padding-bottom: .4em;
}

h1, .pagetitle,
h2, .sectiontitle,
h3, .subtitle
{
	font-weight:normal;
	font-family: 'Dosis', sans-serif;
	text-transform:none;
}

h1, .pagetitle
{
	font-size: 48px;
	letter-spacing: 2px;
	margin-bottom: 15px;
	font-weight: bold;
}
.under640 h1, .under640 .pagetitle
{
	font-size: 36px;
}

.pagetitle_details
{
	font-size:26px;
	font-weight:normal;
	line-height:140%;
}
.under640 .pagetitle_details
{
	font-size:22px;
}

h2, .sectiontitle
{
	font-size: 48px;
	letter-spacing: 2px;
    color: #0089c8;
    font-weight: bold;
}
.under640 h2, .under640 .sectiontitle
{
	font-size: 28px;
}
.sectiontitle_details
{
	font-size: 24px;
	font-weight:normal;
	line-height:140%;
}
h3, .subtitle
{
	font-size:28px;
	letter-spacing: 2px;
	color: #0089c8;
}
.subtitle_details
{
	font-size:26px;
	font-weight:normal;
	line-height:140%;
}
h4, .bigcontent_title
{
	font-size:28px;
	font-weight:bold;
}
.bigcontent
{
	font-size:24px;
	line-height:140%;
}
h5, .content_title
{
	font-size:18px;
}
.content
{
	line-height:140%;
}

.bt_menu .menu
{
	display:inline-block;
}
.menu
{
	padding: 6px 18px 6px 18px;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight:normal;
	color: #196667;
	background-color:transparent;
}
.menu.selected, .menu.current, .menu.current.selected
{
	color: #196667;
	background-color:transparent;
}
.bg_dark .menu.selected, .bg_dark  .menu.current, .bg_dark  .menu.current.selected
{
	color: #196667;
	background-color:#FFF;
}

.submenu
{
	color: #FFF;
	background: #196667;
}
.submenu.selected, .submenu.current, .submenu.current.selected
{
	color: #196667;
	background: #FFF;
}


.ss-folders>.ss-fold_title>.ss-title
{
	color: #196667;
	border-color:#196667;
}
.ss-folders>.ss-fold_title>.ss-title.current, .ss-folders>.ss-fold_title>.ss-title:hover
{
	background:#196667;
}
.ss-folders>.ss-fold_cnt>.ss-item>.ss-cnt, .ss-folders>.ss-fold_title>.ss-title.first
{
	border-color:#196667;
}

.ss-accordion .ss-title
{
	color: #196667;
	border-color:#196667;
}
.ss-accordion .open .ss-title, .ss-accordion .ss-title:hover
{
	background: #196667;
}
.ss-accordion>.ss-item>.ss-cnt
{
	border-color:#196667;
}


.main
{
	border-color:#777777;
}

.band_color_1>.band_wrap>.band_bg1
{
	background:#003d59;
}
.ss-bg.band_color_1>.band_wrap>.band_bg1
{
	background:rgba(0,61,89,.7);
}

.band_color_1 .button:hover,
.band_color_1 .ss-folders>.ss-fold_title>.ss-title.current, .band_color_1 .ss-folders>.ss-fold_title>.ss-title:hover,
.band_color_1 .ss-accordion .open .ss-title, .band_color_1 .ss-accordion .ss-title:hover
{
	color: #003d59;
	background: #FFF;
}

.box1_title
{
	background: #003d59;
}
.box1_content
{
	border-color: #003d59;
}

.band_color_2>.band_wrap>.band_bg1
{
	background: #196667;
}
.ss-bg.band_color_2>.band_wrap>.band_bg1
{
	background:rgba(25,102,103,.7);
}

.box2_title
{
	background: #4c778b;
}
.box2_content
{
	border-color: #4c778b;
}
.band_color_3>.band_wrap>.band_bg1
{
	background: #4c778b;
}
.ss-bg.band_color_3>.band_wrap>.band_bg1
{
	background:rgba(76,119,139,.7);
}

.band_lightcolor_1>.band_wrap>.band_bg1
{
	background:#d4e9f7;
}
.ss-bg.band_lightcolor_1>.band_wrap>.band_bg1
{
	background:rgba(212,233,247,.7);
}

.band_lightcolor_2>.band_wrap>.band_bg1
{
	background: #c9e2f3;
}
.ss-bg.band_lightcolor_2>.band_wrap>.band_bg1
{
	background:rgba(201,226,243,.7);
}

.band_lightcolor_3>.band_wrap>.band_bg1
{
	background: #b5eef7;
}
.ss-bg.band_lightcolor_3>.band_wrap>.band_bg1
{
	background:rgba(181,238,247,.7);
}


.bg_dark .box1_title, .bg_dark .box2_title
{
	color:#000;
	background-color:#fff;
}
.bg_dark .box1_content, .bg_dark .box2_content
{
	border-color: #fff;
}


/*
.mod_menu_responsive .menu_level2 .menu.selected, .mod_menu_responsive .menu_level2 .menu.current, .mod_menu_responsive .menu_level2 .menu.current.selected,
.mod_menu_responsive .menu_content .menu.selected, .mod_menu_responsive .menu_content .menu.current, .mod_menu_responsive .menu_content .menu.current.selected
{
	color:#62bb46;
	background:#262626;
}

.mod_menu_main .menu_level1 .menu.selected, .mod_menu_main .menu_level1 .menu.current, .mod_menu_main .menu_level1 .menu.current.selected
{
	color:#62bb46;
	background: transparent;
}
.mod_menu_main .menu_level2 .menu.selected, .mod_menu_main .menu_level2 .menu.current, .mod_menu_main .menu_level2 .menu.current.selected
{
	color:#62bb46;
	background: #191919;
}
.mod_menu_responsive .menu_level2 .menu
{
	background:#191919;
}
.mod_menu_responsive .menu_level2 .menu.selected, .mod_menu_responsive .menu_level2 .menu.current, .mod_menu_responsive .menu_level2 .menu.current.selected
{
	color:#62bb46;
	background:#191919;
}
.th_footer h4, .th_footer .bigcontent_title
{
	color: #FFF;
}

.gab_cat_detail_breadcrumb, .gab_prd_breadcrumb
{
	color:#fff;
	background: #62bb46;
}
.gab_cat_detail_breadcrumb a, .gab_prd_breadcrumb a
{
	color:#fff;
	text-decoration: none;
}
.gab_cat_detail_breadcrumb a:hover, .gab_prd_breadcrumb a:hover
{
	text-decoration: underline;
}
.gab_cat_list .gab_cat_list_item h2
{
	color:#fff;
}
.gab_cat_list .gab_cat_list_item:hover h2
{
	background:#62bb46;
}
.gab_cat_detail .gab_cat_detail_description
{
	color:#62bb46;
}
.gab_prd_list .gab_prd_list_item
{
	
}
.gab_prd_list .gab_prd_list_item_new
{
	border:none;
	background: #62bb46;
}
.gab_prd_list .gab_prd_list_item_sale
{
	border:none;
	background: #62bb46;
}
.prdprice
{
	color: #62bb46;
}
a.prddetail_link
{
	color: #fff;
}
a.prddetail_link:hover
{
	color: #fff;
	background: #62bb46;
}
.prdaddtokart:hover
{
	background: #62bb46 url("../images/kart.png") no-repeat center center;
}

.fld_image.listcell
{
	text-align: center;
}
*/

/* Marges des conteneurs */
.band_content>.ss-d, /*Conteneur*/
.band_content>.ss-t /*Colonnes*/
{
	padding:60px 20px;
	margin:0 auto;
	max-width: 1300px;	
}
.band_content>.no_padding
{
	margin:-60px -20px;
}
.band_content>.ss-folders, /*Onglets*/
.band_content>.ss-accordion, /*Accordion*/
.band_content>.ss-layers  /*Superposé*/
{
	padding:60px 20px;
	margin:0 auto;
	max-width: 1300px;	
}
.ss-box-default-content
{
	padding:60px 20px;
	max-width: 1300px;
}

/*-- Menu d'en-tête en bouton --*/
/*Conteneur*/
.button_menu_container_wrapper.menu_level1
{
}
.button_menu_container_wrapper
{
	/*margin: -4px 0px;*/
}
.under800 .table_header .mod_menu
{
	display: none;
}

/*Menu (table)*/
.button_menu
{
	position: relative;
	z-index: 99;
	padding: 6px 18px 6px 18px;
	font-size : 20px;
	letter-spacing: 3px;
}
/*
.button_menu_container
{
	border-collapse: separate;
	border-spacing: 3px 0px;
}
.button_menu
{
	position: relative;
	z-index: 99;
	
	border-top: 4px solid transparent;
	background-color: #F0F0F0;
	padding: 2px 18px 8px 18px;
	font-weight: 300;
	color: #008AC9;
	height: 36px;
	cursor: pointer;
	font-size : 24px;
	text-align: center;
	white-space: nowrap;
	
	border-radius: 0px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
*/
/*Premier item*/
.button_menu.first
{
}
/*Dernier item*/
.button_menu.last
{
}
/*Mouse over*/
.button_menu.selected
{
	/*
	border-top: 4px solid #8DC7DF;
	z-index: 102;
	box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.3);
	*/
}
/*Page actuelle*/
.button_menu.current
{
	/*
	border-top: 4px solid #8DC7DF;
	background: #F0F0F0 url("../images/menuArrow.gif") center top no-repeat;
	font-weight: normal;
	*/
}
.button_menu.current.selected
{
}
/*Menu en image*/
.button_menu.image, .button_menu.image.selected, .button_menu.current.image
{
	border: none;
	padding: 0;
	background-color: transparent;
}

.button_menu_container_wrapper.menu_level2
{
	
}
.button_menu_container_megamenu
{
	margin-top:19px;
	position:relative;
	z-index:101;
	padding:20px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	background-color: rgba(255,255,255,.9);
	/*
	border-top: 4px solid #8DC7DF;
	background-color: #F0F0F0;
	*/
}
.ss-fixed
{
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

/*.formfield[name="fulldomain"]*/
.mod_cntdomavl_frm .formfield
{
	width: 100%;
	height: 36px;
	box-sizing:border-box;
}
/*.under640 .formfield[name="fulldomain"]*/
.under640 .mod_cntdomavl_frm .formfield,
.under640 .mod_cntdomavl_frm .button
{
	height: 32px;
}
.mod_cntdomavl_frm .button
{
	height:36px;
	padding-top: 0;
	padding-bottom: 0;
}

.pic_iso_cnt
{
	perspective: 500px;
	margin:0 auto;
}
.pic_iso_cnt2
{
	/*transform: rotateX(40deg);*/
}
.pic_iso
{
	/*transform: rotateX(40deg) rotate( -30deg );*/
	transform: rotateX(40deg) rotate(-30deg) translate(20px, -50px) scale(.8);
	/*transform: rotate(-30deg) translate(20px, -50px) scale(.8);*/
	box-shadow: -4px 4px 5px rgba(0,0,0,.2);
	transition: all 0.3s ease 0s;
}
.pic_iso:hover
{
	transform: rotateX(0deg) rotate(0deg) translate(0px, 0px) scale(1);
	box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	transition: all 0.3s ease 0s;
}


.comment_title
{
	
}
.comment_text
{
	font-size:18px;
	line-height:140%;
	padding:0 30px;
	position:relative;
}
.comment_text:before,
.comment_text:after
{
	font-size:60px;
	font-weight:bold;
	position:absolute;
	line-height:16px;
}
.comment_text:before
{
	content:'\00ab';
	top:0;
	left:0;
}
.comment_text:after
{
	content:'\00bb';
	right:0;
	bottom:0;
}

/*
.button,
a.button, a.button:link, a.button:visited, a.button:active,
a.button_link, a.button_link:link, a.button_link:visited, a.button_link:active,
.bg_light .button, .bg_light a.button_link, .bg_light a.button_link:link, .bg_light a.button_link:visited, .bg_light a.button_link:active
{
  border: 6px solid rgba(255,255,255,0.45);
  
  border-radius: 50px;

  background-repeat: no-repeat;
  background-size: 100%;
  background-clip: padding-box;
  
  position: relative;
  z-index: 2;
  
  color: #FFF;
  background-color:#196667;
}
*/
/*
.button:before
{
  content: "";
  width: 100%;
  height:100%;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50px;
  z-index: -1;
  filter: blur(14px);
  background-image: linear-gradient(90deg, #196667, transparent);
}
*/
/*
.button:after
{
  content: "";
  width: 100%;
  height:100%;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50px;
  z-index: -1;
  filter: blur(14px);
  background-image: linear-gradient(90deg, #196667, @colour2);
}
*/
/*
.button:hover:before, .button:hover:after
{
	opacity:0;
}
*/

.mod_cust_home .cust_home_panel
{
	margin: 10px;
    display: inline-block;
    max-width: 600px;
    vertical-align: top;
    padding: 20px 20px;
    border: 2px solid #ddd;
}

.cp_form_inline .formfield
{
	height:34px;
	vertical-align:top;
}

.cp_form_inline .button,
.summary_list .button
{
	height:34px;
	line-height:1em !important;
	font-size:16px;
	padding-top:6px  !important;
	padding-bottom:5px;
	margin:2px 0 2px 0;
	vertical-align:top;
	box-shadow:none;
}