@charset "utf-8";
:root {
	--pr_blue: #3C7DC2;
	--pr_red: #EC1C24;
}
body, html {
	min-height: 100%;
	height: 100%
}
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Barlow Semi Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #000;
	background: #fff;
	font-size: 0
}
div.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(9, 30, 42, .86);
	z-index: 8
}
a {
	color: #009ae3
}
nav {
	padding-top: 70px;
	margin-left: 0;
	margin-left: -8px
}
nav ul {
	list-style: none
}
nav ul li {
	line-height: 1.75;
	width: 100%
}
nav ul li a {
	display: block;
	font-family: "Saira Extra Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 1.5;
	font-size: 1.15em;
	font-weight: 800;
	margin-bottom: 5px;
	width: 150px;
	height: 30px;
	text-decoration: none;
	letter-spacing: .75px;
	transition: all .25s ease;
	padding: 0 10px;
	background-color: transparent;
	border: none;
	border: solid 1px transparent
}
nav ul li a.active, nav ul li a:hover {
	color: #009ae3;
	background-color: rgba(218, 224, 192, .8);
	border: solid 1px #c1cb96;
	text-shadow: 0 0 6px #fff, 0 0 6px #fff
}
footer {
	position: relative;
	width: 100%;
	margin-top: 40px
}
footer div {
	border: none;
	font-size: 0
}
footer div.a {
	display: inline-block;
	width: 15.5638%;
	max-width: 167px;
	height: auto
}
footer div.a img {
	width: 100%;
	height: auto
}
footer div.b {
	display: inline-block;
	width: 20.6896%;
	height: auto;
	max-width: 222px
}
footer div.b img {
	width: 100%;
	height: auto
}
footer div.c {
	display: inline-block;
	width: 63.7465%;
	height: auto;
	max-width: 684px
}
footer div.c img {
	width: 100%;
	height: auto
}
footer div.d {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	max-width: 1073px
}
footer div.d img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1
}
footer div.bottom_nav {
	position: absolute;
	display: block;
	top: 0;
	font-size: 12px;
	margin-top: 3%;
	left: 17%;
	width: auto;
	max-width: 500px;
	color: #000;
	z-index: 2
}
footer div.bottom_nav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 2% -.5%
}
footer div.bottom_nav ul li {
	display: inline-block;
	margin-left: 0
}
footer div.bottom_nav ul li a {
	color: #222;
	max-height: 12px;
	padding: 0 4px 3px 4px;
	line-height: 1.5;
	font-size: 14px;
	border-right: solid 1px #939393
}
footer img.logo_ecolotop {
	display: block;
	max-width: 295px;
	width: 27.493%;
	height: auto
}
a.icon_garantie {
	position: relative;
	margin: 40px 20px
}
div.left_col {
	position: relative;
	display: inline-block;
	width: 295px;
	height: 100%;
	vertical-align: top;
	padding: 0;
	font-size: 18px;
	background: url("../images/top_left.webp") top 0 left 0 no-repeat
}
div.left_col div.logo {
	position: relative;
	display: block;
	width: 285px;
	height: 96px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 101%;
	background-position: left 0 top 0
}
div.left_col div.logo.fr {
	background-image: url("../images/logo_ecolotop_fr.svg")
}
div.left_col div.logo.en {
	background-image: url("../images/logo_ecolotop_en.svg")
}
main {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 785px;
	height: auto;
	min-height: 500px;
	vertical-align: top;
	text-align: left;
	font-size: 16px;
	background: url("../images/main_bg.webp") top 227px left 0 no-repeat
}
main h2.h2 {
	font-size: 0;
	line-height: 0;
	visibility: hidden
}
main div.lang {
	position: absolute;
	padding-left: 25px;
	right: 5px;
	top: 10px;
	width: 50px;
	height: 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1;
	color: #2780a6;
	cursor: default;
	background-image: url("../images/icon_lang.webp");
	background-repeat: no-repeat
}
main div.social_link {
	position: absolute;
	right: 5px;
	top: 36px;
	width: auto;
	height: 24px;
}
main div.social_link a {
	text-decoration: none;
}
main div.social_link a i.fb {
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-image: url("../images/icon_fb.svg");
	background-repeat: no-repeat
}
main div.lang a {
	font-weight: 400;
	text-decoration: none;
	color: #2780a6
}
main div.lang span {
	font-weight: 400
}
main div.main_cell_item {
	width: 90%;
	padding: 5px
}
main div.main_cell_item div.item_left {
	display: inline-block;
	width: 300px
}
main div.main_cell_item div.item_left .garantie {
	width: 90%
}
main div.main_cell_item div.item_left .garantie .pays {
	color: #0182dd;
	font-size: 1.5em;
	font-weight: 600
}
main div.main_cell_item div.item_left img.img_attache {
	display: block;
	border: solid 1px #333;
	margin-bottom: 20px
}
div.banner_top {
	display: block;
	width: 100%;
	height: 227px;
	margin: 0;
	padding: 0
}
div.banner_top img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0
}
main h1 {
	font-size: 2em;
	font-weight: 600;
	color: #009ae3;
	margin-top: 70px;
	margin-bottom: 0
}
main div.col1 {
	display: inline-block;
	width: 53%;
	padding: 0 2% 0 0;
	vertical-align: top
}
main div.col2 {
	display: inline-block;
	width: 44.5%
}
main div.col2.dist {
	font-style: italic
}
main div.col2.dist img {
	border: none
}
main div.col2 img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-top: 25px;
	border: solid 1px #666
}
main div.stamp10yr {
	position: absolute;
	display: block;
	top: 10px;
	right: 60px;
	width: 146px;
	height: 146px;
	background-size: contain;
	background-repeat: no-repeat
}
main div.stamp10yr.fr {
	background-image: url("../images/since_fr.webp")
}
main div.stamp10yr.en {
	background-image: url("../images/since_en.webp")
}
main div.stamp10yr > div {
	position: absolute;
	top: 40px;
	font-weight: 800;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 32px;
	text-align: center;
	font-family: "Saira Extra Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: -1px -1px 0 #527ebf, 1px -1px 0 #527ebf, -1px 1px 0 #527ebf, 1px 1px 0 #527ebf;
}
main p.pays a {
	font-weight: 600;
	color: #222;
	font-size: 1.25em
}
div.label_frame {
	display: block;
	width: 100%;
	text-align: center;
	border: solid 1px #009ae3;
	font-size: 1em;
	line-height: 1.5
}
main .soustitre {
	font-weight: 600;
	font-size: 1.5em
}
main div.prod {
	display: block;
	width: 100%
}
main div.prod img {
	display: inline-block
}
main div.prod p {
	display: inline-block;
	text-align: right;
	font-size: 18px;
	width: 175px;
	padding-top: 40px
}
main div.prod p span {
	font-size: 14px
}
main div.palette_couleurs {
	width: 100%;
	max-width: 500px;
	font-size: 16px;
	font-weight: 600
}
main div.palette_couleurs > div {
	display: inline-block;
	width: 15%;
	margin-right: 4%;
	height: 30px;
	text-align: center;
	font-size: 1em;
	color: #fff;
	line-height: 1.75
}
main div.palette_couleurs div.colors.bleu {
	background-color: #0182dd
}
main div.palette_couleurs div.colors.noir {
	background-color: #000
}
main div.palette_couleurs div.colors.vert {
	background-color: #6da14d
}
main div.palette_couleurs div.colors.brun {
	background-color: #695828
}
main div.soum {
	position: absolute;
	display: block;
	top: 200px;
	right: 20px;
	left: auto;
}
main div.soum.hidden {
	top: 190px !important;
	margin-top: -90px;
}
main div.soum.soum {
	top: 240px !important;
}


main div.soum a {
	text-decoration: none;
}
main div.soum_bt {
	position: relative;
	width: 176px;
	height: 46px;
	margin-top: 90px;
	border-radius: 8px;
	padding-left: 44px;
	padding-top: 13px;
	border: none;
	background-color: #82a04a;
	background-image: url("../images/icon_soum.svg");
	background-repeat: no-repeat;
	background-position: left 4px top 6px;
	background-size: 36px;
	color: #FFF;
	font-size: 16.5px;
	font-weight: 500;
	cursor: pointer;
}
main div.soum_bt span {
	display: inline;
}
main div.soum_list {
	position: relative;
	display: block;
	margin-top: 86px;
	width: 218px;
	min-height: 46px;
	height: auto;
	border-radius: 8px;
	padding-left: 2px;
	padding-top: 6px;
	border: solid 1px #91c83b;
	background-color: #F5F9EE;
	background-size: 36px;
	box-shadow: rgba(0, 0, 0, 0.07) 1px 1px 1px, rgba(0, 0, 0, 0.07) 2px 2px 2px, rgba(0, 0, 0, 0.07) 2px 4px 4px, rgba(0, 0, 0, 0.07) 4px 8px 8px, rgba(0, 0, 0, 0.07) 8px 16px 16px;
	color: #FFF;
	font-size: 17px;
	font-weight: 700;
}
main div.soum_list div.list_title {
	margin-left: 30px;
	margin-bottom: 10px;
}
main div.soum_list div.item_line {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #222;
	padding: 2px 0;
	border-top: solid 1px #E4EED2;
	background: #F5F9EE;
}
main div.soum.hidden  div.soum_list div.item_line{
	display: none;
}

main div.soum_list div.item_line:nth-child(odd) {
	background: #E4EED2;
}
main div.soum_list div.item_line img {
	display: block;
	width: 34px;
	height: 34px;
	overflow: hidden;
	border-radius: 50%;
	vertical-align: text-top;
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
}
main div.soum_list div.item_line div.remove {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 26px;
	cursor: pointer;
}
main div.soum_list div.item_line div.remove::before {
	position: absolute;
	text-align: center;
	margin-top: -4px;
	font-family: "Material Symbols Outlined";
	font-size: 24px;
	line-height: 1.4;
	color: #009ae3;
	content: '\e872';
}
main div.soum_list::before {
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	top: 6px;
	left: 4px;
	content: url("../images/icon_soum_list.svg")
}
main div.soum_list div.list_counter {
	position: absolute;
	display: block;
	top: 6px;
	left: 5px;
	width: 18px;
	height: auto;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #91c83b;
	z-index: 2;
}
main div.soum_list div.list_title {
	color: #91c83b;
	font-weight: 500;
	font-size: 22px;
}
main div.soum_list div.finish_quote {
	display: block;
	float: right;
	width: 98%;
	text-align: center;
	color: #FFF;
	background-color: #009ae3;
	font-weight: 400;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 1.5%;
	cursor: pointer;
	text-decoration: underline;
}
div.label_frame img {
	display: block;
	vertical-align: top;
	width: 100%;
	max-width: 440px;
	height: auto;
	margin-top: 0
}
div.label_frame div.link {
	width: 99%;
	max-width: 439px;
	height: 15px;
	padding: .5%;
	color: #fff;
	line-height: 1;
	font-weight: 600;
	font-size: .85em;
	text-align: center
}
div.label_frame div.link a {
	color: #fff
}
div.label_frame div.link.bleu {
	background-color: #005cb9
}
div.label_frame div.link.brun {
	background-color: #5f452a
}
div.label_frame div.link.noir {
	background-color: #2e2925
}
.cell_prod {
	position: absolute;
	display: none;
	min-width: 150px;
	max-width: 100%;
	width: auto;
	height: 320px;
	top: 0;
	left: 0;
	background: #fff;
	margin-top: 0;
	transition: all .5s ease-in-out
}
.cell_prod.block {
	display: block
}
.cell_prod h2 {
	margin-bottom: 2px
}
.cell_prod h3 {
	display: block;
	margin: 0
}
.cell_prod div.util {
	display: block;
	font-weight: 400
}
.cell_prod div.options2 {
	margin-left: 10px;
	width: 90%
}
.cell_prod strong {
	margin-left: 10px
}
.cell_prod div.checkboxes {
	padding-left: 20px
}
.cell_prod a {
	text-decoration: none
}
.options2 {
	clear: both;
	width: 70%;
	max-width: 350px;
	color: #4d6323;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px 2px 2px 3px;
	border-bottom: solid 1px #888
}
.options2 ul li {
	font-weight: 400;
	margin-left: 20px
}
#item_desc {
	display: inline-block;
	width: 60%;
	vertical-align: top
}
#item_desc .options {
	width: 100%;
	height: auto;
	color: #fff;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 5px;
	background: #1b5a80;
	padding: 3px 2px 2px 3px
}
#item_desc .options2 {
	margin-left: 10px;
	width: 90%
}
#item_desc h1 {
	line-height: 1;
	margin-bottom: 0;
	font-size: 26px
}
#item_desc h1 span {
	line-height: normal;
	font-weight: 400
}
#item_desc h2 {
	font-size: 1.25em;
	margin-top: 0;
	line-height: 1.5;
	margin-bottom: 0
}
#item_desc .margin {
	margin-left: 20px
}
.ideal {
	display: block
}
.ideal ul {
	padding-left: 15px
}


div#catalogue a {
	text-decoration: none;
}

div#catalogue a div.quotation_bouton {
	position: relative;
	width: 100%;
	height: 40px;
	font-size: 22px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	line-height: 1.75;
	cursor: pointer;
	border: solid 1px #779342;
	border-radius: 8px;
	background: #82a04a;
	text-decoration: none;
	margin-top: 18px;
}
div#catalogue a div.quotation_bouton::after {
	position: absolute;
	right: 16px;
	line-height: 1.35;
	font-size: 30px;
	font-family: "Material Symbols Outlined";
	content: '\e5c8';
}
div.no_obl {
	margin-top: 10px;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

div.prod_links {
	margin-top: 50px;
}
div.prod_links a {	
	font-size: 16px;
}
div.prod_links a.pdf {
	padding-left: 28px;
	padding-top: 5px;
	background: url("../images/icon_pdf.svg") no-repeat;
	background-position: left 0 top 0;
	background-size: contain;
}

.demo_mini,
.demo_mini_cat{
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	padding: 5px;
	text-align: center;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 45px;
	margin: 5px;
	cursor: pointer
}
.demo_mini_cat {
	cursor: default;
}
.demo_mini.bk_bl_c,
.demo_mini_cat.bk_bl_c{
	background-image: url("../images/cat_bk_bl_c.webp")
}
.demo_mini.bk_gr_c,
.demo_mini_cat.bk_gr_c{
	background-image: url("../images/cat_bk_gr_c.webp")
}
.demo_mini.bk_br_c,
.demo_mini_cat.bk_br_c{
	background-image: url("../images/cat_bk_br_c.webp")
}
.demo_mini.bk_bk_c,
.demo_mini_cat.bk_bk_c{
	background-image: url("../images/cat_bk_bk_c.webp")
}
.demo_mini.bl_gr_c,
.demo_mini_cat.bl_gr_c{
	background-image: url("../images/cat_bl_gr_c.webp")
}
.demo_mini.bl_br_c,
.demo_mini_cat.bl_br_c{
	background-image: url("../images/cat_bl_br_c.webp")
}
.demo_mini.bl_bl_c,
.demo_mini_cat.bl_bl_c{
	background-image: url("../images/cat_bl_bl_c.webp")
}
.demo_mini.br_gr_c,
.demo_mini_cat.br_gr_c{
	background-image: url("../images/cat_br_gr_c.webp")
}
.demo_mini.br_br_c,
.demo_mini_cat.br_br_c{
	background-image: url("../images/cat_br_br_c.webp")
}
.demo_mini.gr_gr_c,
.demo_mini_cat.gr_gr_c{
	background-image: url("../images/cat_gr_gr_c.webp")
}
.demo_mini.bk_bl,
.demo_mini_cat.bk_bl{
	background-image: url("../images/cat_bk_bl.webp")
}
.demo_mini.bk_gr,
.demo_mini_cat.bk_gr{
	background-image: url("../images/cat_bk_gr.webp")
}
.demo_mini.bk_br,
.demo_mini_cat.bk_br{
	background-image: url("../images/cat_bk_br.webp")
}
.demo_mini.bk_bk,
.demo_mini_cat.bk_bk{
	background-image: url("../images/cat_bk_bk.webp")
}
.demo_mini.bl_gr,
.demo_mini_cat.bl_gr{
	background-image: url("../images/cat_bl_gr.webp")
}
.demo_mini.bl_br,
.demo_mini_cat.bl_br{
	background-image: url("../images/cat_bl_br.webp")
}
.demo_mini.bl_bl,
.demo_mini_cat.bl_bl{
	background-image: url("../images/cat_bl_bl.webp")
}
.demo_mini.br_gr,
.demo_mini_cat.br_gr{
	background-image: url("../images/cat_br_gr.webp")
}
.demo_mini.br_br,
.demo_mini_cat.br_br{
	background-image: url("../images/cat_br_br.webp")
}
.demo_mini.gr_gr,
.demo_mini_cat.gr_gr{
	background-image: url("../images/cat_gr_gr.webp")
}
.demo_mini2 {
	display: block;
	float: left;
	width: 90px;
	height: 180px;
	background-repeat: no-repeat;
	background-position: top 0 center 0;
	background-size: contain;
	border-radius: 0;
	vertical-align: text-top;
	margin: 5px;
	margin-left: 0;
	margin-top: 30px
}
.demo_mini3 {
	display: block;
	float: left;
	width: 90px;
	margin-right: 20px
}
.demo_mini3 img {
	width: 100%;
	height: auto
}
div.prod_bac {
	background: #fff;
	display: block;
	margin-top: 0
}
div.prod_bac div.util {
	display: block
}
div.prod_bac .demo_mini2 {
	background-image: url("../images/cat_bac_1_gr.webp");
	margin-top: 5px
}
div.prod_bac h2 {
	margin-bottom: 0
}
div.prod_bac strong {
	margin-left: 10px
}
div.prod_bac div.options2 {
	margin-left: 10px;
	width: 90%
}
div.prod_bac div.bac_1.ech_color {
	display: inline-block;
	width: 13%;
	margin-left: 2.5%;
	height: 35px;
	border: solid 1px #666;
	cursor: pointer
}
a div.bac_1.gr, div.prod_bac div.bac_1.ech_color.gr {
	background-image: url(../images/bac_1_gris.webp)
}
a div.bac_1.vr, div.prod_bac div.bac_1.ech_color.vr {
	background-image: url(../images/bac_1_vert.webp)
}
a div.bac_1.br, div.prod_bac div.bac_1.ech_color.br {
	background-image: url(../images/bac_1_noyer.webp)
}
a div.bac_1.bg, div.prod_bac div.bac_1.ech_color.bg {
	background-image: url(../images/bac_1_sable.webp)
}
a div.bac_1.rd, div.prod_bac div.bac_1.ech_color.rd {
	background-image: url(../images/bac_1_red.webp)
}
a div.bac_1.bk, div.prod_bac div.bac_1.ech_color.bk {
	background-image: url(../images/bac_1_noir.webp)
}
a#bac_1_link_det, a#bac_1_link_soum {
	text-decoration: none
}
a#bac_1_link_det div.bt {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 6px
}
a#bac_1_link_soum div.bt {
	float: left;
	font-size: 12px;
	padding-top: 6px
}
#catalogue {
	max-width: 500px;
	display: block;
	font-size: 12px;
	clear: both
}
#catalogue > span {
	font-weight: 700;
	color: #009ae3;
	font-size: 20px
}
#catalogue h2 {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	margin-top: 5px;
	padding: 0
}
#catalogue h3 {
	display: block;
	font-size: 14px;
	margin: 0
}
#catalogue p {
	clear: both;
	font-size: 14px;
	margin-left: 5px
}
#catalogue div.cell_prod_list {
	margin-top: 20px;
	display: block;
	position: relative;
	padding: 0;
	min-height: 350px
}
#catalogue div.brute_sac {
	background: #fff;
	display: block;
	margin-top: 50px
}
#catalogue div.brute_sac h2 {
	margin-bottom: 0
}
div.brute_sac div.util {
	display: block
}
#catalogue div.brute_sac a {
	text-decoration: none
}
#catalogue div.brute_sac div#brute_32 {
	background-image: url(../images/cat_brute_32.webp);
	margin-top: 5px
}
#catalogue div.brute_sac div#brute_44 {
	background-image: url(../images/cat_brute_44.webp);
	margin-top: 5px
}
#catalogue div.brute_sac a#brute_32_link_det div.bt {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac a#brute_32_link_soum div.bt {
	float: left;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac a#brute_44_link_det div.bt {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac a#brute_44_link_soum div.bt {
	float: left;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac div#sac_1 {
	background-image: url(../images/sac_1.webp);
	margin-bottom: 60px;
	background-size: 90%;
	margin-top: -5px
}
#catalogue div.brute_sac a#sac_1_link_det div.bt {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac a#sac_1_link_soum div.bt {
	float: left;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac div#sac_2 {
	background-image: url(../images/sac_2.webp);
	margin-bottom: 60px;
	background-size: 90%;
	margin-top: -5px
}
#catalogue div.brute_sac a#sac_2_link_det div.bt {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 6px
}
#catalogue div.brute_sac a#sac_2_link_soum div.bt {
	float: left;
	font-size: 12px;
	padding-top: 6px
}
.opt {
	display: inline-block;
	margin-left: 5px;
	height: 18px;
	min-width: 140px;
	width: auto;
	padding-left: 25px;
	border: solid 1px #ddd;
	font-size: 11px;
	padding-top: 4px;
	margin-bottom: 3px
}
#item_desc .opt {
	width: 41%;
	font-size: 12px
}
.couv_sans {
	background: url(../images/icon_sans_couv.webp) no-repeat;
	background-position: left 0 top 1px
}
.couv_avec {
	background: url(../images/icon_avec_couv.webp) no-repeat;
	background-position: left 0 top 1px
}
.atta_sans {
	background: url(../images/icon_sans_attach.webp) no-repeat;
	background-position: left 0 top 1px
}
.atta_avec {
	background: url(../images/icon_avec_attach.webp) no-repeat;
	background-position: left 0 top 1px
}
.remove_item {
	width: auto;
	font-size: 12px;
	cursor: pointer;
	color: #aaa;
	font-weight: 700;
	transition: all .25s ease-in
}
.remove_item:hover span {
	color: #cc0d10
}
.remove_item:hover {
	color: #000
}
.bt {
	width: 45%;
	max-width: 150px;
	height: 20px;
	border-radius: 8px;
	border: solid 1px #779342;
	box-shadow: 0 0 2px #888;
	text-align: center;
	padding-top: 5px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	background: #82a04a;
	cursor: pointer;
	margin-top: 10px;
	text-decoration: none
}
.bt.bt1 {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 6px
}
.bt.bt2 {
	float: left;
	font-size: 12px;
	padding-top: 6px
}
.soum_det_bt {
	display: block;
	line-height: 1;
	width: 100%
}
.soum_det_bt a {
	text-decoration: none
}
.soum_det_bt a .bt {
	width: 100%;
	max-width: 250px
}
.bt.bluebtn {
	background: #009ae3
}
div.soum_autres {
	display: block;
	width: 100%
}
div.soum_autres a {
	text-decoration: none
}
div.soum_autres a div.bt {
	width: 50%;
	max-width: none;
	min-width: 120px;
	line-height: 1
}
.bt:last-child {
	margin-left: 10px
}
strong.clrdispo {
	margin-left: 10px
}
span.options_size {
	font-size: 18px;
	font-weight: 700
}
form#soum div.soum_steps {
	position: relative;
	display: block;
	border: solid 1px #009ae3;
	background: #FFF;
	border-radius: 8px;
	width: 100%;
	max-width: 500px;
	min-height: 600px;
	height: auto;
	padding: 10px;
	margin-bottom: 20px;
	transition: all 0.5s ease-in;
}
form#soum span.letterspacing {
	letter-spacing: -0.05em;
}
form#soum div.soum_step {
	display: none;
}
form#soum div.soum_step.s1 {
	display: table;
}
form#soum div.soum_step.s3 {
	padding-bottom: 120px;
}
form#soum div.soum_step div.bt_next {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 140px;
	height: 40px;
	padding-right: 0px;
	color: #AAA;
	background: #CCC;
	text-align: center;
	border-radius: 4px;
	cursor: not-allowed;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.9;
	transition: all 0.5s ease-in;
}
form#soum div.soum_step div.bt_next::after {
	position: absolute;
	top: 1px;
	right: 5px;
	font-family: "Material Symbols Outlined";
	font-size: 26px;
	line-height: 1.4;
	content: '\f46a';
}
form#soum div.soum_steps div.bt_next.enabled {
	cursor: pointer;
	color: #FFF;
	background: #009ae3;
}
form#soum div.soum_step div.bt_prev {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 140px;
	height: 40px;
	padding-left: 0px;
	text-align: center;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.9;
	cursor: pointer;
	color: #FFF;
	background: #009ae3;
}
form#soum div.soum_step div.bt_prev::before {
	position: absolute;
	top: 1px;
	left: 5px;
	font-family: "Material Symbols Outlined";
	font-size: 26px;
	line-height: 1.4;
	content: '\f46b';
}
form#soum div.soum_steps strong {
	font-weight: 500;
}
form#soum div.soum_steps div.ste_icon {
	vertical-align: top;
	display: inline-block;
	margin-right: 6px;
	width: 50px;
	height: 56px;
}
form#soum div.soum_steps div.ste_icon.s1 {
	background: url("../images/icon_step1.svg") no-repeat top 2px left 0;
}
form#soum div.soum_steps div.ste_icon.s2 {
	background: url("../images/icon_step2.svg") no-repeat top 2px left 0;
}
form#soum div.soum_steps div.ste_icon.s3 {
	background: url("../images/icon_step3.svg") no-repeat top 0px left 0;
}
form#soum div.soum_steps div.ste_icon.s4 {
	background: url("../images/icon_step4.svg") no-repeat top 0px left 0;
}
form#soum div.soum_steps div.step_title {
	vertical-align: top;
	display: inline-block;
}
form#soum div.soum_steps div.step_title h3 {
	color: #009ae3;
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 500;
	text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF;
}
form#soum div.soum_steps div.step_title h3 strong {
	font-size: 26px;
	font-weight: 300;
}
form#soum div.soum_steps div.demo_mini {
	border-radius: 6px;
	box-sizing: inherit;
	border: solid 1px rgba(0, 154, 227, 0.00);
	transition: opacity 0.5s ease-in;
	opacity: 1;
}
form#soum div.soum_steps div.demo_mini:hover {
	border: solid 1px #009ae3;
	opacity: 1 !important;
}
form#soum div.soum_steps div.soum_step.s2 div.demo_mini {
	display: inline-block;
	float: none;
	margin-left: 14px;
	margin-top: 2px;
	vertical-align: top;
}
form#soum div.soum_steps div.soum_step.s2 div.sys_attache {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	border: solid 1px #222;
	width: 90px;
	height: 90px;
}
form#soum div.soum_steps div.soum_step.s2 div.sys_attache img {
	width: 90px;
	height: 90px;
}
form#soum div.soum_steps div.soum_step.s2 div.measurement {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 90px;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	margin-top: 10px;
}
form#soum div.soum_steps div.soum_step.s2 div.measurement span {
	position: absolute;
	display: block;
	top: 0;
	left: 5px;
	height: 90px;
	width: 1px;
	background: #222;
}
form#soum div.soum_steps div.soum_step.s2 div.measurement div.m_value {
	position: absolute;
	display: block;
	width: 12px;
	height: 17px;
	top: 38px;
	left: 0px;
	text-align: center;
	background: #FFF;
	line-height: 1.5;
	font-size: 11px;
	color: #222;
}
#soum select {
	width: 295px;
	height: 30px;
	font-family: "Barlow Semi Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	border-radius: 4px;
	padding-left: 6px;
	font-size: 18px;
	border: solid 1px #cfcfcf;
	background: #fefefe;
	margin-bottom: 8px;
	margin-top: 8px;
	outline: none;
}
select option {
	font-family: sans-serif !important;
	font-weight: 100 !important;
	font-size: 15px !important;
}
form#soum input[type=text], form#soum input[type=email], form#soum input[type=tel] {
	width: 284px;
	height: 30px;
	font-family: "Barlow Semi Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	border-radius: 4px;
	padding-left: 6px;
	border: solid 1px #cfcfcf;
	background: #fefefe;
	margin-bottom: 8px;
	outline: none;
}
form#soum div.error {
	display: none;
	font-family: "Barlow Semi Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	margin-top: -7px;
	margin-bottom: 7px;
	color: #FD0000;
}
form textarea#comment {
	width: 300px;
	height: 100px;
	font-family: "Barlow Semi Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	border-radius: 4px;
	padding-left: 6px;
	border: solid 1px #cfcfcf;
	background: #fefefe;
	margin-bottom: 8px;
	outline: none;
}
form#soum .slide-submit {
	position: relative;
	width: 450px;
	height: 50px;
	line-height: 50px;
	padding: 5px;
	border-radius: 4px;
	border: solid 1px #cfcfcf;
}
form#soum .slide-submit button {
	position: relative;
	bottom: 0;
	left: 5px;
	z-index: 10;
	width: 50%;
	min-width: 60px;
	height: 46px;
	font-size: 20px;
	font-weight: 600;
	color: #AAA;
	background: #CCC;
	border: none;
	padding: 10px 20px 20px 10px;
	line-height: 0.25;
	border-radius: 4px;
	transition: all 200ms linear;
	cursor: pointer;
	outline: none;
}
form#soum .slide-submit button.enabled {
	color: #FFF;
	background: #009ae3;
}
form#soum .slide-submit button.submitted {
	background: #008702;
}
form#soum .slide-submit button span.fl::before {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	width: 10px;
	height: 40px;
	font-family: "Material Symbols Outlined";
	font-size: 26px;
	content: '\f46a';
	vertical-align: text-top;
}
form#soum .slide-submit button.submitted {
	width: 97%;
	opacity: 0.8;
}
form#soum .slide-submit button.submitted + label {
	display: none;
}
form#soum div.soum_steps div.soum_step.s2 input#prod_qty {
	width: 40px;
	font-size: 18px;
	height: 30px;
	font-family: "Barlow Semi Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	border-radius: 4px;
	padding-left: 6px;
	border: solid 1px #cfcfcf;
	background: #fefefe;
	margin-bottom: 8px
}
form#soum div.soum_steps div.soum_step.s3 div#list_item {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	border-top: solid 1px #AFE5FF;
}
form#soum div.soum_steps div.soum_step.s3 div#list_item div.item_line {
	position: relative;
	display: block;
	background: #FFF;
	width: 100% !important;
	border-bottom: solid 1px #AFE5FF;
	font-weight: 400;
	color: #222;
	padding: 4px 0;
	padding-bottom: 10px;
	strong {
		font-weight: 500;
	}
}
form#soum div.soum_steps div.soum_step.s3 div#list_item div.item_line:nth-child(odd) {
	background: #F6F9F1;
}
form#soum div.soum_steps div.soum_step.s3 div#list_item div.item_line img {
	display: inline-block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	vertical-align: text-top;
	margin-right: 6px;
	margin-bottom: 3px;
}
form#soum div.soum_steps div.soum_step.s3 div#list_item div.item_line div {
	display: inline-block;
	vertical-align: text-top;
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-top: 0px;
	clear: both;
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt {
	position: absolute;
	display: block;
	max-width: none;
	width: 42%;
	height: 60px;
	top: 10px;
	left: 5%;
	padding: 10px 0;
	background: #FFF;
	color: #009ae3;
	border-color: #009ae3;
	border-radius: 6px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
	box-shadow: none;
	transition: all 0.25s ease-in;
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt:hover {
	background: #009ae3;
	color: #FFF;
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt.complete {
	left: auto;
	right: 5%;
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt::before {
	position: absolute;
	display: block;
	width: 100%;
	line-height: 1;
	top: 0;
	left: 0;
	font-family: "Material Symbols Outlined";
	font-size: 33px;
	position: relative;
	text-align: center;
	color: inherit;
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt.complete::before {
	content: '\e5ca';
}
form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt.add_item::before {
	content: '\e145';
}
form#soum div.soum_steps div.soum_step.s3 .manage_qty {
	display: inline-block;
	padding: 2px;
	border-radius: 4px;
	min-width: 18px;
	height: 14px;
	border: solid 1.5px #009ae3;
	vertical-align: bottom;
	color: #009ae3;
	font-weight: 500;
	text-align: center;
	background: #EEF7E6;
	margin-right: 3px;
	font-size: 18px;
	line-height: 0.7;
	user-select: none;
}
form#soum div.soum_steps div.soum_step.s3 .manage_qty.del_qty {
	margin-left: 6px;
	cursor: pointer;
}
form#soum div.soum_steps div.soum_step.s3 .manage_qty.del_qty::after {
	font-family: "Material Symbols Outlined";
	font-weight: 300;
	content: '\e872';
	font-variation-settings:
		'FILL'0, 'wght'100, 'GRAD'0, 'opsz'20
}
form#soum div.soum_steps div.soum_step.s3 .rem_qty, form#soum div.soum_steps div.soum_step.s3 .add_qty {
	font-size: 29px;
	font-weight: 600;
	line-height: 0.3;
	cursor: pointer;
}
.soum_div {
	width: 300px;
	display: inline-table;
	margin-right: 10px
}
.date_nouvelle {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	font-style: italic
}
.titre_nouvelle {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 15px;
	line-height: 17px;
	color: #333;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	font-weight: 700
}
.txt_nouvelle {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	line-height: 14px;
	color: #333;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	font-style: italic
}
.txt_nouvelle a:link {
	color: #009ae3;
	text-decoration: underline;
	padding-right: 2px;
	padding-left: 2px
}
.txt_nouvelle a:visited {
	color: #009ae3;
	text-decoration: underline;
	padding-right: 2px;
	padding-left: 2px
}
.txt_nouvelle a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #009ae3;
	padding-right: 2px;
	padding-left: 2px
}
.txt_nouvelle a:active {
	color: #fff;
	text-decoration: underline;
	padding-right: 2px;
	padding-left: 2px;
	background-color: #009ae3
}
.item_img {
	width: 290px;
	height: 290px;
	border-radius: 145px;
	background-repeat: no-repeat;
	background-position: top -7px left -7px;
	margin-right: 10px;
	margin-bottom: 50px
}
main div.item_left div.item_img.bkbk_c {
	background-image: url("../images/cat_bk_bk_c.webp")
}
main div.item_left div.item_img.bkbl {
	background-image: url("../images/cat_bk_bk.webp")
}
main div.item_left div.item_img.bkbl_c {
	background-image: url("../images/cat_bk_bl_c.webp")
}
main div.item_left div.item_img.bkbl {
	background-image: url("../images/cat_bk_bl.webp")
}
main div.item_left div.item_img.bkbr_c {
	background-image: url("../images/cat_bk_br_c.webp")
}
main div.item_left div.item_img.bkbr {
	background-image: url("../images/cat_bk_br.webp")
}
main div.item_left div.item_img.bkgr_c {
	background-image: url("../images/cat_bk_gr_c.webp")
}
main div.item_left div.item_img.bkgr {
	background-image: url("../images/cat_bk_gr.webp")
}
main div.item_left div.item_img.blbl_c {
	background-image: url("../images/cat_bl_bl_c.webp")
}
main div.item_left div.item_img.blbl {
	background-image: url("../images/cat_bl_bl.webp")
}
main div.item_left div.item_img.blbr_c {
	background-image: url("../images/cat_bl_br_c.webp")
}
main div.item_left div.item_img.blbr {
	background-image: url("../images/cat_bl_br.webp")
}
main div.item_left div.item_img.blgr_c {
	background-image: url("../images/cat_bl_gr_c.webp")
}
main div.item_left div.item_img.blgr {
	background-image: url("../images/cat_bl_gr.webp")
}
main div.item_left div.item_img.brbr_c {
	background-image: url("../images/cat_br_br_c.webp")
}
main div.item_left div.item_img.brbr {
	background-image: url("../images/cat_br_br.webp")
}
main div.item_left div.item_img.brgr_c {
	background-image: url("../images/cat_br_gr_c.webp")
}
main div.item_left div.item_img.brgr {
	background-image: url("../images/cat_br_gr.webp")
}
main div.item_left div.item_img.grgr_c {
	background-image: url("../images/cat_gr_gr_c.webp")
}
main div.item_left div.item_img.grgr {
	background-image: url("../images/cat_gr_gr.webp")
}
.item_img2 {
	width: 290px;
	max-width: 290px;
	height: auto;
	border-radius: 0;
	margin-right: 10px;
	margin-bottom: 50px
}
.item_img2 img {
	width: 290px;
	max-width: 290px;
	height: auto
}
#display_previous_item {
	display: block;
	clear: both
}
form #submit {
	height: 35px;
	padding: 0 5px;
	font-size: 16px;
	width: 90%;
	max-width: 200px
}
form input#qty {
	width: 50px
}
form div#add_item {
	max-width: none;
	width: 30%;
	clear: both
}
#ianr {
	position: relative;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 180px;
	padding-left: 90px;
	padding-right: 10px;
	padding-top: 12px;
	height: 78px;
	max-width: 95%;
	border: solid 1px #e2e2e2;
	background: #f5f5f5;
	box-shadow: 0 0 5px #ccc;
	cursor: default
}
#ianr img {
	display: block;
	float: left;
	margin-right: 3px;
	height: 15px
}
#ianr div {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
	background: url(http://www.prodigemedia.com/validation_robot/pic_human.jpg) top 10px left 10px no-repeat;
	cursor: default;
	z-index: 1
}
#ianr .rem_rob {
	position: absolute;
	display: block;
	opacity: 1;
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
	background: url(http://www.prodigemedia.com/validation_robot/pic_robot.jpg) top 10px left 10px no-repeat;
	cursor: pointer;
	z-index: 2;
	-moz-transition: all .25 ease-out;
	-ms-transition: all .25 ease-out;
	-o-transition: all .25 ease-out;
	-webkit-transition: all .25 ease-out;
	transition: all .25 ease-out
}
#ianr strong {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #369;
	text-transform: uppercase
}
div#titreecolotop {
	display: none
}
footer a#garantie2 {
	display: none
}
div.proudly {
	position: absolute;
	top: 170px;
	right: 20px;
	width: 220px;
	height: 48px;
	border-radius: 8px;
	border: solid 1px;
	overflow: hidden;
	color: #FFF;
	font-family: Gotham, Helvetica, Arial, "sans-serif";
	letter-spacing: 2%;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.1;
	text-transform: uppercase;
}
div.proudly div.flag {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 48px;
	background-color: #FFF;
}
div.proudly div.caption {
	position: absolute;
	top: 6px;
	left: 76px;
}
div.proudly.qc div.flag {
	background: #FFF url('../images/flag_qc.png') no-repeat top center;
	background-size: 77%;
}
div.proudly.ca div.flag {
	background: #FFF url('../images/flag_ca.png') no-repeat top 4px center;
	background-size: 85%;
}
div.proudly.qc {
	border-color: var(--pr_blue);
	background: var(--pr_blue);
}
div.proudly.ca {
	border-color: var(--pr_red);
	background: var(--pr_red);
}
@media screen and (max-width:1080px) {
	main div.stamp10yr {
		top: 10px;
		right: 90px;
	}
	main div.stamp10yr > div {
		font-size: 18px;
		text-shadow: none;
		top: 17px;
		left: -9px;
	}
	main div.lang {
		right: 25px;
		top: 10px
	}
	main div.col2 {
		width: 40.5%
	}
	main div.main_cell_item div.item_left {
		width: 40%;
		min-width: 0
	}
	main #item_desc {
		width: 54%;
		padding-left: 4%;
		min-width: 0
	}
}
@media screen and (max-width:1024px) {
	main div.stamp10yr > div {
		font-size: 36px;
		top: 34px;
		left: 0px;
		text-shadow: -1px -1px 0 #527ebf, 1px -1px 0 #527ebf, -1px 1px 0 #527ebf, 1px 1px 0 #527ebf;
	}
	main div.main_cell_item div.item_left div.item_img {
		width: 90%;
		height: auto;
		margin-right: 10px;
		margin-left: 2%;
		margin-bottom: 50px;
		padding-bottom: 85%;
		background-size: 100%
	}
	main div.main_cell_item div.item_left img.img_attache {
		width: 90%;
		height: auto;
		margin-left: 2%
	}
	main div.main_cell_item div.item_left div.garantie {
		width: 90%;
		margin-left: 4%
	}
	main #item_desc h1 {
		width: auto;
		padding-left: 0
	}
	h1 {
		margin-top: 40px;
	}
	div.proudly {
		top: 220px;
	}
	form#soum {
		max-width: 90%;
		padding-left: 4%;
		overflow: hidden
	}
	form select {
		display: none
	}
	div#titreecolotop {
		position: fixed;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		background: #3184b8;
		height: 60px;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .6);
		z-index: 10
	}
	div.left_col a.home {
		position: fixed;
		display: block;
		top: 5px;
		left: 60px;
		width: auto;
		height: 50px;
		z-index: 11
	}
	div.left_col a.home div.logo {
		background-repeat: no-repeat
	}
	div.left_col a.home div.logo.fr {
		background-image: url("../images/logo_ecolotop_mobile_fr.svg")
	}
	div.left_col a.home div.logo.en {
		background-image: url("../images/logo_ecolotop_mobile_en.svg")
	}
	div#titreecolotop div#mobile_nav_bt {
		position: absolute;
		top: 10px;
		left: 10px;
		border: solid 1px #deecf4;
		border-radius: 4px;
		width: 40px;
		height: 38px;
		overflow: visible
	}
	div#titreecolotop div#mobile_nav_bt span {
		display: block;
		width: 78%;
		margin: 5px auto;
		border-radius: 3px;
		height: 4px;
		background: #ecf4f9;
		transition: all .25s ease-in;
		opacity: 1
	}
	div#titreecolotop div#mobile_nav_bt span:nth-child(1) {
		margin-top: 8px
	}
	div#titreecolotop div#mobile_nav_bt.opened span:nth-child(1) {
		transform: rotate(45deg);
		margin-top: 17px
	}
	div#titreecolotop div#mobile_nav_bt.opened span:nth-child(2) {
		opacity: 0
	}
	div#titreecolotop div#mobile_nav_bt.opened span:nth-child(3) {
		transform: rotate(-45deg);
		margin-top: -18px
	}
	div.left_col {
		width: 0;
		overflow: visible;
		background: 0 0
	}
	div.left_col nav {
		position: fixed;
		top: -560px;
		left: 0;
		opacity: 0;
		z-index: 9;
		background: rgba(255, 255, 255, .9);
		border-bottom-right-radius: 8px;
		padding-bottom: 20px;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, .6);
		transition: all .25s ease-in
	}
	div.left_col nav.opened {
		top: 0;
		left: 0;
		opacity: 1
	}
	div.left_col nav a {
		color: #111
	}
	main div.banner_top {
		width: 100%;
		background: #bdff9a;
		height: auto;
		margin-top: 60px;
		max-width: 100%;
		padding: 0
	}
	main div.banner_top img {
		width: 100%;
		max-width: none;
		height: auto
	}
	main {
		max-width: 100%;
		height: auto;
		padding: 0;
		overflow: hidden;
		background-size: 99%;
	}
	main div.col1, main h1 {
		padding-left: 20px
	}
	main div.stamp10yr {
		top: 70px;
		right: 10px
	}
	main div.lang {
		position: fixed;
		z-index: 20;
		right: 10px;
		top: 12px;
		filter: brightness(100)
	}
	main div.social_link {
		position: fixed;
		z-index: 20;
		right: 12px;
		top: 36px;
	}
	main div.social_link a i.fb {
		width: 20px;
		height: 20px;
		background-image: url("../images/icon_fb_w.svg");
	}
	main div.col2 {
		width: 42%
	}
	div.left_col a.icon_garantie {
		display: none
	}
	footer a#garantie2 {
		display: block;
		position: absolute;
		bottom: 0;
		right: 25px
	}
}

@media screen and (max-width:800px) {
	
	main h1{
		margin-top: 20px;
	}
	main div.stamp10yr {
		width: 90px;
		padding-bottom: 20%;
		height: auto
	}
	main div.stamp10yr > div {
		font-size: 20px;
		top: 20px;
		left: 0px;
		text-shadow: none;
	}
	main div.soum {
		position: absolute;
		display: block;
		top: 200px;
		right: 20px;
		left: auto;
	}
	main div.soum.hidden {
		top: 190px !important;
		margin-top: -90px;
		position: absolute;		
	}
	main div.soum.soum {
		top: 240px !important;
	}
	div.proudly {
		right: 72px;
	}
	form#soum div.soum_steps {
		position: relative;
		display: block;
		border: solid 1px #009ae3;
		border-radius: 8px;
		width: 80%;
		max-width: 500px;
		min-height: 600px;
		height: auto;
		padding: 1%;
		margin-left: -1.25%;
		margin-bottom: 20px;
		transition: all 0.5s ease-in;
	}
	
	main div.soum_bt {
		width: 1px;
		height: 36px;
		margin-top: 30px;
		border-radius: 8px;
		padding-left: 39px;		
		background-position: left 5px top 6px;
		background-size: 30px;
	}
	main div.soum_bt span {
		display: none;
	}
	main div.soum div.soum_list {
		padding-top: 0;
		margin-top: 110px;
		width: 220px;
		min-height: 42px;
		border-radius: 6px;
		box-shadow: none;
		font-size: 22px;
		font-weight: 700;
	}

	main div.soum.hidden div.soum_list {
		margin-top: 70px;
		min-height: 50px;
		width: 40px;
	}
	main div.soum.hidden div.soum_list div.list_counter {
		display: block;
	}
	main div.soum_list::before {
		content: '';
	}

	main div.soum div.soum_list div.list_counter {
		display: none;
	}
	main div.soum_list div.list_counter {
		top: 6px;
		left: -2px;
		width: 100%;text-align: center;
		height: auto;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}
	main div.soum_list div.list_title {
		display: none;
	}
	main div.soum.hidden div.soum_list div.finish_quote {
		display: none;
	}
	main div.soum div.soum_list div.finish_quote {
		display: block;
	}
	
}

@media screen and (max-width:760px) {
	main h1 {
		margin-top: 1px;
	}
	main div.stamp10yr {
		width: 90px;
		padding-bottom: 20%;
		height: auto
	}
	main div.stamp10yr > div {
		font-size: 24px;
		top: 20px;
		left: 0px;
		text-shadow: none;
	}
	main div.col1 {
		width: 80%
	}
	main div.col2 {
		width: 98%;
		padding-left: 2%
	}
	div.proudly {
		top: 180px;
	}
	main div.soum div.soum_list {
		margin-top: 80px;
		width: 180px;
	}
	main div.soum div.soum_list div.item_line {
		font-size: 14px;
		img {
			margin-bottom: 40px;
		}
	}
	main div.soum div.soum_list div.finish_quote {
		font-size: 16px;
		line-height: 1.5;
	}
	main div.soum.hidden {
		position: absolute;
		margin-top: -90px;
	}
	main div.soum.hidden div.soum_list {
		margin-top: 30px;
	}
	footer ul {
		display: none
	}
	footer a {
		display: none
	}
	footer a.el {
		display: block
	}
	form#soum h1 {
		padding: 0;
		max-width: 90%
	}
}
@media screen and (max-width:500px) {
	main h1 {
		margin-top: 15%;;
	}
	main div.stamp10yr > div {
		font-size: 4.5vw;
		top: auto;
		margin-top: 20%;
		left: -1%;
		text-shadow: none;
	}
	main div.main_cell_item div#item_desc, main div.main_cell_item div.item_left {
		width: 96%;
		display: block
	}
	main div.main_cell_item div.item_left div, main div.main_cell_item div.item_left img.img_attache {
		display: none
	}
	div.left_col a.home div.logo {
		max-width: 70%;
		margin-top: 2%
	}
	main div.col1 div.prod img.img_prod_head {
		width: 50%;
		height: auto
	}
	main div.col1 div.prod p {
		width: 48%
	}
	
	main div.soum_bt {
		height: 30px;
		margin-top: 10px;
		border-radius: 8px;
		padding-left: 39px;		
		background-position: left 7px top 6px;
		background-size: 25px;
	}

	
	form#soum div.soum_steps {
		position: relative;
		width: 98%;
		margin-bottom: 150%;
		clear: both;
	}
	
	form#soum div.soum_steps div.soum_step.s3 div.bt_container div.bt {
		font-size: 14px;		
	}
	main div.soum{
		position: absolute;
		width: 90%;
		margin-top: 115% !important;
	}
	main div.soum.hidden {
		position: absolute;
		width: 40px;
		margin-top: -84px !important;
	}
	main div.soum div.soum_list {
		position: relative;
		width: 100%;		
		margin-left: -3.5%;
		clear: both;
		margin-bottom: 20%;
	}
	main div.soum.hidden div.soum_list {
		position: absolute;
		margin-top: 10px;
		min-height: 40px;
	}
	main div.soum div.soum_list div.item_line {
		position: relative;
		width: 100%;
		clear: both;
	}
	main div.soum_list div.list_title {
		display: block;
	}
	main div.soum.hidden div.soum_list div.list_title {
		display: none;
	}
	main div.soum_list div.list_counter {
		top: 1px;
	}
	
	div.proudly {
		top: 166px;
		width: 190px;
		height: 42px;
		border-radius: 10px;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.0;
	}
	main div.soum_list {
		margin-top: 16px;
		min-height: 35px;
	}
	div.proudly.qc div.flag {
		background-size: 57%;
	}
	div.proudly.ca div.flag {
		background-size: 65%;
	}
}