@charset "utf-8";
h1,h2,h3,h4,h5,h6{line-height:normal;margin:10px 0}

h1{
color:#8C0F17;
font-size:48px;
font-weight:bold;
font-family:"Lato";
}

h2{
color:#777777;
font-size:36px;
font-family:"Lato";
}

h3{
color:#900;
font-size:24px;
font-weight:bold;
font-family:"Lato";
}



h4{color:#333;font-size:1.4em}
h5{color:#333;font-size:1.3em}
h6{color:#333;font-size:1.2em}
a:link{color:#900;text-decoration:none}
a:visited{color:#800}
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{
color:black;
font-size:16px;
text-align:justify;
font-family:"Lato";
line-height:1.5em;
}


strong{font-weight:700}
.ombre{box-shadow:0 5px 15px -10px #000}
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:lato,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:#900;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}
  
#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{height:165px;margin:0 auto;padding:0;box-shadow:0 5px 25px -10px rgba(0,0,0,.5);position:relative;width:calc(100%);border-bottom:1px solid rgba(0,0,0,.1);z-index:10;background:rgba(255,255,255,0.3) url(/template/base11_1/images/fond_rouge_cycle.jpg) repeat-x!important}
#inner_banner_bis{top:0;position:relative;background:0 0}
.short #page #inner_banner{height:45px;background:0 0}
.short #inner_banner_bis{top:0}
.short #b_main_menu li{height:40px;min-height:40px}
#page #banner .wrap{min-height:45px;position:relative}
.short #page #banner .wrap{min-height:0}
#page #banner h1.titre_page{color:#333;font-family:lato;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:#fff;font-size:1.35em;margin:0 0 0 210px;text-shadow:2px -1px 1px #000;text-transform:uppercase;display:none}
#box_log{display:none}
#retour_accueil a{display:block;height:105px;left:0;padding:0;position:absolute;text-indent:-999em;width:175px;transition:all .3s ease 1ms;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: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:14px;height:55px;right:0;margin:0;padding:0;position:absolute;top:5px;width:200px;left:auto}
#cart h3{font-size:16px;font-weight:700;min-height:25px;margin:0;text-transform:uppercase;padding-left:37px;background:url(/images/item-cart.png) no-repeat left top/auto 20px}
#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:#ffffffd4;border:1px solid #aaa;margin:10px auto 30px}
table.cart td{border:1px solid #ddd;padding:2px 5px;text-align:center}
table.cart th{color:#fff;background:#333 linear-gradient(2deg,rgba(255,255,255,.3),rgba(0,0,0,0));padding:5px 15px;font-size:16px}

#conteneur {
    margin-bottom: 330px;
    position: relative;
    z-index: 2;
    background: #fffcf2;
}

#banner #bout_demande {
	display: none!important;
	position:fixed;
	float:right;
	left:100%;
	margin-left:-315px;
	margin-bottom:17px;
	bottom:5px;
	height:25px;
	padding:5px;
	width:300px;
	text-align:center;
	border-radius:3px;
	z-index:10;
	box-shadow:1px 2px 5px #666;
	background:url(/template/base11_1/images/fond_rouge_cycle.jpg)
}

#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%;min-height:320px;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;font-size:12px}
#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;padding:0 60px;background-size:contain;display:flex;height:100%;background-repeat:no-repeat;background-position:center}
.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:0}
#pages.index #wrapper{margin:0 auto;padding:0;max-width:1280px;width:100%}
.index #choix_langue{border:0 solid #00f;left:50%;margin-left:350px;position:absolute;top:0;width:100px}
.index #box_new_index{height:180px;margin:0;overflow:hidden;position:relative;top:-50px;width:50%;float:left}
.index .box_new_index{float:left;height:190px;margin:0;overflow:hidden;position:relative;top:-50px;width:50%}
.index #box_new_index .box_prod.bp_light{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;border-radius:0;box-shadow:1px 1px 3px -3px #000;float:left;margin:5px 10px 0 0;padding:0;width:395px}
.index .box_new_index .box_prod.bp_light{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;border-radius:0;box-shadow:1px 1px 3px -3px #000;float:left;height:185px;margin:5px 10px 0 0;padding:0;width:395px;overflow:hidden}
.index .titre_page{display:none}
.index .textbloc{font-size: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:#000;font-size:11px}
#recherche{background:none repeat scroll 0 0 rgba(0,0,0,0);border-radius:0;height:42px;left:auto;margin:0;padding:2px 10px;position:absolute;top:0;right:195px;width:220px;z-index:11}
.short #recherche{display:none}
#recherche input{background:url(/images/input_search.png) repeat-x scroll 0 0 rgba(0,0,0,0);border-radius:3px;font-size:14px;height:32px;margin:5px 0;padding:0 0 0 10px;position:relative;width:165px}
#recherche input.bt_sub{background:url(/images/button-search.png) no-repeat scroll 0 0 rgba(0,0,0,0);border:0 none;box-shadow:none;color:#145dc7;cursor:pointer;margin:0 -10px 0 5px;width:78px}
#recherche input.image_submit{background:url(/images/button-search.png) no-repeat scroll 0 0 rgba(0,0,0,0);display:block;float:right;height:32px;width:30px}
#recherche input.image_submit:hover{background:url(/images/button-search.png) no-repeat scroll -54px 0 rgba(0,0,0,0);display:block;float:right;height:32px;width:30px}
#recherche input.nosearch{color:#afa093;font-style:italic;border:1px solid #333}
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%}
article .img_P_acc{border:0 solid blue;float:none;left:0;margin:0;padding:0;position:relative}
article .caption_text{bottom:0;color:#fff;font-family:lato,"trebuchet MS",verdana,arial;font-size:1.35em;height:90px;line-height:120%;margin:-90px 0 0 10px;text-shadow:1px 0 4px #000;width:100%}
article .caption_text strong{text-transform:uppercase}
article .caption_text a{color:#ffd}
article .caption_text a:hover{color:#fff;text-shadow:0 0 1px #999}
#adresse_baspage .box_logo,#adresse_baspage .half.hal_form{display:none}
#adresse_baspage .half.hal_adrr span,#adresse_baspage .half.hal_adrr span a{display:block;font-size:12px;color:#707173}
#adresse_baspage .blocadresse1,#adresse_baspage .blocadresse2,#adresse_baspage .blocadresse3,#adresse_baspage .blocadresse4,#adresse_baspage .blocadresse5{flex-direction:column;border-left:1px solid #999}
#adresse_baspage .blocadresse1{border:0}
.index #page #wrapper{padding:0 0 40px}
.nocol #page #main{float:none;padding:0 0 50px;position:relative;border-top:1px solid transparent}

#breadcrumb {
    position: absolute;
    top: 173px;
}

.cont_filtres > span {
    margin: 5px 0;
    width: 100%;
    display: none;
}

#b_main_menu{height:50px;padding:0;position:static;padding-top:66px;width:calc(100% - 300px);z-index:101;margin:auto 0 0 200px}
#b_main_menu a{color:#000}
#b_main_menu a:hover{color:#fff}
#b_main_menu ul,#conteneur_nav_sec > ul{background:0 0;margin:0;display:flex;justify-content:center}
article .half #cont_actu #cont_spe ul,article .m_bloc_droit #cont_actu #cont_spe ul,article .m_bloc_gauche #cont_actu #cont_spe ul,article .tiers #cont_actu #cont_spe ul,article .deuxtiers #cont_actu #cont_spe ul{display:flex;flex-direction:column}
.half #cont_actu,.tiers #cont_actu,.deuxtiers #cont_actu{border-left:3px solid rgba(0,0,0,0.05)}
#page .date_actu{width:auto;display:none}
#page #cont_spe .bactu .titre{font-size:1.1em;background:url(/template/base11_1/images/goutte.png) no-repeat left top;padding-left:20px;float:none;width:auto}
#page .bactu a.lnk_more,#page #cont_spe .bactu .titre a{color:#800}
article .half #cont_actu #cont_spe ul li,article .tiers #cont_actu #cont_spe ul li,article .deuxtiers #cont_actu #cont_spe ul li{width:auto!important}
#b_main_menu li,#conteneur_nav_sec li{background:rgba(0,0,0,0) none repeat scroll 0 0;list-style:outside none none;padding:0!important;width:auto!important;margin:auto;border-right:1px solid #fff;min-height:50px}
#b_main_menu li.up{background:none repeat scroll 0 0 #600}
#b_main_menu li .try li{height:auto}
#b_main_menu li .try li.up,#b_main_menu li .try li:hover{background:rgba(0,0,0,0.4)}
#b_main_menu table.menu_left td{border:0 solid #00f;padding:0;height:25px;text-align:center;vertical-align:middle;position:relative}
#b_main_menu table.menu_left td span.obl,#conteneur_nav_sec table.menu_left td span.obl{display:block;transition:all .3s ease 1ms}
#b_main_menu .up table.menu_left td span.obl{background:none repeat scroll 0 0 #600}
#b_main_menu li:hover table.menu_left td span.obl,#conteneur_nav_sec li:hover table.menu_left td span.obl{background:rgba(0,0,0,0.2)}
#b_main_menu table.menu_left td a,#conteneur_nav_sec table.menu_left td a{border:0 solid;border-radius:5px;color:#fff;display:flex;font-family:lato,tahoma;font-size:16px;font-weight:400;line-height:120%;list-style:outside none none;margin:0;letter-spacing:1px;height:40px;padding:5px;min-width:100px;text-shadow:0 0;text-transform:uppercase}
#b_main_menu table.menu_left td a span{margin:auto}
#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 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,#conteneur_nav_sec li:hover ul.try{
min-height:0;
width:100%;
max-width:100%;
left:0;
justify-content:center;
padding:1px 0 0;
flex-wrap:nowrap;
margin:0;
flex-direction:row
}

#b_main_menu li ul.try,#conteneur_nav_sec 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,#conteneur_nav_sec li ul.try li a{min-height:20px;text-align:left;font-weight:400;color:#fff;padding:5px 20px;font-size:13px;background:url(/template/base11_1/images/dot_blanc.png) no-repeat left center!important;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;flex-direction:column}

#b_main_menu li:hover ul li:hover ul.try.second{
left:0;
min-height:0;
background:rgba(125,0,0,.9);
}

#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,#conteneur_nav_sec li ul.try li{
float:none;
margin:0!important;
padding:2px!important;
width:auto;
position:relative;
min-height:43px;
display:flex;
align-items:center;
}

#b_main_menu li ul.try li:hover,#conteneur_nav_sec li ul.try li:hover{
background:rgba(0,0,0,0.4);
}

#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{position:absolute;right:0;top:0}
.short #menu_hd{right:calc(0%+ 0px)}
.short #cart{background:none repeat scroll 0 0 rgba(0,0,0,0);border-radius:3px;font-size:1.2em;left:0;margin:auto!important;padding:0;position:relative;right:0;top:-150px;width:200px}
.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:auto}
.short #cart h3{font-size:16px;margin:auto}
.short #banner .half.hal_tel{padding:5px 0}
.menu_smart{display:none}
.titre_page {
	background:rgba(0,0,0,0) none repeat scroll 0 0;
	color:#fff;
	font-weight:700;
	margin:0 0 5px;
	text-align:center;
	/*text-shadow:1px 1px 5px rgba(0,0,0,.2);*/
	text-transform:uppercase
}

#page.present .titre_page{font-size:1.4em;font-weight:700;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#fff;background:url(../images/fond_body.png) repeat 0 0;margin:0;padding:2px 0}
.textbloc{font-size: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:lato;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%}
#fiche_produit h1.titre_page{display:block}
body#fiche_produit #page #vignettes_img{border-radius:15px 0}
body#fiche_produit #page #vignettes_img #ajout_devis{width:100%}
h3.t_fiche{color:#333;margin-top:20px;border-top:1px dashed #666}
body#fiche_produit #page.pages_gammes .img_vignette > h3{font-size:2em!important;color:#060}
#prod_fiche .row_doc{margin:10px}
#prod_fiche a{color:#060}
#prod_fiche a:hover{color:#090}
.img_vignette span.legend{margin:auto;display:block;float:none;clear:both;text-align:center}
#prod_fiche .row{margin:auto 2%;clear:both}
#prod_fiche .row .img_ref{text-align:center;background:#ffffff2e;float:right}
#prod_fiche .row .img_ref span{background:url(/images/noir_80.png) repeat scroll 0 0 transparent;color:#fff;display:block;float:right;font-size:10px;line-height:20px;margin-top:-20px;text-align:center;position:relative;width:100%}
#prod_fiche .row .img_ref span img{height:20px}
#prod_fiche .row .img_ref img{width:auto;height:auto}
body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette a{height:auto!important;float:left;width:350px;padding:0!important}
body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette img.main_img{width:350px!important;height:auto!important;float:left}
#page #image_main{clear:both;overflow:hidden;height:450px;width:646px}
#page #image_main img{min-height:450px;min-width:646px}
#cont_texte{background:url(/images/blanc_80_grand.png) no-repeat bottom left scroll transparent;border:0 solid red;height:110px;overflow:auto;padding:10px 10px 0;width:100%}
#cont_texte > div{background:none repeat scroll 0 0 transparent;height:120px;margin-top:0;overflow:auto;padding:0;width:98%}
#cont_texte .image_info_texte{float:right;height:110px;margin:0 0 0 20px;overflow:hidden;width:auto}
#cont_texte .image_info_texte img{max-height:110px}
#cont_texte .close_info{background:#000;text-align:right;margin:-10px}
#cont_texte h2{background:0 0;color:#000;padding:5px;font-size:1.7em;text-shadow:1px 0 1px #000;margin:0}
#cont_actu{position:relative;left:0;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}
#cont_actu .l_date{color:#fff;font-size:1em;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:13px!important}
#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;height:150px;padding:1%;width:90%}
#contact fieldset,#devis fieldset,#espace_pro fieldset{margin:10px 0 0;border:0;border-top:3px solid #aaa;padding:5px;box-shadow:2px 5px 15px -10px #000}
#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 #main .bloc_cp,#contact #main .bloc_ville,#devis #main .bloc_cp,#devis #main .bloc_ville{clear:none}
#contact .bloc label,#devis .bloc label{font-size:1.1em;width:95%}
#contact #bouton_valide input,#devis #bouton_valide input{height:auto;border:0}
#main .bloc,#main_cont .bloc_cp,#main_cont .bloc_ville,.f_contact{margin:5px 0;padding:0;clear:both}
#page_cart #main_cont .bloc_cp,#page_cart #main_cont .bloc_ville{clear:none;width:48%}
.captcha{background:#fff none repeat scroll 0 0;border-radius:15px;margin:15px;padding:2%;width:300px}
.captcha #captcha_code{background:#eee;border:1px solid #ddd;border-radius:5px;color:#8c8c8c;padding:5px}
.captcha label{margin:10px;display:inline-block}
.bloc #form{overflow-y:auto;margin:0 auto;padding:3px}
.bloc legend{font-weight:700;font-size:1.3em;color:#000;margin:0 0 0 15px;padding:0 3px}
#contact .bloc input,#devis .bloc input,#espace_pro .f_contact input{background:rgba(255,255,255,.8)!important;border:1px solid #999!important;border-radius:5px;height:25px;padding:2px;width:65%}
#contact .bloc textarea,#devis .bloc textarea{background:rgba(255,255,255,.8)!important;border:1px solid #999!important;border-radius:5px;height:75px;padding:2px;width:65%}
.bloc_inline{margin:0;padding:0;height:23px}
.bloc_cp{margin:5px}
.bloc_cp input{height:20px}
.bloc_ville{margin:5px;height:19px}
.bloc_ville input{height:19px;width:180px}
.bloc textarea{width:300px;height:60px;margin:0 auto;background:#ccc}
.bloc_adresse{margin:5px}
.bloc .champs{width:210px;float:left;text-align:right}
.bloc_adresse textarea{background:#ccc;width:280px}
.bloc_cp .champs{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}

#int_wrapper {
	/*background:transparent url(/template/base11_1/images/sep_gris.png) no-repeat scroll center top;*/
	padding-top:10px
}

#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-weight:700}
#mentions .creaprime span{font-size:1em;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:none;margin:0 4%;width:90%}
#actualites .l_actu{background:none repeat scroll 0 0 #fff;margin:20px auto;padding:25px;border-radius:15px;display:flex;flex-wrap:wrap;position:relative}
#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;text-align:center;width:250px}
#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:20px;margin:15px;padding-left:10px;text-align:left;width:90%}
#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;margin:auto;padding:5%;background:rgba(255,255,255,.95)}
#actualites .head_actu span{text-align:left}
#actualites .head_actu .datefull{background:url(/images/deg_blanc.png) repeat scroll 0 0 #e11de1;color:#fff;display:none;font-size:1em;font-weight:400;margin:0 0 0 -4px;padding:0 10px 0 0;text-align:right}
#actualites .head_actu h2{font-size:1.8em!important;font-weight:700;color:#000!important;margin:0 0 10px;padding:0}
.zoom{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-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 25px 25px;
    font-family: 'Lato';
    color: #666;
    line-height: 135%;
}

.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 .box_prod_left{float:left;width:25%}
.box_prod .box_prod_middle{float:left;width:40%}
.box_prod .box_prod_right{border-left:1px solid #ddd;float:left;padding:0 0 0 10px;width:29%;margin:0 0 0 1%}
.box_prod .prod_desc{display:none}
.box_prod .box_prod_right .lp_prix{color:#000;font-size:22px}
.box_prod .box_prod_right .lp_prix span em,.prix_fiche span em{color:#666;font-size:18px;text-transform:uppercase;padding:0 0 0 20px;font-style:normal}
.box_prod .box_prod_middle .variantes.f_row select{font-size:1.3em;height:25px}
.box_prod .box_prod_middle .variantes.f_row{margin:10px 0}
.box_prod .semi_pi.info{float:right;line-height:26px}
.box_prod .semi_pi.zoom{margin:-20px 0 0 -50px;position:relative;width:50px}
.box_prod .semi_pi.zoom a{color:#000;font-size:12px;font-weight:400}
.box_prod .semi_pi.zoom a:hover{color:#145dc7}
.box_prod .semi_pi.info a{color:#000}
.box_prod .semi_pi.info a:hover{color:#145dc7}
.box.box_new,.box.box_spe{margin:0 0 0 17px;text-align:center;width:235px}
.box .box_prod .img_prod{background:none repeat scroll 0 0 #fff;height:180px;margin:auto;overflow:hidden;text-align:center;width:160px}
.box .box_prod .box_prod_left{float:left;width:90%}
.box .box_prod .box_prod_right{border:0 none;float:right;font-size:1.3em;margin:10px;padding:0;text-align:right;width:90%}
.box_prod .prod_nom{color:#145dc7;font-size:1.3em;height:30px;line-height:15px;margin-top:0}
.box_prod .img_prod{width:160px;height:180px;overflow:hidden;text-align:center;background:#fff}
.box_prod .img_prod table{border:0}
.box_prod .img_prod td{border:0;padding:0;width:160px;height:180px}
.box_prod .prod_info{height:30px;margin:5px 0;padding:5px 0}
.box_prod .img_prod img.paysage{max-width:100%;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}
.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 10px 10px;padding:0;width:calc(33% - 20px);border-radius:5px;position:relative;box-shadow:0 10px 20px -10px rgba(0,0,0,.5);height:380px;background:#d3c9ab;max-width:300px;transition:all .3s ease 1ms;overflow:hidden}
.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 .box_prod_left{float:none;margin:0;text-align:center;width:100%}
.box_prod.bp_light .img_prod{background:0 0;height:280px;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}
.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:#900;font-size:18px;height:auto;line-height:110%;margin:auto;padding:0 2px;display:flex;justify-content:center;align-items:center}
.box_prod.bp_light .semi_pi.zoom a{color:#999;font-size:10px;font-weight:400}
.box_prod.bp_light .prod_marque{display:none}
.box_prod .etat_stock .non em{display:none}
.box_prod .etat_stock .non{color:red;background:url(/images/hors_stock.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:62px}
.box_prod .prod_info .semi_pi{float:right;margin:0 1% 1% 0;width:48%}
.box_prod .prod_info .alt_bout_commande{text-align:right}
.box_prod .prod_info .semi_pi.info a{background:none repeat scroll 0 0 #e75012;border-radius:10px 10px 10px 10px;color:#fff;font-size:15px;font-style:italic!important;font-weight:700;margin:0 0 0 3px;padding:0 8px}
.box_prod .prod_info .semi_pi.zoom a{display:none;padding:0 30px 0 10px;color:#e75012;background:url(/images/zoom_bleu.png) no-repeat right center}
.box_prod .prod_info .semi_pi.add{border-top:1px solid #ddf;width:95%;margin:auto}
.box_prod .prod_info .semi_pi.add input{background:0 0;margin:0 0 -5px 10px}
#main.enregistrement{padding:0 15px;margin:0;border:0 solid #ddd;color:#666}
#cont_compte{background:#f5ffff}
.anim_chiffre_bloc.colored{color:#db0000!important;background:0 0!important;padding:20px!important}
#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}
.list_prod_asso{display:flex;justify-content:left}
#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 #900;padding:10px 0 0 10px}
#list_doc legend a{font-size:1.3em;color:#900;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:url(/images/deg_blanc.png) repeat-x scroll 0 -10px #145dc7;color:#fff;display:block;margin:1px;padding:5px;text-align:center;width:155px}
.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-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:auto;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 a {
    color: #000;
    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;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!important}
.decont_inner{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{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}
#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}
.box_prod .lnkprod{position:absolute;width:100%;bottom:0;display:flex}
#banner_menuleft li{display:inline-block;font-size:1.3em;margin:auto;padding:5px 20px;vertical-align:top;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,#conteneur_nav_sec li ul.try,#menu_three li ul.try{
margin:-5px auto 0;
position:absolute;
width:auto;
z-index:1150;
padding:10px 0;
box-shadow:0 5px 15px -10px #000;
justify-content:center;
top:100%;
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 1ms;top:50%}

article h3{
line-height:110%;
color:#900;
font-size:24px;
font-weight:bold;
}

.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:45px;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:2px;width:175px;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:120px}
.short #b_main_menu{background:rgba(0,0,0,0) none repeat scroll 0 0;border-radius:3px;position:relative;top:3px;padding-top:0;z-index:10}
#menu_three li ul.try,.short #b_main_menu li ul.try{top:30px}
.short #b_main_menu table.menu_left td a{border:0 solid;border-radius:5px;display:inline-block;font-size:.8em;font-weight:400;height:auto;list-style:outside none none;margin:0;padding:0 15px}
.short #alt_acces a .nl_txt{display:none}
#toTop{right:auto!important;left:10px!important}
.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%;left:-10px;top:40px;height:auto;padding:0!important;width:195px;text-align:center;display:none;box-shadow:0 5px 15px -8px rgba(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{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:#900;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;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{padding:0;background:#fff;position:relative;filter:drop-shadow(0 4px 3px rgba(0,0,0,.3));margin-bottom:15px;clip-path:polygon(-4% 5%,99% 1%,100% 110%,-5% 105%);background-image:url(/template/base11_1/images/fond_rouge_cycle.jpg);background-repeat:repeat;background-size:100% auto;background-position:center bottom}
.bloc_page .bp_nom{color:#fff;position:static;font-size:22px;font-family: "Lato";font-weight: bold;text-shadow:0 2px 5px rgba(0,0,0,.3);z-index:2;width:calc(100% - 50px);padding:0;height:auto;min-height:45px;margin:auto;margin-top: 0.5em;}
.bloc_page .bp_nom a{color:#fff}
#cont_pages .bloc_page{width:100%;position:relative}
.bloc_page .bp_image a{margin:auto;display:flex;width:100%;transition:all .3s ease 1ms}
.bloc_page .bp_image a img{width:100%;height:250px;display:block}
.bloc_page .foot_image{position:relative;margin:5px -20px;display:flex;justify-content:center;padding:0 80px 0 10px;background-position:calc(100% - 30px) center;background-size:50px}
.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{color:#fff;margin:auto;padding:0px;font-style:italic}
.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%}
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;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{height:165px;position:relative;background:url(/images/noir_25.png) repeat-x bottom center / 54px;top:0}
.short #inner_banner_ter{height:45px;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: 87px;
    top: 167px;
    width: 52%;
    justify-content: space-around;
    display: flex;
}
#banner .adresse .adr_adr,#banner .adresse span.adr_tel,#banner .adresse .adr_cpc span{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,.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}
.rgpd_notice input{width:auto!important;margin:5px 15px}
.info_rgpd_retrait{margin:20px}
#contact .bloc input,#devis .bloc input,#espace_pro .f_contact input{background:rgba(255,255,255,.8)!important;border:1px solid #999!important;border-radius:5px;height:25px;padding:2px;width:65%}
.list_sort{display:none!important}
#load_f,#load_load{display:none!important}
.l_actu .zoom{font-size:16px;color:#fff;background:#900;padding:5px 10px;position:absolute;right:0;bottom:0}
.l_actu .zoom a{color:#fff}
.cloneimg{position:absolute;width:100%;z-index:5;transition:all 1s ease .5s;border-radius:500px;max-width:250px}
.cloneimg .img_vignette{position:absolute;width:100%;z-index:500;transition:all 1s ease .5s;background:rgba(255,255,255,0.7);border-radius:500px;max-width:250px;box-shadow:0 5px 15px -8px #000}
.inner_image{display:block;width:100%}
#page #cont_spe li a img{width:100%;padding:0;box-shadow:0 5px 15px -10px #000;height:100%;transition:all .3s ease 2ms;filter:blur(0px);object-fit:contain}
.bas_block{display:none}
#page li.bactu:hover .action_actu{display:block;position:absolute;margin:auto}
#page #cont_spe .bactu .img_z{float:none;margin:0;height:210px;background-size:contain;width:100%;background-position:center;background-repeat:no-repeat;background-color:#fff}
a.bpl_b{display:block;padding:5px 15px;margin:1px auto 1px 1px !important;background:#900;color:#fff!important;font-size:12px;flex:1}
a.bpl_b.bpl_achat{background-image:url(/template/base11_1/images/picto_selection.png);background-repeat:no-repeat;background-position:5px center;background-size:auto 23px;padding-left:30px;width:120px;background-color:#900}
.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{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}
#page #adresse_baspage{background:#d3c9ab linear-gradient(10deg,rgba(255,255,255,0.1),rgba(255,255,255,0.2))!important;padding:25px 0}
#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 .half{padding:5px;text-align:center;margin:auto;order:1}
#adresse_baspage .half.hal_adrr{order:0}

h1.titre_page {
    margin: 10px 0 0 0;
    color: #000;
    font-size: 1.5em;
    display: none;
    background: 0 0!important;
    text-align: left;
}

#bloc_marque .wrap,#bloc_part .wrap{display:flex;justify-content:space-around;flex-wrap:wrap}
#bloc_marque .wrap .box_mk,#bloc_part .wrap .box_mk{max-width:23%;margin:auto 10px;padding:2% 0}
#bloc_marque .wrap .box_mk a img,#bloc_part .wrap .box_mk a img{max-width:100%;filter:grayscale(1);transition:all .3s ease 1ms;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,.1);border-bottom:1px solid rgba(0,0,0,.1);width:100%}
.row_cat a{color:#999;font-size:120%}
.blocadresse1,.blocadresse2,.blocadresse3,.blocadresse4,.blocadresse5{display:flex;margin:auto 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_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{padding:20px;text-align:center;margin:auto}
.bloc_adresse .half a{color:#999;font-size:12px}
.half.hal_adrr span,.half.hal_adrr span a{display:block;font-size:18px;color:#600}
.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:15px 0;display:none}
.lnk_form{right:-175px;position:absolute;border:0 solid #00f;width:150px;top:-35px;padding:5px;height:100px;display:flex;background:#c0392b}
.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:27px}
.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:38px}
h2.titre_real{text-transform:uppercase;text-align:center}
.short .lnk_form{top:-15px;height:59px;transform:scale(.9)}
.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,.2);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%}
#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{border-radius:0;padding:5px 10px 10px;display:flex;flex-wrap:wrap;order:2}
body#fiche_produit #page #vignettes_img #fiche_colgauche{float:left;margin:.5% 2% 0 1%;padding:5px;width:65%!important;position:relative;order:1}
body#fiche_produit #page #vignettes_img #fiche_coldroite{width:30%;margin:60px auto auto;display:flex;order:3;flex-direction:column}
#fiche_colgauche .titre_fiche{margin:0 0 20px}

.lnk_retour a em{display:none!important}
body#fiche_produit #page h3.prix_fiche{background:#e3e3e3;border:0 solid #00f;border-radius:0;color:#818181;font-size:2.5em;font-weight:400;margin:0 auto 20px;padding:10px 0;text-align:center;width:auto;display:none}
#fp_produit_recommande,#fp_produit_associe{border-top:3px solid rgba(0,0,0,0.2);margin-top:15px}
.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{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 rgba(255,255,255,0.3);height:auto!important;width:98%!important}


.lnk_retour {
    float: none;
    margin: -30px 20px 0;
    position: relative;
    z-index: 2000000;
    border-bottom: 1px solid #cdcdcd;
    font-size: 16px;
	height:25px;
	text-align:right;
	right:0;
	top:0;
}

#prod_fiche{display:flex}
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:16px;border:2px solid #333;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:#36d}
.lazy{background-image:url(/images/loading.gif);background-position:center;background-repeat:no-repeat;display:none}
.l_actu_det .bloc{border-top:1px solid rgba(0,0,0,.1)}
.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}
#galerie_diap .cont{display:flex}
#galerie_diap .cont .gal_gal{height:300px;background-size:cover;background-position:center;flex:1}
#diap_index{display:block;height:600px;background-size:cover;background-position:center;position:relative}
.index #page .decont,.index #page .decont_inner{padding:0}
#menu_social{position:fixed;right:0;top:20%;min-width:50px;min-height:50px;z-index:10;max-height:80%}
#menu_social ul,#menu_social ul li{margin:0;padding:0;display:flex;flex-direction:column}
#menu_social ul li{margin:0;right:-10px;padding:0;display:flex;flex-direction:column;background-size:100%;background-position:center;transition:all .3s ease .01ms;position:relative}
#menu_social li:hover{background-size:130%;right:0;box-shadow:0 5px 15px -6px #000;z-index:12}
#menu_social li a img{width:100%}
#menu_social li.lnk_contact{background-image:url(/images/social/mail.png)}
#menu_social li.lnk_facebook{background-image:url(/images/social/facebook.png)}
#menu_social li.lnk_twitter{background-image:url(/images/social/twitter.png)}
#menu_social li.lnk_insta{background-image:url(/images/social/insta.png)}
#menu_social li.lnk_link{background-image:url(/images/social/linkedin.png)}
#menu_social li.lnk_blog{background-image:url(/images/social/blogger.png)}
#menu_social li.lnk_youtube{background-image:url(/images/social/youtube.png)}
#menu_social li.lnk_skype{background-image:url(/images/social/skype.png)}
#menu_social li.lnk_pin{background-image:url(/images/social/pinterest.png)}
#social_share{display:flex;flex-wrap:wrap}
#social_share .social_elem{margin:10px}
.anim_chiffre_bloc{border:0!important;justify-content:center;width:auto!important;max-width:200px;padding:40px 20px!important;border-radius:300px;font-size:180%;margin:5px auto!important;flex-direction:column;height:160px;background-image:url(/images/deg_blanc.png);background-repeat:repeat-x;background-size:auto 75%;background:0 0!important;color:#db0000!important}
.anim_chiffre_bloc .anim_chiffre{margin:auto 5px;border:0!important;text-align:center;font-size:2.5em;font-weight:700;text-shadow:2px 4px 6px rgba(0,0,0,.3)}
.bloc_image_glissant{transition:all .3s ease 1.0E-5s;width:100%!important;max-width:50%;position:relative;overflow:hidden;display:block!important;border:0!important;padding:0!important;background:rgba(0,0,0,0.1)}
.bloc_image_glissant .inner_big{width:200%;display:flex}
.bloc_image_glissant .big_bloc_img{transition:all .4s ease .0001s;width:100%!important;position:relative;left:0;text-align:center;margin:auto!important}
.bloc_image_glissant .big_bloc_img img{width:100%!important;height:auto!important}
.bloc_image_glissant .big_bloc_texte{position:relative;left:0;transition:all .3s ease .0001s;width:100%;margin:auto!important}
.bloc_image_glissant.hover .big_bloc_img{left:-50%}
.bloc_image_glissant.hover .big_bloc_texte{left:-50%}
#conteneur_nav_sec{position:absolute;z-index:500;width:inherit;display:none}
.box_logo{flex:1}
#main_actu .l_actu{background:none repeat scroll 0 0 #fff;margin:20px 0 15px 5px;padding:20px;box-shadow:0 4px 20px -9px #000}
#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}
#actualites .l_actu .l_img2,#main_actu .l_actu .l_img{float:left}
#main_actu .l_actu .l_img{padding:2px!important;margin:5px;background:#fff!important;float:left}
#main_actu .l_actu .l_img img{box-shadow:0 5px 15px -10px #000;width:150px}
#main_actu .l_titre{color:#000;font-size:1.3em;font-style:italic;font-weight:700;padding-left:10px;padding-top:15px;text-align:left;text-transform:uppercase}
#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:200px;float:left;margin:0 5px 0 0}
#main_actu .img_z img{width:200px}
#main_actu .head_actu{border-bottom:3px solid #999;float:left;margin:5%;padding:5%;width:80%;border-radius:9px;box-shadow:0 8px 12px -9px #000}
#main_actu .head_actu span{text-align:left}
#main_actu .head_actu .datefull{background:url(/images/deg_blanc.png) repeat scroll 0 0 #e11de1;color:#fff;display:none;font-size:1em;font-weight:400;margin:0 0 0 -4px;padding:0 10px 0 0;text-align:right}
#main_actu .head_actu h2{font-size:1.8em!important;font-weight:700;color:#000!important;margin:0 0 10px;padding:0}
.zoom{font-size:1.2em;float:right;font-weight:700}
.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}
#page #wrapper{margin:0 auto;padding:10px 0;max-width:1400px}
#recherche_quick{position:absolute;top:7px;display:none;margin:0;padding-left:30px;background:url(/template/base11_1/images/zoom_blanc.png) no-repeat left;right:50%}
#recherche_quick select{width:220px;background:#600;color:#fff;height:32px}
#cont_module #recherche_quick select{background:none repeat scroll 0 0 #600;color:#FFF;width:173px}
#cont_module #recherche_quick select option{line-height:20px;min-height:20px;padding:0 5px}
#cont_module #recherche_quick select option.strong{font-weight:700}
#inner_search{border:0 solid blue;left:50%;margin-left:-300px;position:absolute;top:150px}
#inner_search #cont_module #recherche{background:none}
#inner_search #cont_module #recherche h4{background:none repeat scroll 0 0 transparent;color:#777;float:left;margin:5px}
#inner_search #cont_module #recherche span{font-size:.9em;display:block;margin:0 0 -3px}
#desc_all{order:2;margin:auto 0}
#footer #ill_arbre{background:url(/template/base11_1/images/arbre_cont.png) repeat scroll 0 0 transparent;border:0 solid blue;height:174px;left:50%;margin-left:-600px;margin-top:-17px;position:absolute;width:130px}
.box_prod.bp_light.isup{background-color:#9d0f1d;color:#fff}
.box_prod.bp_light.isup .prod_nom{color:#fff}
#banner #bout_demande{position:fixed;float:right;left:100%;margin-left:-315px;margin-bottom:17px;bottom:5px;height:25px;padding:5px;width:300px;text-align:center;border-radius:3px;z-index:10;box-shadow:1px 2px 5px #666;background:url(/template/base11_1/images/fond_rouge_cycle.jpg)}
.short #recherche_quick,.short#recherche,.short #acces_catalogue{display:none}
#banner #bout_demande a{color:#fff}
#banner #bout_demande .ill_demande a{display:block;border:0 solid red;float:right;width:50px;height:82px;color:#fff!important;margin:-52px -5px 0 0;background:url(/template/base11_1/images/perso_demande.png)}
#banner #bout_demande a.lnk_masquer{font-size:12px;color:#000;float:right;display:block;width:60px;margin:11px -35px 0 20px}
#acces_catalogue{background:#b3a98b url(/template/base11_1/images/picto_catalogue.png) no-repeat scroll 6px 13px;border-radius:0 0 15px 15px;box-shadow:0 5px 8px -4px;right:50%;margin:0 0 0 59px;padding:0 0 0 40px;position:absolute;top:-8px;font-size:85%;width:150px;z-index:1000}
#acces_catalogue li{background:rgba(0,0,0,0) linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1)) repeat scroll 0 0;border-bottom:1px solid rgba(0,0,0,0.1);list-style:outside none none;margin:0 0 0 -40px !important;padding:2px 10px!important}
#acces_catalogue ul{display:none}
.index #super_cont{background:none!important}
.index #page{background:url(/template/base11_1/images/fond_rouge_cycle.jpg);width:100%;border-top:1px solid #333;margin:0 auto;padding:0;box-shadow:0 0 5px #333}
.index #inner_page{background:url(/template/base11_1/images/preload_noir.png) repeat-y scroll center center transparent}
.index #page #main{margin:0 auto;overflow:hidden;float:none;text-align:center;width:980px;padding:0}
.index #page #wrapper{background:url(/template/base11_1/images/fond_noir-rouge.jpg) no-repeat scroll center center transparent;width:100%;padding:0;font-size:1.3em;margin-top:0;max-width:2500px}
.index #page #left_part{float:left;color:#D2C9AB;width:31%;margin:15% 0 0;border:0 solid red}
.index #page #img_centre{border:0 solid blue;float:left;height:690px;width:37%;background:url(/template/base11_1/images/index_img.jpg)}
.index #banner,.index #social_share{display:none}
.index main#main article{padding:0}
.index #page #right_part{float:left;margin:15% 0 0;width:31%;color:#D8AA79;border:0 solid red}
#centre_main a{color:#D2C9AB;transition:all .3s ease 1ms;margin:1px;display:inline-flex}
#centre_main a:hover{color:#FFFFDC}
#add_message fieldset{margin:50px auto;padding:20px;background:rgba(255,255,255,0.2)}
#add_message fieldset legend{font-size:20px;padding:0 20px}
#add_message .row.rowguest{border-bottom:1px solid rgba(0,0,0,0.1);margin:15px auto}
#add_message .row.rowguest .divinput input{background:#fff;border:1px solid rgba(0,0,0,0.4);padding:20px;width:calc(100% - 42px)}
#add_message .row.rowguest .divinput textarea{background:#fff;border:1px solid rgba(0,0,0,0.4);padding:20px;width:calc(100% - 42px);min-height:140px}
#add_message .row.rowguest .divinput input.input_submit{max-width:250px;margin:auto;display:flex;width:100%;justify-content:center;background:#900;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease 1ms;border:1px solid #900}
#add_message .row.rowguest .divinput input.input_submit:hover{color:#900;background:#fff}
#cont_guest{clear:both;width:100%}
.guest_row.row{margin:20px auto;border-bottom:2px dotted rgba(0,0,0,0.2);padding:15px}
.guest_row.row .date_guest{text-align:right;font-size:13px;color:#900}
.guest_row.row .nom_guest{text-transform:capitalize;font-size:24px;font-style:italic;margin:10px 0}
.guest_row.row .message_guest{background:rgba(255,255,255,0.4);padding:25px}
.outter_splash{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:500;top:0;display:flex;left:0;text-align:center;justify-content:center}
.box_prod_left .readmore{display:none}
.outter_splash #cont_splash{width:50%;height:100%;position:relative;margin:auto;max-width:800px;max-height:500px;background:#fff;border-radius:10px;border:15px solid #fff;box-shadow:0 5px 15px -5px #000}
#cont_splash > h2{position:absolute;top:-45px;width:100%;text-align:center;display:none}
#cont_splash .close{position:absolute;right:-20px;height:36px;width:36px;background:#d00 url(/images/close.png) no-repeat center / 20px;z-index:10;border-radius:150px;top:-20px;cursor:pointer}
#cont_splash ul li{width:100%;height:100%;top:0;position:absolute;padding:0;left:0;margin:auto;list-style:none;background-position:center;background-size:contain;background-repeat:no-repeat}
#cont_splash ul li .ac_sta_left{position:absolute;width:100%;top:0;height:100%}
#cont_splash ul li .ac_sta_left h2.titre{position:absolute;top:-45px;width:100%;text-align:center;background:#fff;font-size:22px;min-height:35px;border-radius:15px}
#cont_splash ul li .ac_sta_left a.lnk_more{position:absolute;bottom:-25px;width:250px;right:0;z-index:10;padding:10px 0;margin:auto 5%;background:rgba(180,10,0,0.95);left:auto}
#cont_splash ul li .ac_sta_right{position:absolute;width:calc(100% - 40px);height:auto;bottom:0;color:#000;background:rgba(255,255,255,0.6) linear-gradient(0,#fff,rgba(255,255,255,0));padding:20px 20px 30px}
#cont_splash ul li .ac_sta_right .l_actu_det{color:inherit;font-size:1.2em;margin:auto}
.acces_actu{position:fixed;right:0;top:calc(20% + 155px);z-index:100}
.acces_actu a{width:33px;height:130px;background:url(/template/base11_1/images/actu.png) no-repeat;display:flex;transition:all .3s ease .01s}
.acces_actu a:hover{transform:scale(1.1)}
section#section_actu{background:url(/images/images/illustr2.png) no-repeat bottom right/ auto 470px}
#prix_panier{display:none}
#prix_panier .zero{display:none}
#cont_pages .bloc_page{width:30%;min-width:350px;clip-path:none;padding-top:3px;margin-top:55px}
#cont_pages .bloc_page .image_secondaire{display:flex!important;position:absolute;top:-50px;width:100%;z-index:5;justify-content:center}
#cont_pages .bloc_page .image_secondaire img{background:#bd2424;width:80px;height:80px;object-fit:contain;padding:15px;border-radius:150px;box-shadow:0 5px 15px -10px #000}
.bloc_page .bp_image{width:100%;height:250px;overflow:hidden;position:relative;display:flex}
.blocblanc.wide{color:#000;display:flex;flex-wrap:nowrap;border:0!important;background:hsl(45deg 31% 75%)!important;box-shadow:0 5px 15px -12px rgba(0,0,0,0.4);padding:0!important}
.blocblanc.wide .m_bloc_gauche{padding:0!important;flex:2;position:relative;margin:0!important}
.blocblanc.wide .m_bloc_gauche .effet_image{position:absolute;height:100%;width:30%;right:0;top:0;background:linear-gradient(-90deg,#d3c9ab,transparent)}
.blocblanc.wide .m_bloc_gauche img{width:100%!important;height:100%!important;object-fit:cover}
.blocblanc.wide .m_bloc_droit{display:flex!important;flex-direction:column;justify-content:space-around;flex:1;margin:auto!important;padding:30px!important}
.blocblanc.wide .tiers{width:60%!important}
.blocblanc.wide a.bouton{background:#f61086 url(/template/atc_1/images/fleche_.png) no-repeat 92% center;padding:5px 25px 5px 15px;border-radius:15px;transition:all .3s ease 1ms;border-color:#f61086!important;display:inline-block;border:1px solid!important}
.blocblanc.wide a.bouton:hover{background-position:98% center;background-color:#fff;color:#f61086}
.bloc_blancdroit.wide{color:#000;display:flex;flex-wrap:nowrap;border:0!important;background:#fff!important;box-shadow:0 5px 15px -12px rgba(0,0,0,0.4);padding:0!important}
.bloc_blancdroit.wide .m_bloc_droit{padding:0!important;flex:2;position:relative;margin:0!important}
.bloc_blancdroit.wide .m_bloc_droit .effet_image{position:absolute;height:100%;width:30%;left:0;top:0;background:linear-gradient(90deg,white,transparent)}
.box_prod.bp_light.vendu{opacity:.5;filter:grayscale(0.7) brightness(1.1);display:none}
.display_vendeur .box_prod.bp_light.vendu{display:block}
.bloc_blancdroit.wide .m_bloc_droit img{width:100%!important;height:100%!important;object-fit:cover}
.bloc_blancdroit.wide .m_bloc_gauche{display:flex!important;flex-direction:column;justify-content:space-around;flex:1;margin:auto!important;padding:30px!important}
.bloc_blancdroit.wide .tiers{width:60%!important}
.bloc_blancdroit.wide a.bouton{background:#f61086 url(/template/atc_1/images/fleche_.png) no-repeat 92% center;padding:5px 25px 5px 15px;border-radius:15px;transition:all .3s ease 1ms;border-color:#f61086!important;display:inline-block;border:1px solid!important}
.bloc_blancdroit.wide a.bouton:hover{background-position:98% center;background-color:#fff;color:#f61086}

.cont_filtres {
    display: flex;
    margin: 20px 0;
    border-top: 4px solid rgba(0,0,0,0.1);
    padding-top: 10px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    margin-left: 13px;
}

.bloc_filtre label {
    text-align: center;
}

.cont_filtres > span{
margin:5px 0;
width:100%
}

.cont_filtres .bloc_filtre{
margin:2px 20px 2px 0;
border:1px solid rgba(0,0,0,0.1);
padding:5px;
background:rgba(250,250,250,0.2);
display:flex;
flex-direction:column;
}


.cont_filtres .bloc_filtre select {
    font-size: 16px;
    background: rgba(255,255,255,0.5);
    border: 2px solid rgba(0,0,0,0.4);
    width: 200px;
    margin-top: 4px;
    text-align: center;
}

a.lnk_vendeur_vendu{background:#900;color:#fff;transition:all .3s ease 1ms;padding:5px 15px;border:1px solid #900;border-radius:5px;margin:5px auto;display:inline-flex;box-shadow:0 1px 5px -5px #000}
a.lnk_vendeur_vendu:hover{background:#fff;border-color:#900;color:#900;box-shadow:0 5px 15px -10px #000}
.row.vendu a.lnk_vendeur_vendu{display:none}
.row .infovendu{display:none}
.row.vendu .infovendu{display:inline-flex;background:#fff;padding:20px 30px;color:#4c9df2;border:3px solid #4c9df2;box-shadow:0 5px 15px -8px #000}
#info_acheteur{display:none}
#info_acheteur.vendu{display:block}
#info_acheteur .row{border-top:1px solid rgba(0,0,0,0.1);margin:5px auto;display:flex;padding:5px 0 0}
#info_acheteur .row label{max-width:250px;width:100%}
#info_acheteur .row input{border:1px solid rgba(0,0,0,0.2);padding:3px 15px;width:100%;background:rgba(255,255,255,0.2);max-width:350px}
#info_acheteur .row textarea{border:1px solid rgba(0,0,0,0.2);padding:3px 15px;width:100%;background:rgba(255,255,255,0.2);max-width:350px}
#info_acheteur .row .input_submit{cursor:pointer;text-transform:uppercase;margin:auto;font-size:20px;border-color:#69d;background:#4c9df1;color:#fff}
.row.vendu .infovendu a{color:#4c9df2}
#bloc_info_produits .row{display:flex;margin:5px}
#bloc_info_produits .row span{margin:auto 5px}
#bloc_info_produits .row span.info_label{margin:auto 5px;font-weight:700;color:#815c16}
#cont_pro{display:flex;flex-direction:column}
#cont_pro > a{float:right!important;position:absolute;right:25px;top:-15px}
.row.info_couleur .info_label{height:30px;line-height:30px;padding-left:50px;background:url(/template/base11_1/images/picto_couleur.png) no-repeat left center / auto 30px}
.row.info_lieu .info_label{height:30px;line-height:30px;padding-left:50px;background:url(/template/base11_1/images/picto_localisation.png) no-repeat 5px center / auto 30px}
.row.info_taille .info_label{height:30px;line-height:30px;padding-left:50px;background:url(/template/base11_1/images/picto_taille.png) no-repeat left center / auto 30px}
.row.info_motif .info_label{height:30px;line-height:30px;padding-left:50px;background:url(/template/base11_1/images/picto_motif.png) no-repeat left center / auto 30px}
.row.info_forme .info_label{height:30px;line-height:30px;padding-left:50px;background:url(/template/base11_1/images/picto_forme.png) no-repeat left center / auto 30px}
#lnklogout{position:absolute;right:50px;bottom:10px}
#espace_pro #lnklogout{display:none}
#espace_pro fieldset#adddoc{padding:15px}
#adddoc .row{padding:10px 0;border-top:1px solid rgba(0,0,0,0.2)}
#adddoc .row td{border-bottom:1px solid rgba(0,0,0,0.1);text-align:left}
#adddoc .row th{text-align:left;padding:10px;background:rgba(0,0,0,0.1)}
#adddoc .row input{padding:5px;border:1px solid rgba(0,0,0,0.1)}
.nav_top_right input{background:#990f1c;color:#fff;transition:all .3s ease 1ms;padding:15px 30px;font-size:18px;cursor:pointer}
#load_f.visible,#load_load.visible{display:block!important}
#cont_titre_prod{order:2;margin:auto;position:absolute;width:30%;right:2%}



.button {
    background-color: #9D0F1D;
    border: none;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    font-family:"Lato";
    margin:4px 2px;
    cursor: pointer;
    max-width: 1200px;
    height: 100%;
    width: 100%;
    color:white
}
.button:hover {
    background-color: #600;
    border: none;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    font-family:"Lato";
    font-weight:bold;
    margin:4px 2px;
    cursor: pointer;
    max-width: 1200px;
    height: 100%;
    width: 100%;
    color:white;
}

#button_bloc {
  display:flex;
  justify-content:space-evenly;
}

.notices_body{
  margin-bottom:2em;
}

.notices_title{
  margin-bottom:1em;
  color:black;
  text-align:left;
}

.notices_background{
	 margin-left:25%; 
	 margin-right:25%; 
	 width:calc(50% - 13px);
	}


.banner_body{
  color:white;
  margin-left: 20px;
  width:calc(60% - 13px);
}

.banner_title{
  margin-bottom:0.5em;
  color:white;
  text-align:left;
  margin-left: 20px;
}

.banner_background{
	background-image:url('/images/images/demarches-deces.png');
	background-size:cover;
	background-position:center;
}

.banner_notices{
	padding:15px 15px 60px 15px;
}

#icons_bloc{
  display:flex;
  justify-content:space-evenly;
  padding:20px;
}

.icons{
    border: none;
    margin:4px 2px;
    width: auto;
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: space-around;
}

.icons_title{
  margin-bottom:0.5em;
  margin-top:0.5em;
  text-align:center;
}


.icons_body{
  font-size: 20px;
  text-align:center;
  font-weight:bold;
}

.icons_images{
	width: 30%;
}

.title_home{
	text-align: center;
}

.subtitle_home{
	text-align: center;
}

.banner_sites{
	display:flex;
	margin-bottom:-50px;
}

.photos_sites{
	margin:auto 5px;
}

.overlay_images {
 position: relative;
 width: 100%;
}

.overlay_images .sites {
 color: #fff;
 font-size: 20px;
 line-height: 1.5em;
 text-shadow: 2px 2px 2px #000;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}

.overlay_images .hoover {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
}

.overlay_images:hover .hoover {
 opacity: 1;
}
 
.overlay_images .base {
 transition: .5s ease;
}
.overlay_images:hover .base {
 opacity: 0;
}
.overlay_images .hoover {
 background-color: rgba(0,0,0,0.5);
}