@charset "utf-8";

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    line-height: normal;
    margin: 10px 0;
}

h1 {
    color: #333;
    font-size: 2em;
    font-weight: 400;
}

h2 {

    color: #222;

    font-size: 1.8em;

    font-weight: 400

}

h3 {

    color: #222;

    font-size: 1.7em

}

h4 {

    color: #333;

    font-size: 1.4em

}

h5 {

    color: #333;

    font-size: 1.3em

}

h6 {

    color: #333;

    font-size: 1.2em

}

img.lazy{
	display:block!important;}

a:link {

    color: #145dc7;

    text-decoration: none

}

a:visited {

    color: #04b

}

a:active, a:hover {

    color: #59f;

    text-decoration: underline

}

* html a:active, * html a:hover, * html a:link, * html a:visited {

    color: #59f;

    text-decoration: none

}

a:hover {

    transition: all .3s ease 0

}

p {

    margin: 5px 0

}

strong {

    font-weight: 700

}

em {

    font-style: italic

}

pre {

    background: #f0f6f7;

    border: 1px solid #0097c7;

    font-size: 1.1em;

    margin: 20px auto;

    overflow: auto;

    padding: 5%;

    width: 80%

}

code {

    background: #44bb34;

    color: #fff;

    font-size: 1.1em;

    padding: 2px

}

ul {

    margin: 0 0 0 10px;

    padding: 0 0 0 5px

}

hr {

    border-bottom: 2px ridge #61615f;

    border: 1px solid rgba(0, 0, 0, .1)

}

.separator {

    clear: both;

    visibility: hidden

}

table {

    border-collapse: collapse;

    border-spacing: 0;

    font-size: 1em;

    margin: auto;

    width: 100%

}

table caption {

    color: #0097c7;

    font-size: 1.3em;

    font-weight: 700;

    margin: 5px 0;

    text-align: left

}

th {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #ccc;

    border: 0 solid #0097c7;

    color: #000;

    font-size: 1.1em;

    font-weight: 400;

    padding: 2px

}

td {

    border: 0 solid #0097c7;

    padding: 2px

}

.center {

    text-align: center;

    width: 100%

}

.left {

    text-align: left;

    width: 100%

}

.right {

    text-align: right;

    width: 100%

}

input, textarea {

    background: #ccc

}

body {

    background: 0 0;

    color: #000;

    font-family: dosis, "century gothic", "trebuchet MS", verdana, Arial, Helvetica, sans-serif!important;

    margin: 0;

    padding: 0!important

}

.wrap {

    max-width: 1280px;

    margin: auto;

    width: 100%

}

body#index #cart {

    display: none

}

a {

    color: #06d;

    text-decoration: none

}

a:hover {

    color: #39f;

    text-decoration: none

}

#super_cont {
    border-top: 0 solid #222;
    margin: 0!important;
    padding: 0;

}

#super_cont_sec {

    background: 0 0;

    border-top: 0 solid #222;

    margin: 0!important;

    padding: 0

}

#super_cont_ter {

    border-top: 0 solid #222;

    margin: 0!important;

    padding: 0

}

.adresse {

    border-bottom: 0 solid #fff;

    font-size: 1.2em;

    height: auto;

    margin: 0;

    padding: 5px;

    position: absolute;

    right: 0;

    top: 0;

    width: 200px;

    display: none

}

.adresse span {

    display: block

}

.adresse span.adr_prop {

    display: none

}

.adresse span.adr_tel {
    color: #fecc3d;
    font-size: 1.7em
}

.adresse p {

    margin: 0;

    padding: 0;

    text-align: center;

    color: #666;

    font-size: 1.4em

}

#page {
    background: #fff url(/template/kovo_1/images/fond_13.png) center/100% 100%;
    box-shadow: 0 5px 15px -10px #000;
    margin: 0 auto;
    width: 100%
}

.index #page {
    box-shadow: 0 5px 15px -10px #000;
    margin: 0 auto;
    width: 100%
}

#page #banner {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: calc(100%);
    z-index: 10;
	    background: url(/template/kovo_1/images/banner_13.jpg) no-repeat scroll center / 100% 100%!important;
    height: 267px;
}

#inner_banner_bis {

    top: 80px;

    position: relative;

    background: 0 0

}

#int_wrapper {

    display: flex;

    flex-direction: row-reverse

}

.short #page #inner_banner {

    height: 45px;

    background: 0 0

}

.short #inner_banner_bis {

    top: 0

}

.short #b_main_menu li {

    height: 35px

}

.index #page #banner {
    background-color: #eee;
}

#page #banner .wrap {

    min-height: 55px;

    position: relative

}

.short #page #banner .wrap {
    display:none;
}

#page #banner h1.titre_page {
    color: #ccc!important;
    font-family: dosis;
    /* text-shadow: 2px 1px 4px rgba(0, 0, 150, .2); */
    position: relative;
    /* bottom: 0; */
    width: calc(100% - 350px);
    padding: 80px 0 20px 350px;
    max-width: 900px;
    margin: auto;
    font-size: 2em;
    text-align: left;
    /* background: red; */
    left: 0;
}

#page #banner h1.titre_page span {
    padding: 0 10px 0 46px;
}

.short #page #banner h1.titre_page {
    height: 0;
    padding: 0;
    overflow: hidden
}

#titre_banner {
	color: #fff
}

#page #banner .logo_page a img {

    border: 0 solid #00f;

    height: 90px;

    width: 500px

}

#page #banner .logo_page h2 {

    display: none;

    color: #fff;

    text-align: center;

    width: 600px;

    margin-top: 12px;

    text-transform: uppercase;

    font-size: 2.4em;

    line-height: 1em;

    letter-spacing: 4px;

    font-weight: 700

}

#ajout_banner {

    border: 0 solid #00f;

    color: #fff;

    font-size: 1.35em;

    margin: 0 0 0 210px;

    text-shadow: 2px -1px 1px #000;

    text-transform: uppercase

}

#box_log {

    display: none

}

#retour_accueil a {
    display: block;
    height: 150px;
    left: 0px;
    padding: 0 0;
    position: absolute;
    text-indent: -999em;
    top: -59px;
    width: 420px;
    transition: all .3s ease 0s;
    z-index: 150;
}

#retour_accueil a img {

    background: rgba(0, 0, 0, 0) url(/images/logo.png) no-repeat scroll center center/contain;

    border: 0 solid #00f;

    display: block;

    float: left;

    height: 100%;

    left: 120px;

    margin: 0;

    position: relative;

    top: 0;

    width: 100%

}

.index #retour_accueil a img {

    z-index: 5

}

#hdl_menu_smart {

    display: none

}

#choix_langue {

    border: 0 solid #00f;

    left: 50%;

    margin-left: 443px;

    position: absolute;

    top: 6px;

    width: 100px;

    z-index: 61;

    display: none

}

#choix_langue input {

    background: 0 0;

    float: left;

    padding: 3px

}

#creationCREAPRIME {

    border: 0 solid #00f;

    left: 50%;

    margin-left: 200px;

    position: absolute;

    top: 2px;

    display: none

}

#cart {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 3px;

    font-size: 1.2em;

    height: 55px;

    left: auto;

    margin: 0;

    padding: 0;

    position: relative;

    top: 5px;

    width: 100%

}

#cart h3 {

    color: #e06;

    font-size: 22px;

    font-weight: 700;

    margin: 0;

    text-transform: uppercase;

    padding-left: 37px;

    background: url(/images/item-cart.png) no-repeat left center/auto 80%

}

#cart h4 {

    color: #069;

    float: left;

    font-size: 15px;

    margin: 0;

    font-weight: 700

}

.short #cart h4 em {

    display: none

}

#cart a {

    color: #999;

    font-size: 1em

}

#cart .inner_cart {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 0;

    float: none;

    height: 48px;

    width: 90%;

    display: block;

    margin: 0 auto

}

#cart .inner_cart img.image_panier {

    float: left;

    margin: 4px 25px 4px 5px

}

#cart a:hover {

    color: #ddd;

    text-shadow: 1px 0 3px #fff

}

table.cart {

    background: #fff;

    border: 1px solid #aaa

}

table.cart td {

    border: 1px solid #ddd;

    padding: 5px;

    text-align: center

}

table.cart th {

    color: #fff;

    background: #f60 url(/images/deg_blanc.png)

}

#conteneur {
    border-top: 1px solid transparent;
    margin-bottom: 330px;
    position: relative;
    z-index: 2;
   	background: #fff url(/template/kovo_1/images/fond_13.png) center/100% 100%;
}

#page #conteneur {
    z-index: 6;
}

.short #page #conteneur {

    z-index: 2

}

.index #conteneur {

}

#footer {

    height: 340px!important;

    background: #1a508b linear-gradient(-15deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, .2));

    bottom: 0;

    box-shadow: 3px 3px 4px #333;

    padding: 10px 0 0;

    position: fixed;

    width: 100%;

    z-index: 1

}

.index #footer {

    bottom: -600px;

    transition: all 0s ease 0s

}

.shorti #footer {

    bottom: 0;

    transition: all .8s ease .5s

}

#footer .wrap {

    margin: 2% auto 0;

    font-size: .8em

}

#foot_cont {

    background: 0 0;

    margin: 5px auto;

    max-width: 1280px;

    display: flex

}

#foot_cont ul li {

    background: 0 0;

    display: block;

    float: none;

    padding: 0 0 0 12px;

    list-style: none;

    text-align: left;

    font-size: 1.2em;

    margin: auto

}

#foot_cont ul.page_edit li {

    width: 95%

}

#foot_cont ul.page_edit {

    border-left: 1px solid #fff;

    float: none;

    margin: 30px 0 0 1%;

    padding: 2px 0 0 1%;

    width: 47%;

    height: 70%;

    display: flex;

    flex-direction: column

}

#foot_cont ul#page_static li {

    width: 90%

}

#foot_cont ul li a {

    border: 0 none;

    color: #fff;

    float: none;

    padding: 0

}

#foot_cont ul li a:hover {

    border: 0 none;

    color: #eee;

    float: none;

    padding: 0

}

h3.titre_foot {

    color: #fff

}

#foot_cont ul#page_static {

    border-left: 1px solid #fff;

    float: none;

    margin: 15% 0 0 1%;

    padding: 2px 0 0 1%;

    height: 70%;

    display: flex;

    flex-direction: column

}

.footer_left {

    float: left;

    margin: 0 2% 0 0;

    padding: 0 1% 0 0;

    width: 19%

}

.footer_right {

    float: none;

    width: 58%;

    display: flex;

    justify-content: center

}

.footer_out_right {

    color: #fff;

    float: none;

    padding: 1%;

    width: 17%;

    display: inline-block;

    vertical-align: top

}

.footer_out_right img {

    height: auto!important;

    width: 100%!important

}

#foot_cont ul#soci_lnk {

    border: 0 solid #00f!important;

    float: left;

    margin: 10px auto;

    padding: 2px 0 0;

    width: 100%

}

#foot_cont ul#soci_lnk li {

    height: auto

}

#foot_cont ul#soci_lnk li.li_fb {

    padding: 2px 0 0

}

#foot_cont ul {

    margin: auto;

    padding: 2px 0 0

}

#footer li {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-right: 0 solid #999;

    display: inline-block;

    float: none;

    height: 18px;

    line-height: 18px;

    list-style: outside none none;

    margin: 0 0 0 10px;

    overflow: hidden;

    padding: 0 10px 0 0;

    vertical-align: top

}

#footer a {

    color: #ddd

}

#footer a:hover {

    color: #fff

}

#foot_cont ul#footer_mk li {

    background: url(/images/dot_li_blanc.png) no-repeat scroll left center rgba(0, 0, 0, 0);

    display: block;

    float: left;

    padding: 0 0 0 12px;

    text-align: left;

    width: 30%

}

#footer li a {

    color: #145dc7;

    color: #37e

}

#toggle_footer {

    display: inline-block;

    width: 40%;

    visibility: hidden

}

#footer ul#soci_lnk {

    display: inline-block;

    vertical-align: top;

    width: 55%;

    text-align: right;

    position: absolute;

    bottom: 10px;

    right: 100px

}

#footer ul#soci_lnk li {

    height: auto

}

.logo_footer {

    float: none;

    margin: 10px auto 0;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center

}

.logo_footer img {

    max-width: 90%;

    visibility: hidden;

    margin: auto

}

#bouton_commande span.h2 {

    display: block;

    color: #fff;

    position: relative;

    z-index: 1;

    font-size: 1.5em;

    height: 45px;

    line-height: 100%;

    margin: 5px 0 -50px

}

#page #wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    max-width: 1020px;
	width:100%;
	margin: 0 auto;
	padding:40px 0 0 0;
}

a.add_a, a.add_b {

    font-size: 1.6em;

    color: #ded;

    text-shadow: 1px 2px 5px #fff

}

a.add_a {

    display: block;

    height: 30px

}

a:hover.add_a, a:hover.add_b {

    text-decoration: none;

    color: #fff

}

#leftbar {
    border-radius: 0;
    float: none;
    margin: 0px auto 0 auto;
    min-height: 450px;
    overflow: hidden;
    padding: 0;
    width: 250px;
}






#leftbar #logo_left {
    border: 0 solid #00f;
    text-align: left;
    margin: 0 0 0 1px;
}

#leftbar h2.titre_box {
    margin: 50px auto 0;
    text-align: center;
    font-size: 1.4em
}

#rightbar {
    background: url(/images/top_actu.png) no-repeat scroll center -20px #dedbd5;
    border-radius: 0;
    float: left!important;
    margin: 0 0 0 -200px;
    min-height: 450px;
    overflow: hidden;
    padding: 0 0 15px;
    width: 200px;
    display: none
}

#actu_box_left h2.titre_box {

    text-transform: uppercase;

    letter-spacing: 5px;

    font-weight: 400;

    text-align: center;

    color: #ec760e;

    font-size: 1.8em;

    margin: 0 0 14px;

    border: 0!important

}

.index #breadcrumb {

    display: none

}

.index #rightbar {

    display: none

}

#pages.index.nocol #main {

    float: none;

    padding: 25px 0 20px 0

}

#pages.index #wrapper {

    margin: 0 auto;

    padding: 0;

    max-width: 1280px;

    width: 100%

}

.index #choix_langue {

    border: 0 solid #00f;

    left: 50%;

    margin-left: 350px;

    position: absolute;

    top: 0;

    width: 100px

}

.index #box_new_index {

    height: 180px;

    margin: 0;

    overflow: hidden;

    position: relative;

    top: -50px;

    width: 50%;

    float: left

}

.index .box_new_index {

    float: left;

    height: 190px;

    margin: 0;

    overflow: hidden;

    position: relative;

    top: -50px;

    width: 50%

}

.index #box_new_index .box_prod.bp_light {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #ddd;

    border-radius: 0;

    box-shadow: 1px 1px 3px -3px #000;

    float: left;

    margin: 5px 10px 0 0;

    padding: 0;

    width: 395px

}

.index .box_new_index .box_prod.bp_light {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #ddd;

    border-radius: 0;

    box-shadow: 1px 1px 3px -3px #000;

    float: left;

    height: 185px;

    margin: 5px 10px 0 0;

    padding: 0;

    width: 395px;

    overflow: hidden

}

.index .titre_page {

    display: none

}

.index .textbloc {

    font-size: 120%;

    height: auto;

    line-height: 125%;

    padding: 0 5px;

    width: 93%

}

.textbloc ul {

    padding: 0;

    margin: 0

}

.textbloc ul li {

    background: url(/template/atc/images/dot_bleu.png) no-repeat 5px 5px;

    padding-left: 25px;

    list-style: none;

    margin: 5px auto

}

.colored ul li {

    background: url(/template/atc/images/dot_bleu_blanc.png) no-repeat 5px 5px

}

.textbloc ul li li {

    background: url(/template/atc/images/dot_bleu_sec.png) no-repeat 5px 7px;

    padding-left: 20px

}

.colored ul li li {

    background: url(/template/atc/images/dot_bleu_sec_blanc.png) no-repeat 5px 7px

}

.caption .content h1, .caption .content h2, .caption .content h3, .caption .content h4, .caption .content h5 {

    color: #fff

}

#breadcrumb a {

    color: #fff;

    font-size: 11px

}

#recherche {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 0;

    height: 42px;

    left: auto;

    margin: 0 0 0 41px;

    padding: 2px 10px;

    position: relative;

    top: 20px;

    width: 220px;

    z-index: 11;

    display: none

}

.short #recherche {

    display: none

}

#recherche input {

    background: url(/images/input_search.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 3px;

    font-size: 14px;

    height: 32px;

    margin: 5px 0;

    padding: 0 0 0 10px;

    position: relative;

    width: 165px

}

#recherche input.bt_sub {

    background: url(/images/button-search.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 0 none;

    box-shadow: none;

    color: #145dc7;

    cursor: pointer;

    margin: 0 -10px 0 5px;

    width: 78px

}

#recherche input.image_submit {

    background: url(/images/button-search.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    display: block;

    float: right;

    height: 32px;

    width: 30px

}

#recherche input.image_submit:hover {

    background: url(/images/button-search.png) no-repeat scroll -54px 0 rgba(0, 0, 0, 0);

    display: block;

    float: right;

    height: 32px;

    width: 30px

}

#recherche input.nosearch {

    color: #afa093;

    font-style: italic

}

#box_lnkfb {

    clear: both;

    float: left;

    margin: 15px auto;

    width: 100%

}

#box_lnkfb a {

    background: url(/images/img_lnkfb.jpg) no-repeat scroll center center rgba(0, 0, 0, 0);

    border: 1px solid #026;

    color: #fff;

    display: block;

    font-size: 20px;

    height: 31px;

    line-height: 30px;

    margin: 0 auto;

    padding: 0;

    text-align: center;

    width: 235px

}

a.lnk_more_mk {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #ddd;

    border: 1px solid #999;

    border-radius: 5px;

    color: #999!important;

    display: block;

    margin: 2px 5px;

    padding: 2px 5px

}

a.lnk_more_mk:hover {

    background: #fff;

    border-color: #248fff;

    color: #248fff!important

}

.box_new_index .box_prod.bp_light .prod_marque {

    color: #666;

    font-size: 15px;

    height: 20px;

    margin-top: -24px;

    overflow: hidden

}



.index #page #wrapper {

    padding: 0 0 40px

}

.nocol #page #main {
    float: none;
    min-height: 450px;
    padding: 0 0 50px 0;
    position: relative;
    width: calc(100% - 275px);
	margin: 27px 0 0 45px;
}

#breadcrumb {
    position: absolute;
    left: 125px;
    top: 45px;
}

#b_main_menu {

    height: 60px;

    padding: 0 0 0 300px;

    position: relative;

    top: -10px;

    width: calc(100% - 300px);

    z-index: 101;

    margin: auto

}

#b_main_menu a {

    color: #000

}

#b_main_menu a:hover {

    color: #fff

}

#b_main_menu ul {

    background: 0 0;

    margin: 0

}

#b_main_menu li {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    float: left;

    list-style: outside none none;

    margin: 0!important;

    padding: 0!important;

    width: auto!important;

    height: 60px;

    border-right: 1px solid rgba(26, 80, 139, .1)

}

#b_main_menu li.up {

    background: linear-gradient(75deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .6), rgba(255, 255, 255, .4), rgba(255, 255, 255, 0))

}

.ul_first li.lnk_accueil a {

    display: inline-block;

    background: url(/images/lnk_home_col.png) no-repeat center/30px auto;

    height: 50px;

    color: #fff!important;

    font-size: 10px!important;

    padding: 0 15px

}

#b_main_menu li .try li {

    height: auto

}

#b_main_menu li .try li.up, #b_main_menu li .try li:hover {

    background: #000

}

#b_main_menu table.menu_left td {

    border: 0 solid #00f;

    height: 25px;

    text-align: center;

    vertical-align: middle;

    position: relative

}

#b_main_menu table.menu_left td span.obl {

    display: block

}

#b_main_menu table.menu_left td a {

    border: 0 solid;

    border-radius: 5px;

    color: #1a508b;

    display: inline-block;

    font-family: Teko, 'cabin condensed', dosis, lato;

    font-size: 1.6em;

    font-weight: 400;

    line-height: 120%;

    list-style: outside none none;

    margin: 0;

    height: 30px;

    padding: 14px 20px;

    text-shadow: 0 0;

    text-transform: uppercase

}

#b_main_menu li.up table.menu_left td, #b_main_menu li:hover table.menu_left td {

    border-radius: 0

}

#b_main_menu li.up table.menu_left td a, #b_main_menu li:hover table.menu_left td a {

    color: #123;

    text-shadow: 0 0 0 transparent

}

#b_main_menu a {

    font-size: 1.3em;

    line-height: 16px

}

#b_main_menu li ul.try {

    position: absolute;

    width: 135px;

    left: -999em;

    margin: -1px 0 0;

    z-index: 150

}

#b_main_menu li:hover ul.try {

    left: auto;

    min-height: 0

}

#b_main_menu li ul.try, #menu_three li ul.try {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    left: -999em;

    margin: 0;

    padding: 0;

    position: absolute;

    width: 180px;

    z-index: 1150

}

#b_main_menu li ul.try li {

    width: 160px;

    border-top: 0 solid #fff;

    border: none;

    margin: 1px 0 0

}

#b_main_menu li ul.try li a {

    min-height: 20px;

    text-align: left;

    font-weight: 400;

    color: #fff;

    background: 0 0;

    padding: 5px 20px;

    font-size: 20px;

    text-shadow: 1px 0 1px #444;

    line-height: 120%!important

}

#b_main_menu li ul.try li a:hover {

    text-shadow: 1px 0 1px #fff

}

#b_main_menu .menu_top_main_li.gauche {
	display:none;
}

#b_main_menu li ul.try li a:hover, #menu_three li ul.try li a:hover {

    color: #000!important

}

#b_main_menu li li:hover ul, #b_main_menu li:hover ul {

    left: auto;

    min-height: 0

}

#b_main_menu li:hover ul li ul.try.second {

    left: -9999px

}

#b_main_menu li:hover ul li:hover ul.try.second {

    left: 0;

    margin: -35px 0 0 97%;

    min-height: 0;

    display: none

}

#b_main_menu li:hover ul li.reverse:hover ul.try.second {

    left: -97%;

    margin: 0;

    min-height: 0;

    top: 0

}

#b_main_menu li ul.try li {

    float: none;

    margin: 0!important;

    padding: 10px 30px!important;

    width: auto

}

#b_main_menu li ul.try li:hover {

    background: linear-gradient(4deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .5))

}

#b_main_menu li ul.try li a {

    color: #eee;

    display: block;

    line-height: 16px

}

#b_main_menu li ul.try li:hover a {

    color: #fff!important;

    text-shadow: 1px 1px 3px #333

}

#b_main_menu li > ul.try li._nes > a {

    background: url(/images/menu_fleche_50.png) no-repeat right center

}

#b_main_menu li > ul.try li._nes > a:hover {

    background: url(/images/menu_fleche.png) no-repeat right center

}

#b_main_menu > ul {

    border-style: solid;

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    width: auto!important

}

#leftbar #surmenu {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 3px;

    float: none;

    margin: 30px 0;

    padding: 0

}

#leftbar #navigation_left {

    margin: 10px 0;

    padding: 0 0 28px

}

#cont_menu_cat #navigation_left h3, #leftbar #navigation_left h3 {

    color: #e11de1;

    font-size: 20px;

    font-weight: 700;

    height: 23px;

    margin: -92px 0!important;

    padding: 22px 0 18px 50px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    width: 246px;

    z-index: 50

}

#leftbar img.mark2 {

    background: url(/images/marker-2.png) no-repeat scroll left top rgba(0, 0, 0, 0);

    height: 15px;

    width: 15px

}

#leftbar img.mark2_ouvert {

    background: url(/images/marker-2.png) no-repeat scroll left bottom rgba(0, 0, 0, 0);

    height: 15px;

    width: 15px

}

#leftbar #surmenu div {
	background: url(/template/kovo_1/images/menu_bleu01.png) no-repeat scroll left bottom;
    font-size: 1.8em;
    font-weight: normal;
    margin: 7px 5px 1px 2px;
    padding: 0 0 12px;
    text-align: left;
    width: auto;
}

#leftbar #surmenu div.m_li {

    /*border-bottom: 2px dotted #333*/

}

#leftbar #surmenu div.m_li.up {
	background: url(/template/kovo_1/images/menu_jaune01.png) no-repeat scroll left bottom;
}

#leftbar #surmenu .sous_rub div {
    /* border-bottom: 1px dotted #755; */
    margin: 0 15px;
    background: none;
}

#leftbar #surmenu div#id_doc {

    border-top: 1px solid #fff;

    padding: 10px 0;

    margin: 10px 0 0

}

#leftbar #surmenu div#id_doc a {

    background: url(/images/icopdf.png) no-repeat 5px center;

    padding: 5px 0 5px 30px

}

#leftbar #surmenu th {

    border: 0!important;

    color: #fff;

    font-size: 1.2em;

    padding: 0;

    background: 0 0

}

#leftbar #surmenu div.up td {

    color: #d22f14

}

#leftbar #surmenu div.up table.menu_left td a {
    color: #000;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

#leftbar #surmenu div.s_li.up table.menu_left td a {

    color: #d22f14

}

#leftbar #surmenu div a {

    padding: 0 0 0 10px

}

#leftbar #surmenu div .td_replie a {

    padding: 0!important;

    margin: 0!important

}

#leftbar #surmenu div .lnk_fb {

    color: #633

}

#leftbar #surmenu div .lnk_fb a {

    color: #036;

    font-size: .9em;

    padding: 0

}

#leftbar #surmenu div a:hover {

    text-decoration: none

}

#leftbar #surmenu td.td_menu {

    width: 135px;

    border: 0 solid #00f

}

#leftbar #surmenu td.td_replie {

    width: 20px;

    padding: 0;

    text-align: center;

    border: 0 solid #00f

}

#leftbar #surmenu td.td_replie span {

    width: 20px;

    display: block;

    border: 0 solid #00f;

    color: #fff;

    font-weight: 400;

    font-size: 15px

}

#leftbar #surmenu table.menu_left td {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    height: auto!important;

    line-height: 15px!important;

    padding: 7px 2px

}

#leftbar #surmenu .s_li table.menu_left td {

    line-height: 15px!important;

    padding: 3px 0 5px 3px

}

#leftbar #surmenu .ssous_rub .s_li table.menu_left td {

    line-height: 15px!important;

    background: #fed url(/images/blanc_65.png);

    padding: 7px 0 7px 5px

}

#leftbar #surmenu table.menu_left td a {

    color: #222;
    display: block;
    font-size: 18px;
    line-height: 110%;
    padding: 0 0 0 30px;
    text-align: left;
    text-transform: uppercase;
}

#leftbar #surmenu .s_li table.menu_left td a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 0 0 0 20px;
    text-align: left!important
}

#leftbar #surmenu table.menu_left td a.devmoins, #leftbar #surmenu table.menu_left td a.devplus {

    display: inline;

    font-size: 10px;

    width: 15px;

    float: left

}

#leftbar #surmenu li.up a {

    font-weight: 700;

    text-shadow: 1px 0 4px #000

}

#menu_banner_left {

    background: #f8d86e;

    border: 0 solid red;

    border-radius: 5px;

    box-shadow: 1px 1px 3px -1px #000;

    color: #000!important;

    font-weight: 700;

    height: 35px;

    left: 50%;

    line-height: 35px;

    margin-left: 141px;

    padding: 14px;

    position: absolute;

    text-align: center;

    top: 88px;

    width: 150px

}

#menu_banner_left a {

    color: #000;

    font-size: 1.3em;

    text-transform: uppercase

}

#menu_banner_left ul {

    list-style: none;

    margin: 0

}

#menu_banner_left li {

    float: left

}

#menu_banner_left li a img {

    width: 110px;

    height: 30px

}

#menu_banner_left li a {

    width: 110px;

    display: block;

    height: 33px;

    color: #fff;

    font-size: 1.3em;

    text-align: center;

    line-height: 32px;

    margin: 0 5px

}

#menu_banner_left li a span {

    margin-top: -25px;

    display: block

}

nav#alt_acces {

    margin: 0;

    position: absolute;

    top: -80px;

    z-index: 103;

    text-align: center;

    display: flex;

    justify-content: space-between;

    right: 0;

    left: auto;

    width: 170px

}

nav#alt_acces li {

    display: inline-block;

    list-style: outside none none;

    font-size: 1.25em;

    margin: auto;

    text-transform: uppercase;

    font-weight: 700

}

nav#alt_acces .ul_right {

    display: flex;

    margin: 5px;

    justify-content: space-between

}

nav#alt_acces li a {

    display: flex

}

nav#alt_acces li a img {

    display: inline-block;

    margin: auto 2px auto 0;

    height: 35px

}

nav#alt_acces li.nl_compte a {

    color: #fff

}

nav#alt_acces li.nl_fb a {

    color: #fff

}

nav#alt_acces li.nl_contact a {

    color: #fff

}

.index nav#alt_acces li.nl_compte a {

    color: #0062bd

}

.index nav#alt_acces li.nl_fb a {

    color: #0062bd

}

.index nav#alt_acces li.nl_contact a {

    color: #0062bd

}

#menu_hd {

    background: rgba(0, 0, 0, .6);

    float: none;

    height: 60px;

    position: absolute;

    right: 361px;

    top: -85px;

    width: 200px;

    border-radius: 3px;

    box-shadow: 0 3px 15px -8px #000;

    color: #666;

    z-index: 100;

    left: auto;

    display: block

}

.short #menu_hd {

    background: #fff;

    float: none;

    height: 30px;

    position: absolute;

    right: calc(0%+ 0px);

    top: 46px;

    width: 160px;

    border-radius: 3px;

    box-shadow: 0 5px 15px -10px #000;

    border: 1px solid #e06;

    color: #e06;

    z-index: 54

}

.short .ul_first li.lnk_accueil a {

    height: 35px

}

.short .ul_first li.lnk_accueil a span {

    opacity: 0

}

.short #cart {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 3px;

    font-size: 1.2em;

    height: 25px;

    left: auto;

    margin: auto!important;

    padding: 0;

    position: relative;

    top: 5px;

    width: 160px

}

.short #cart .inner_cart {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 0;

    float: none;

    height: 48px;

    width: 75%;

    margin: auto!important

}

.short #cart .inner_cart {

    margin: auto;

    display: flex;

    height: 20px

}

.short #cart h3 {

    font-size: 16px;

    margin: auto

}

.menu_smart {

    display: none

}

.titre_page {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #333;
    font-size: 3em;
    font-weight: 400;
    margin: 30px 0 5px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}

#page.present .titre_page {

    font-size: 1.4em;

    font-weight: 700;

    letter-spacing: 2px;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

    background: url(../images/fond_body.png) repeat 0 0;

    margin: 0;

    padding: 2px 0

}

.textbloc {

    font-size: 135%;

    height: auto;

    padding: 5px 5%

}

.textbloc > h2 {

    line-height: 160%

}

.textbloc p {

    margin: 15px 0;

    font-size: 1.3em;

    font-family: dosis;

    line-height: 120%;

    color: #888

}

.textbloc p span {

    line-height: auto!important

}

body#fiche_produit .img_vignette {

    border: 1px solid #fff;

    width: 98%;

    height: auto!important

}

body#fiche_produit #page.pages_gammes #vignettes_img {

    width: 95%;

    float: none;

    overflow: hidden;

    position: static;

    background: #fff;

    top: 180px;

    border-top: 0 solid #333;

    border-bottom: 0 solid #333;

    border: 1px solid #fff;

    margin: 0 1%;

    padding: 1%

}

body#fiche_produit #page #vignettes_img {

    border-radius: 15px 0

}

body#fiche_produit #page #vignettes_img #ajout_devis {

    border-top: 1px solid #125;

    margin: 30px 0 0;

    float: left;

    width: 100%

}

h3.t_fiche {

    color: #333;

    margin-top: 20px;

    border-top: 1px dashed #666

}

body#fiche_produit #page.pages_gammes .img_vignette > h3 {

    font-size: 2em!important;

    color: #060

}

#prod_fiche .row_doc {

    margin: 10px

}

#prod_fiche a {

    color: #060

}

#prod_fiche a:hover {

    color: #090

}

.img_vignette span.legend {

    margin: auto;

    display: block;

    float: none;

    clear: both;

    text-align: center

}

#prod_fiche .row {

    margin: 10px;

    clear: both;

    border-bottom: 1px solid #060;

    border-top: 1px solid #060

}

#prod_fiche .row .img_ref {

    width: 120px;

    text-align: center;

    background: #fff;

    float: right

}

#prod_fiche .row .img_ref span {

    background: url(/images/noir_80.png) repeat scroll 0 0 transparent;

    color: #fff;

    display: block;

    float: right;

    font-size: 10px;

    line-height: 20px;

    margin-top: -20px;

    text-align: center;

    position: relative;

    width: 100%

}

#prod_fiche .row .img_ref span img {

    height: 20px

}

#prod_fiche .row .img_ref img {

    width: auto;

    height: auto

}

body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette a {

    height: auto!important;

    float: left;

    width: 350px;

    padding: 0!important

}

body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette img.main_img {

    width: 350px!important;

    height: auto!important;

    float: left

}

#page #image_main {

    clear: both;

    overflow: hidden;

    height: 450px;

    width: 646px

}

#page #image_main img {

    min-height: 450px;

    min-width: 646px

}

#cont_texte {

    background: url(/images/blanc_80_grand.png) no-repeat bottom left scroll transparent;

    border: 0 solid red;

    height: 110px;

    overflow: auto;

    padding: 10px 10px 0;

    width: 100%

}

#cont_texte > div {

    background: none repeat scroll 0 0 transparent;

    height: 120px;

    margin-top: 0;

    overflow: auto;

    padding: 0;

    width: 98%

}

#cont_texte .image_info_texte {

    float: right;

    height: 110px;

    margin: 0 0 0 20px;

    overflow: hidden;

    width: auto

}

#cont_texte .image_info_texte img {

    max-height: 110px

}

#cont_texte .close_info {

    background: #000;

    text-align: right;

    margin: -10px

}

#cont_texte h2 {

    background: 0 0;

    color: #000;

    padding: 5px;

    font-size: 1.7em;

    text-shadow: 1px 0 1px #000;

    margin: 0

}

#cont_actu h3 {

    height: 24px;

    padding: 0;

    margin: 0;

    font-size: 1.2em;

    color: #fff

}

#cont_actu .l_actu2 .l_titre a:hover {

    color: #000

}

#cont_actu .l_actu .l_titre a {

    text-decoration: none;

    color: #000!important;

    font-weight: 700!important;

    font-size: 1.2em;

    padding: 0

}

#cont_actu .l_titre a:visited {

    color: #fff!important

}

#cont_actu .l_titre a:hover {

    color: #ccc!important;

    text-decoration: underline

}

#cont_actu .l_actu, #cont_actu .l_actu2 {

    border: 0;

    clear: both;

    margin: 0 0 15px!important;

    padding: 0 0 5px;

    color: #fff;

    font-family: Geneva, Arial, Helvetica, sans-serif

}

#cont_actu .l_date {

    color: #fff;

    font-size: 1em;

    font-family: Arial, Helvetica, sans-serif;

    text-align: left;

    font-weight: 400;

    width: 217px

}

#cont_actu .l_actu .l_titre, #cont_actu .l_actu2 .l_titre {

    float: left;

    font-weight: 400;

    font-size: 1.1em!important;

    text-align: left;

    margin: 5px 0 0;

    color: #fff

}

#cont_actu .l_actu .l_titre a:link, #cont_actu .l_actu2 .l_titre a:link {

    color: #fff!important

}

#cont_actu .l_actu_det {

    text-indent: 0

}

#cont_actu .l_actu_det .description {

    font-size: 1em!important;

    line-height: 14px;

    color: #fff

}

#cont_actu .l_actu .l_img a img, #cont_actu .l_actu2 .l_img a img {

    float: left;

    margin: 3px 3px 3px 0

}

#cont_actu .zoom {

    float: left;

    border: 0 solid;

    text-align: right;

    margin: 0

}

#cont_actu .l_actu2 .zoom {

    display: none

}

#contact #main_cont_foot textarea {

    border: 1px solid #999;

    border-radius: 5px;

    font-family: Lato, Arial, Helvetica, sans-serif!important;

    height: 150px;

    padding: 1%;

    width: 90%

}

#contact fieldset, #devis fieldset, #espace_pro fieldset {

    margin: 10px 0 0;

    border-top: 3px solid #aaa;

    padding: 5px

}

#contact #main_cont_right fieldset {

    margin: 10px 0 0;

    border-top: 3px solid #060;

    padding: 5px

}

#contact legend, #devis legend {

    padding: 0 10px;

    font-size: 1.5em;

    color: #aaa

}

#contact #main_cont_right legend {

    padding: 0 10px;

    font-size: 1.5em;

    color: #060

}

#devis select {

    border: 1px solid #999;

    width: 300px

}

#contact .bloc .champs {

    width: 18%

}

#contact .bloc_cp input, #contact .bloc_ville input, #devis .bloc_cp input, #devis .bloc_ville input {

    width: 180px!important;

    border: 1px solid #ddd!important;

    background: #eee!important

}

#contact .bloc_cp label, #contact .bloc_ville label, #devis .bloc_cp label, #devis .bloc_ville label {

    font-size: 1.1em

}

#contact hr, #devis hr {

    background: none repeat scroll 0 0 #999;

    border: 0 none;

    clear: both;

    height: 1px

}

#contact .bloc_cp .champs, #contact .bloc_ville .champs, #devis .bloc_cp .champs, #devis .bloc_ville .champs {

    width: 100px!important

}

#contact #main .bloc_cp, #contact #main .bloc_ville, #devis #main .bloc_cp, #devis #main .bloc_ville {

    float: left;

    clear: none;

    width: 48%!important

}

#contact .bloc label, #devis .bloc label {

    font-size: 1.1em;

    width: 95%

}

#contact #bouton_valide input, #devis #bouton_valide input {

    height: auto;

    border: 0

}

#main .bloc, #main_cont .bloc_cp, #main_cont .bloc_ville, .f_contact {

    margin: 5px 0;

    padding: 0;

    clear: both

}

#page_cart #main_cont .bloc_cp, #page_cart #main_cont .bloc_ville {

    clear: none;

    width: 48%

}

.captcha {

    background: #fff none repeat scroll 0 0;

    border-radius: 15px;

    margin: 15px;

    padding: 2%;

    width: 300px

}

.captcha #captcha_code {

    background: #eee;

    border: 1px solid #ddd;

    border-radius: 5px;

    color: #8c8c8c;

    padding: 5px

}

.captcha label {

    margin: 10px;

    display: inline-block

}

.bloc #form {

    overflow-y: auto;

    margin: 0 auto;

    padding: 3px

}

.bloc legend {

    font-weight: 700;

    font-size: 1.3em;

    color: #000;

    margin: 0 0 0 15px;

    padding: 0 3px

}

#contact .bloc input, #devis .bloc input, #espace_pro .f_contact input {

    background: rgba(255, 255, 255, .8)!important;

    border: 1px solid #999!important;

    border-radius: 5px;

    height: 25px;

    padding: 2px;

    width: 65%

}

#contact .bloc textarea, #devis .bloc textarea {

    background: rgba(255, 255, 255, .8)!important;

    border: 1px solid #999!important;

    border-radius: 5px;

    height: 75px;

    padding: 2px;

    width: 65%

}

.bloc_inline {

    margin: 0;

    padding: 0;

    height: 23px

}

.bloc_cp {

    margin: 5px;

    width: 310px;

    float: left;

    height: 20px

}

.bloc_cp input {

    height: 20px

}

.bloc_ville {

    margin: 5px;

    width: 250px;

    float: left;

    height: 19px

}

.bloc_ville input {

    height: 19px;

    width: 180px

}

.bloc textarea {

    width: 300px;

    height: 60px;

    margin: 0 auto;

    background: #ccc

}

.bloc_adresse {

    margin: 5px;

    width: 400px;

    float: left

}

.bloc .champs {

    width: 210px;

    float: left;

    text-align: right

}

.bloc_adresse textarea {

    background: #ccc;

    width: 280px

}

.bloc_cp .champs {

    width: 210px;

    float: left;

    text-align: right

}

.bloc_ville .champs {

    width: 50px;

    float: left;

    text-align: right

}

.bloc .champs2 {

    width: 400px;

    float: left;

    text-align: left

}

#form .bloco {

    width: 300px;

    text-align: center;

    margin: 0 auto

}

#espace_pro .f_contact .label, .bloc label {

    float: left;

    font-size: 1.3em;

    width: 200px;

    text-align: right;

    font-weight: 400;

    color: #333

}

#espace_pro #cont_pro .doci {

    border: 0 solid #00f;

    float: left;

    height: 45px;

    margin: 5px;

    background: url(/images/clef.png) no-repeat center;

    width: 70px

}

.bloc_cp label {

    width: 300px;

    text-align: right;

    font-weight: 400;

    font-size: 1.3em

}

.bloc_ville label {

    width: 300px;

    text-align: right;

    font-weight: 400;

    font-size: 1.3em

}

#bouton_valide {

    width: 300px;

    text-align: center;

    margin: -10px auto 10px;

    padding: 0

}

#bouton_valide input {

    background: 0 0

}

.obligatoire {

    color: #06e;

    font-size: 1em;

    font-weight: 400;

    margin: 0 auto;

    text-align: right;

    width: 500px

}

#page_valide {

    background: none repeat scroll 0 0 #fff;

    border-radius: 15px;

    box-shadow: 0 0 18px -10px #000;

    margin: 5% auto;

    padding: 5% 10%;

    position: relative;

    text-align: center;

    width: 60%

}

#banner_valide {

    text-align: center

}

#wrapper_valide {

    margin: 0;

    min-height: 50px;

    padding: 0;

    text-align: center;

    width: 100%

}

#wrapper_valide .send {

    font-size: 1.3em;

    font-weight: 700;

    color: #666;

    padding: 3px

}

#adresse_valide {

    color: #666;

    margin: 0 auto 15px;

    text-align: center;

    width: 90%

}

#adresse_valide p {

    font-size: 1.3em!important;

    color: #ccc;

    padding: 3px

}

#mentions .creaprime {

    color: #999;

    font-size: 1em;

    font-family: Verdana, Helvetica, sans-serif;

    font-weight: 700

}

#mentions .creaprime span {

    font-size: 1em;

    font-family: Verdana, Helvetica, sans-serif;

    font-weight: 700;

    font-style: italic

}

#mentions .creaprime span a {

    color: #c90

}

#text_gamme {

    padding: 10px

}

#text_gamme ul {

    margin: 10px;

    padding: 0 0 0 20px;

    color: #000

}

#liste_actus {

    border: 0 solid red!important;

    margin: 0 4%;

    width: 90%

}

#actualites .l_actu {

    background: none repeat scroll 0 0 #fff;

    margin: 20px 0 15px 5px;

    padding: 5px 5px 5px 20px

}

#actualites .l_actu.up {

    background: #666;

    display: none

}

#actualites .l_actu .l_date {

    font-size: .9em;

    color: #000;

    text-align: right;

    border-bottom: 1px solid #000

}

#actualites .l_actu .l_img, #actualites .l_actu .l_img2 {

    float: left

}

#actualites .l_actu .l_img {

    background: #fff none repeat scroll 0 0;

    display: inline-block;

    float: none;

    margin: 5px;

    padding: 2px;

    vertical-align: top

}

#actualites .l_actu .l_img img {
    height: auto;
    max-height: 240px;
    max-width: 320px;
    width: auto;
    box-shadow: 0 5px 15px -10px #000
}

.l_actu_det {

    display: inline-block;

    margin: 5px 5%;

    vertical-align: top;

    width: 60%

}

#actualites .l_titre {

    color: #000;

    font-size: 1.8em;

    margin: 15px;

    padding-left: 10px;

    text-align: left

}

#actualites .l_titre a {

    color: #000

}

#actualites .l_actu .l_actu_det .description {

    color: #333;

    text-indent: none;

    text-align: justify;

    line-height: 120%;

    padding: 0

}

#actualites .img_z {

    width: 320px;

    float: left;

    margin: 0 5px 0 0

}

#actualites .img_z img {

    width: 300px

}

#actualites .head_actu {

    border-bottom: 3px solid rgba(0, 0, 0, .5);

    border-radius: 9px;

    box-shadow: 0 5px 15px -12px #000;

    float: left;

    margin: 5%;

    padding: 5%;

    width: 80%

}

#actualites .head_actu span {

    text-align: left;

    font-family: Verdana, Arial, Helvetica, sans-serif

}

#actualites .head_actu .datefull {

    background: url(/images/deg_blanc.png) repeat scroll 0 0 #e11de1;

    color: #fff;

    display: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 1em;

    font-weight: 400;

    margin: 0 0 0 -4px;

    padding: 0 10px 0 0;

    text-align: right

}

.lnk_form {

    display: none

}

#actualites .head_actu h2 {

    text-align: Arial, Helvetica, sans-serif;

    font-size: 1.8em!important;

    font-weight: 700;

    color: #000!important;

    margin: 0 0 10px;

    padding: 0

}

.zoom {

    font-family: lato, Verdana, Arial, Helvetica, sans-serif;

    font-size: 1.2em;

    float: right;

    font-weight: 700

}

#partenaires #main {

    margin: 0 auto;

    text-align: center;

    width: 90%

}

#partenaires li.part {

    display: inline-block;

    float: none;

    height: 250px;

    margin: 0 10px 10px;

    overflow: hidden;

    vertical-align: top;

    width: 210px

}

#partenaires a.bout_dep, #partenaires a.bout_rep {

    float: left

}

#partenaires li.part .cont_img {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ddd;

    border-radius: 200px;

    float: none;

    height: 195px;

    overflow: hidden;

    width: 195px

}

#partenaires li.part:hover .cont_img {

    border: 10px solid #81a600;

    box-shadow: 0 2px 5px -3px #000;

    float: none;

    height: 175px;

    transition: all .3s ease 0;

    width: 175px

}

#partenaires li.part .cont_img {

    float: none;

    height: 195px;

    width: 195px

}

#partenaires .part .img_part {

    overflow: hidden;

    text-align: center

}

.part .lnk_part {

    clear: both;

    height: auto;

    line-height: 130%;

    width: auto

}

#partenaires li.part td.img_part {

    height: 195px;

    padding: 0;

    width: 195px

}

#partenaires li.part:hover td.img_part {

    height: 175px;

    width: 175px

}

#partenaires .part .img_part img {

    max-height: 135px;

    max-width: 160px;

    overflow: hidden;

    text-align: center

}

#partenaires .part div {

    text-align: center;

    width: auto

}

#partenaires .part a {

    color: #666;

    display: inline-block;

    font-family: Oswald;

    font-size: 1.2em;

    font-weight: 400;

    margin: 5px;

    text-align: center;

    text-transform: uppercase

}

#partenaires .part .ico_web {

    background: #fff none repeat scroll 0 0;

    display: none;

    padding: 2px 0 0;

    text-align: center

}

.replie {

    display: none

}

#MooFlow {

    width: 95%

}

#diap_index {

    display: none;

    height: 600px;

    background-size: cover;

    background-position: center;

    position: relative

}

#gal_foot {

    padding: 10px;

    text-align: center;

    display: flex;

    flex-wrap: wrap;

    justify-content: center

}

#gal_foot a {

    box-shadow: 0 5px 7px -7px #000;

    display: block;

    float: none;

    height: 200px;

    width: 200px

}

#gal_foot .paysage a img {

    padding: 0;

    height: 200px

}

#gal_foot .portrait a img {

    padding: 0;

    width: 200px

}

#gal_foot .img_foot {

    display: inline-block;

    width: 200px;

    height: 200px;

    overflow: hidden;

    margin: 10px 12px;

    box-shadow: 0 5px 15px -8px #000;

    background-size: cover;

    background-position: center

}

#gal_foot .img_foot a span.caption {

    background: none repeat scroll 0 0 rgba(0, 0, 0, .7);

    color: #fff;

    display: none;

    height: 26px;

    line-height: 12px;

    margin-bottom: -30px;

    padding: 2px 5px;

    position: relative;

    text-align: center;

    top: 150px;

    width: 190px

}

#gal_foot .img_foot a:hover span.caption {

    display: block

}

#gal_right {

    float: right;

    overflow: hidden;

    padding: 10px;

    width: 125px

}

#gal_right a {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 5px 7px -3px #000;

    display: block;

    float: left;

    margin: 2px 3px;

    padding: 3px;

    width: 120px

}

#gal_right a img {

    width: 120px;

    overflow: hidden

}

.index #leftbar .box.box_new {

    display: none

}

.box_prod {

    border: 1px solid #ddd;

    border-radius: 0;

    box-shadow: 4px 5px 7px #ddd;

    float: left;

    margin: 5px 2% 15px;

    padding: 10px;

    width: 90%

}

.box_prod .box_prod_left {

    float: left;

    width: 25%

}

.box_prod .box_prod_middle {

    float: left;

    width: 40%

}

.box_prod .box_prod_right {

    border-left: 1px solid #ddd;

    float: left;

    padding: 0 0 0 10px;

    width: 29%;

    margin: 0 0 0 1%

}

.box_prod .prod_desc {

    display: none

}

.box_prod .box_prod_right .lp_prix {

    color: #000;

    font-size: 22px

}

.box_prod .box_prod_right .lp_prix span em, .prix_fiche span em {

    color: #666;

    font-size: 18px;

    text-transform: uppercase;

    padding: 0 0 0 20px;

    font-style: normal

}

.box_prod .box_prod_middle .variantes.f_row select {

    font-size: 1.3em;

    height: 25px

}

.box_prod .box_prod_middle .variantes.f_row {

    margin: 10px 0

}

.box_prod .semi_pi.info {

    float: right;

    line-height: 26px

}

.box_prod .semi_pi.zoom {

    margin: -20px 0 0 -50px;

    position: relative;

    width: 50px

}

.box_prod .semi_pi.zoom a {

    color: #000;

    font-size: 12px;

    font-weight: 400

}

.box_prod .semi_pi.zoom a:hover {

    color: #145dc7

}

.box_prod .semi_pi.info a {

    color: #000

}

.box_prod .semi_pi.info a:hover {

    color: #145dc7

}

.box.box_new, .box.box_spe {

    margin: 0 0 0 17px;

    text-align: center;

    width: 235px

}

.box .box_prod .img_prod {

    background: none repeat scroll 0 0 #fff;

    height: 180px;

    margin: auto;

    overflow: hidden;

    text-align: center;

    width: 160px

}

.box .box_prod .box_prod_left {

    float: left;

    width: 90%

}

.box .box_prod .box_prod_right {

    border: 0 none;

    float: right;

    font-size: 1.3em;

    margin: 10px;

    padding: 0;

    text-align: right;

    width: 90%

}

.box_prod .prod_nom {

    color: #145dc7;

    font-size: 1.3em;

    height: 30px;

    line-height: 15px;

    margin-top: 0

}

.box_prod .img_prod {

    width: 160px;

    height: 180px;

    overflow: hidden;

    text-align: center;

    background: #fff

}

.box_prod .img_prod table {

    border: 0

}

.box_prod .img_prod td {

    border: 0;

    padding: 0;

    width: 160px;

    height: 180px

}

.box_prod .prod_info {

    height: 30px;

    margin: 5px 0;

    padding: 5px 0

}

.box_prod .img_prod img.paysage {

    max-width: 100%;

    height: auto;

    max-height: 180px

}

.box_prod .img_prod img.paysage {

    height: auto

}

.box_prod .etat_stock {

    color: #000;

    font-size: 11px;

    height: 15px;

    line-height: 15px;

    margin: 0;

    padding: 0 1px 0 0

}

.box_prod .etat_stock .ok {

    background: url(/images/stock_ok.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);

    display: block;

    height: 15px;

    width: 62px

}

.box_prod.bp_light {

    border: 0!important;

    float: none;

    margin: 20px 2.1% 15px;

    padding: 0;

    width: calc(24.3% - 10px);

    border-radius: 5px;

    position: relative;

    box-shadow: 1px 3px 9px -5px rgba(0, 0, 0, .5);

    height: 380px;

    background: #fff

}

.box_prod.bp_light.mk_3 {

    border: 4px solid rgba(235, 0, 100, .3)

}

.box_prod.bp_light.mk_5 {

    border: 4px solid rgba(235, 0, 100, .5);

    width: 44%;

    height: auto

}

.box_prod.bp_light.mk_5 .img_prod {

    background: 0 0;

    height: 170px;

    overflow: hidden;

    text-align: center;

    width: 55%;

    margin: 25px 0;

    display: flex;

    float: left;

    justify-content: center

}

.box_prod.bp_light.mk_5 .box_prod_right {

    display: none

}

.box_prod.bp_light.mk_5 .prod_nom {

    color: #666;

    font-size: 1.8em;

    margin: 25px 1%;

    width: 40%;

    float: left

}

.box_prod.mk_5 .prod_info {

    height: 30px;

    margin: 0 3%;

    padding: 5px 0;

    float: left;

    width: 38%

}

.box_prod.bp_light.mk_5 .prod_desc {

    display: flex;

    clear: both;

    justify-content: center;

    font-size: 1.3em;

    border-top: 3px solid rgba(235, 0, 100, .5);

    padding-top: 10px

}

.box_prod.bp_light .box_prod_left {

    float: left;

    margin: 0 2%;

    text-align: center;

    width: 96%

}

.box_prod.bp_light .img_prod {

    background: 0 0;

    height: 250px;

    overflow: hidden;

    text-align: center;

    width: auto;

    margin: 5px 0;

    display: flex;

    position: relative;

    justify-content: center

}

.box_prod.bp_light .box_prod_right {

    float: none;

    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

    clear: both

}

.box_prod.bp_light .img_prod a {

    display: flex

}

.box_prod.bp_light .img_prod img {

    position: relative;

    max-width: 100%;

    max-height: 100%;

    margin: auto

}

.box_prod.bp_light .box_prod_right .lp_prix {

    color: #fff;

    font-size: 2em;

    font-family: dosis

}

.box_prod.bp_light .box_prod_right .lp_prix span em, .prix_fiche span em {

    color: inherit;

    font-size: .6em;

    font-style: normal;

    padding: 0 0 0 5px;

    text-transform: uppercase

}

.box_prod.bp_light .semi_pi.zoom {

    margin: -20px 0 0 -50px;

    position: relative;

    width: 50px;

    display: none

}

.box_prod.bp_light .prod_nom {

    color: #000;

    font-size: 2em;

    height: 3em;

    line-height: 1em!important;

    margin: -10px 0;

    font-family: dosis;

    font-weight: 700;

    display: flex;

    justify-content: center;

    align-items: center

}

.box_prod.bp_light .semi_pi.zoom a {

    color: #999;

    font-size: 10px;

    font-weight: 400

}

.box_prod.bp_light .prod_marque {

    display: none

}

.box_prod .etat_stock .non em {

    display: none

}

.box_prod .etat_stock .non {

    color: red;

    background: url(/images/hors_stock.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);

    display: block;

    height: 15px;

    width: 62px

}

.box_prod .prod_info .semi_pi {

    float: right;

    margin: 0 1% 1% 0;

    width: 48%

}

.box_prod .prod_info .alt_bout_commande {

    text-align: right

}

.box_prod .prod_info .semi_pi.info a {

    background: none repeat scroll 0 0 #e75012;

    border-radius: 10px 10px 10px 10px;

    color: #fff;

    font-size: 15px;

    font-style: italic!important;

    font-weight: 700;

    margin: 0 0 0 3px;

    padding: 0 8px

}

.box_prod .prod_info .semi_pi.zoom a {

    display: none;

    padding: 0 30px 0 10px;

    color: #e75012;

    background: url(/images/zoom_bleu.png) no-repeat right center

}

.box_prod .prod_info .semi_pi.add {

    border-top: 1px solid #ddf;

    width: 95%;

    margin: auto

}

.box_prod .prod_info .semi_pi.add input {

    background: 0 0;

    margin: 0 0 -5px 10px

}

#main.enregistrement {

    padding: 0 15px;

    margin: 0;

    border: 0 solid #ddd;

    color: #666

}

#cont_compte {

    background: #f5ffff

}

#main.enregistrement .label {

    float: left;

    width: 200px;

    display: block;

    color: #333

}

#main.enregistrement .label {

    float: left;

    width: 30%;

    display: block;

    color: #333

}

#main.enregistrement h4 {

    color: #333

}

#main.enregistrement .form {

    clear: both;

    margin: 8px 0;

    min-height: 20px

}

#main.enregistrement textarea {

    background: #ccc;

    height: 100px;

    width: 306px

}

#main.enregistrement input {

    background: url(/images/deg_blanc.png) repeat scroll 0 0 #f5f5f5;

    border-radius: 3px;

    color: #335;

    font-size: 16px;

    height: 28px;

    padding: 0 0 0 5px;

    width: 300px;

    width: calc(69%);

    border: 1px solid #ddd

}

#main.enregistrement textarea {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #def;

    border-radius: 3px;

    color: #335;

    font-size: 16px;

    height: 150px;

    padding: 0 0 0 5px;

    width: 300px;

    width: calc(69%);

    border: 1px solid #999

}

.form.spe {

    border: 1px solid rgba(0, 0, 0, .2);

    margin: 15px 0!important;

    padding: 12px;

    border-radius: 10px;

    box-shadow: 0 5px 15px -10px #000;

    position: relative

}

.form.spe.spe_ce {

    border-color: #06d;

    background: rgba(0, 100, 250, .05)

}

.form.spe.spe_ce label {

    color: #06d!important

}

.minfo {

    position: absolute;

    background: #fff;

    padding: 30px;

    width: 80%;

    margin: 2% 10%;

    border: 4px solid rgba(0, 0, 0, .2);

    border-radius: 10px;

    box-shadow: 0 5px 15px -10px #000;

    z-index: 5;

    display: none

}

input.b_img {

    width: auto!important;

    background: 0 0!important;

    height: auto!important

}

.f_form input {

    width: auto!important;

    height: auto!important

}

#main.enregistrement fieldset {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);

    border-color: #50cefe;

    border-image: none;

    border-right: 0 none;

    border-style: solid none none;

    border-width: 3px 0 0;

    margin: 40px 0 0;

    padding: 30px;

    width: 95%;

    font-size: 1.3em

}

#main.enregistrement #inscription {

    clear: both;

    margin: 2px 0;

    border-top: 1px dotted #fad;

    border-bottom: 1px dotted #fad

}

#main.enregistrement fieldset legend {

    color: #333;

    font-size: 18px;

    font-weight: 700;

    padding: 0 5px;

    margin: 0 0 0 10px!important

}

#box_log h2, #box_log h3, #box_log h4 {

    margin: 2px 1%!important;

    float: left;

    font-size: .9em;

    font-weight: 400;

    text-align: center!important

}

#box_log h4 {

    border-left: 1px solid #fff;

    margin: 0 0 0 10px;

    padding: 0 0 0 10px

}

#box_log h4 em {

    display: inline

}

#box_log h2 a, #box_log h3 a, #box_log h4 a {

    color: #fff!important;

    font-size: 13px;

    text-transform: uppercase

}

#head_commande {

    width: 100%;

    height: 90px

}

#main.commande_1 #mid_top {

    background: url(/images/blanc_80.png);

    height: 550px;

    padding: 5px;

    border-radius: 10px;

    width: 93%;

    overflow: auto;

    box-shadow: 1px 2px 4px #603

}

#main.commande_1 #mid_top h2 {

    margin: 5px

}

#main.commande_1 #mid_top a {

    color: #906

}

#main.commande_1 .row {

    margin: 5px;

    border-bottom: 1px solid #06c;

    padding: 5px;

    background: #eef

}

#main.commande_1 fieldset {

    padding: 1px;

    border: 0;

    margin: 10px 0;

    border-top: 1px solid #fff

}

#main.commande_1 fieldset legend {

    color: rgba(0, 80, 200, .8);

    margin: 0 5px;

    padding: 0 5px;

    font-size: 1.4em;

    text-transform: uppercase

}

h4.c_titre {

    text-align: center;

    font-size: 1.7em;

    text-transform: uppercase;

    color: rgba(0, 80, 200, .8)

}

#main.commande_1 .row span {

    color: #06c;

    display: block;

    float: left;

    font-weight: 400;

    margin: -5px 5px;

    text-align: right;

    width: 150px;

    padding: 5px

}

#main.commande_1 .row span.Variante {

    float: none;

    width: auto!important;

    font-size: 90%;

    text-align: center

}

#main.commande_1 .row span.price {

    float: none;

    font-size: 130%;

    background: 0 0;

    display: inline

}

#main.commande_1 #s_cgv {

    position: absolute;

    background: #fff;

    top: 20px;

    z-index: 81;

    height: 650px;

    left: 50%;

    width: 700px;

    padding: 15px;

    display: none;

    overflow: auto;

    margin-left: -350px

}

#main.commande_1 fieldset {

    clear: both;

    border-top: 3px solid #999;

    margin: 30px 0;

    padding: 2%

}

#lnk_fb {

    clear: both;

    margin: 0;

    position: static

}

fieldset.l_commande em {

    float: right;

    margin: -20px 15px 0 0

}

fieldset.l_commande .row {

    border: 0!important;

    background: #ddd

}

#foot li a {

    font-size: 12px;

    color: #e78

}

#foot li {

    border-left: 1px solid #e78;

    color: #e78

}

#list_doc {

    border: 0 solid #ddd

}

#list_doc fieldset {

    border-top: 2px solid #69d;

    padding: 10px 0 0 10px

}

#list_doc legend a {

    font-size: 1.3em;

    color: #69d;

    margin: 0 5px 0 10px

}

#list_doc .doc {

    padding: 5px;

    border-bottom: 1px solid #ddd

}

#list_doc .doc .img_doc {

    float: left;

    margin: 0 10px

}

#list_doc .doc .date_doc {

    clear: both;

    color: #999

}

#actu_spe_plus {

    display: none

}

a.bout_exemple {

    background: #ec760e;

    padding: 5px 15px;

    border-radius: 10px;

    color: #fff;

    font-weight: 700

}

a.bout_exemple:hover {

    text-shadow: 1px 0 3px #fff

}

table.table_option {

    border: 0 solid red;

    box-shadow: 5px 8px 6px #999;

    width: 420px!important

}

table.table_option tr {

    height: 86px

}

table.table_option td {

    background: 0 0!important

}

table.table_option td h1 {

    margin: 0 0 0 50px

}

table.table_option td h1 a {

    color: #ffe

}

table.table_option td img {

    margin: 0 -2px 0 0!important

}

table.table_option td h1 a:hover {

    color: #fff;

    text-shadow: 1px 0 3px #fff

}

table.ecart {

    border: 1px solid #666;

    width: 99.5%

}

table.ecart td {

    padding: 5px;

    background: linear-gradient(0deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .3));

    border: 1px solid #ddd;

    text-align: center;

    border-color: #fff #ddd #ccc #ddd

}

table.ecart th {

    background: #178d00 linear-gradient(0deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));

    color: #fff;

    text-shadow: 1px 1px 3px #000;

    font-weight: 400;

    font-size: 130%;

    border: 1px solid #666;

    padding: 10px

}

.variantes.f_row select {

    border: 1px solid #ccc;

    font-size: 1.5em;

    height: 30px;

    line-height: 30px;

    width: 100%

}

#retour_ecart {

    margin: -30px 10px 0 0

}

a.b_ajouter_panier {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 -10px #145dc7;

    color: #fff;

    display: block;

    margin: 3px;

    padding: 5px 6px;

    text-align: center;

    width: 150px

}

#menu_spe_index {

    background: url(/images/halo_blanc.png) repeat-y -10% 0 #ddd;

    height: 195px;

    margin: 5px 0 10px;

    width: 100%

}

.box.box_new.box_index .box_prod {

    margin: 5px;

    width: 220px;

    border: 0;

    box-shadow: none

}

.box.box_new.box_index .prod_nom {

    font-size: 17px;

    height: 40px

}

.box.box_new.box_index {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #ddd;

    box-shadow: 1px 1px 8px #ddd;

    margin: 12px 0 0;

    min-height: 335px;

    width: 93%

}

.box.box_new.box_index h3 {

    border-bottom: 1px solid #ddd;

    box-shadow: 0 -3px 5px #ddd inset;

    font-family: arial, sans-serif;

    font-size: 18px;

    font-weight: 400;

    padding: 0 0 6px 10px;

    text-align: left

}

#menu_smart {

    display: none

}

input.b_img {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

    display: block;

    height: auto!important;

    margin: 10px auto;

    text-align: center;

    width: auto!important;

    border: 0!important

}

input.cq_maj {

    display: inline;

    font-size: 120%;

    text-align: center;

    width: 40px;

    font-weight: 700;

    background: #eee;

    border: 1px solid #ddd;

    padding: 5px

}

input.cq_maj.modif {

    border: 2px solid #00f;

    color: #00f;

    display: inline;

    font-size: 120%;

    font-weight: 700;

    text-align: center;

    width: 27px

}

table.tableau_index td {

    padding: 5px 10px

}

.vignette_variante {

    float: none;

    margin: 5%;

    width: auto

}

.vignette_variante .img_var_val {

    cursor: pointer;

    height: 170px;

    overflow: hidden;

    text-align: center;

    width: 100%

}

.vignette_variante .img_var_val img {

    max-height: 170px;

    max-width: 100%

}

.vignette_variante .nom_var_val {

    height: 35px;

    text-align: center

}

.vignette_variante .variantes.f_row select {

    border: 1px solid #ccc;

    font-size: 1em;

    height: 1.5em;

    line-height: 1.5em;

    margin: 1% auto;

    width: 96%

}

.vignette_variante label {

    color: #666;

    font-size: 11px;

    margin: auto

}

.barre_action {

    border-radius: 3px 0 0 3px;

    display: flex;

    justify-content: space-between

}

.barre_action table {

    width: 100%;

    border-collapse: collapse

}

.barre_action table th {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #222;

    color: #fff;

    font-size: 12px;

    height: 13px!important;

    padding: 0;

    text-align: center

}

.barre_action table td {

    padding: 0;

    text-align: center

}

.barre_action table td input {

    width: 100%

}

.barre_action table th.ba_stock {

    width: 27%

}

.barre_action table th.ba_qte {

    width: 27%

}

.barre_action table th.ba_prix {

    width: 27%

}

.barre_action table th.ba_add {

    width: 19%

}

.barre_action table td.ba_stock {

    width: 27%

}

.barre_action table td.ba_qte {

    width: 27%

}

.barre_action table td.ba_qte input {

    background: none repeat scroll 0 0 #eee;

    border-left: 1px solid #999;

    height: 25px;

    text-align: center;

    width: 100%

}

.barre_action table td.ba_prix {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #def;

    width: 27%

}

.barre_action table th.ba_add {

    background: none repeat scroll 0 0 transparent;

    width: 19%

}

.barre_action table th.ba_add img {

    display: block

}

.in_stock {

    display: block;

    padding: 5px;

    height: auto;

    width: calc(100% - 10px)

}

.ok.in_stock {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #3d6;

    display: block;

    width: calc(100% - 10px);

    text-align: center;

    padding: 5px;

    height: auto

}

.row.ba_qte input.ba_quantity {

    background: #fff;

    border: 1px solid rgba(0, 0, 0, .5);

    padding: 5px

}

.non.in_stock {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #d00;

    display: block;

    padding: 5px;

    height: auto;

    text-align: center;

    width: 100%

}

.alertstock {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #900;

    border-radius: 6px;

    box-shadow: 3px 3px 9px -2px #000;

    padding: 10px;

    position: absolute;

    text-align: center;

    width: 250px

}

.alertstock a {

    display: block;

    float: right;

    margin: -8px

}

.in_stock a {

    display: block

}

.in_stock a .info_stock {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #666;

    border: 1px solid #000;

    border-radius: 5px;

    box-shadow: 1px 2px 4px -1px #000;

    color: #fff;

    cursor: default;

    display: none;

    margin: -5px;

    padding: 20px 40px;

    position: absolute;

    text-shadow: 1px 1px 1px #000;

    max-width: 250px

}

.in_stock a:hover .info_stock {

    display: block

}

#fp_produit_associe {

    clear: both;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around

}

#nav_prod_onglet {

    display: none

}

#bloc_info_produits {

    padding: 2% 5%;

    font-size: 130%;

    clear: both

}

h2.alerte {

    background: rgba(0, 0, 0, .8) none repeat scroll 0 0;

    border-bottom: 1px dashed red;

    bottom: 0;

    box-shadow: 0 5px 15px -6px #000;

    color: #fff;

    font-size: 13px;

    margin: 0;

    padding: 30px;

    position: fixed;

    text-align: center;

    width: calc(100% - 60px);

    z-index: 1000

}

a.close_alerte {

    color: #fff;

    display: block;

    float: right;

    font-weight: 700;

    margin: 0 30px

}

body#fiche_produit #page #vignettes_img {

    background: 0 0;

    border-radius: 0;

    padding: 10px;

    display: flex;

    width: 100%;

    justify-content: space-between

}

body#fiche_produit #page #vignettes_img #fiche_colgauche {

    float: none;

    margin: .5% 2% 0 1%;

    padding: 5px;

    width: 49%!important;

    position: relative

}

body#fiche_produit #page #vignettes_img #fiche_coldroite {

    float: none;

    margin: .5% 2% 0 1%;

    padding: 5px;

    width: 49%!important;

    position: relative

}

#fiche_colgauche .titre_fiche {

    margin: 0 0 20px

}

body#fiche_produit #page #vignettes_img #desc_all {

    float: none;

    width: auto;

    background: #eee;

    padding: 15px;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 3px;

    margin-top: 30px

}

.fp_colgauche {

    width: 48%;

    display: inline-block;

    vertical-align: top;

    padding-bottom: 50px;

    background: url(/images/paiement.png) no-repeat center calc(100% - 5px)/auto 35px;

    margin-top: 30px

}

.fp_coldroit {

    width: 48%;

    display: inline-block;

    vertical-align: top;

    text-align: center;

    margin-left: 3%

}

#fp_ligne {

    display: flex;

    justify-content: space-between;

    border-top: 3px solid rgba(0, 0, 0, .2);

    padding: 10px 0

}

.lnk_retour {

    float: none;

    margin: 0 10px;

    position: absolute;

    padding: 5px 10px;

    background: #06d;

    color: #fff;

    font-size: 1.3em;

    height: 25px;

    right: 0;

    top: 0;

    z-index: 5000

}

.lnk_retour a {

    color: #9df;

    transition: all .3s ease 0s

}

.lnk_retour a:hover {

    color: #fff

}

body#fiche_produit #page h3.prix_fiche {

    background: rgba(0, 80, 200, .8);

    border: 0 solid #00f;

    border-radius: 3px;

    color: #fff;

    font-size: 2.5em;

    font-weight: 400;

    margin: 0 auto 20px;

    padding: 10px 0;

    text-align: center;

    width: 90%;

    display: none

}

.titre_fiche {

    border-bottom: 0 solid #ddd;

    font-size: 1.8em;

    font-weight: 400;

    padding: 10px 0;

    text-align: left;

    width: calc(100% - 20px)

}

.titre_fiche > span {

    display: none!important

}

body#fiche_produit #page #vignettes_img .img_vignette {

    background: none repeat scroll 0 0 #fff;

    overflow: hidden;

    padding: 0;

    text-align: center

}

body#fiche_produit .img_vignette {

    border: 1px solid #fff;

    height: auto!important;

    width: 98%

}

body#fiche_produit #page #vignettes_img .img_vignette img {

    max-height: 300px;

    max-width: 100%

}

body#fiche_produit #page #vignettes_img .img_vignette img.img_zoom {

    float: right;

    margin: -5px -5px 0 0;

    position: relative;

    z-index: 10;

    display: none

}

body#fiche_produit .box_marque img {

    max-width: 100%;

    max-height: 150px

}

body#fiche_produit .box_marque td {

    text-align: center

}

body#fiche_produit .box_marque {

    margin: 10px auto;

    width: 80%

}

body#fiche_produit .description_produit {

    margin: 10px 0

}

#post_nav {

    clear: both;

    margin: 30px 0 0;

    text-align: center

}

.box_pn {

    display: inline-block

}

.box_pn a.lnk_cart_pn {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #06d;

    border: 1px solid #06d;

    border-radius: 5px;

    box-shadow: 1px 1px 5px -3px #000;

    color: #fff;

    font-size: 1.2em;

    padding: 15px;

    transition: all .3s ease 0s

}

.box_pn a.lnk_cart_pn:hover {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;

    color: #06d

}

span.info {

    display: inline-block;

    margin: 5px;

    font-size: 1.3em;

    color: rgba(0, 80, 200, .6)

}

.row.ba_stock {

    margin: auto

}

.row.ba_qte {

    margin: 5px;

    display: flex;

    justify-content: space-around

}

#cont table {

    background: #fff

}

.h_titre {

    border-top: 2px dashed rgba(199, 158, 98, .4);

    color: #c79e62;

    font-family: viga;

    font-size: 140%;

    font-weight: 400;

    margin-top: 10px;

    padding: 15px;

    text-align: center;

    text-transform: uppercase

}

* {

    border: 0;

    font-style: normal;

    margin: 0;

    padding: 0;

    text-decoration: none

}

body {

    font-family: Lato, trebuchet ms, verdana, arial, sans-serif;

    font-size: 1em;

    margin-top: 0

}

img {

    border: 0;

    vertical-align: bottom

}

.clear {

    clear: both;

    border: 0;

    line-height: 0;

    margin: 0;

    padding: 0

}

.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}

.ind_adresse span {

    color: #4d4d4d;

    display: block;

    font-size: 130%;

    text-align: center;

    margin: 4px 5px 4px 20px

}

.ind_adresse h4 {

    font-size: 1.8em;

    margin: 15px 0

}

.decont {

    background: 0 0!important

}

.ind_adresse span.adr_tel {

    font-size: 170%!important;

    font-weight: 700;

    height: 40px

}

.ind_adresse span a.bt_devis {

    display: none

}

section#id_contact {

    padding: 40px 0;

    background: rgba(240, 240, 240, .9)

}

section#id_contact #contact {

    padding: 0;

    width: calc(100%);

    text-align: center

}

section#localisation {
    position: relative;
    height: 350px;
}

.ind_loca_right {

    float: right;

    height: 450px;

    margin: 15px;

    width: 26%;

    text-align: center

}

section#bloc_marque .ind_cont_titre, section#id_contact .ind_cont_titre, section#localisation .ind_cont_titre {

    color: #1a508b;

    font-size: 2.5em;

    margin: 0 auto;

    padding: 0 0 0 75px;

    position: relative;

    font-family: teko;

    text-align: center;

    background: url(/images/picto_bleu.png) no-repeat 20px center;

    display: inline-block

}

#id_contact .bloc {

    margin: 10px

}

.ind_loca_img {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: #fff none repeat scroll 0 0;

    border-bottom: 5px solid #abd35f;

    border-image: none;

    border-left: 5px solid #abd35f;

    border-radius: 100%;

    border-right: 5px solid #abd35f;

    height: 200px;

    line-height: 164px;

    margin: 10px auto;

    padding: 15px;

    text-align: center;

    width: 200px

}

#banner_menuleft {

    border: 0 solid;

    left: 250px;

    margin: 0;

    position: absolute;

    width: calc(100% - 450px);

    top: -80px;

    display: none

}

#banner_menuleft ul {

    display: flex;

    justify-content: center

}

#banner_menuleft li {

    display: inline-block;

    font-size: 1.3em;

    margin: auto;

    padding: 5px 20px;

    vertical-align: top;

    font-family: dosis;

    background: rgba(255, 255, 255, .7);

    position: relative;

    box-shadow: 0 5px 15px -12px #000

}

#banner_menuleft li > table {

    margin: 0

}

#banner_menuleft li:hover, #banner_menuleft li:hover li {

    background: rgba(26, 112, 187, .95)!important

}

#banner_menuleft li td a {

    color: #000;

    font-weight: 700

}

#banner_menuleft li ul.try {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    left: -999em;

    margin: 0;

    padding: 0;

    position: absolute;

    width: 180px;

    z-index: 1150

}

#menu li ul.try, .nocol #banner_menuleft li ul.try {

    position: absolute;

    width: 135px;

    left: -999em;

    margin: -1px 0 0;

    z-index: 150;

    border: 1px solid #00f

}

.nocol #banner_menuleft li ul.try {

    position: absolute;

    width: calc(100%+ 175px);

    left: -999em;

    margin: 5px 0 0;

    z-index: 150;

    border: 0;

    display: block

}

.nocol #banner_menuleft ul.try li {

    border-top: 0 solid #fff;

    border: none;

    background: rgba(255, 255, 255, .9);

    margin: 0 0 0;

    width: calc(100% - 10px);

    padding: 6px 5px;

    text-align: center;

    transition: all .3s ease 0s;

    box-shadow: 0 5px 15px -9px #000;

    border-bottom: 1px solid rgba(0, 0, 0, .1)

}

#banner_menuleft ul.try li:hover {

    background: rgba(255, 255, 255, 1)

}

#banner_menuleft ul.try li a {

    min-height: 20px;

    font-weight: 700;

    color: #222!important;

    padding: 5px 0;

    font-size: .8em;

    display: block

}

#banner_menuleft li:hover ul.try li a {

    min-height: 20px;

    font-weight: 700;

    padding: 5px 0;

    font-size: .8em;

    display: block;

    text-align: left;

    padding-left: 20px;

    color: #fff!important

}

.nocol #banner_menuleft ul.try li a:hover {

    text-shadow: 0!important

}

#menu_three li ul.try li a:hover, .nocol #banner_menuleft ul.try li a:hover {

    color: rgba(150, 220, 255, 1)!important

}

.nocol #banner_menuleft li li:hover ul, .nocol #banner_menuleft li:hover ul {

    left: -7%;

    min-height: 0

}

.titre_box_left {

    text-align: center

}

#b_main_menu li ul.try, #menu_three li ul.try {

    margin: -5px auto 0;

    position: absolute;

    width: auto;

    z-index: 1150;

    background: rgba(0, 90, 163, .95);

    padding: 10px 0;

    box-shadow: 0 5px 15px -10px #000;

    justify-content: center;

    top: 65px

}

#b_main_menu li#id25 ul.try, #menu_three li#id25 ul.try {

    display: none!important

}

#pages_gamme.pid_25 h1.titre_page {

    position: relative;

    visibility: visible;

    text-align: right;

    margin: -50px 5%;

    color: #feac40;

    font-size: 6em;

    font-weight: 700

}

.deploie {

    display: inline-block;

    margin-left: 0;

    position: absolute;

    right: 0;

    transition: all .3s ease 0;

    top: 50%

}

.deploie .b1 {

    background: #000 none repeat scroll 0 0;

    height: 0;

    left: -5px;

    transform: rotate(45deg);

    position: absolute;

    width: 0;

    transition: all .8s ease 0s

}

.deploie .b2 {

    background: #000 none repeat scroll 0 0;

    height: 0;

    transform: rotate(-45deg);

    position: absolute;

    top: -5px;

    width: 0;

    transition: all .8s ease 0s

}

.short #breadcrumb {

    display: none

}

.short #page #banner {

    box-shadow: 0 5px 13px -10px #000;

    height: 50px;

    margin: 0 auto;

    padding: 0;

    position: fixed;

    top: 0;

    transition: all .3s ease 0s;

    width: 100%;

    z-index: 100

}

.short #retour_accueil a {

    height: 40px;

    position: absolute;

    text-indent: -999em;

    top: 0;

    width: 150px;

    z-index: 15

}

.short #banner_menuleft {

    border: 0 solid;

    margin: 0;

    position: absolute;

    top: 45px;

    transform: scale(.9)

}

.short #retour_accueil a img {

    background: rgba(0, 0, 0, 0) url(/images/logo.png) no-repeat scroll center center/auto 95%

}

.short #conteneur {

    margin-top: 300px

}

.short #b_main_menu {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-radius: 3px;

    height: 40px;

    padding: 0 0 0 150px;

    position: relative;

    top: 0;

    width: calc(100% - 150px);

    z-index: 10

}

#menu_three li ul.try, .short #b_main_menu li ul.try {

    top: 55px

}

.short #b_main_menu table.menu_left td a {

    border: 0 solid;

    border-radius: 5px;

    display: inline-block;

    font-weight: 400;

    height: auto;

    line-height: 120%;

    list-style: outside none none;

    margin: 0;

    padding: 5px 15px

}

.short #inner_banner_ter {

    height: auto

}

.short #alt_acces a .nl_txt {

    display: none

}

.short nav#alt_acces .ul_right {

    width: 80px;

    position: absolute;

    top: -50px;

    right: 0

}

.short nav#alt_acces .ul_left {

    width: 85px;

    position: absolute;

    top: -50px;

    right: 70px

}

.short nav#alt_acces li {

    margin: 0 0 0 5px

}

.short .adresse {

    background: #fff none repeat scroll 0 0;

    border-bottom: 1px solid #999;

    box-shadow: 0 5px 15px -9px #000;

    color: #000!important;

    font-size: 90%;

    left: auto;

    margin: 0;

    position: absolute;

    right: 0;

    text-align: right;

    top: -5px;

    width: 140px;

    display: none

}

#footer .adresse.footer_adresse {

    background: no-repeat;

    border-bottom: 0 solid #999;

    box-shadow: 0 0 0;

    color: #fff!important;

    display: block;

    font-size: 1.2em;

    left: auto;

    margin: 0;

    position: relative;

    right: 0;

    text-align: center;

    top: auto;

    width: 100%

}

#load_load {

    background: rgba(0, 0, 0, 0) url(/images/site_load3.gif) no-repeat scroll center center;

    height: 100%;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 10001

}

#load_f {

    background: rgba(255, 255, 255, .95) none repeat scroll 0 0;

    height: 100%;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 10000

}

.half {

    border: 0!important

}

.vbas .short #page #banner {

    top: -350px;

    transition: all .2s ease 0s

}

.row.row_doc {

    background: rgba(0, 0, 0, 0) linear-gradient(185deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1)) repeat scroll 0 0;

    padding: 18px

}

.row.row_doc span {

    color: #1358c4;

    cursor: pointer;

    display: inline-block;

    font-size: 2em;

    padding: 5px 5px 5px 50px

}

.row.row_doc.row_1 {

    margin-left: 4%

}

.row.row_doc.row_2 {

    margin-left: 8%

}

.row.row_doc.row_0 span {

    background: rgba(0, 0, 0, 0) url(/images/dossier_01.png) no-repeat scroll left center/auto 100%

}

.row.row_doc.row_1 span {

    background: rgba(0, 0, 0, 0) url(/images/dossier_02.png) no-repeat scroll left center/auto 90%

}

.row.row_doc.row_2 span {

    background: rgba(0, 0, 0, 0) url(/images/dossier_03.png) no-repeat scroll left center/auto 80%

}

.nb_doc {

    color: rgba(0, 0, 0, .4);

    float: right;

    font-size: 16px;

    margin: -50px 10px 0 0

}

.hide_dir {

    display: none

}

#cont_prod {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap

}

.lnk_code img {

    width: 100px;

    display: block

}

#cont_prod, .cont_prod {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    box-shadow: none;

    margin: 10px auto;

    border-bottom: 0

}

#cont_prod .h2, .cont_prod .h2 {

    width: 100%;

    text-align: center;

    font-size: 3em;

    color: #1a71bc;

    font-family: dosis, 'fugaz one';

    margin: 10px auto

}

a.close_info {

    display: block;

    position: relative;

    background: #06d;

    color: #fff;

    padding: 10px;

    margin: auto;

    width: 150px;

    text-align: center;

    border-radius: 5px;

    border: 1px solid #fff;

    transition: all .3s ease 0s

}

a.close_info:hover {

    color: #06d;

    border-color: #06d;

    background: #fff

}

input#bouton_submit {

    background: rgba(0, 100, 250, 1);

    color: #fff;

    padding: 30px;

    font-size: 1.4em;

    border: 1px solid #fff;

    border-radius: 5px;

    margin: 5px;

    box-shadow: 0 0;

    cursor: pointer;

    transition: all .3s ease 0s

}

input#bouton_submit:hover {

    background: #fff;

    color: rgba(0, 100, 250, 1);

    border: 1px solid rgba(0, 100, 250, 1);

    box-shadow: 0 5px 15px -10px #000

}

#mon_compte .info {

    border: 4px solid rgba(250, 0, 0, .8);

    padding: 5px 10px;

    color: rgba(250, 0, 0, .8);

    background: rgba(250, 0, 0, .1);

    margin: 10px;

    font-size: 1.3em;

    display: inline-block

}

#mon_compte .info strong {

    display: block

}

#main.enregistrement .legend_seule {

    margin: 5px!important;

    display: inline-block!important;

    padding: 5px 10px;

    border: 1px solid #145dc7;

    width: 150px;

    text-align: center

}

#enregistrement a.lnk_cart_pn, #enregistrement input.lnk_cart_pn {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #06d;

    border: 1px solid #06d;

    border-radius: 5px;

    box-shadow: 1px 1px 5px -3px #000;

    color: #fff;

    font-size: 1em;

    padding: 15px 30px;

    transition: all .3s ease 0s;

    display: inline-block;

    cursor: pointer

}

#enregistrement a.lnk_cart_pn:hover, #enregistrement input.lnk_cart_pn:hover, .box_pn a.lnk_cart_pn:hover {

    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;

    color: #06d

}

#cont_pages {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    width: 100%

}

.bloc_page {

    width: 25%;

    padding: 20px 20px 0;

    background: #fff;

    position: relative;

    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .3));

    margin-bottom: 80px

}

.bloc_page .bp_nom {

    color: #fff;

    position: static;

    font-size: 1.6em;

    text-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    z-index: 2;

    width: calc(100% - 20px);

    padding: 0 10px;

    height: auto;

    min-height: 65px

}

.bloc_page .bp_nom a {

    color: #fff

}

.bloc_page .bp_image {

    width: 100%;

    height: 250px;

    overflow: hidden;

    position: relative;

    display: flex

}

.bloc_page .bp_image a {

    margin: auto

}

.bloc_page .bp_image a img {

    width: 100%;

    height: 250px;

    display: block

}

.bloc_page .foot_image {

    position: relative;

    margin: 5px -20px;

    padding: 0 80px 0 10px;

    background: url(/images/logo_footer.png) no-repeat calc(100% - 10px) center/contain

}

.bloc_page .foot_image .lnk_plan {

    position: absolute;

    background: #f93;

    width: 25px;

    height: 25px;

    text-align: center;

    padding: 15px 15px;

    border-radius: 100%;

    font-size: 1.5em;

    right: 5%;

    top: -25px

}

.bloc_page .foot_image .lnk_plan a {

    color: #fff

}

.bloc_page .bp_resume {

    margin: auto

}

.bloc_page .bp_resume h2, .bloc_page .bp_resume h3, .bloc_page .bp_resume h4 {

    font-size: 24px!important;

    color: #f23232

}

.bloc_page .bp_options {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around

}

.bloc_page .bp_option {

    border: 0 solid;

    width: 120px;

    height: 120px;

    border-radius: 100%;

    background: #eee;

    box-shadow: 0 5px 15px -10px #000;

    margin: 15px auto

}

.bloc_page .bp_option.bp_1 {

    background: #eee url(/images/options_picto_sensations.png) no-repeat center/90%

}

.bloc_page .bp_option.bp_2 {

    background: #eee url(/images/options_picto_enfant.png) no-repeat center/90%

}

.bloc_page .bp_option.bp_3 {

    background: #eee url(/images/options_picto_adulte.png) no-repeat center/90%

}

.bloc_page .bp_option.bp_4 {

    background: #eee url(/images/options_picto_2017.png) no-repeat center/90%

}

.bloc_page .bp_option.bp_5 {

    background: #e11021 url(/images/options_picto_2018.png) no-repeat center/90%

}

.bloc_page .bp_option.bp_6 {

    background: #eee url(/images/options_picto_tous.png) no-repeat center/90%

}

.bloc_page .bp_taille {

    background: #eee url(/images/options_picto_taille.png) no-repeat center top/90%;

    width: 120px;

    height: 30px;

    border-radius: 100px;

    color: rgba(250, 0, 100, 1);

    font-weight: 700;

    padding-top: 90px;

    text-align: center;

    margin: 15px auto;

    box-shadow: 0 5px 15px -10px #000

}

#plan2017 {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    box-shadow: 0 5px 20px -15px #000;

    color: #fff;

    left: 0;

    margin-left: 0;

    padding: 0 0;

    position: relative;

    top: 0;

    width: auto

}

#plan2017 > h2 {

    display: none

}

#plan2017 h1 {

    color: #006aec;

    font-family: "fugaz one";

    font-size: 2.8em

}

#plan2017 h3 {

    color: #fff;

    font-size: 3em

}

#plan2017 a img {

    width: 35px;

    position: relative;

    display: block

}

#plan2017 {

    position: relative

}

#plan2017 a > span {

    background: #fff none repeat scroll 0 0;

    border: 5px solid;

    border-radius: 7px;

    box-shadow: 0 5px 15px -10px #000;

    display: inline-block;

    font-size: 1.3em;

    height: 0;

    opacity: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 0;

    right: 0;

    text-align: center

}

#plan2017 a:hover span {

    height: auto;

    opacity: 1;

    padding: 15px;

    left: 5px;

    margin-top: -30px;

    width: 250px;

    color: #282425;

    border-color: #282425;

    z-index: 1000;

    overflow: visible

}

#plan2017 a.nouveau:hover span {

    border-color: #f63144!important

}

#plan2017 img {

    width: 100%

}

.half, .m_bloc_droit, .m_bloc_gauche, .tiers {

    border: 0!important

}

.tiers {

    border: 0!important;

    width: 26%!important;

    padding: .5%;

    margin: .5% 3%!important

}

td {

    padding: 2px

}

#conteneur_nav {

    display: block;

    justify-content: space-between

}

.bloc_option_ind {

    padding-top: 110px;

    max-width: none;

    margin: auto;

    background: url(/images/base_banner_rev.png) no-repeat center top/100%

}

.bloc_option_ind_inner {

    background: url(/images/bas_cont_page.png) no-repeat center calc(100%)/100%;

    padding-top: 150px;

    padding-bottom: 360px

}

.bloc_option_ind_inner_bis {

    position: relative;

    top: -180px

}

.index .bloc_option_ind {

    padding-top: 272px;

    max-width: 1200px;

    margin: auto;

    background: 0 0

}

.bloc_option_ind h2 {

    color: #049;

    font-family: 'fugaz one';

    text-align: center;

    font-size: 3em

}

.bloc_option_ind .cont_flex {

    display: flex;

    justify-content: center

}

.bloc_option_ind .half {

    margin: 0 2%;

    box-shadow: 0 5px 15px -10px #000;

    max-width: 40%

}

.bloc_option_ind .half img {

    width: 100%

}

#section_social {

    background: url(/images/line_h.png) no-repeat center top;

    padding-top: 30px

}

.nl_txt {

    position: absolute;

    visibility: hidden

}

.flex {

    display: flex;

    justify-content: space-around

}

#bloc_index_1 {

    background: #666;

    color: #fff

}

#bloc_index_1 ul {

    width: 70%;

    margin: 30px auto;

    font-size: 1.5em

}

#bloc_index_1 ul li {

    list-style: square

}

#bloc_index_1 ul li:hover {

    background: #fff000

}

#bloc_index_1 ul li a {

    color: #fff

}

#bloc_index_1 ul li:hover a {

    color: #000

}

#bloc_index_1 h3 {

    color: #fff;

    text-align: center;

    font-size: 3em;

    text-transform: uppercase;

    margin: 0 auto

}

#bloc_index_2 h3 {

    text-align: center;

    font-size: 3em;

    background: #ddd;

    margin: 0;

    padding: 15px

}

#bloc_index_2 h3 a {

    color: #000

}

#bloc_index_3 {

    background: #fff000

}

#bloc_index_3 h3 {

    text-align: right;

    width: 90%;

    line-height: 80%;

    font-size: 3em;

    margin: 5px auto

}

#bloc_index_3 p {

    margin: 5px 0;

    font-size: 130%;

    padding: 5px 15px

}

#inner_banner_ter {
    height: 200px;
    position: relative;
    top: 0
}

.index #ill_index {

    position: absolute;

    width: 100%;

    height: 77px;

    bottom: 5px;

    background: url(/template/kovo/images/illustr_accueil.png) no-repeat center/auto 100%

}

#banner .adresse {
    border-bottom: 0 solid #fff;
    font-size: .8em;
    height: auto;
    margin: 0;
    padding: 5px;
    position: absolute;
    right: 200px;
    top: -80px;
    width: auto;
    display: none;
}

#banner .adresse .adr_adr, #banner .adresse .adr_cpc, #banner .adresse .adr_prop {

    display: none

}

#banner .adresse span.adr_tel {

    color: #1a508b;

    font-weight: 700

}

table#tableau_tarifs {

    border-spacing: 15px 5px;

    border-collapse: separate

}

table#tableau_tarifs td {

    border: 3px solid #000;

    background: rgba(0, 0, 0, .6);

    color: #fff;

    padding: 5px;

    font-size: 1.5em

}

table#tableau_tarifs th {

    border: 3px solid #000;

    background: #fff

}

.bloc_produit {

    background: url(/images/logo_footer.png) no-repeat calc(100% - 10px) 5px/70px

}

.bloc_produit .titre_fiche {

    border-bottom: 0 solid #ddd;

    font-size: 2.6em;

    font-weight: 400;

    padding: 10px;

    text-align: left;

    width: calc(100% - 20px);

    background: rgba(150, 150, 150, .1);

    text-transform: uppercase

}

.bloc_produit .image_categorie {

    margin: 0 15px 30px;

    height: 500px;

    box-shadow: 0 5px 15px -10px #000

}

.lnk_produit h3 a {

    border: 1px solid #000;

    width: 80%;

    margin: -50px auto 0;

    padding: 15px 0;

    background: #fff;

    box-shadow: 0 5px 15px -11px #000;

    display: block;

    color: #000;

    transition: all .3s ease 0s;

    font-size: .8em

}

.lnk_produit h3 a:hover {

    background: #666;

    border-color: #fff;

    color: #fff

}

h3.titre_actu {

    text-align: center;

    margin: 40px 0 10px

}

.bloc_page_ind {

    background-color: rgba(214, 143, 10, .5);

    width: 90%;

    margin: 20px auto

}

.bloc_page_ind .top_bloc, article > div.page_couleur .page_couleur_cont {

    background: url(/images/top_banner.png) no-repeat center top/100% 105px

}

article > div.page_couleur .page_couleur_cont {

    padding-top: 120px

}

article.textbloc > div.page_couleur h2, article.textbloc > div.page_couleur h3, article.textbloc > div.page_couleur h4, article > div.page_couleur .bloc_page, article > div.page_couleur .bp_resume {

    color: #fff

}

.bloc_page_ind .top_bloc .top_bloc_inner {

    background: url(/images/picto_logo_blanc.png) no-repeat center 110px/auto 80px

}

article > div.page_couleur .page_couleur_cont_bis {

    padding-bottom: 100px;

    background: url(/images/bas_banner) no-repeat center bottom/100% 50px

}

article > div.page_couleur .page_couleur_cont_bis > h1.cont_titre_alt {

    text-align: center;

    position: relative;

    margin-top: -110px;

    font-size: 3em;

    margin-bottom: 50px

}

article > div.page_couleur .page_couleur_cont_ter {

    width: 90%;

    margin: 0 3%;

    padding: 2%;

    background: rgba(255, 255, 255, .2)

}

.bloc_page_ind .top_bloc .bp_image {

    width: 30%;

    float: left;

    margin: 0 5%;

    height: 200px;

    box-shadow: 0 5px 15px -10px #000;

    position: relative

}

.bloc_page_ind .top_bloc .bp_nom {

    font-size: 2.5em;

    text-transform: uppercase

}

.bloc_page_ind .top_bloc .bp_nom a {

    color: #000

}

.bloc_page_ind .top_bloc .bp_resume {

    font-size: 2em;

    font-weight: 700

}

.bloc_page_ind .bp_desc p {

    color: #000!important

}

.bloc_page_ind .bp_desc {

    margin: 20px auto;

    width: 90%;

    font-size: 14px;

    display: none;

    padding: 20px;

    background: rgba(255, 255, 255, .4)

}

.bloc_page_ind .cont_lnk_dev {

    text-align: center;

    position: relative;

    top: 25px

}

.bloc_page_ind .cont_lnk_dev a img {

    width: 50px

}

#contact #conteneur {

    padding-top: 10px

}

#cloneimg, #cloneimg .img_vignette {

    position: absolute;

    width: 100%;

    z-index: 5;

    transition: all 1s ease .5s

}

.rgpd_notice {

    display: flex;

    justify-content: center;

    width: 92%;

    margin: 10px auto;

    border: 1px solid rgba(0, 0, 0, .1)

}

.rgpd_notice label {

    text-align: left;

    margin: auto

}

.rgpd_notice input {

    width: auto!important;

    margin: 5px 15px

}

.info_rgpd_retrait {

    margin: 20px

}

#contact .bloc input, #devis .bloc input, #espace_pro .f_contact input {

    background: rgba(255, 255, 255, .8)!important;

    border: 1px solid #999!important;

    border-radius: 5px;

    height: 25px;

    padding: 2px;

    width: 65%

}

.cloneimg, .cloneimg .img_vignette {

    position: absolute;

    width: 100%;

    z-index: 5;

    transition: all 1s ease .5s

}

a.bpl_b {

    display: block;

    padding: 5px 15px;

    width: 40%;

    margin: 1px auto 1px 1px!important;

    background: rgba(17, 102, 170, 1);

    color: #fff!important

}

a.bpl_b.bpl_achat {

    background-image: url(/images/ico_cart.png);

    background-repeat: no-repeat;

    background-position: 5px center;

    background-size: auto 75%

}

.select_var {

    border: 1px solid rgba(0, 0, 0, .5);

    margin: 10px;

    padding: 5px;

    font-size: 1.3em;

    color: #333;

    border-radius: 5px

}

.select_var option {

    font-size: 1.3em;

    color: #6b280c;

    font-weight: 700

}

.t_fiche.bloc_ref {

    display: none

}

#text_img_index {

    position: absolute;

    color: #fff;

    top: 225px;

    left: 25%;

    width: 50%;

    margin-left: auto;

    font-size: 1.2em;

    display: flex;

    justify-content: center;

    height: calc(80% - 200px);

    background: rgba(0, 29, 52, .4);

    box-shadow: 0 5px 15px -10px #000

}

#text_img_index h1, #text_img_index h2, #text_img_index h3, #text_img_index h4, #text_img_index h5, #text_img_index h6, #text_img_index p {

    color: #fff

}

#text_img_index > a {

    margin: auto

}

#text_img_index > a span {

    display: flex;

    margin: auto;

    border: 1px solid #fff;

    padding: 5px 15px;

    width: 130px;

    justify-content: center;

    border-radius: 15px;

    color: #fff;

    transition: all .3s ease 0s

}

#text_img_index > a:hover span {

    background: #fff;

    color: #336

}

#text_img_index > h2 {

    color: #222;

    margin: auto;

    align-content: 100%!important

}

#text_img_index h2 span {

    color: #fff!important;

    font-family: 'Racing Sans One';

    line-height: 100%!important;

    font-size: inherit;

    text-shadow: 0 2px 3px rgba(0, 0, 0, .3)

}

.index #cont_actu_index {

    position: absolute;

    z-index: 50;

    right: 5%;

    width: 350px;

    top: 225px;

    background: rgba(255, 255, 255, .7);

    box-shadow: 0 5px 15px -6px #000

}

#section_actu {
    /*display: flex;
    justify-content: space-between;*/
	display:none;
}

.index h3.titre_actu {

    text-align: center;

    margin: 0;

    background: #135eb0 url(/images/news.png) no-repeat center 10px/50px auto;

    width: 70px

}

.index h3.titre_actu span {

    display: none

}

#cont_spe li {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-bottom: 0 none;

    color: #666;

    height: 140px!important;

    list-style: outside none none;

    margin: 5px auto 10px;

    overflow: hidden;

    padding: 0!important;

    text-align: left;

    max-width: 100%;

    display: flex;

    justify-content: space-between;

    flex-direction: column

}

#cont_textbloc {

    display: flex;

    justify-content: space-around

}

#cont_textbloc .textbloc {

    width: calc(86% - 350px)

}

#cont_pg_prod {

    display: flex;

    justify-content: space-between

}

#cont_pg_left {

    width: 25%;

    margin-top: 50px

}

#menu_left_left li {

    list-style: none;

    padding: 0;

    margin: auto

}

#menu_left_left li.up {

    background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0))

}

#menu_left_left li a {

    border-top: 1px solid #333;

    display: block;

    padding: 10px 5px 10px 30px;

    background: url(/images/dot_vert.png) no-repeat 5px center;

    color: #000;

    font-size: 1.3em

}

#menu_left_left li.up a {

    background: url(/images/dot_vert_up.png) no-repeat 5px center

}

#menu_left_left li a em, .row_cat a em {

    display: none

}

#cont_pg_right {

    width: 100%

}

.document_box {

    margin: auto 10px;

    width: auto;

    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .3))

}

.document_box a img {

    width: 100%

}

#adresse_baspage {
    background: #ccc;
    margin: 25px 0;
	display:none;
}

#adresse_baspage .wrap {

    display: flex;

    justify-content: space-between;

    padding: 20px 0

}

#adresse_baspage .logo {

    width: 400px;

    height: 150px;

    margin: -40px 0;

    position: relative;

    z-index: 10

}

#adresse_baspage .bloc_adresse {

    float: none;

    color: #fff;

    font-size: 1.5em;

    width: calc(100% - 300px);

    letter-spacing: 2px;

    font-weight: 700;

    margin: auto

}

#bloc_marque {

    padding: 40px 0;

    text-align: center

}


#bloc_part{
	display:none;
}

#bloc_marque .wrap, #bloc_part .wrap {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    margin-top: 20px

}

#bloc_marque .wrap .box_mk, #bloc_part .wrap .box_mk {

    max-width: 23%;

    margin: auto 10px;

    padding: 2% 0

}

#bloc_marque .wrap .box_mk a img, #bloc_part .wrap .box_mk a img {

    max-width: 100%;

    filter: grayscale(1);

    transition: all .3s ease 0s;

    max-height: 150px

}

#bloc_marque .wrap .box_mk a:hover img, #bloc_part .wrap .box_mk a:hover img {

    filter: grayscale(0)

}

.wide {

    padding: 0!important;

    margin-right: 0!important;

    border: 0!important

}

.textbloc .wide {

    position: relative;

    left: -5.1%

}

.index .textbloc .wide {

    position: relative;

    left: 0

}

.textbloc .colored, .textbloc .colored h1, .textbloc .colored h2, .textbloc .colored h3, .textbloc .colored h4, .textbloc .colored h5, .textbloc .colored h6, .textbloc .colored p {

    padding: 1% 5%

}

#menu_social {

    position: fixed;

    right: 0;

    top: 20%;

    min-width: 50px;

    min-height: 50px;

    z-index: 10;

    max-height: 80%

}

#menu_social ul, #menu_social ul li {

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column

}

#menu_social ul li {

    margin: 0;

    right: -10px;

    padding: 0;

    display: flex;

    flex-direction: column;

    background-size: 100%;

    background-position: center;

    transition: all .3s ease .01ms;

    position: relative

}

#menu_social li:hover {

    background-size: 130%;

    right: 0;

    box-shadow: 0 5px 15px -6px #000;

    z-index: 12

}

#menu_social li a img {

    width: 100%

}

#menu_social li.lnk_contact {

    background-image: url(/images/social/mail.png)

}

#menu_social li.lnk_facebook {

    background-image: url(/images/social/facebook.png)

}

#menu_social li.lnk_twitter {

    background-image: url(/images/social/twitter.png)

}

#menu_social li.lnk_insta {

    background-image: url(/images/social/insta.png)

}

#menu_social li.lnk_link {

    background-image: url(/images/social/linkedin.png)

}

#menu_social li.lnk_blog {

    background-image: url(/images/social/blogger.png)

}

#menu_social li.lnk_youtube {

    background-image: url(/images/social/youtube.png)

}

#menu_social li.lnk_skype {

    background-image: url(/images/social/skype.png)

}

#menu_social li.lnk_pin {

    background-image: url(/images/social/pinterest.png)

}

#social_share {

    display: flex

}

#social_share .social_elem {

    margin: 10px

}

.anim_chiffre_bloc {

    border: 0!important;

    justify-content: center;

    width: auto!important;

    max-width: 250px;

    padding: 20px!important;

    border-radius: 50px;

    font-size: 180%

}

.anim_chiffre_bloc .anim_chiffre {

    margin: auto 5px

}

.bloc_image_glissant {

    transition: all .3s ease .01ms;

    width: 100%!important;

    max-width: 50%;

    position: relative;

    overflow: hidden;

    display: block!important;

    border: 0!important;

    padding: 0!important;

    background: rgba(0, 0, 0, .1)

}

#text_banner {
    color: #FFFFFF;
    font-size: 110%;
    left: 50%;
    margin-left: 200px;
    position: absolute;
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
    top: 20px;
}

.short #text_banner {
    display:none;
}

#text_banner .sablage {
    font-size: 2.3em;
    margin: -19px 0 0 0;
    position: absolute;
}

#text_banner .montage {
    font-size: 1.9em;
    margin: 16px 0 0 50px;
    position: absolute;
}

#text_banner .microbillage {
    font-size: 2.3em;
    margin: 109px 0 0 20px;
    position: absolute;
}

#text_banner .poudrage {
    font-size: 2.4em;
    margin: 59px 0 0 -10px;
    position: absolute;
}

#text_banner .degraissage {
    font-size: 1.2em;
    margin: 98px 0 0;
    position: absolute;
}

#text_banner .logistique {
    font-size: 1.3em;
    margin: 46px 0 0 24px;
    position: absolute;
}
#text_banner .metallisation {
    font-size: 1.8em;
    margin: 143px 0 0 -16px;
    position: absolute;
}

#leftbar .titre_actu, #leftbar #cont_spe_left{
	display:none;
}

#leftbar #surmenu div#id5 {
    background: url(/template/kovo_1/images/menu_vert01.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id8 {
    background: url(/template/kovo_1/images/menu_vert02.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id16 {
    background: url(/template/kovo_1/images/menu_jaune01.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id16 {
    background: url(/template/kovo_1/images/menu_jaune01.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id2 {
    background: url(/template/kovo_1/images/menu_orange2.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id9 {
    background: url(/template/kovo_1/images/menu_orange.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id6 {
    background: url(/template/kovo_1/images/menu_rouge.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id15 {
    background: url(/template/kovo_1/images/menu_rose.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id17 {
    background: url(/template/kovo_1/images/menu_violet.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id23 {
    background: url(/template/kovo_1/images/menu_bleu03.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id22 {
    background: url(/template/kovo_1/images/menu_voilet20.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id24 {
    background: url(/template/kovo_1/images/menu_bleu01.png) no-repeat scroll left bottom;
}

#leftbar #surmenu div#id01 {
    background: url(/template/kovo_1/images/menu_bleu02.png) no-repeat scroll left bottom;
}


.ill_foot_cont{
	display:none;
}

.li_mbl_contact {
	position: absolute;
	top: 208px;
	left: 50%;
}

.li_mbl_contact a {
    background: url(/template/kovo_1/images/bouton_contact.png) no-repeat scroll 0 0;
    color: #FFFFFF;
    display: block;
    font-size: 1.6em;
    height: 55px;
    line-height: 55px;
    margin: 0 0 0 234px;
    text-align: center;
    width: 155px;
}

.short .li_mbl_contact{
	display:none;
}

.short #banner{
	display:none;
}