@charset "utf-8";
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
    margin: 10px 0;
    font-family: dosis, lato, Muli
}
h1 {
    color: #333;
    font-size: 2em;
    font-weight: 400;
    font-family: Muli
}
h2 {
    color: #222;
    font-size: 1.8em;
    font-weight: 400
}
h3 {
    color: #222;
    /* font-size: 1.7em */
}
h4 {
    color: #333;
    bottom: 1px;
    left: 1px;
    margin: 0
}
h5 {
    color: #333;
    font-size: 1.3em
}
h6 {
    color: #333;
    font-size: 1.2em
}
a:link {
    text-decoration: none
}
a:visited {
    /* color: #0b4 */
}
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 1ms
}
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: muli, "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: #092;
    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 {
    font-size: 1.7em
}
.adresse p {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #666;
    font-size: 1.4em
}
#page {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    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;
    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .5);
    position: relative;
    width: calc(100%);
    z-index: 10
}
#inner_banner_bis {
    /* top: 0; */
    /* position: relative; */
    /* background: 0 0; */
    /* background: url(/template/bross/images/anvert_petit_droit.png) no-repeat 108% center/auto 100% */
}
#inner_banner {
    /* background: url(/template/bross/images/anvert_grand_droit.png) no-repeat 104% center/auto 100% */
}
.short #page #inner_banner {
    height: 80px;
    background: 0 0
}
.short #inner_banner_bis {
    top: 0;
    height: 45px;
    background-position: right bottom;
    background-color: #fff;
}

#page #banner .wrap {
    min-height: 45px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.short #page #banner .wrap {
    min-height: 0;
}

#page #banner h1.titre_page {
    color: #333;
    font-family: Muli;
    text-shadow: 2px 1px 4px rgba(0, 0, 150, .2);
    position: relative;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    border: 0;
    margin: 0;
    font-size: 2em;
    text-align: center;
    top: 120px
}
.short #page #banner h1.titre_page {
    opacity: 0
}
#page #banner h1.titre_page span {
    padding: 0 10px
}
#page #banner .logo_page a img {
    border: 0 solid #00f;
    height: 90px;
    width: 500px;
    background: url(/images/) no-repeat top left
}
#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: #aaa;
    font-size: 16px;
    margin: 0;
    position: absolute;
    width: 20%;
    text-align: center;
    top: 65px;
    font-weight: 400;
    left: 35%;
    min-width: 430px;
    height: auto;
    padding-top: 60px;
/*    background: url(/template/bross/images/top_papillon.png) no-repeat center top/auto 60px*/
}
.short #ajout_banner {
    display: none
}
#box_log {
    display: none
}
#retour_accueil a {
    /* display: block; */
    /* height: 150px; */
    /* left: 3%; */
    /* top: 40px; */
    /* padding: 0; */
    /* position: absolute; */
    /* text-indent: -999em; */
    /* width: 30%; */
    /* transition: all .3s ease 1ms; */
    /* z-index: 50; */
}


#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: auto;
    left: -100px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    width: 100%;
    max-width: 300px
}
#cart h3 {
    font-size: 19px;
    font-weight: 400;
    margin: auto;
    padding-left: 37px;
    background: url(/template/bross/images/picto-cart.png) no-repeat left center/auto 25px
}
#cart h4 {
    color: #666;
    font-size: 18px;
    margin: auto;
    font-weight: 700
}
.short #cart h4 em {
    font-size: 16px
}
#cart a {
    color: #999
}
#cart .inner_cart {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    float: none;
    height: auto;
    display: flex;
    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: #333 linear-gradient(2deg, rgba(255, 255, 255, .2), rgba(0, 0, 0, 0)); */
    padding: 15px;
}
#conteneur {
    border-top: 1px solid transparent;
    margin-bottom: 330px;
    position: relative;
    z-index: 2;
    background: #fff
}
#page #conteneur {
    /* z-index: 6 */
}
.short #page #conteneur {
    z-index: 2
}
#footer {
    background: #fff 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 0 ease 1ms
}
.shorti #footer {
    bottom: 0;
    transition: all .8s ease .5s;
    display: flex
}
#footer .wrap {
    margin: 3% auto
}
#foot_cont {
    background: 0 0;
    margin: 5px auto;
    max-width: 1280px;
    display: flex;
    flex-direction: row-reverse
}
#foot_cont ul li {
    background: 0 0;
    display: block;
    float: left;
    padding: 0 0 0 12px;
    list-style: none;
    text-align: left
}
#foot_cont ul.page_edit li {
    width: 95%
}
#foot_cont ul.page_edit {
    margin: auto
}
#foot_cont ul#page_static li {
    width: 90%
}
#foot_cont ul li a {
    border: 0 none;
    color: rgba(0, 112, 161, 1);
    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 {
    margin: auto;
    padding: 2px 0 0
}
.footer_left {
    float: none;
    margin: 0 2% 0 0;
    padding: 0 1% 0 0;
    width: auto;
    flex: 1
}
.footer_right {
    flex: 3;
    display: flex;
    justify-content: space-evenly
}
.footer_out_right {
    color: #fff;
    float: none;
    padding: 1%;
    width: 17%;
    vertical-align: top;
    display: none
}
.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;
    border: 0 solid #00f!important;
    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
}
#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
}
#footer ul#soci_lnk li {
    height: auto
}
.logo_footer {
    float: none;
    margin: 10px auto 0;
    height: 100%;
    padding: 0 60px;
    background-size: contain;
    background-repeat: no-repeat
}
.logo_footer img {
    max-width: 90%;
    display: block;
    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;
    margin: 0 auto;
    padding: 0 0 40px;
    width: 1280px
}
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
}
.nocol #leftbar {
    /* display: none!important */
}
#leftbar {
    border: 0 solid #ccc;
    border-radius: 0;
    /* float: left!important; */
    margin: -8px 5px 0 -1280px;
    min-height: 450px;
    overflow: hidden;
    padding: 0;
    width: 275px;
}
#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 0;
    margin-top: -125px;
    box-shadow: 0 -20px 25px -15px rgba(0, 0, 0, .7)
}
#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: 115%;
    height: auto;
    line-height: 125%;
    padding: 0 5px;
    border: 0;
    text-align: justify
}
.caption .content h1, .caption .content h2, .caption .content h3, .caption .content h4, .caption .content h5 {
    color: #fff
}
#breadcrumb a {
    color: #ddd;
    font-size: 11px
}
#recherche {
    /* background: url(/template/bross/images/picto_search.png) no-repeat left center/auto 26px; */
    /* margin: 0; */
    /* padding: 3px 0 0 40px; */
    /* position: absolute; */
    /* top: 0; */
    /* left: calc(50% - 350px); */
    /* width: 220px; */
    /* z-index: 11 */
}
#recherche .inputy {
    display: flex;
    justify-content: center
}
.short #recherche {
    display: none
}
#recherche input {
    background: rgba(255, 255, 255, .6);
    border-radius: 3px;
    font-size: 14px;
    height: 25px;
    margin: auto 0;
    border: 1px solid #fff;
    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/auto 25px rgba(0, 0, 0, 0);
    display: block;
    float: none;
    height: 25px;
    width: 30px;
    border: 0
}
#recherche input.image_submit:hover {
    background: url(/images/button-search.png) no-repeat scroll -42px 0/auto 25px rgba(0, 0, 0, 0);
    display: block;
    height: 25px;
    width: 30px
}
#recherche input.nosearch {
    color: #afa093;
    font-style: italic
}
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
}
#page #wrapper {
    margin: 0 auto;
    padding: 0;
    max-width: 1280px;
    width: 100%
}
.index #page #wrapper {
    padding: 0 0 40px
}
.nocol #page #main {
    /* float: none; */
    /* padding: 0 0 50px; */
    /* position: relative; */
    /* box-shadow: 0 5px 15px -10px rgba(0, 0, 0, .3); */
    /* background: #fff; */
    /* border-top: 1px solid transparent */
}
#breadcrumb {
    position: absolute;
    top: 260px
}
#b_main_menu {
    height: 75px;
    padding: 0;
    position: relative;
    top: 175px;
    width: calc(100% - 400px);
    z-index: 101;
    /* box-shadow: -8px -5px 15px -12px; */
    margin: auto 0 0 0;
}
#b_main_menu a {
    color: #000
}
#b_main_menu a:hover {
    color: #fff
}
#b_main_menu ul {
    background: 0 0;
    margin: 0;
    display: flex;
    justify-content: center
}
#b_main_menu li {
    /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; */
    /* list-style: outside none none; */
    /* padding: 0!important; */
    /* margin: auto 1%; */
    /* width: auto!important; */
    /* box-shadow: 0 5px 15px -10px #000 */
}
#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))
}
#b_main_menu li .try li {
    height: auto
}
#b_main_menu li .try li.up, #b_main_menu li .try li:hover {
    background: linear-gradient(4deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .2))
}
#b_main_menu table.menu_left td {
    border: 0 solid #00f;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    padding: 0
}
#b_main_menu table.menu_left td span.obl {
    display: block;
    transition: all .3s ease 1ms
}
#b_main_menu .up table.menu_left td span.obl {
    background: #ddd
}
#b_main_menu li:hover table.menu_left td span.obl {
    background: #ddd
}

#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: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .6)
}
#b_main_menu a {
    font-size: 1.3em
}
#b_main_menu li ul.try {
    position: absolute;
    width: 135px;
    left: -999em;
    margin: -1px 0 0;
    z-index: 150;
    flex-wrap: wrap
}
#b_main_menu li:hover ul.try {
    left: auto;
    min-height: 0;
    width: 30%;
    min-width: 300px;
    display: flex;
    flex-direction: column
}
#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
}
html > body #b_main_menu li ul#one li {
    border-top: 0 solid transparent
}
#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, .7), 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
}
#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: -100px;
    z-index: 103;
    text-align: center;
    display: flex;
    justify-content: space-between;
    left: 155px;
    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 {
    height: auto;
    position: absolute;
    right: 0;
    width: auto;
    box-shadow: 0 3px 15px -8px #000;
    color: #666;
    z-index: 100;
    left: 50%;
    /* top: 0 */
}
.short #menu_hd {
    background: #fff;
    float: none;
    /* height: 35px; */
    position: absolute;
    right: 5px;
    top: 5px;
    width: 250px;
    left: auto;
    border-radius: 3px;
    box-shadow: 0 5px 15px -10px #000;
    z-index: 54;
}
.short #cart {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    font-size: 1.2em;
    left: auto;
    margin: auto!important;
    padding: 0;
    position: relative;
    top: 5px;
    right: 0
}
.short #cart .inner_cart {
    border-radius: 0;
    float: none;
    margin: auto!important;
    display: flex;
    height: 25px
}
.short #cart h3, .short #cart h4 {
    font-size: 16px;
    margin: auto;
    /* height: 25px; */
    position: relative;
}
.short #banner .half.hal_tel {
    padding: 5px 0
}
.menu_smart {
    display: none
}
.titre_page {
    /* background: 0 0!important; */
    border-bottom: 5px solid rgba(60, 60, 60, .1);
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: center;
    padding: 30px;
    text-shadow: 1px 1px 3px rgba(0, 20, 0, .2);
}
#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: 120%;
    height: auto;
    padding: 5px 5%;
    background: #fff;
    position: relative;
    min-height: 150px;
    margin: auto;
    box-shadow: 0 5px 20px -10px #000;
    width: 81%!important;
    border-right: 8px solid #333
}
.textbloc > h2 {
    line-height: 160%
}
.textbloc em, .textbloc p, .textbloc span, .textbloc strong {
    line-height: 100%
}
.textbloc p {
    margin: 15px 0;
    font-size: 1.2em;
    font-family: muli;
    color: #333
}
.textbloc p span {
    line-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 {
    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: #333;
    margin: auto;
    display: block
}
#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 auto;
    clear: both;
    position: relative
}
#prod_fiche .row .img_ref {
    text-align: center;
    background: #fff;
    display: flex;
    height: 100%;
    justify-content: center
}
#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;
    max-width: 100%
}
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 {
    position: relative;
    left: 0;
    padding: 50px 0;
    border-bottom: 1px solid rgba(0, 112, 161, .5);
    border-top: 1px solid rgba(0, 112, 161, .5);
    margin: 0
}
#cont_actu h3 {
    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
}
#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 #ddd!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: 1px solid rgba(0, 0, 0, .1)!important;
    float: none;
    margin: 0 4%;
    width: 90%;
    box-shadow: 0 5px 15px -10px #000
}
#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: 150px;
    max-width: 200px;
    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: 300px;
    float: left;
    margin: 0 10px;
    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .8)
}
#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%;
    font-size: 130%;
    width: 80%;
    background: rgba(255, 255, 255, .95)
}
#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
}
#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 1ms;
    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
}
main#main article {
    padding: 30px;
    font-size: 1.1em;
}

.b_sort_date, .b_sort_price {
    display:none;
}
.replie {
    display: none
}
#MooFlow {
    width: 95%
}
#gal_foot {
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center
}
#gal_foot a {
    box-shadow: 0 5px 7px -7px #000;
    display: block;
    float: none;
    height: 300px;
    overflow: hidden;
    width: auto;
    flex: 1;
    background-size: cover;
    background-position: center
}
#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_foot.full .paysage a img {
    width: 100%;
    height: 100%;
    opacity: 0
}
#gal_foot.full .portrait a img {
    width: 100%;
    height: 100%;
    opacity: 0
}
#gal_foot.full .img_foot {
    width: 100%;
    height: 300px;
    margin: 0;
    background-size: cover;
    background-position: center
}
#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: 0;
    border-top: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 5px 15px -5px #ddd;
    margin: 5px 2% 15px;
    padding: 10px;
    width: 90%;
    justify-content: space-between;
    display: flex
}
.box_prod .box_prod_middle {
    /* width: 30%; */
    position: relative;
    font-size: 90%;
    padding-bottom: 20px;
}
.box_prod .box_prod_right {
    border-left: 1px solid #eee;
    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: 25px;
    padding: 15px
}
.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: none;
    line-height: 26px;
    position: absolute;
    bottom: 0;
    right: 0
}
.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: #666; */
    /* font-size: 1.5em; */
    /* height: 30px; */
    /* line-height: normal; */
    /* margin: 35px 0; */
    /* background: url(/images/next.png) no-repeat left center/auto 100%; */
    padding: 5px 0 5px;
}
.box_prod .img_prod {
    width: 300px;
    height: 250px;
    overflow: hidden;
    text-align: center;
    background: #fff
}
.box_prod .img_prod table {
    border: 0
}
.box_prod .img_prod td {
    border: 0;
    padding: 0;
    width: 250px;
    height: 250px
}
.box_prod .prod_info {
    height: 30px;
    margin: 5px 0;
    padding: 5px 0
}
.box_prod .img_prod img {
    max-width: 100%;
    max-height: 180px;
    height: auto
}
.box_prod .img_prod img.paysage {
    max-width: 100%;
    max-height: 250px;
    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); */
    /* background: #fff; */
    /* flex-direction: column */
}
.inc_bloc_prod .box_prod.bp_light {
    width: auto;
    margin-bottom: 80px;
    max-width: 300px;
    margin: auto;
    flex-direction: column
}
table.options_produit th {
    background: #e00;
    color: #fff
}
table.options_produit td {
    padding: 10px 5px;
    font-size: 16px;
    border-bottom: 1px solid #faa
}
.bloc_ill_page {
    position: absolute;
    width: 100px;
    top: -30px;
    left: -30px;
    height: 100px;
    border-radius: 100px;
    background-position: center;
    background-size: contain;
    display: none
}
.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
}
.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;
    background: 0 0
}
.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 {
    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: 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
}
.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 {
    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
}
#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.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
}
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: #ef3633; */
    /* color: #fff; */
    /* display: block; */
    /* margin: 1px; */
    /* padding: 10px 20px 10px 10px; */
    /* font-size: 120%; */
    /* text-align: center; */
    /* width: 75%; */
    /* min-width: 220px; */
    /* background-image: url(/template/bross/images/picto_info_blanc.png); */
    /* background-repeat: no-repeat; */
    /* background-size: auto 40px */
}
.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.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
}
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
}
.lnk_retour {
    /* float: none; */
    /* margin: 0 10px; */
    /* position: absolute; */
    /* padding: 5px 10px; */
    /* background: #fa3b30; */
    /* color: #fff; */
    /* font-size: 1.3em; */
    /* height: 25px; */
    /* right: 0; */
    /* top: 0; */
    /* z-index: 5000 */
}
.lnk_retour a {
    color: #fed;
    transition: all .3s ease 1ms
}
.lnk_retour a:hover {
    color: #fff
}
#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 1ms
}
.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
}
body {
    /* font-family: Lato, arial, sans-serif; */
    /* font-size: 80%; */
    /* margin-top: 0; */
}
img {
    border: 0;
    vertical-align: bottom
}
.clear {
    clear: both;
    border: 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
}
.decont_inner {
    background: linear-gradient(0, rgba(255, 255, 255, .85), rgba(255, 255, 255, .95));
    padding-top: 55px;
}
.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 #contact {
    padding: 0;
    width: calc(90%);
    display: none
}
section#localisation {
    /* padding-bottom: 50px; */
    position: relative;
}
.ind_loca_right {
    float: right;
    height: 450px;
    margin: 15px;
    width: 26%;
    text-align: center
}
section#id_contact .ind_cont_titre, section#localisation .ind_cont_titre {
    color: #fff;
    font-size: 3em;
    height: 95px;
    margin: 0;
    padding: 35px 0 0 75px;
    position: relative;
    top: -8px;
    font-family: raleway
}
#id_contact .bloc {
    margin: 10px
}
.ind_loca_img {
    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: 200px;
    margin: 0;
    position: absolute;
    width: calc(100% - 450px);
    top: -45px
}
#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;
    width: calc(100% - 10px);
    padding: 6px 5px;
    text-align: center;
    transition: all .3s ease 1ms;
    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
}
html > body .nocol #banner_menuleft ul#one li {
    border-top: 0 solid transparent
}
#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
}
#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, 0, 0, .5);
    padding: 10px 0;
    box-shadow: 0 5px 15px -10px #000;
    justify-content: center;
    top: 100%
}
#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 1ms;
    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 1ms
}
.deploie .b2 {
    background: #000 none repeat scroll 0 0;
    height: 0;
    transform: rotate(-45deg);
    position: absolute;
    top: -5px;
    width: 0;
    transition: all .8s ease 1ms
}
.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 1ms;
    width: 100%;
    z-index: 100
}
.short #retour_accueil a {
    height: 40px;
    position: absolute;
    text-indent: -999em;
    top: 3px;
    width: 175px;
    left: 5px;
    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/contain
}
.short #conteneur {
    margin-top: 250px
}
.short #b_main_menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 3px;
    height: 40px;
    position: relative;
    top: 5px;
    z-index: 10;
    margin-left: 150px
}
#menu_three li ul.try, .short #b_main_menu li ul.try {
    top: 50px
}
.short #b_main_menu table.menu_left td a {
    border: 0 solid;
    border-radius: 5px;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 400;
    height: auto;
    line-height: 120%;
    list-style: outside none none;
    margin: 0;
    padding: 5px 15px;
    min-height: 35px
}
.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 #banner .adresse {
    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 {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background-color: #fff;
    background-position: center  40% ;
    background-repeat: no-repeat;
    filter: contrast(0.4) brightness(1.5) grayscale(1);
}
.half {
    border: 0!important
}
.vbas .short #page #banner {
    top: -250px;
    transition: all .2s ease 1ms
}
.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 1ms
}
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 1ms
}
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: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: 5px 5px 0;
    background: #fff;
    position: relative;
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .3));
    margin-bottom: 80px
}
.inc_bloc_page {
    display: flex;
    background: url(/template/bross/images/anvert_petit_droit.png) no-repeat 200px center/auto 100%;
    max-width: 375px;
    padding: 0;
    margin: auto
}
.inc_bloc_page .bloc_page {
    width: 375px;
    max-width: 100%;
    margin: auto;
    padding: 0;
    background: 0 0!important
}
#cont_pages .bloc_page {
    width: 375px;
    margin: 30px auto;
    padding: 0;
    background: url(/template/bross/images/anvert_petit_droit.png) no-repeat 200px center/auto 100%!important;
    max-width: 375px
}
.lnk_tech a {
    background: #fa3b30 url(/template/bross/images/tool.png) no-repeat 10px center/auto 25px;
    height: 20px;
    padding: 10px 10px 10px 50px;
    color: #fff;
    font-size: 1.3em;
    border: 1px solid transparent;
    min-width: 328px;
    margin: 10px auto;
    display: flex
}
.lnk_tech a:hover {
    border: 1px solid #f33;
    background: #fff;
    color: #f33;
    padding: 10px
}
.bloc_page .bp_nom {
    color: #fff;
    position: static;
    font-size: 1.6em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    z-index: 2;
    width: calc(100% - 20px);
    padding: 0 10px;
    height: auto;
    min-height: 35px
}
.bloc_page .bp_nom a {
    color: rgba(74, 126, 0, 1)
}
.bloc_page .bp_image {
    width: calc(100% - 85px);
    height: 220px;
    overflow: hidden;
    position: relative;
    display: flex
}
.bloc_page .bp_image a {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute
}
.bloc_page .bp_image a img {
    height: 100%;
    display: block
}
.bloc_page .foot_image {
    position: relative;
    margin: 5px -20px;
    padding: 0 80px 0 10px;
    background: 0 0!important
}
.bloc_page .foot_image .lnk_plan {
    position: absolute;
    background: #f93;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 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
}
.half, .m_bloc_droit, .m_bloc_gauche, .tiers {
    /* border: 0!important */
}
.tiers {
    border: 0!important;
    width: 31%;
    padding: .5%;
    margin: .5%
}
td {
    padding: 2px;
    text-align: center
}
#conteneur_nav {
    display: block;
    justify-content: space-between
}
.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
}
#inner_banner_ter {
    /* position: relative; */
    /* background: #fff url(/template/bross/images/black_10.png) repeat-x center top/auto 35px; */
    /* top: 0; */
}
.short #inner_banner_ter {
    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .6)
}
#banner .adresse {
    /* border-bottom: 0 solid #fff; */
    /* font-size: 1em; */
    /* height: auto; */
    /* margin: 0; */
    /* padding: 5px; */
    /* position: absolute; */
    /* right: 0; */
    /* width: auto; */
    /* display: block */
}
#banner .adresse .adr_prop {
    display: none
}
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 1ms;
    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
}
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
}
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;
    font-size: 10px;
    width: 92%;
    margin: 10px auto;
    border: 1px solid rgba(0, 0, 0, .1)
}
.rgpd_notice label {
    text-align: left;
    margin: auto;
    width: 100%
}
.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 #ddd!important;
    border-radius: 5px;
    height: 25px;
    padding: 2px;
    width: 65%
}
.cloneimg, .cloneimg .img_vignette {
    position: absolute;
    width: 100%;
    z-index: 5;
    max-width: 300px;
    transition: all 1s ease .5s;
    box-shadow: 0 5px 30px -15px rgba(0, 00, 0, .5)
}
a.bpl_b {
    /* display: block; */
    /* padding: 10px 10px; */
    /* width: 75%; */
    /* margin: 5px auto 1px 1px!important; */
    /* background: #ef3633; */
    /* color: #fff!important; */
    /* min-width: 200px */
}
a.bpl_b.bpl_achat {
    /* background-image: url(/template/bross/images/picto_selection.png); */
    /* background-repeat: no-repeat; */
    /* background-position: 5px center; */
    /* background-size: auto 40px; */
    /* padding-left: 40px; */
    /* width: calc(75% - 20px); */
    /* margin-top: 5px; */
    /* text-align: center; */
    /* font-size: 120% */
}
.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;
    left: 50%;
    width: 550px;
    margin-left: -500px;
    font-size: 2em;
    justify-content: center;
    height: 70%;
    top: 14%
}
#text_img_index > a {
    margin: auto
}
#text_img_index > h2 {
    color: #222;
    margin: auto;
    align-content: 100%!important
}
#text_img_index h2 span {
    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
}
.index #section_actu {
    display: flex;
    justify-content: space-between
}
.index h3.titre_actu {
    text-align: center;
    margin: 0;
    background: rgba(150, 150, 150, .5);
    width: 70px
}
.index h3.titre_actu span {
    display: none
}
#cont_spe li {
    border-bottom: 0 none;
    color: #666;
    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;
    flex-direction: row-reverse
}
#cont_pg_left {
    display: none
}
#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
}
#adresse_baspage {
    background: rgba(250, 106, 54, 1)
}
#adresse_baspage .wrap {
    /* display: flex; */
    /* justify-content: space-between; */
    /* padding: 20px 0 0 0; */
    /* max-width: 2000px; */
}
#adresse_baspage .logo {
    width: 300px;
    text-align: center;
    color: #fff;
    margin-right: 10px
}
#adresse_baspage .logo h4 {
    color: #fff;
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 30px
}
#adresse_baspage .bloc_adresse {
    /* float: none; */
    /* color: #fff; */
    /* font-size: 1.3em; */
    /* width: 100%; */
    /* letter-spacing: 2px; */
    /* font-weight: 700; */
    /* display: flex; */
    /* margin: auto; */
    /* justify-content: space-around */
}
#adresse_baspage .half.hal_form {
    /* display: none!important */
}
#adresse_baspage .blocadresse1, #adresse_baspage .blocadresse2, #adresse_baspage .blocadresse3 {
    width: calc(50%);
    /* margin: auto 1px; */
    /* flex-direction: row-reverse; */
    /* flex-wrap: wrap; */
    flex: 2;
    /* font-size: 12px; */
    /* padding: 5px 0; */
    /* background-size: auto 20px; */
    /* background-position: 5px 14px; */
}
#adresse_baspage .blocadresse1 .foot_box_adresse {
    /* width: 100%; */
    /* height: 280px; */
    /* background: url(/template/bross/images/brossard-motoculture-bressuire.jpg) no-repeat center/cover */
}
#adresse_baspage .blocadresse2 .foot_box_adresse {
    width: 100%;
    height: 280px;
    background: url(/template/bross/images/image_parthenay.jpg) no-repeat center/cover
}
#adresse_baspage .blocadresse3 .foot_box_adresse {
    width: 100%;
    height: 280px;
    background: url(/template/bross/images/image_thouars.jpg) no-repeat center/cover
}
#adresse_baspage .bloc_adresse .half {
    /* width: auto; */
    /* display: flex; */
    /* min-height: 20px; */
    /* border: 0!important; */
    /* padding: 0; */
    /* letter-spacing: 0; */
    /* font-weight: 400; */
    /* font-size: 13px; */
}
#adresse_baspage .bloc_adresse .half.hal_adrr span {
    width: 100%;
    margin: auto 4px
}
#adresse_baspage .bloc_adresse .half.hal_adrr span .fa {
    display: none
}
#adresse_baspage .bloc_adresse .half.hal_tel {
    /* flex: 1; */
    width: 30%;
}
#adresse_baspage .bloc_adresse .half.hal_adrr {
    /* flex: 1; */
    padding-left: 30px;
    margin: auto;
    min-height: 45px;
    /* min-width: 66%; */
    width: 50%;
}
#adresse_baspage .bloc_adresse .half.hal_adrr span.adr_cpc {
    font-size: 16px;
    font-weight: 700
}
#bloc_marque, #bloc_part {
    /* padding: 5px 0 20px 0 */
}
#bloc_marque .wrap, #bloc_part .wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    max-width: none
}
#bloc_marque .wrap .box_mk, #bloc_part .wrap .box_mk {
    max-width: 23%;
    margin: auto 3%;
    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 1ms;
    max-height: 70px;
    opacity: .6
}
#bloc_marque .wrap .box_mk a:hover img {
    filter: grayscale(0);
    opacity: 1
}
.row_cat {
    padding: 10px;
    background: #eee;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 100%
}
.row_cat a {
    color: #999;
    font-size: 120%
}
h1.titre_page {
    /* margin: 15px; */
    /* padding: 5px 10px; */
    /* color: #999; */
    /* font-size: 3em */
}
#cont_spe ul {
    display: flex;
    justify-content: space-between
}
.cont_bloc_index h2, .cont_bloc_index h3, .cont_bloc_index h4 {
    color: #333!important;
    font-size: 2em
}
.m_bloc_droit.tiers.tiers2 {
    background: linear-gradient(-90deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    color: #fff!important;
    margin: -10px 0 -5px!important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .8);
    padding: 20px 50px 20px 100px!important;
    width: 35%!important
}
.m_bloc_droit.tiers.tiers2 p {
    color: #fff
}
.index article h3 {
    color: #999!important;
    padding-left: 60px;
    display: inline-block;
    font-size: 2em
}
#titre_ref {
    text-align: center;
    background: rgba(80, 80, 80, 1);
    margin-top: 0!important;
    margin-bottom: 0!important;
    display: flex;
    justify-content: center
}
#titre_ref h3 {
    color: #fff;
    text-transform: uppercase;
    padding: 20px 20px 20px 60px
}
.bloc_adresse .half {
    /* border-left: 1px solid #fff!important; */
    /* min-height: 55px; */
    /* padding: 20px; */
    /* flex: 1; */
    /* text-align: center; */
    /* margin: auto */
}
.bloc_adresse .half a {
    color: #fff
}
.half.hal_tel {
    padding-top: 40px
}
.half.hal_adrr {
    max-width: 175px
}
.half.hal_adrr span {
    display: inline
}
.half.hal_form {
    /* background: url(/images/picto_contact.png) no-repeat center top; */
    /* padding-top: 40px; */
    /* margin: auto */
}
#banner .half.hal_form {
    display: none
}
#banner .half.hal_tel {
    padding: 2px 0
}
.lnk_form {
    display: none
}
.lnk_form h5 {
    width: 100%
}
.lnk_form h5 a {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    height: 100%;
    margin: auto;
    line-height: 100%;
    transition: all .5s ease 1ms
}
.lnk_form span {
    display: flex;
    margin: auto;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 29px
}
.lnk_form em {
    display: block;
    margin: auto;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    font-weight: 400
}
.lnk_form strong {
    display: block;
    margin: auto;
    text-transform: uppercase;
    font-size: 40px
}
h2.titre_real {
    text-transform: uppercase;
    text-align: center
}
.short .lnk_form {
    top: -10px;
    height: 75px
}
.short .lnk_form h5 {
    margin: 0 auto
}
.short .lnk_form span {
    font-size: 20px
}
.short .lnk_form em {
    font-size: 16px
}
.short .lnk_form strong {
    font-size: 29px
}
.blocadresse1, .blocadresse2, .blocadresse3 {
    /* background: url(/template/bross/images/picto_localisation.png) no-repeat left 3px; */
    /* padding: 0 0 0 32px; */
    /* color: #fff; */
    display: flex;
    /* flex-direction: column-reverse; */
    /* margin: 10px 3px */
}
.blocadresse1 {
    /* margin-left: -80px */
}
.blocadresse2 {
    margin-left: -40px
}
form.form_contact {
    background: rgba(255, 255, 255, .9);
    padding: 30px
}
#text_img_index {
    position: absolute;
    color: #fff;
    left: 25%;
    width: 50%;
    margin-left: auto;
    font-size: 1.6em;
    justify-content: center;
    background: rgba(0, 29, 52, .4);
    box-shadow: 0 5px 15px -10px #000
}
#text_img_index.al_gauche {
    left: 5%;
    width: 45%
}
#text_img_index.al_droit {
    left: 50%;
    width: 45%
}

.box_logo {
    width:300px;
    display: flex;
    margin: auto;
}
#text_img_index.f_no {
    background: 0 0;
    box-shadow: none
}
#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 1ms
}
div#cont_pg_right {
    width: 100%
}
#text_img_index > a:hover span {
    background: #fff;
    color: #336
}
#text_img_index > h2 {
    color: #222;
    margin: auto;
    align-content: 100%!important;
    text-align: center
}
#text_img_index h2 span {
    line-height: 100%!important;
    font-size: inherit;
    border: 0;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .3)
}
body#fiche_produit #page #vignettes_img {
    /* background: #fff; */
    /* border-radius: 0; */
    /* padding: 30px 10px 10px */
}
body#fiche_produit #page #vignettes_img #fiche_colgauche {
    /* float: left; */
    /* 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: left; */
    /* width: 46% */
}
.lnk_retour {
    /* float: right; */
    /* margin: 10px 20px 0; */
    /* position: relative; */
    /* z-index: 2000000 */
}
.lnk_retour a em {
    display: none!important
}
body#fiche_produit #page h3.prix_fiche {
    /* background: #eee linear-gradient(12deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .7)); */
    /* border: 0 solid #00f; */
    /* border-radius: 0; */
    /* color: #818181; */
    /* font-size: 2.5em; */
    /* font-weight: 400; */
    /* margin: 50px auto 10px; */
    /* padding: 10px 0; */
    /* text-align: center; */
    /* width: auto */
}
.titre_fiche {
    border-bottom: 0 solid #ddd;
    font-size: 1.6em;
    font-weight: 400;
    margin: 0 0 5px;
    padding: 2px 0 2px 40px;
    text-align: left
}
#post_nav, .h_titre, body#fiche_produit .box_marque td {
    text-align: center
}
.titre_fiche a {
    /* color: #eee */
}
.titre_fiche a em {
    left: -999em;
    position: absolute
}
body#fiche_produit #page #vignettes_img .img_vignette {
    background: #fff;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto!important;
    max-width: 100%!important
}
body#fiche_produit #fiche_colgauche .img_vignette {
    border: 1px solid #fff;
    height: auto!important;
    width: 98%!important
}
#prod_fiche {
    display: flex;
    margin-top: 30px
}
body#fiche_produit #page #vignettes_img .img_vignette img {
    max-height: 300px;
    max-width: 100%
}
body#fiche_produit #page #vignettes_img .img_vignette img.main_img {
    max-height: 500px;
    max-width: 100%
}
body#fiche_produit #page #vignettes_img .img_vignette img.img_zoom {
    float: none;
    margin: 5px;
    position: absolute;
    right: 0;
    z-index: 10
}
body#fiche_produit .box_marque img {
    max-width: 200px;
    max-height: 100px
}
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
}
.fp_colgauche {
    display: none
}
.cont_addcart a {
    color: #333;
    font-size: 2em
}
.cont_addcart a {
    /* border: 2px solid #333; */
    /* border-radius: 80px; */
    /* display: flex; */
    /* justify-content: space-around; */
    /* width: auto; */
    /* max-width: 280px */
}
div#page_cart {
    width: 90%;
    margin: auto
}
.cont_addcart a img {
    margin: auto 0;
    height: 60px;
    transition: all .3s ease 1ms
}
.cont_addcart a:hover img {
    transform: rotate(90deg)
}
.cont_addcart a span {
    margin: auto
}
.cont_addcart a:hover {
    background: #999;
    color: #fff;
    border-color: #fa3b30
}
.lazy {
    background-image: url(/images/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    display: none
}
.lazy_bg {
    background-image: url(/images/small-load.gif)
}
.l_actu_det .bloc {
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.l_actu_det .bloc h3.titre_r {
    color: #696;
    font-weight: 400
}
.l_actu_det .bloc h3.titre_r {
    color: #4d6697;
    font-weight: 400
}
.tiers.t_checkbox {
    display: inline-block;
    width: 19%
}
.tiers.t_checkbox input {
    width: auto
}
.tiers.t_checkbox label {
    display: inline-block;
    margin: 2px 5px;
    vertical-align: top;
    width: auto
}
#diap_index {
    display: block;
    height: 450px;
    background-size: cover;
    background-position: center;
    position: relative
}
.index #page .decont, .index #page .decont_inner {
    background: #fff
}
#menu_social {
    position: fixed;
    right: 0;
    top: calc(20%+ 100px);
    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;
    order: 5;
    width: 100%;
}
#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;
    border: 0!important
}
.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)
}
#adresse_valide {
    padding: 50px;
    width: auto
}
#adresse_valide > div {
    margin: auto;
    background: 0 0
}
#adresse_valide p {
    display: none
}
#adresse_valide .hal_form {
    display: none
}
.head_mk {
    display: flex
}
.head_mk .logo_marque {
    margin: auto
}
.head_mk .logo_marque img {
    max-height: 150px
}
.head_mk .mk_description {
    margin: auto
}

/*===================================================================================*/


h1,h2,h3,h4,h5,h6{line-height:normal;margin:10px 0;font-family:'dosis','lato','Muli'}
h1{color:#333;font-size:2em;font-weight:400;font-family:'Muli'}
h2{color:#222;font-size:1.8em;font-weight:400}
h3{color:#222}
h4{color:#333;font-size:1.4em}
h5{color:#333;font-size:1.3em}
h6{color:#333;font-size:1.2em}
a:link{color:#145DC7;text-decoration:none}
a{color:#04b}
a:hover,a:active{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 .001s}
#contents a.LinkOut:after{color:#bbb;content:" ["attr(hreflang)"]";font-weight:400;text-decoration:none}
p{margin:5px 0}
strong{font-weight:700}  
em{font-style:italic}
address{color:#366}
#mav_cat{display:flex;width:100%;justify-content:space-between;margin-top:50px}
#mav_cat .bl_mavcat{width:30%;display:flex;margin:15px;position:relative;overflow:hidden;border:5px solid rgba(0,0,0,0.2);border-radius:10px;box-shadow:0 5px 15px -10px rgba(0,0,0,0.5)}
#mav_cat .bl_mavcat a{display:flex;flex-direction:column}
#mav_cat .bl_mavcat .outer_img{width:100%;height:300px;overflow:hidden}
#mav_cat .bl_mavcat .outer_img img{height:300px;transition:all .3s ease .001s;width: 100%;object-fit: cover;}
#mav_cat .bl_mavcat .text_wimg{position:absolute;width:100%;text-align:center;font-size:2.5em;bottom:0;opacity:.7;transition:all .3s ease .001s;background:linear-gradient(180deg,rgba(255,255,255,0.0),rgba(255,255,255,0.8),rgba(255,255,255,1));padding:30px 0 10px}
#mav_cat .bl_mavcat a:hover .text_wimg{opacity:1}
#mav_cat .bl_mavcat a:hover .outer_img img{opacity:.2}
.img_prod.img_vignette img{max-width:100%;max-height:100%}
.barre_action{display:none}
table.tableau td{border:1px solid rgba(0,0,0,0.3);padding:10px!important}
div#logo_marque{display:flex;margin:auto;text-align:center;justify-content:center}
address:before{content:"Adresse : \A"}
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}
blockquote{margin:10px 50px;text-indent:25px}
blockquote p{display:inline;margin:0;padding-right:24px}
cite{color:#000;font-size:1.1em;padding:0 3px}
acronym{border-bottom:1px dashed #1FCAFF;cursor:help}
q{color:#0097C7;font-style:italic}
q:after{content:" ' Source: "attr(cite)" ";font-size:1em}
ul{margin:0 0 0 10px;padding:0 0 0 5px}
ol{color:#616161;list-style:inside decimal-leading-zero;margin:5px 0 5px 25px}
hr{border-bottom:2px ridge #61615f;border:1px solid rgba(0,0,0,0.1)}
.separator{clear:both;visibility:hidden}
dl{margin:10px 5px}
dt{color:#1e1e1c;font-size:1.1em;font-weight:700}
dd{font-style:normal;margin:0;padding:0;text-indent:10px}
table{border-collapse:collapse;border-spacing:0;font-size:1em;margin:inherit;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}
.une_colonne,.deux_colonnes{clear:both;display:inline}
.colleft{float:left;margin:0 2% 0 0;margin:0;padding:0;width:47%}
.colright{float:left;margin:0;padding:0;width:48%}
.center{text-align:center;width:100%}
.left{text-align:left;width:100%}
.right{text-align:right;width:100%}
input,textarea{background:#CCC}
.box_bout_paiement{background:none repeat scroll 0 0 #ff3000;border:1px solid #d00;border-radius:5px;margin:auto;overflow:hidden;text-align:center;width:340px}
.bouton_paiement{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #d00;color:#fff;cursor:pointer;font-size:125%;padding:5px;width:100%}
body{background:none;color:#000;font-family:"muli","century gothic","trebuchet MS",verdana,Arial,Helvetica,sans-serif!important;font-size: 80%;margin:0;padding:0!important;}
.wrap{max-width:1450px;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:none;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:#d68d0a;font-size:1.7em}
.adresse p{margin:0;padding:0;text-align:center;color:#666;font-size:1.4em}
#page{background:rgba(0,0,0,0) none repeat scroll 0 0;box-shadow:0 5px 15px -10px #000;margin:0 auto;width:100%}
#prod_fiche .row .img_ref,h4.desi_fp{margin:auto 5px;flex:1}
div#contenant_ref{background:rgba(0,0,0,0.05);padding:10px;color:rgba(0,0,0,0.7)}
div#bloc_info_produits,#nav_prod_onglet{padding:0 20px}
.index #page{box-shadow:0 5px 15px -10px #000;margin:0 auto;width:100%}
#page #banner{height:110px;margin:0 auto;padding:0;box-shadow:0 5px 20px -10px rgba(0,0,0,0.5);position:relative;width:calc(100%);border-bottom:1px solid rgba(0,0,0,0.1);z-index:10;background-image:url(/images/fond_banner.jpg)}
#inner_banner_bis{top:0;position:relative;background:none}
.short #banner .ill_droite,.index #banner .ill_droite{display:none}
.short #page #inner_banner{height:80px;background:none}
.short #inner_banner_bis{top:0}
.short #b_main_menu li{height:35px}
.index #page #banner{height:500px;z-index:5}
.index .video_index{margin-top:-180px;box-shadow:0 5px 15px -8px rgba(0,0,80,0.7)}
.video_index{position:relative;padding-bottom:56.25%;height:0}
.video_index iframe,.video_index object,.video_index embed{position:absolute;top:0;left:0;width:100%;height:100%}
#page #banner .wrap{min-height:45px;position:relative}
.short #page #banner .wrap{min-height:0}
#page #banner h1.titre_page{color:#333;font-family:'Muli';text-shadow:2px 1px 4px rgba(0,0,150,0.2);position:relative;bottom:0;width:calc(100% - 20px);padding:10px;border:0;margin:0;font-size:2em;text-align:center;top:120px}
.short #page #banner h1.titre_page{opacity:0}
#page #banner h1.titre_page span{padding:0 10px}
#page #banner .logo_page a img{border:0 solid blue;height:90px;width:500px;background:url(/images/) no-repeat top left}
.index div#conteneur{border-top:1px solid}
#leftbar #surmenu table.menu_left td a:hover{background:#0063ac;color:#fff}
#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}
#page #banner #text_flash{margin:-20px 0 0 -10px}
#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: 105px;
	left:0;
	padding:0;
	position:absolute;
	text-indent:-999em;
	width:200px;
	transition:all .3s ease .001s;
	z-index:50;
}

#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:0;
	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:auto;margin-left:443px;position:absolute;top:50px;width:25px;z-index:1000;display:flex;flex-direction:column-reverse;right:0}
#choix_langue input{background:none;float:left;padding:3px}
#creationCREAPRIME{border:0 solid blue;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: 20px;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:#069 url(/images/deg_blanc.png) no-repeat center / 100% 100%;padding:20px}
#conteneur{border-top:50px solid rgba(0,0,0,0.8);margin-bottom:330px;position:relative;z-index:2;background:#fff}
#page #conteneur{/* z-index:6 */}
.short #page #conteneur{z-index:2}
.skew{transform:skewY(-5deg)}
.deskew{transform:skewY(5deg)}
#footer{background:#ddd linear-gradient(-15deg,rgba(255,255,255,0.0),rgba(0,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 0 ease .001s}
.shorti #footer{bottom:0;transition:all .8s ease .5s;display:flex}
#footer .wrap{margin:3% auto}
#foot_cont{background:none;margin:5px auto;max-width:1280px;display:flex;flex-direction:row-reverse}
#foot_cont ul li{background:none;display:block;float:left;padding:0 0 0 12px;list-style:none;text-align:left}
#foot_cont ul.page_edit li{width:95%}
#foot_cont ul.page_edit{margin:auto}
#foot_cont ul#page_static li{width:90%}
#foot_cont ul li a{border:0 none;color:rgba(0,112,161,1);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{margin:auto;padding:2px 0 0}
.footer_left{float:none;margin:0 2% 0 0;padding:0 1% 0 0;width:auto;flex:1}
.footer_right{flex:3;display:flex}
.footer_out_right{color:#fff;float:none;padding:1%;width:17%;vertical-align:top;display:none}
.footer_out_right img{height:auto!important;width:100%!important}
.soutien{font-size:14px;margin:5px;text-align:center}
#foot_cont ul#soci_lnk{border:0 solid blue!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;border:0 solid blue!important;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}
#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}
#footer ul#soci_lnk li{height:auto}
.logo_footer{float:none;margin:10px auto 0;padding:0 60px}
.logo_footer img{max-width:90%;display:block;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;margin:0 auto;padding:0 0 40px;width:1280px}
.oc_left #page.two_col #main{float:left;padding:35px 0 0 300px;width:800px}
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:2px solid #ccc;border-radius:0;float:none;margin: 0 auto;min-height:450px;overflow:hidden;order: 0;padding:0;width:275px;background:#fff;}
#leftbar #left_address{color:#060;font-size:.85em;line-height:160%;margin:25px 0 0 5px;text-align:left;width:80%}
#leftbar #logo_left{border:0 solid blue;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 0 0 0;float:left!important;margin:0 0 0 -200px;min-height:450px;overflow:hidden;padding:0 0 15px;width:200px;display:none}
#page.two_col #rightbar{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.oc_left #main{float:left;min-height:450px;padding:20px 0 0 300px;width:calc(100% - 300px)}
#pages.index.nocol #main{float:none;padding:25px 0 0;width: calc(100% - 300px);margin: auto;}
#pages.index #wrapper{margin:0 auto;padding:0;max-width:1280px;width:100%}
.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_promo_index{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 #box_promo_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 0 0;padding:0;width:395px;height:185px}
.index .titre_page{display:none}
.index .textbloc{font-size:115%;height:auto;line-height:125%;padding:0 5px;border:0;text-align:justify}
#splash_load{position:absolute;z-index:151;display:none;width:750px;height:170px;top:200px;left:50%;text-align:center;margin:0 0 0 -375px;background:url(/images/img_admin/glow.png) no-repeat}
#splash_load img{margin-top:70px}
#splash_load_fond{background:none repeat scroll 0 0 #FFF;height:100%;left:0;opacity:.6;position:fixed;top:0;width:100%;z-index:150;display:none}
#menu_preview{background:url(/images/noir_80.png) repeat scroll 0 0 rgba(0,0,0,0);border-radius:10px;box-shadow:0 0 4px #000;color:#fff!important;padding:10px 20px;position:absolute;right:2%;top:5px;width:200px;z-index:1000}
#menu_preview h3{color:#fff;margin:0}
#menu_preview li{color:#fff}
#menu_preview a{color:#fff}
.caption .content h1,.caption .content h2,.caption .content h3,.caption .content h4,.caption .content h5{color:#fff}
#mav.galerie_mav{height:400px;width:650px;margin:0 20px}
#mav.galerie_mav > div > a{display:block;height:400px;width:650px;overflow:hidden}
#mav.galerie_mav .content h1.titre_actualite{color:#FFF;font-size:1.3em;font-weight:400;text-align:left;text-transform:uppercase;margin:0}
#mav.galerie_mav .caption .content{background:url(/images/noir_deg_70.png) repeat-x scroll 0 top transparent;height:80px;line-height:110%;margin:-80px 0 0;width:630px}
#mav.galerie_mav .img_mav{float:left;margin:0}
#mav.galerie_mav .img_mav img.slide_index2{display:block;visibility:visible;width:650px;border:0 solid red}
#mav.galerie_mav .img_mav img.slide_index{display:block;visibility:visible;border:0 solid blue;height:400px}
#mav_nav.galerie_mav{margin:0 32px 0 0;position:relative;top:-74px}
#breadcrumb a{color:#999;font-size:11px}

#recherche {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	border-radius:0;
	height:42px;
	/*left: calc(100% - 275px);*/
	margin:0;
	padding:2px 10px;
	position:relative;
	top: 120px;
	width: 250px;
	z-index:11;
	right: 0;
}

.short #recherche{display:none}
#recherche input{background:#0063ac linear-gradient(15deg,rgba(255,255,255,0.9),rgba(255,255,255,0.6));border-radius:3px;font-size:14px;height:32px;border:0 solid;margin:5px 0;padding:0 0 0 10px;position:relative;max-width:250px;}
#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:rgba(0,99,172,0.7); *//* font-style:italic; */}
#entete_main{background:none repeat scroll 0 0 #000;height:590px;padding:10px}
#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}
.row.horsstock{background:#FAA}
.row.horsstock .text_hs{clear:both;display:block;float:none!important;margin:2%!important;padding:2%!important;text-align:center!important;width:92%!important}
.row.horsstock table.ecart td{background:url(/images/deg_blanc.png) repeat-x scroll left top #faa;border:1px solid #aaa;padding:5px;text-align:center}
.box_new_index .box_prod.bp_light .prod_marque{color:#666;font-size:15px;height:20px;margin-top:-24px;overflow:hidden}
#page #wrapper{margin:0 auto;padding:0;max-width:1450px;width:100%}
.index #page #wrapper{padding:0 0 40px}
.oc_left #leftbar{border:0 solid #ccc;border-radius:0;float:left!important;margin:0 5px 0 -100%;min-height:450px;overflow:hidden;padding:0;width:300px}
.oc_left #page #main{float:left;min-height:450px;padding:20px 0 0 300px;width:calc(100% - 300px)}
.nocol #page #main{float:none;padding:10px 0 50px;position:relative;margin-top:0;order: 2;background: #fff;width: calc(100% - 300px);box-shadow:0 5px 15px -10px rgba(0,0,0,0.3);}
#breadcrumb{position:absolute;top:120px}
#b_main_menu {
	height:40px;
	padding:0 0 0 75px;
	position:relative;
	top:35px;
	width:calc(100% - 550px);
	z-index:101;
	margin:auto;
}

#b_main_menu a{color:#000}
#b_main_menu a:hover{color:#fff}
#b_main_menu ul{background:none;margin:0;display:flex;justify-content:space-evenly}
#b_main_menu li{background:rgba(0,0,0,0) none repeat scroll 0 0;list-style:outside none none;padding:0!important;width:auto!important;height:45px}
#b_main_menu li.up{background:linear-gradient(75deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0.6),rgba(255,255,255,0.4),rgba(255,255,255,0))}
#b_main_menu li .try li{height:auto}
#b_main_menu li .try li:hover,#b_main_menu li .try li.up{background:#000}
#b_main_menu table.menu_left td{border:0 solid blue;height:25px;text-align:center;vertical-align:middle;position:relative}
#b_main_menu table.menu_left td span.obl{display:block;transition:all .3s ease .001s;border-radius:10px}
#b_main_menu .up table.menu_left td span.obl{background:#ddd}
#b_main_menu li:hover table.menu_left td span.obl{background:#ddd;border-radius:25px}

#b_main_menu table.menu_left td a {
	border:0 solid;
	border-radius:5px;
	color:#333;
	display:inline-block;
	font-family:'dosis','lato';
	font-size:1.6em;
	font-weight:400;
	line-height:120%;
	list-style:outside none none;
	margin:0;
	height:30px;
	padding:5px 10px;
	text-shadow:0 0;
	min-width: 100px;
    width: calc(100% - 20px);
}

#b_main_menu li:hover table.menu_left td,#b_main_menu li.up table.menu_left td{border-radius:0 0 0 0}
#b_main_menu li:hover table.menu_left td a,#b_main_menu li.up table.menu_left td a{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.6)}
#b_main_menu a{/* font-size:1.3em */}
#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;border-radius:15px}
#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 /* ?l?ments de sous-listes */{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:none;padding:5px 20px;font-size:18px;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}
html>body #b_main_menu li ul#one li{border-top:0 solid transparent}
#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:hover ul,#b_main_menu li li:hover ul,#b_main_menu li.sfhover ul,#b_main_menu li li.sfhover 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, #b_main_menu li:hover ul li:hover ul.try.second.opensec{left:98%;min-height:0;top:0}
#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:5px 30px!important;width:auto;position: relative;}
#b_main_menu li ul.try li:hover{background:linear-gradient(4deg,rgba(0,0,0,0.9),rgba(0,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;width:auto;display:flex;flex-direction:column}
#leftbar #navigation_left h3,#cont_menu_cat #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 #surmenu div{font-weight:400;margin:0;padding:0;text-align:left;width:auto}
#leftbar #surmenu div.m_li{border-bottom:1px dotted rgba(0,0,0,0.3)}
#leftbar #surmenu div.m_li.up{background:none repeat scroll 0 0 rgba(0,0,0,0.5)}
#leftbar #surmenu .sous_rub div{border-bottom:1px dotted #755;margin:0 15px}
#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:none}
#leftbar #surmenu div.up td{color:#d22f14}
#leftbar #surmenu div.up table.menu_left td a{color:#fff}
#leftbar #surmenu div.s_li.up table.menu_left td a{color:#369}
#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{border:0 solid blue}
#leftbar #surmenu td.td_replie{width:20px;padding:0;text-align:center;border:0 solid blue}
#leftbar #surmenu td.td_replie span{width:20px;display:block;border:0 solid blue;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:0}
#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:#333;display:block;font-size:18px;line-height:110%;padding:7px 0 7px 30px;text-align:left}
#leftbar #surmenu .s_li table.menu_left td a{color:#896b64;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.devplus,#leftbar #surmenu table.menu_left td a.devmoins{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:-100px;z-index:103;text-align:center;display:flex;justify-content:space-between;left:155px;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}
nav#alt_acces li.nl_news 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}
.index nav#alt_acces li.nl_news a{color:#0062BD}
#menu_hd{background:#fff;float:none;height:60px;position:absolute;right: 30px;width: 225px;border-radius:3px;box-shadow:0 3px 15px -8px #000;color:#666;z-index:100;left:auto;top: 47px;}
.short #menu_hd{background:#fff;float:none;/* height:30px; */position:absolute;right:calc(0% + 30px);top:46px;width:160px;border-radius:3px;box-shadow:0 5px 15px -10px #000;border:1px solid #0063ac;color:#0063ac;z-index:54;}
.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;width:75%;margin:auto!important;display:flex;height:20px;flex-direction: column;}
.short #cart h3{font-size: 12px;margin:auto;}
.short #banner .half.hal_tel{padding:5px 0}
.menu_smart{display:none}
.enter .fleche{width:100px;height:12px;margin:0 auto;display:block}
.enter a{height:65px;display:block;overflow:hidden}
.enter .bouton{width:100px;margin:-5px auto 0;display:block}
.titre_page{background: url(/images/virgule.png) no-repeat left center / auto 90% !important;color:#0063AC;font-size:2em;font-weight:700;margin:10px;width:auto;text-align:left;padding: 15px 0 25px 70px;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}
#bloctext{overflow:auto;overflow-x:hidden;padding-bottom:0;height:460px}
.textbloc{font-size:120%;height:auto;padding:5px 5%;background:#fff;position:relative;min-height:150px;margin:auto;box-shadow:0 5px 20px -10px #000;width:calc(90%);border-right:0} 
.textbloc > h2{line-height:160%}
.textbloc p,.textbloc span,.textbloc strong,.textbloc em{line-height:100%}
.textbloc p{margin:15px 0;font-family:'muli';color:#333}
.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%}
body#fiche_produit #page #vignettes_img #ajout_devis #add_quantite{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #DDD;font-size:1.3em;height:25px;text-align:center;width:100px}
h3.t_fiche{color:#333;margin:0;padding:5px;text-align:center}
body#fiche_produit #page.pages_gammes .img_vignette > h3{font-size:2em!important;color:#060}
#prod_fiche .row_doc{margin:10px}
#prod_fiche span.ext{padding:5px;text-shadow:1px 2px 3px #000;box-shadow:1px 2px 3px #000;border:1px solid #fff;margin:5px;background:#600;color:#fff;font-size:1.6em;font-weight:700;border-radius:8px}
#prod_fiche a{color:#060}
#prod_fiche a:hover{color:#090}
#prod_fiche span.ext a{color:#ded}
#prod_fiche span.ext a:hover{color:#fff;text-decoration:none;text-shadow:1px 2px 3px #f90}
.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 rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:space-between;width:auto}
#prod_fiche .row .img_ref{text-align:center;background:rgba(255,255,255,0.2)}
#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:none;color:#000;padding:5px;font-size:1.7em;text-shadow:1px 0 1px #000;margin:-0}
h2.categories{background:url(/images/puce_theme.png) no-repeat 0 50%;font-size:1.6em;font-weight:400;color:#000;text-align:left;margin:5px 0 -5px 10px;padding:0 0 0 10px}
#cont_actu{position:relative;left:0;padding:50px 0;border-bottom:1px solid rgba(0,112,161,0.5);border-top:1px solid rgba(0,112,161,0.5);margin:0}
#cont_actu h3{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}
#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}
.id_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%}
.id_contact fieldset,#devis fieldset,#espace_pro fieldset{margin:10px 0 0;border-top:3px solid #aaa;padding:5px}
.id_contact #main_cont_right fieldset{margin:10px 0 0;border-top:3px solid #060;padding:5px}
.id_contact legend,#devis legend{padding:0 10px;font-size:1.5em;color:#aaa}
.id_contact #main_cont_right legend{padding:0 10px;font-size:1.5em;color:#060}
.id_contact #fi_renseignement input{width:30px;text-align:left}
#devis select{border:1px solid #999;width:300px}
.id_contact .bloc .champs{width:18%}
.id_contact .bloc_cp input,.id_contact .bloc_ville input,#devis .bloc_cp input,#devis .bloc_ville input{width:180px!important;border:1px solid #ddd!important;background:#eee!important}
.id_contact .bloc_cp label,.id_contact .bloc_ville label,#devis .bloc_cp label,#devis .bloc_ville label{font-size:1.1em}
.id_contact hr,#devis hr{background:none repeat scroll 0 0 #999;border:0 none;clear:both;height:1px}
.id_contact .bloc_cp .champs,.id_contact .bloc_ville .champs,#devis .bloc_cp .champs,#devis .bloc_ville .champs{width:100px!important}
.id_contact #main .bloc_cp,.id_contact #main .bloc_ville,#devis #main .bloc_cp,#devis #main .bloc_ville{float:left;clear:none;width:48%!important}
.id_contact .bloc label,#devis .bloc label{font-size:1.1em;width:95%}
.id_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%}
#main_cont .intro_contact{font-weight:700;font-size:1.2em;color:#CCC;margin:0 auto;padding:0;width:420px;text-align:center}
.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}
.id_contact .bloc input,#devis .bloc input,#espace_pro .f_contact input{background:rgba(255,255,255,0.8)!important;border:1px solid #999!important;border-radius:5px;height:25px;padding:2px;width:65%}
.id_contact .bloc textarea,#devis .bloc textarea{background:rgba(255,255,255,0.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}
.bloc label,#espace_pro .f_contact .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 blue;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:none}
.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}
#slogan_valide h2{border-bottom:1px dashed #666;border-top:1px dashed #666;color:#333;padding:5%;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}
#adresse_valide_back{width:450px;margin:0 auto;text-align:center}
#adresse_valide_back a{background:#fff;font-size:1.5em;color:#F33;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;float:left;margin:0 4%;width:90%}
#main_actu .l_actu{background:none repeat scroll 0 0 #FFF;margin:20px 0 15px 5px;padding:5px 5px 5px 20px}
#main_actu .l_actu.up{background:#666;display:none}
#main_actu .l_actu .l_date{font-size:.9em;color:#000;text-align:right;border-bottom:1px solid #000}
#main_actu .l_actu .l_img,#actualites .l_actu .l_img2{float:left}
#main_actu .l_actu .l_img{background:#fff none repeat scroll 0 0;display:inline-block;float:none;margin:5px;padding:2px;vertical-align:top}
#main_actu .l_actu .l_img img{height:auto;max-height:150px;max-width:200px;width:auto;box-shadow:0 5px 15px -10px #000}
.l_actu_det{display:inline-block;margin:5px 5%;vertical-align:top;width:60%}
#main_actu .l_titre{color:#000;font-size:1.8em;margin:15px;padding-left:10px;text-align:left}
#main_actu .l_titre a{color:#000}
#main_actu .l_actu .l_actu_det .description{color:#333;text-indent:none;text-align:justify;line-height:120%;padding:0}
#main_actu .img_z{width:300px;float:left;margin:0 10px;box-shadow:0 5px 15px -8px rgba(0,0,0,0.8)}
#main_actu .img_z img{width:300px}
#main_actu .head_actu{border-bottom:3px solid rgba(0,0,0,0.5);border-radius:9px;box-shadow:0 5px 15px -12px #000;float:left;margin:5%;padding:5%;font-size:130%;width:80%;background:rgba(255,255,255,0.95)}
#main_actu .head_actu span{text-align:left;font-family:'Verdana',Arial,Helvetica,sans-serif}
#main_actu .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}
#main_actu .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}
#main_part{margin:0 auto;text-align:center;width:90%}
#main_part li.part{display:inline-block;float:none;height:250px;margin:0 10px 10px;overflow:hidden;vertical-align:top;width:210px}
#main_part li.part.fhide{display:none}
#main_part a.bout_rep,#main_part a.bout_dep{float:left}
#main_part 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}
#main_part li.part:hover .cont_img{border:10px solid #81a600;box-shadow:0 2px 5px -3px #000;float:none;height:175px;transition:all .3s ease .001s;width:175px}
#main_part li.part .cont_img{float:none;height:195px;width:195px}
#main_part .part .img_part{overflow:hidden;text-align:center}
.part .lnk_part{clear:both;height:auto;line-height:130%;width:auto}
#main_part li.part td.img_part{height:195px;padding:0;width:195px}
#main_part li.part:hover td.img_part{height:175px;width:175px}
#main_part .part .img_part img{max-height:135px;max-width:160px;overflow:hidden;text-align:center}
#main_part .part div{text-align:center;width:auto}
#main_part .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}
#main_part .part .ico_web{background:#fff none repeat scroll 0 0;display:none;padding:2px 0 0;text-align:center}
.replie{display:none}
.deplie{display:block}
#images_drt{width:350px;float:right;margin:295px 20px 0;border:0 solid blue;overflow:hidden;height:50px}
#images_drt .img_drt.img_mav{width:350px;height:280px;overflow:hidden;position:absolute;margin:-290px 0 0}
#images_drt .img_drt.img_mav img{min-width:350px;min-height:280px;height:auto;width:auto}
#images_drt .img_drt.img_mav img.paysage{height:280px}
#images_drt .img_drt.img_mav img.portrait{height:350px}
#images_drt .img_drt{border:0 solid red;margin:2px;float:left;box-shadow:1px 0 3px #000}
#images_drt .img_drt img{height:45px;margin:0}
#page.gauche #images_drt.img_agence{border:0 solid red!important;width:220px!important}
#page.gauche #images_drt.img_agence .img_drt.img_mav{width:220px;height:300px}
#page.gauche #images_drt.img_agence .img_drt.img_mav img{min-width:220px;min-height:300px;height:auto;width:auto}
#page.gauche #images_drt.img_agence .img_drt.img_mav img.paysage{height:220px}
#page.gauche #images_drt.img_agence .img_drt.img_mav img.portrait{height:300px}
#MooFlow{width:95%}
#gal_foot{padding:0;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:300px;overflow:hidden;width:auto;flex:1;background-size:cover}
#gal_foot .paysage a img{padding:0;background:#fff;height:200px}
#gal_foot .portrait a img{padding:0;background:#fff;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}
#gal_foot .img_foot a span.caption{background:none repeat scroll 0 0 rgba(0,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_foot.full .paysage a img{width:100%;height:100%;opacity:0}
#gal_foot.full .portrait a img{width:100%;height:100%;opacity:0}
#gal_foot.full .img_foot{width:calc(100% / 3);height:300px;margin:0;background-size:cover;background-position:center}
#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;margin:5px 2% 15px;padding:10px;width:90%;display:flex}
.box_prod .box_prod_left{float:left;width:25%;flex:1}
.box_prod .box_prod_middle{flex:2}
.box_prod .box_prod_right{border-left:1px solid #DDD;float:none;padding:0 0 0 10px;width:200px;margin:0 0 0 1%;flex:1}
.box_prod.bp_light .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;line-height: 120%;}
.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%;max-height:180px;height:auto}
.box_prod .etat_stock{color:#000;font-size:11px;height:15px;line-height:15px;margin:0;padding:0 1px 0 0}
.dispo.etat_stock span{padding:0 0 0 70px;display:inline-block}
.box_prod .etat_stock .ok,.dispo.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}
.dispo.etat_stock .limite{color:#f90;background:url(/images/stock_limite.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:auto}
.box_prod.bp_light{border:0!important;float:none;margin: 20px 1.1% 15px;padding:0;width: calc(29.3% - 10px);border-radius:5px;position:relative;box-shadow:1px 3px 9px -5px rgba(0,0,0,0.5);min-height: 420px;background:#fff;display:block;}
.box_prod.bp_light .lnkprod a{/* display:block; *//* text-align:center; *//* margin:5px; *//* color:#000; *//* font-size:1.2em */}
.box_prod.bp_light a.readmore{display:none}
.box_prod.bp_light.mk_5 a.readmore{display:block;float:none;clear:left;margin:-15px auto 5px;background:#FEAC40;color:#fff;padding:12px;font-size:1.5em;transition:all .3s ease .001s;border:1px solid #fff}
.bloc_ill_page{position:absolute;width:100px;top:-30px;left:-30px;height:100px;border-radius:100px;background-image:url(/images/bloc_illustr.png);background-position:center;background-size:contain;display:none}
.box_prod.bp_light.mk_5 a.readmore:hover{color:#FEAC40;background:#fff;border:1px solid #FEAC40}
.box_prod.bp_light.mk_3{border:4px solid rgba(235,0,100,0.3)}
.box_prod.bp_light.mk_5{border:4px solid rgba(235,0,100,0.5);width:44%;height:auto}
.box_prod.bp_light.mk_5 .img_prod{background:none;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,0.5);padding-top:10px}
.box_prod.bp_light .box_prod_left{margin:0 2%;text-align:center;width:96%}
.box_prod.bp_light .img_prod{background:none;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;background:rgba(0,100,150,0.6)}
.box_prod.bp_light .img_prod a{display:flex}
.box_prod.bp_light .img_prod img{position:relative;width:100%;max-height:100%;margin:auto}
.box_prod.bp_light .box_prod_right .lp_prix{color:#fff;font-size:2em;font-family:'dosis';height:50px}
.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:1.5em;height:3.2em;line-height:1em!important;margin:-15px 0 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}
.cc_quantite{width:48%;margin:1%;float:left}
.cc_valide{width:48%;margin:0 1%;float:left}
.box_prod .etat_stock .limite{color:#f90;background:url(/images/stock_limite.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:62px}
.box_prod .etat_stock .limite em{display:none}
.box_prod .etat_stock .non em{display:none}
.box_prod .etat_stock .non,.dispo.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:none;margin:0 0 -5px 10px}
.box_prod .prod_info .semi_pi.add input.inp_qt{background:#fff;width:30px}
#main.enregistrement{padding:0 15px;margin:-0;border:0 solid #ddd;color:#666}
#cont_compte{background:#f5ffff}
#cont_compte .comm{clear:both;margin:5px;padding:2px;border-bottom:2px solid #aaa;box-shadow:1px 1px 6px #bbb}
#cont_compte .comm .row{background:#eff;padding:5px}
#cont_compte .mc_commande{border:1px solid #666;margin:10px auto;width:97%}
#cont_compte .mc_commande td{border:1px solid #666;padding:3px;background:url(/images/deg_blanc.png) repeat-x top left}
#cont_compte .mc_commande th{border:1px solid rgba(255,255,255,0.5);background:#06d url(/images/deg_blanc.png) repeat-x top left;color:#fff;font-size:120%;font-weight:400;text-shadow:1px 1px 2px #000;padding:10px}
#cont_compte .mc_commande .extra{display:block;color:#333}
#main.enregistrement .label{float:left;width:30%;display:block;color:#333}
#main.enregistrement h4{color:#333}
#main.enregistrement h4.comm_prix{background:url(/images/deg_blanc.png) repeat-x 0 top #fff;border:0 solid #AAA;float:right;margin:-75px 2% 0;padding:15px;box-shadow:0 5px 15px -10px #000;color:#06d}
#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,0.2);margin:15px 0!important;padding:12px;border-radius:10px;box-shadow:0 5px 15px -10px #000;position:relative}
#main.enregistrement input.input_check{width:auto}
.ins_moreinfo{display:inline-block;margin:0 5px 5px;vertical-align:top}
.minfo{position:absolute;background:#fff;padding:30px;width:80%;margin:2% 10%;border:4px solid rgba(0,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:none!important;height:auto!important}
.f_form input{width:auto!important;height:auto!important}
#main.enregistrement fieldset{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 h3,#box_log h2,#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 h3 a,#box_log h2 a,#box_log h4 a{color:#fff!important;font-size:13px;text-transform:uppercase}
#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 fieldset legend span.deplie{float:left}
#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}
#mav{margin:0;border-radius:10px;height:350px;overflow:hidden}
#mav .img_mav{float:left;margin:10px}
#mav .img_mav img{display:block;visibility:visible}
#mav .content{color:#FFF;float:left;font-size:1em;height:280px;margin:30px 0 0 -480px;padding:10px;position:relative;width:430px}
#mav .img_mav img{display:block;visibility:visible;max-width:1000px;width:auto}
#mav .content h1.titre_actualite{color:#FFF;font-size:3.5em;font-weight:700;text-align:center;text-transform:uppercase}
#mav .content h1,#mav .content h2,#mav .content h3,#mav .content h4,#mav .content h5,#mav .content h6{color:#fff}
#mav_nav{margin:0 70px 0 0;position:relative;top:-338px}
#mav_nav ul li{list-style:none;float:left;margin:0 3px}
#mav_nav ul li a{background:none repeat scroll 0 0 #796854;border:0 solid #786755;border-radius:10px 10px 10px 10px;color:#FFF;float:left;font-size:1.2em;font-weight:700;padding:2px 5px}
#mav_nav ul li.up a{color:#fff;background:#f60}
#mav_nav ul li a:hover{color:#fff;text-shadow:0 1px 3px #000;text-decoration:none;background:#a98}
#mav_nav ul{border:0 solid blue;float:right;margin:0;position:relative;width:auto!important;z-index:100}
#actu_spe_plus{display:none}
.titre_galeries{color:#796854;font-size:1.4em}
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.ecart{border:1px solid #666;width:99.5%}
table.ecart td{padding:5px;background:linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3));border:1px solid #ddd;text-align:center;border-color:#fff #ddd #ccc}
table.ecart th{background:#178d00 linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.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%}
a.b_ajouter_panier{background:url(/images/picto_info_blanc_xl.png) no-repeat scroll 12px center / 15px #0063Ac;color:#FFF;display:block;margin:5px 0;padding:10px 15px;text-align:left;width:150px;border:1px solid #fff;padding-left:40px;border-radius:10px}
a.b_ajouter_panier:hover,a.bpl_b.bpl_achat:hover{color:#0063ac!important;background-color:#fff!important;border-color:#0063ac;border-radius:10px;border:1px solid #0063ac;background-image:url(/images/picto_info_bleu_xl.png)!important}
.list_sort{display:flex;justify-content:center}
.list_sort a{margin:0 10px}
a.bpl_b.bpl_achat:hover{background-image:url(/images/picto_add_bleu.png)!important}
.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.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}
.old{color:#999;float:left;font-size:80%;text-decoration:line-through;width:60px}
input#bout_cb{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #E08711;border:1px solid #FFF;border-radius:5px;box-shadow:1px 1px 5px #666;cursor:pointer;font-family:"trebuchet ms",arial;font-size:16px;margin:5px;padding:10px;width:128px}
.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}
.on_process{border:2px dotted #00B51A}
h2.alerte{background:rgba(0,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}
.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 .001s}
.lnk_retour a:hover{color:#fff}
#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 .001s}
.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,0.6)}
.row.ba_stock{margin:auto}
.row.ba_qte{margin:5px;display:flex;justify-content:space-around}
.liste_expe{background:none repeat scroll 0 0 #ddd;border:1px solid #999;border-radius:10px;padding:3%;margin:1%}
.liste_expe.up{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #fef;border:1px solid #ddd}
#orga{margin:0 0 0 5px;width:100%}
#cont table{background:#fff}
body{/* font-family:"Lato",arial,sans-serif; *//* font-size:80%; */margin-top:0;}
img{border:0;vertical-align:bottom}
.clear{clear:both;border: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}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
#upper_footer .uf_left{display:inline-block;vertical-align:top;width:60%;border-right:2px solid #4d4d4d}
#upper_footer .uf_right{width:35%;display:inline-block;vertical-align:top}
#upper_footer .uf_right span{color:#4d4d4d;display:block;font-size:130%;text-align:right;margin:4px 5px 4px 145px}
.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:none}
#upper_footer .uf_right span.adr_tel,.ind_adresse span.adr_tel{font-size:170%!important;font-weight:700;height:40px}
#upper_footer .uf_right span a.bt_devis{background:#4d4d4d;color:#fff;padding:4px 37px;font-weight:700;border:2px solid #4d4d4d;border-radius:3px}
.ind_adresse span a.bt_devis{display:none}
#upper_footer .uf_right span a.bt_devis:hover{color:#4D4D4D;background:#FFF;border-color:#4d4d4d}
section#id_contact #contact{padding:0;width:calc(90%)}
section#localisation{/* padding-bottom:50px; *//* position:relative; */}
.ind_loca_right{float:right;height:450px;margin:15px;width:26%;text-align:center}
section#id_contact .ind_cont_titre,section#localisation .ind_cont_titre{font-size:2em;margin:0;position:relative;font-family:raleway}
#actu_souscam{margin:0}
.ind_loca_img img.rond{max-height:100%;max-width:100%}
.ind_loca_img{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:200px;margin:0;position:absolute;width:calc(100% - 450px);top:-45px}
#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,0.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,0.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 /* Sous-listes */{position:absolute;width:135px;left:-999em;margin:-1px 0 0;z-index:150;border:1px solid blue}
.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,0.9);margin:0;width:calc(100% - 10px);padding:6px 5px;text-align:center;transition:all .3s ease .001s;box-shadow:0 5px 15px -9px #000;border-bottom:1px solid rgba(0,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 0 0 0!important}
html>body .nocol #banner_menuleft ul#one li{border-top:0 solid transparent}
.nocol #banner_menuleft ul.try li a:hover,#menu_three li ul.try li a:hover{color:rgba(150,220,255,1)!important}
.nocol #banner_menuleft li:hover ul,.nocol #banner_menuleft li li:hover ul,.nocol #banner_menuleft li.sfhover ul,.nocol #banner_menuleft li li.sfhover ul{left:-7%;min-height:0}
#b_main_menu li ul.try,#menu_three li ul.try{margin:-5px auto 0;position:absolute;width:auto;display:flex;z-index:1150;background:rgba(0,99,172,.8);padding:10px 0;box-shadow:0 5px 15px -10px #000;justify-content:center;top:45px;flex-direction:column;min-width:250px}
#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 .001s;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 .001s}
.deploie .b2{background:#000 none repeat scroll 0 0;height:0;transform:rotate(-45deg);position:absolute;top:-5px;width:0;transition:all .8s ease .001s}
.short #breadcrumb{display:none}
.short #page #banner{box-shadow:0 5px 13px -10px #000;height:60px;margin:0 auto;padding:0;position:fixed;top:0;transition:all .3s ease .001s;width:100%;z-index:100}
.short #retour_accueil a{height:40px;position:absolute;text-indent:-999em;top:0;width:175px;z-index:15}
.short #banner_menuleft{border:0 solid;margin:0;position:absolute;top:45px;transform:scale(0.9)}
.short #retour_accueil a img{background:rgba(0,0,0,0) url(/images/logo.png) no-repeat scroll center center / 95%}
.short #conteneur{margin-top:120px}
.short #b_main_menu{background:rgba(0,0,0,0) none repeat scroll 0 0;border-radius:3px;height:40px;position:relative;top:10px;z-index:10}
.short #b_main_menu li ul.try,#menu_three li ul.try{top:35px}
.short #b_main_menu table.menu_left td a{border:0 solid;border-radius:5px;display:inline-block;font-size:1.3em;font-weight:400;height:auto;line-height:120%;list-style:outside none none;margin:0;padding:5px 15px}
.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 #banner .adresse{background:#fff none repeat scroll 0 0;font-size:85%;height:auto;padding:0!important;/* width:195px; *//* right:0; */text-align:center;display:flex;box-shadow:0 5px 15px -8px rgba(0,0,0,0.5);justify-content:center;}
#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,0.95) none repeat scroll 0 0; */height:100%;position:fixed;top:0;width:100%;z-index:10000;}
.half,.ters{border:0!important}
.vbas .short #page #banner{top:-250px;transition:all .2s ease .001s}
.row.row_doc{background:rgba(0,0,0,0) linear-gradient(185deg,rgba(0,0,0,0),rgba(0,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,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}
.post_valid{font-size:125%;padding:1% 5%}
.post_valid a{display:inline-block;padding:7px 23px;background:#09d;color:#fff;border-radius:3px;border:1px solid #fff;transition:all .3s ease .001s}
.post_valid a:hover{background:#fff;color:#09d;border:1px solid #09d}
.accept_cgv{padding:20px!important;font-size:1.4em}
.erreur,.error{padding:20px;color:#d00;text-align:center;border:6px rgba(250,0,0,0.5) solid;box-shadow:0 5px 15px -10px #000;font-size:22px}
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 .001s}
a.close_info:hover{color:#06D;border-color:#06D;background:#fff}
.old_price{text-decoration:line-through;color:#ddd;font-size:.8em;font-weight:400;display:block}
.box_prod .old_price{margin:-10px auto}
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 0 0;cursor:pointer;transition:all .3s ease .001s}
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}
.row.paiementcb{background:url(/images/logo_ca.png) no-repeat right center / auto 90%!important;font-size:1.3em}
#mon_compte .info{border:4px solid rgba(250,0,0,0.8);padding:5px 10px;color:rgba(250,0,0,0.8);background:rgba(250,0,0,0.1);margin:10px;font-size:1.3em;display:inline-block}
#mon_compte .info strong{display:block}
.hided{display:none}
#main.enregistrement .legend_seule{margin:5px!important;display:inline-block!important;padding:5px 10px;border:1px solid #145DC7;width:150px;text-align:center}
.box_pn a.lnk_cart_pn:hover,#enregistrement a.lnk_cart_pn:hover,#enregistrement input.lnk_cart_pn:hover{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;color:#06d}
.paiement_securise img{width:80%;padding:10px 0 0 24px}
#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,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,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;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}
.m_bloc_gauche,.m_bloc_droit,.half,.tiers{border:0!important}
.tiers{width:30%!important;padding:.5%!important;margin:.5%!important;border:0!important}
td{padding:2px;text-align:center}
table.calendrier td.full_op{background:#3499ff none repeat scroll 0 0}
table.calendrier td{background:#ffa none repeat scroll 0 0;border:1px solid #fff;font-size:.7em;font-weight:400;padding:5px 2px;text-align:center;width:15px!important}
table.calendrier td.mid_op{background:#efdf0f none repeat scroll 0 0}
table.calendrier th{background:#f30 none repeat scroll 0 0;border:1px solid #fff;color:#fff;font-size:1.2em;font-weight:400;padding:3.5px}
table.calendrier th.mois{width:220px}
.ombre{box-shadow:0 5px 15px -10px #000}
#conteneur_nav{display:block;justify-content:space-between}
.sousmap{background:url(/images/fond_map.jpg) center / 100% 100%}
.sousmap .bigblock.bb_parc h2{color:#fff;text-align:center;display:block;padding:0;margin:0}
.bloc_option_ind_inner_bis{position:relative;top:-180px}
.index .bloc_option_ind{padding-top:272px;max-width:1200px;margin:auto;background:none}
.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%}
.liste_prov{display:flex;justify-content:space space-around}
div.cinq{width:19%}
.splash > a{display:block;position:fixed;width:100%;height:100%;cursor:default;background:rgba(0,0,0,0.8);z-index:500}
.splash a span{float:right;color:#fff;margin:11px;font-size:1.5em;cursor:pointer}
.insplash{position:absolute;left:calc(50% - 300px);top:3%;z-index:510;box-shadow:0 5px 15px -10px #000}
#section_social{background:url(/images/line_h.png) no-repeat center top;padding-top:30px}
#section_social .cont_sociaux h2{margin:auto}
#section_social .cont_sociaux{margin:auto;width:550px;background:#fff000;margin-top:80px;display:flex;justify-content:space-between;padding:15px;text-transform:uppercase}
#section_social .cont_sociaux ul,#section_social .cont_sociaux ul li{display:flex;list-style:none;margin:auto;justify-content:space-between;width:30%}
.nl_txt{position:absolute;visibility:hidden}
.flex{display:flex;justify-content:space-around}
.outer_block_inner .tiers{width:28%;padding:0!important;box-shadow:0 5px 15px -10px #000;margin:10px auto}
#adlink_banner{position:absolute;bottom:70px;width:100%}
#adlink_banner ul{display:flex;justify-content:center}
#adlink_banner li{list-style:none;display:block;padding:10px 25px;background:rgba(255,255,255,0.85);margin:0 4%;font-size:1.5em;transition:all .3s ease .001s;box-shadow:0 5px 15px -10px #000}
#adlink_banner li a{color:#7C2987}
#adlink_banner li:hover{background:rgba(255,255,255,1)}
#inner_banner_ter{height:110px;position:relative;top:0}
.short #inner_banner_ter{height:60px;box-shadow:0 5px 15px -8px rgba(0,0,0,0.6)}
.index #inner_banner_ter{position:relative;box-shadow:0 5px 15px -10px #000}
.index #inner_banner_bis{height:600px}
#banner .adresse{border-bottom:0 solid #fff;font-size:1em;height:auto;margin:0;padding: 0 5px;position:absolute;right: 27px;top:0;width:auto;display:block;}
#banner .adresse .adr_adr,#banner .adresse .adr_prop,#banner .adresse .adr_cpc{display:none}
#banner .adresse span.adr_tel{color:#000}
table#tableau_tarifs{border-spacing:15px 5px;border-collapse:separate}
table#tableau_tarifs td{border:3px solid #000;background:rgba(0,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,0.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 .001s;font-size:.8em}
.lnk_produit h3 a:hover{background:#666;border-color:#fff;color:#fff}
#inner_agenda.standalone{overflow:hidden;position:relative}
#inner_agenda.standalone iframe{margin-top:-55px}
h3.titre_actu{text-align:center;margin:40px 0 10px}
.bloc_page_ind{background-color:rgba(214,143,10,0.5);width:90%;margin:20px auto}
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}
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,0.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}
#prix_panier {display:none;}
.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,0.4)}
.bloc_page_ind .cont_lnk_dev{text-align:center;position:relative;top:25px}
.bloc_page_ind .cont_lnk_dev a img{width:50px}
.bloc_page_ind a.lnk_renseignement{position:absolute;background:#fff;padding:10px 5px;border:1px solid #000;color:#000;box-shadow:0 5px 15px -10px #000;bottom:-10px;width:180px;text-align:center;left:calc(50% - 95px);transition:all .3s ease .001s}
.bloc_page_ind a.lnk_renseignement:hover{color:#FFF;background:#333;border-color:#fff}
.id_contact #conteneur{padding-top:10px}
#cloneimg,#cloneimg .img_vignette{position:absolute;width:100%;z-index:5;transition:all 1s ease .5s}
#cloneimg.gotocart .img_vignette{height:50px;width:150px;overflow:hidden;z-index:500000}
#cloneimg.gotocart img{width:auto!important;height:auto!important;max-width:100%}
.rgpd_notice{display:flex;justify-content:center;font-size:10px;width:92%;margin:10px auto;border:1px solid rgba(0,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}
.id_contact .bloc input,#devis .bloc input,#espace_pro .f_contact input{background:rgba(255,255,255,0.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}
.cloneimg.gotocart .img_vignette{height:50px;width:150px;overflow:hidden;z-index:500000}
.cloneimg.gotocart img{width:auto!important;height:auto!important;max-width:100%}
.box_prod.bp_light .lnkprod{display:flex;justify-content:space-between;margin-top:13px}
a.bpl_b{display:block;padding:10px 15px;width:150px;margin:1px auto 1px 1px !important;background:#0063AC;color:#fff!important;padding-left:40px;background-image:url(/images/picto_add_blanc.png);background-size:30px;background-repeat:no-repeat;background-position:5px center;border-radius:10px}
.bp_light a.bpl_b.bpl_achat,.bp_light a.bpl_b.bpl_info{background-image:url(/images/picto_add_blanc.png);background-repeat:no-repeat;background-position:5px center;background-size:20px;border:1px solid #fff;padding-left:30px;text-align:left;margin:auto}
.bp_light a.bpl_b.bpl_info{background-image:url(/images/picto_info_blanc_xl.png);line-height:35px;background-size:auto 25px;background-position:10px center}
.selects{display:flex;justify-content:space-around;flex-direction:column}
.select_var{border:1px solid rgba(0,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}
h3.prix_fiche .old{width:auto;float:none;color:rgba(255,255,255,0.4)}
.t_fiche.bloc_ref{display:none}
#text_img_index{position:absolute;color:#fff;top:185px;left:50%;width:550px;margin-left:-500px;font-size:2em;justify-content:center;height:calc(100% - 185px)}
#text_img_index > a{margin:auto}
#text_img_index > h2{color:#222;margin:auto;align-content:100%!important}
#text_img_index h2 span{font-family:'Racing Sans One';line-height:100%!important;font-size:inherit;text-shadow:0 2px 3px rgba(0,0,0,0.3)}
.index #cont_actu_index{position:absolute;z-index:50;right:5%;width:350px;top:225px;background:rgba(255,255,255,0.7);box-shadow:0 5px 15px -6px #000}
.index #section_actu{display:flex;justify-content:space-between}
.index h3.titre_actu{text-align:center;margin:0;background:rgba(150,150,150,0.5);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;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}
#bloc_produit_mav{margin:0;border-top:1px solid transparent;display:flex;justify-content:space-between;background:rgba(0,0,0,0.1)}
#bloc_produit_mav #index_info{width:35%}
#bloc_produit_mav #lnk_pied_page,#cont_pg_left #lnk_pied_page{margin:10px 0 0;text-align:center;padding-top:150px;display:flex;flex-direction:column;background:url(/images/lnk_index_conseil.png) no-repeat top right}
#bloc_produit_mav #lnk_pied_page .logo_img,#cont_pg_left #lnk_pied_page .logo_img{display:none}
#bloc_produit_mav #lnk_pied_page #lnk_comment a,#bloc_produit_mav #lnk_pied_page #lnk_comment_bois a,#bloc_produit_mav #lnk_pied_page #lnk_pourquoi a,#cont_pg_left #lnk_pied_page #lnk_comment a,#cont_pg_left #lnk_pied_page #lnk_comment_bois a,#cont_pg_left #lnk_pied_page #lnk_pourquoi a{display:block;height:100%;position:relative;width:100%}
#bloc_produit_mav #lnk_pied_page a span,#cont_pg_left #lnk_pied_page a span{visibility:hidden}
#index_mav .box_mavp .bloc_left.skew{background:rgba(198,221,119,0.8);padding:15px 15px 15px 90px;width:30%;color:#fff;font-size:2em;height:395px;position:relative;left:-60px;z-index:5}
#index_mav .box_mavp .bloc_left h1,#index_mav .box_mavp .bloc_left h2,#index_mav .box_mavp .bloc_left h3,#index_mav .box_mavp .bloc_left h4,#index_mav .box_mavp .bloc_left h5,#index_mav .box_mavp .bloc_left h6{color:#fff;font-size:30px}
#index_mav .box_mavp .bloc_right{width:60%;position:absolute;transition:all .3s ease .001s;padding-left:40%;left:0;top:0;height:100%}
#index_mav .box_mavp.up .bloc_right{background:linear-gradient(90deg,rgba(149,27,129,0),rgba(149,27,129,0.6),rgba(149,27,129,0.8))}
#index_mav .box_mavp.up .bloc_right a.a_call{opacity:1}
#index_mav .box_mavp .bloc_right a.a_call{color:#fff;font-family:'viga';font-size:2em;left:65%;position:absolute;width:200px;margin:50px 0 30px -115px;top:50%;border:2px solid;text-align:center;border-radius:5px;padding:15px;transition:all .3s ease .001s;opacity:.2}
#index_mav .box_mavp .bloc_right a.a_call:hover{opacity:1}
#index_mav .box_mavp a.a_mk{position:absolute;bottom:5px;right:5px}
#index_mav .box_mavp a.a_mk span{display:none}
#index_mav .box_mavp a.a_mk img{max-height:150px;max-width:200px}
#index_mav .box_mavp{display:flex;justify-content:space-between;overflow:hidden;margin:10px}
#cont_textbloc{display:flex;justify-content:space-around}
#cont_textbloc .textbloc{width:calc(86% - 350px)}
#cont_pg_prod{display:flex;justify-content:space-between;flex-direction:row-reverse;width:100%;text-align:left}
#cont_pg_left{display:none}
#menu_left_left li{list-style:none;padding:0;margin:auto}
#menu_left_left li.up{background:linear-gradient(90deg,rgba(0,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}
.skew{transform:skew(-15deg)}
.unskew{transform:skew(15deg);display:block;margin:auto 0;width:95%}
#index_mav{margin:auto;width:auto;position:relative;display:flex}
.titlenew{font-size:4.5em;font-family:'lato';font-weight:700;margin:auto 0 -6px 20%}
.titlenew_index{font-size:3em;font-family:'lato';font-weight:700;margin:auto 0 10px 20%}
#adresse_baspage{background:rgba(0,0,0,0.8);padding:25px 0;box-shadow: 0 5px 15px -8px #000;}
#adresse_baspage .wrap{display:flex;justify-content:space-between;padding:20px 0}
#adresse_baspage .logo{width:300px;text-align:center;color:#fff;margin-right:10px}
#adresse_baspage .logo h4{color:#fff;font-size:2.5em;text-transform:uppercase;font-weight:400;margin:0 30px}
#adresse_baspage .bloc_adresse{float:none;color:#fff;font-size:1.3em;width: 100%;letter-spacing:2px;font-weight:700;display:flex;margin:auto;justify-content:space-around;}
#bloc_marque{padding:50px 0}
#bloc_marque .wrap{display:flex;justify-content:space-around;flex-wrap:wrap}
#bloc_marque .wrap .box_mk{max-width:23%;margin:auto 10px;padding:2% 0}
#bloc_marque .wrap .box_mk a img{max-width:100%;filter:grayscale(1);transition:all .3s ease .001s;max-height:150px}
#bloc_marque .wrap .box_mk a:hover img{filter:grayscale(0)}
.row_cat{padding:10px;background:#eee;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);width:100%}
.row_cat a{color:#999;font-size:120%}
#isclosed{position:absolute;width:100%;background:rgba(255,0,0,0.9);z-index:1000;display:flex;justify-content:right}
#isclosed a{color:#fff;margin:auto 5%;font-size:14px;padding:5px}
#cont_spe ul{display:flex;justify-content:space-between}
.cont_bloc_index h2,.cont_bloc_index h3,.cont_bloc_index h4{color:#333!important;font-size:2em}
.m_bloc_contenu.full.colored.wide.equipe{background:rgba(0,0,0,0.1) url() no-repeat center / cover!important;display:flex;border:0!important;margin-bottom:0!important;padding:0!important}
.m_bloc_droit.tiers.tiers2{background:linear-gradient(-90deg,rgba(0,0,0,0.9),rgba(0,0,0,0.8),rgba(0,0,0,0.0));color:#fff!important;margin:-10px 0 -5px!important;text-shadow:1px 1px 3px rgba(0,0,0,0.8);padding:20px 50px 20px 100px !important;width:35%!important}
.m_bloc_droit.tiers.tiers2 p{color:#fff}
.index article h3{color:#999!important;padding:10px;display:inline-block;font-size:2em}
#titre_ref{text-align:center;background:rgba(80,80,80,1);margin-top:0!important;margin-bottom:0!important;display:flex;justify-content:center}
#titre_ref h3{color:#fff;text-transform:uppercase;padding:20px 20px 20px 60px}
.bloc_adresse .half{border-left:1px solid #fff!important;min-height:55px;padding:20px;/* flex:1; */text-align:center;margin:auto;}
.box_logo img {
    margin:auto;
}
.bloc_adresse .half a{color:#fff}
.half.hal_tel{padding-top:40px}
.half.hal_adrr{background:url(/images/picto_localisation.png) no-repeat center top;padding-top:40px}
.half.hal_adrr span{display:block}
.half.hal_form{background:url(/images/picto_contact.png) no-repeat center top;padding-top:40px;margin:auto}
#banner .half.hal_form,#banner .half.hal_adrr{display:none}
#banner .half.hal_tel{padding:5px 0}
.lnk_form{right:-175px;position:absolute;border:0 solid blue;width:150px;top:-35px;padding:5px;height:100px;display:flex;display:none;background:rgba(242,155,64,1)}
.lnk_form h5{width:100%}
.lnk_form h5 a{display:flex;flex-direction:column;justify-content:space-around;text-align:center;height:100%;margin:auto;line-height:100%;transition:all .5s ease .001s}
.lnk_form span{display:flex;margin:auto;text-transform:uppercase;font-weight:700;text-align:center;font-size:29px}
.lnk_form em{display:block;margin:auto;font-style:normal;color:#fff;font-size:18px;font-weight:400}
.lnk_form strong{display:block;margin:auto;text-transform:uppercase;font-size:40px}
h2.titre_real{text-transform:uppercase;text-align:center}
.short .lnk_form{top:-10px;height:75px}
.short .lnk_form h5{margin:0 auto}
.short .lnk_form span{font-size:20px}
.short .lnk_form em{font-size:16px}
.short .lnk_form strong{font-size:29px}
form.form_contact{background:rgba(255,255,255,0.9);padding:30px;width:calc(100% - 60px)}
#text_img_index{position:absolute;color:#fff;top:225px;left:25%;width:50%;margin-left:auto;font-size:1.6em;justify-content:center;height:calc(80% - 200px);background:rgba(0,29,52,.4);box-shadow:0 5px 15px -10px #000}
#text_img_index.al_gauche{left:5%;width:45%}
#text_img_index.al_droit{left:50%;width:45%}
#text_img_index.f_no{background:none;box-shadow:none}
#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;max-width:250px;justify-content:center;border-radius:15px;background-color:rgba(0,0,0,0.3);color:#fff;transition:all .3s ease .001s}
#text_img_index > a:hover span{background:#fff;color:#336}
#text_img_index > h2{color:#222;margin:auto;align-content:100%!important;text-align:center}
#text_img_index h2 span{line-height:100%!important;font-size:inherit;border:0;text-shadow:0 2px 3px rgba(0,0,0,0.3)}
.lazy{background-image:url(/images/loading.gif);background-position:center;background-repeat:no-repeat;display:none}div#int_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
div#gamme_top{width:100%}
div#cont_pg_right{width:100%}
body#fiche_produit #page #vignettes_img{background:#fff;border-radius:0;padding:60px 10px 10px;display:flex;justify-content:space-between}
body#fiche_produit #page #vignettes_img #fiche_colgauche{margin:.5% 2% 0 1%;padding:5px;width:45%!important;position:relative}
#fiche_colgauche .titre_fiche{margin:0 0 20px}
.lnk_retour{margin:10px 20px 0;z-index:2000000;position:absolute}
.lnk_retour a em{display:none!important}

body#fiche_produit #page h3.prix_fiche {
    background: rgba(0,100,150,0.6);
    border: 0 solid #00f;
    border-radius: 0;
    color: #356;
    font-size: 2.5em;
    font-weight: 400;
    margin: 0 auto 20px;
    padding: 10px 0;
    text-align: center;
    width: auto;
}


#fiche_produit #main > h1.titre_page {
    display:none;
}
.titre_fiche{border-bottom:0 solid #ddd;font-size:1.6em;font-weight:400;margin:0 0 15px;padding:0;text-align:left;background: none!important;}
#post_nav,.h_titre,.homme_infos,body#fiche_produit .box_marque td{text-align:center}
.titre_fiche a em{left:-999em;position:absolute}
body#fiche_produit #page #vignettes_img .img_vignette{background:#fff;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;overflow:hidden;padding:0;position:relative;text-align:center;width:auto!important;max-width:100%!important}
body#fiche_produit .img_vignette{border:1px solid #fff;height:auto!important;width:98%!important}
#prod_fiche{display:flex;flex-direction:column;background:rgba(0,0,0,0.05);margin-top:30px}
body#fiche_produit #page #vignettes_img .img_vignette img{max-height:300px;max-width:100%}
body#fiche_produit #page #vignettes_img .img_vignette img.main_img{max-height:500px;max-width:100%}
body#fiche_produit #page #vignettes_img .img_vignette img.img_zoom{float:none;margin:5px;position:absolute;right:0;z-index:10}
body#fiche_produit .box_marque img{max-width:200px;max-height:100px}
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}
.cont_addcart a{color:#333;font-size: 1.2em;border:2px solid #333;border-radius:80px;display:flex;justify-content:space-around;width:auto;max-width:280px;}
div#page_cart{width:90%;margin:auto}
div#fiche_coldroite{width:55%}
.cont_addcart a img{margin:auto 0;height:60px;transition:all .3s ease .001s}
.cont_addcart a:hover img{transform:rotate(90deg)}
.cont_addcart a span{margin:auto}
.cont_addcart a:hover{background:#999;color:#fff;border-color:#36d}
.mapiframe{width:100%}
#mav_prod .next_prod{width:35px;background:url(/images/next_m.png) center/contain no-repeat;margin:0}
#mav_prod .prev_prod{width:35px;background:url(/images/prev_m.png) center/contain no-repeat;margin:0}
.list_prod_asso{display:flex;justify-content:center}
#visuel_lnk{position:relative}
#visuel_lnk .in_lnk{position:absolute;top:0!important;left:0;width:25%!important;height:30%!important;overflow:hidden;border:0!important}
#visuel_lnk .in_lnk.lnk_1{margin-top:5%}
#visuel_lnk .in_lnk.lnk_2{margin-top:27%}
#visuel_lnk .in_lnk.lnk_3{margin-top:44%;margin-left:11%;height:23%!important}
#visuel_lnk .in_lnk.lnk_4{margin-left:77%;margin-top:9%}
#visuel_lnk .in_lnk.lnk_5{margin-left:77%;margin-top:29%}
#visuel_lnk .in_lnk.lnk_6{margin-left:71%;margin-top:46%;height:22%!important}
#visuel_lnk .in_lnk a{display:block;position:relative;height:100%}
#visuel_lnk .in_lnk a img{width:100%;height:100%}