@charset "utf-8";

h1, h2, h3, h4, h5, h6 {

  line-height: 120%;

  margin: 10px 0;

  font-family: 'Raleway', open sans, lato;

  font-weight: normal;

}

h1 {

  color: #333;

  font-size: 2em;

  font-weight: 400;

}

h2 {

  color: #222;

  font-size: 1.8em;

  font-weight: 400;

}

h3 {

  color: #222;

  font-size: 1.6em;

}

h4 {

  color: #333;

  font-size: 1.2em;

}

h5 {

  color: #333;

  font-size: 1.1em;

}

h6 {

  color: #333;

  font-size: 1.1em;

}

a:link {

  color: #145dc7;

  text-decoration: none;

}

a:visited {

  color: #590000;

}

a:active, a:hover {

  color: #900;

  text-decoration: underline;

}

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

  color: #a00;

  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 #f55112;

  /* border: 0 solid #0097c7; */

  color: #fff;

  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;

  margin: 0;

  padding: 0 !important

}

.wrap {

  max-width: 1280px;

  margin: auto;

  width: 100%

}

body#index #cart {

  display: none

}

a {

  color: #590000;

  text-decoration: none

}

a:hover {

  color: #900;

  text-decoration: none

}

#super_cont {

  border-top: 0 solid #222;

  margin: 0 !important;

  padding: 0

}

#super_cont_sec {

  background: 0 0;

  border-top: 0 solid #222;

  margin: 0 !important;

  padding: 0

}

#super_cont_ter {

  border-top: 0 solid #222;

  margin: 0 !important;

  padding: 0

}

.adresse {

  border-bottom: 0 solid #fff;

  font-size: 1.2em;

  height: auto;

  margin: 0;

  padding: 5px;

  position: absolute;

  right: 0;

  top: 0;

  width: 200px;

  display: none

}

.adresse span {

  display: block

}

.adresse span.adr_prop {

  display: none

}

.adresse span.adr_tel {

  color: #fffbf9;

  font-size: 1.7em;

}

.adresse p {

  margin: 0;

  padding: 0;

  text-align: center;

  color: #666;

  font-size: 1.4em

}

#page {

  background: #111;

  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%

}

#pages.index #page #banner {

    height: 140px;

    margin: 0 auto;

    padding: 0;

    box-shadow: 0 5px 25px -10px rgb(0 0 0 / 50%);

    position: relative;

    width: calc(100%);

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

    z-index: 10;

	background: #ff752400 linear-gradient( 5deg , rgb(255 114 15 / 79%), #ff9d49e6);

}

#banner .blocadresse1 {

  background: none;

  padding: 0;

}



/*.index #retour_accueil a {

  left: calc(50% - 150px);

  top: 250px;

  width: 300px;

  filter: drop-shadow(1px 8px 6px rgba(0, 0, 0, 0.3));

  height: 260px;

}*/



.index #page #section_actu {

  background: no-repeat;

  padding: 0;

}

.index #cont_splash ul li .ac_sta_left h2.titre {

  background: #fff;

  border-radius: 10px;

}

.index #page #banner{

  height: 148px;

  background: url(/template/base11_1/images/fond2.jpg) no-repeat center / contain!important;

}

/*.index #page #inner_banner_ter {opacity: 0;}*/

#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: 30px;

}

#page #banner .wrap {

  /* min-height: 45px; */

  position: relative;

  max-width: unset;

}

.short #page #banner .wrap {

  min-height: 0

}

#page #banner h1.titre_page {

	color: #333;

	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;

}



h1.titre_page {

	margin: auto auto 15px auto;

	padding: 5px 10px;

	/* color: #999; */

	font-size: 5em;

	background: 0 0 !important;

	position: relative;

	border-top: 1px solid rgba(0, 0, 0, 0);

	top:-100px;

	width: fit-content;

}



h1.titre_page span.screen {

  position: absolute;

  width: 100%;

  height: 100%;

  /*background: #ffb94f linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), transparent);*/

  left: 0;

  top: 0;

  /*mix-blend-mode: multiply;*/

  border-bottom:1px solid #ed6d1d;

}

.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: auto;

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

  text-transform: uppercase;

   //display: none

   width: 300px;

  position: absolute;

  background-size: contain;

  height: 100px;

  left: calc(50% - 150px);

  display: none;

  background-position: center;

  background-repeat: no-repeat;

  top: 10px;

}

*/



#ajout_banner {

    color: #fff;

    font-size: 1.35em;

    margin: auto;

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

    text-transform: uppercase;

    width: 100%;

    position: absolute;

    font-weight: 200;

    height: 250px;

    background-position: center;

    background-repeat: no-repeat;

    top: 133px;

}



.short #ajout_banner {

  height: 30px;

}

.short #b_main_menu .gauche table.menu_left td span.obl {

  height: 30px;

  display: flex;

  padding: 2px;

}

.short #b_main_menu li.gauche table.menu_left td {

  height: auto;

}

.gauche #ajout_banner {

  display: flex;

}

#box_log {

  display: none

}



#retour_accueil a {

    height: 151px;

    left: 24px;

    padding: 0;

    /* top: 18px; */

    position: absolute;

    text-indent: -999em;

    width: 200px;

    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;

    /*background-color: rgba(0,0,0,0.4);*/

}

#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: 1em;

  height: 55px;

  left: auto;

  margin: 0;

  padding: 0;

  position: relative;

  top: 5px;

  width: 100%

}

#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: #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, .3), rgba(0, 0, 0, 0));

  padding: 15px

}

#conteneur {

  margin-bottom: 230px;

  position: relative;

  z-index: 20!important;

  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;

  min-height: 220px;

}

.index #footer {

  bottom: -600px;

  transition: all 0s ease 1ms;

}

.shorti #footer {

  bottom: 0;

  transition: all .8s ease .5s;

  display: flex;

  height: 220px;

}

#footer .wrap {

  margin: auto;

  display: flex;

  height: 200px;

}

#foot_cont {

  background: 0 0;

  margin: 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;

  flex: 1;

}

#foot_cont ul#page_static li {

  width: 90%

}

#foot_cont ul li a {

  border: 0 none;

  color: #fff !important;

  float: none;

  font-size: 15px;

  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;

  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;

  width: 85%;

  /* position: absolute; */

  margin: auto;

  /* left: calc(8% + 5px); */

  top: 0;

  z-index: 500;

}

#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: 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: 115px;

  right: 0;

  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

}

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 */

  position: relative;

  min-height: 975px;

}

.nocol #page #main {

  float: none;

  padding: 20px 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: 120px */

  display: none;

}

#b_main_menu {

  height: 40px;

  padding: 0 250px 0 150px;

  position: relative;

  top: 50px;

  z-index: 101;

  width: calc(100% - 400px);

  margin: 0;

}

#b_main_menu a {

  color: #000

}

#b_main_menu a:hover {

  color: #fff

}

.gauche #b_main_menu {

  width: 50%;

  margin: 0 0 0 50%;

}

#b_main_menu ul, #conteneur_nav_sec > ul {

  background: 0 0;

  margin: 0;

  display: flex;

  justify-content: center

}

#b_main_menu li, #conteneur_nav_sec li {

  /* background: #590000 none repeat scroll 0 0; */

  list-style: outside none none;

  padding: 0 !important;

  border-radius: 15px 0;

  width: auto !important;

  margin: auto 5px;

  /*    min-height: 45px;*/

  border: 1px solid #fff;

  position: relative;

}

#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: #000

}

#b_main_menu table.menu_left td {

  border: 0 solid #00f;

  height: 25px;

  text-align: center;

  padding: 0;

  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: #ffc174bf;

	border-radius : 15px 0 15px 0;

}

#b_main_menu li:hover table.menu_left td span.obl, #conteneur_nav_sec li:hover table.menu_left td span.obl {

	background: #666666;

	/* border-radius: 25px */

	border-radius: 15px 5px;

}

#b_main_menu table.menu_left td a, #conteneur_nav_sec table.menu_left td a {

  border: 0 solid;

  border-radius: 5px;

  color: #eee;

  display: flex;

  font-size: 17px;

  font-weight: 300;

  line-height: 120%;

  list-style: outside none none;

  margin: 0;

  min-height: 30px;

  text-transform: uppercase;

  padding: 10px 10px;

  letter-spacing: 1px;

  /* margin: auto; */

  text-shadow: 0 0;

}

#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 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, #conteneur_nav_sec li:hover ul.try {

  left: auto;

  min-height: 0;

  width: 100%;

  max-width: 450px;

  display: flex;

  flex-direction: column

}

#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;

  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 */

  position: absolute;

  right: 0;

  border-radius: 5px 0 0 5px;

  /* width: 150px; */

  margin: auto;

  /* height: 30px; */

  overflow: hidden;

}

.short #b_main_menu .menu_top_main_li.gauche {}

#b_main_menu li.gauche table.menu_left td {

  height: 80px;

  width: 160px;

  position: relative;

  padding: 0;

}

#b_main_menu li.gauche table.menu_left td .outer_img {

  display: flex;

}

#b_main_menu li.gauche table.menu_left td .outer_img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  display: block;

  margin: auto;

}

#b_main_menu li.gauche table.menu_left td a {

  padding: 0;

  display: flex;

  height: 100%;

}

#b_main_menu .gauche table.menu_left td span.obl {

  height: 70px;

  /* width: 100%; */

  padding: 5px 10px;

  background: #ddd;

}

#b_main_menu #id73.menu_top_main_li.gauche {

  top: 60px;

}

.mcat_72 #b_main_menu #id73.menu_top_main_li.gauche {

  top: -27px;

}

.mcat_72 .short #b_main_menu #id73.menu_top_main_li.gauche {

  top: -5px;

}

#b_main_menu #id84.menu_top_main_li.gauche {

  top: 60px;

}

.mcat_72 #b_main_menu #id84.menu_top_main_li.gauche {

  top: -27px;

}

.mcat_72 .short #b_main_menu #id84.menu_top_main_li.gauche {

  top: -5px;

}

.out_dotted {

  padding: 30px 0 0 30px;

  background: url(/template/base11_1/images/grilledot.png) no-repeat top left / 270px;

}

.in_dotted {

  padding: 0 30px 30px 0;

  background: url(/template/base11_1/images/grilledot.png) no-repeat bottom right / 270px;

}

.in_dotted img {

  width: 100% !important;

  height: 380px !important;

  object-fit: cover;

}

#b_main_menu #id72.menu_top_main_li.gauche {

  top: -40px;

  margin: auto;

}

.short #b_main_menu #id72.menu_top_main_li.gauche {

  top: -5px;

  margin: auto;

}

#b_main_menu .menu_top_main_li.gauche.up {

  transform: scale(0.5);

  opacity: 0;

}

#b_main_menu li.gauche ul.try {

  display: none;

}

video#mponnier {

  width: calc(90% - 100px) !important;

  height: 430px !important;

  object-fit: cover;

  margin-top: -50px !important;

  margin-left: -10px !important;

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

}

@media screen and (max-width:1550px) {

  video#mponnier {

    width: calc(75% - 100px) !important;

    height: 430px !important;

    object-fit: cover;

    margin-top: -50px !important;

    margin-left: -10px !important;

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

  }

}

.short .mcat_72 #banner .horaire_banner {

  display: none;

}

#b_main_menu .menu_top_main_li.gauche .text_wimg {

  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, #conteneur_nav_sec li ul.try li {

  float: none;

  margin: 0 !important;

  padding: 5px 10px !important;

  width: auto

}

#b_main_menu li ul.try li:hover, #conteneur_nav_sec li ul.try li:hover {

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

}

#b_main_menu li ul.try li a {

  color: #eee;

  display: block;

  line-height: 16px

}

#b_main_menu li ul.try li:hover a {

  color: #fff !important;

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

}

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

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

}

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

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

}

#b_main_menu > ul {

  border-style: solid;

  margin: 0;

  padding: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  width: auto !important

}

#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

}

.titre_fond {

  background: #5e0000 !important;

  clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);

  border: 0 !important;

  max-width: 750px;

  display: flex;

  min-height: 50px;

  text-align: center;

  /* padding: 15px 50px; */

  margin: auto;

}

.titre_fond h2 {

  margin: auto;

}

.flex.blocstiersrond {

  display: flex;

}

.flex.blocstiersrond img.rond {

  max-height: 350px !important;

  width: 100% !important;

  object-fit: cover !important;

}

nav#alt_acces {

  /* margin: 0; */

  /* position: absolute; */

  /* top: -100px; */

  /* z-index: 103; */

  /* text-align: center; */

  display: none;

  /* justify-content: space-between; */

  /* left: 155px; */

  /* width: 170px; */

}

.ombre {

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

}

.rond {

  border-radius: 250px;

}

nav#alt_acces li {

  display: inline-block;

  list-style: outside none none;

  font-size: 1.25em;

  margin: auto;

  text-transform: uppercase;

  font-weight: 700

}

nav#alt_acces .ul_right {

  display: flex;

  margin: 5px;

  justify-content: space-between

}

nav#alt_acces li a {

  display: flex

}

nav#alt_acces li a img {

  display: inline-block;

  margin: auto 2px auto 0;

  height: 35px

}

nav#alt_acces li.nl_compte a {

  color: #fff

}

nav#alt_acces li.nl_fb a {

  color: #fff

}

nav#alt_acces li.nl_contact a {

  color: #fff

}

.index nav#alt_acces li.nl_compte a {

  color: #0062bd

}

.index nav#alt_acces li.nl_fb a {

  color: #0062bd

}

.index nav#alt_acces li.nl_contact a {

  color: #0062bd

}

#menu_hd {

  background: #fff;

  height: 60px;

  position: absolute;

  right: 0;

  width: 170px;

  border-radius: 3px;

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

  color: #666;

  z-index: 100;

  left: auto;

  top: 0

}

.short #menu_hd {

  background: #fff;

  float: none;

  position: absolute;

  right: calc(0%+ 0px);

  top: 0;

  width: 200px;

  border-radius: 3px;

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

  color: #e06;

  z-index: 54

}

.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: 1px;

  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;

  border-bottom: 1px solid rgba(60, 60, 60, .3);

  color: #fff;

  font-size: 3em;

  /* font-weight: 700; */

  margin: 0 0 5px;

  text-align: center;

  padding: 30px;

  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;

  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 {

  border-top: 1px solid #125;

  margin: 30px 0 0;

  float: left;

  width: 100%

}

h3.t_fiche {

  color: #333;

  margin-top: 20px;

  border-top: 1px dashed #666

}

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

  font-size: 2em !important;

  color: #060

}

#prod_fiche .row_doc {

  margin: 10px

}

#prod_fiche a {

  color: #060

}

#prod_fiche a:hover {

  color: #090

}

.img_vignette span.legend {

  margin: auto;

  display: block;

  float: none;

  clear: both;

  text-align: center

}

#prod_fiche .row {

  margin: 10px;

  clear: both;

  border-bottom: 1px solid #060;

  border-top: 1px solid #060

}

#prod_fiche .row .img_ref {

  width: 120px;

  text-align: center;

  background: #fff;

  float: right

}

#prod_fiche .row .img_ref span {

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

  color: #fff;

  display: block;

  float: right;

  font-size: 10px;

  line-height: 20px;

  margin-top: -20px;

  text-align: center;

  position: relative;

  width: 100%

}

#prod_fiche .row .img_ref span img {

  height: 20px

}

#prod_fiche .row .img_ref img {

  width: auto;

  height: auto

}

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

  height: auto !important;

  float: left;

  width: 350px;

  padding: 0 !important

}

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

  width: 350px !important;

  height: auto !important;

  float: left

}

#page #image_main {

  clear: both;

  overflow: hidden;

  height: 450px;

  width: 646px

}

#page #image_main img {

  min-height: 450px;

  min-width: 646px

}

#cont_texte {

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

  border: 0 solid red;

  height: 110px;

  overflow: auto;

  padding: 10px 10px 0;

  width: 100%

}

#cont_texte > div {

  background: none repeat scroll 0 0 transparent;

  height: 120px;

  margin-top: 0;

  overflow: auto;

  padding: 0;

  width: 98%

}

#cont_texte .image_info_texte {

  float: right;

  height: 110px;

  margin: 0 0 0 20px;

  overflow: hidden;

  width: auto

}

#cont_texte .image_info_texte img {

  max-height: 110px

}

#cont_texte .close_info {

  background: #000;

  text-align: right;

  margin: -10px

}

#cont_texte h2 {

  background: 0 0;

  color: #000;

  padding: 5px;

  font-size: 1.7em;

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

  margin: 0

}

#cont_actu {

  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;

}

#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: 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;

  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 .bloc_cp .champs, #contact .bloc_ville .champs, #devis .bloc_cp .champs, #devis .bloc_ville .champs {

  /* width: 100px !important */

}

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

  /* float: left; */

  /* clear: none; */

  /* width: 48% !important; */

}

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

  font-size: 1.1em;

  width: 95%

}

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

  height: auto;

  border: 0

}

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

  margin: 5px 0;

  padding: 0;

  clear: both

}

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

  clear: none;

  width: 48%

}

.captcha {

  background: #fff none repeat scroll 0 0;

  border-radius: 15px;

  margin: 15px;

  padding: 2%;

  width: 300px

}

.captcha #captcha_code {

  background: #eee;

  border: 1px solid #ddd;

  border-radius: 5px;

  color: #8c8c8c;

  padding: 5px

}

.captcha label {

  margin: 10px;

  display: inline-block

}

.bloc #form {

  overflow-y: auto;

  margin: 0 auto;

  padding: 3px

}

.bloc legend {

  font-weight: 700;

  font-size: 1.3em;

  color: #000;

  margin: 0 0 0 15px;

  padding: 0 3px

}

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

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

  border: 1px solid #999 !important;

  border-radius: 5px;

  height: 25px;

  padding: 2px;

  width: 65%

}

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

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

  border: 1px solid #999 !important;

  border-radius: 5px;

  height: 75px;

  padding: 2px;

  width: 65%

}

.bloc_inline {

  margin: 0;

  padding: 0;

  height: 23px

}

.bloc_cp {

  /* margin: 5px; */

  /* width: 310px; */

  /* float: left; */

  /* height: 20px; */

}

.bloc_cp input {

  height: 20px

}

.bloc_ville {

  /* margin: 5px; */

  /* width: 250px; */

  /* float: left; */

  /* height: 19px */

}

.bloc_ville input {

  height: 19px;

  width: 180px

}

.bloc textarea {

  width: 300px;

  height: 60px;

  margin: 0 auto;

  background: #ccc

}

.bloc_adresse {

  /* margin: 5px; */

  /* width: 400px; */

  /* float: left */

}

.bloc .champs {

  width: 210px;

  float: left;

  text-align: right;

}

.bloc_adresse textarea {

  background: #ccc;

  width: 280px

}

.bloc_cp .champs {

  /* width: 210px; */

  /* float: left; */

  /* text-align: right; */

}

.bloc_ville .champs {

  /* width: 50px; */

  /* float: left; */

  /* text-align: right; */

}

.bloc .champs2 {

  width: 400px;

  float: left;

  text-align: left

}

#form .bloco {

  width: 300px;

  text-align: center;

  margin: 0 auto

}

#espace_pro .f_contact .label, .bloc label {

  float: left;

  font-size: 1.3em;

  width: 200px;

  text-align: right;

  font-weight: 400;

  color: #333

}

#espace_pro #cont_pro .doci {

  border: 0 solid #00f;

  float: left;

  height: 45px;

  margin: 5px;

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

  width: 70px

}

.bloc_cp label {

  width: 300px;

  text-align: right;

  font-weight: 400;

  font-size: 1.3em

}

.bloc_ville label {

  width: 300px;

  text-align: right;

  font-weight: 400;

  font-size: 1.3em

}

#bouton_valide {

  width: 300px;

  text-align: center;

  margin: -10px auto 10px;

  padding: 0

}

#bouton_valide input {

  background: 0 0

}

.obligatoire {

  color: #06e;

  font-size: 1em;

  font-weight: 400;

  margin: 0 auto;

  text-align: right;

  width: 500px

}

#page_valide {

  background: none repeat scroll 0 0 #fff;

  border-radius: 15px;

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

  margin: 5% auto;

  padding: 5% 10%;

  position: relative;

  text-align: center;

  width: 60%

}

#banner_valide {

  text-align: center

}

#wrapper_valide {

  margin: 0;

  min-height: 50px;

  padding: 0;

  text-align: center;

  width: 100%

}

#wrapper_valide .send {

  font-size: 1.3em;

  font-weight: 700;

  color: #666;

  padding: 3px

}

#adresse_valide {

  color: #666;

  margin: 0 auto 15px;

  text-align: center;

  width: 90%

}

#adresse_valide p {

  font-size: 1.3em !important;

  color: #ccc;

  padding: 3px

}

#mentions .creaprime {

  color: #999;

  font-size: 1em;

  font-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 auto;

  width: 95%;

}

#actualites .l_actu {

  background: rgba(255, 255, 255, 0.6);

  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: 250px;

  max-width: 450px;

  width: 100%;

  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: 50%;

  float: none;

  margin: 0 10px;

  box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .8);

}

#actualites .img_z img {

  max-width: 500px;

  width: 100%;

}

#actualites .head_actu {

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

  /* border-radius: 9px; */

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

  float: none;

  margin: 1%;

  padding: 1%;

  font-size: 130%;

  width: auto;

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

}

#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: 25px;

  color: #333;

  /*  font-size: 1.7em;*/

  /* font-size: 1.1em; */

}

.tiers img {

  max-width: 80%;

  object-fit: contain;

  height: auto !important;

}

.index main#main article {

  padding: 0px;

}

#page .flex.aligntop .half {margin-top: 0!important;}

#page .flex.aligntop .flex .half {margin-top: 0!important;}

.replie {

  display: none

}

#MooFlow {

  width: 95%

}

article h1, article h2, article h3, article h4, article h5, article h6 {

  color: #f55112;

}

#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_foot {

  /* padding: 10px; */

  text-align: center;

  display: flex;

  justify-content: center;

  /*  width: 1525px;*/

  /* left: -118px; */

}

.wwrap {

  flex-wrap: wrap;

}

#gal_foot a {

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

  display: flex;

  float: none;

  height: 200px;

  transition: all 0.3s ease 1ms;

  width: 200px;

  position: relative;

  max-width: 100%;

}

#gal_foot.full a {

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

  display: flex;

  float: none;

  height: 320px;

  transition: all 0.3s ease 1ms;

  min-width: 320px;

  width: 100%;

}

#gal_foot a:hover {

  background: rgba(134, 94, 33, 0.8);

  mix-blend-mode: hard-light;

}

#gal_foot .img_foot a:hover span.caption {}

#gal_foot a:hover img {

  opacity: 0.5;

}

#gal_foot a img {

  padding: 0;

  /* height: 380px; */

  /* background-color: red; */

  /* display: none; */

  object-fit: cover;

  width: 100%;

  position: absolute;

  height: 100%;

}

#gal_foot .portrait a img {

  padding: 0;

  width: 200px

}

#gal_foot .img_foot {

  display: inline-block;

  width: 200px;

  height: 200px;

  overflow: hidden;

  margin: 10px auto;

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

  background-size: cover;

  background-position: center;

}

#gal_foot.full .img_foot {

  display: inline-block;

  min-width: 320px;

  max-width: 24%;

  height: 320px;

  overflow: hidden;

  margin: 1px;

  /* margin: 10px 12px; */

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

  background-size: cover;

  background-position: center;

}

#gal_foot.full.gfbis .img_foot, #gal_foot.full.gfbis a {

  min-width: 150px;

}

#gal_foot .img_foot a span.caption {

  background: url(/template/base11_1/images/zoom_image.png) no-repeat center top / auto 0px;

  color: #fff;

  display: flex;

  /* height: 26px; */

  line-height: 22px;

  margin: auto;

  padding: 2px 5px;

  position: relative;

  text-align: center;

  z-index: 50;

  /* top: 350px; */

  opacity: 0;

  transition: all 0.3s ease 1ms;

  /* max-width: 190px; */

}

#gal_foot .img_foot a:hover span.caption {

  display: flex;

  /* background-color: red; */

  width: auto;

  opacity: 1;

  margin: auto;

  padding-top: 50px;

  font-size: 1.1em;

  background: url(/template/base11_1/images/zoom_image.png) no-repeat center top / auto 40px;

}

#gal_right a img {

  width: 120px;

  overflow: hidden

}

#after_cont_pages #gal_foot.full a {

  width: 100%;

  height: 100%;

}

#after_cont_pages #gal_foot.full .img_foot {

  width: 24%;

  height: 270px;

}

.index #leftbar .box.box_new {

  display: none

}

.box_prod {

  border: 1px solid #ddd;

  border-radius: 0;

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

  float: left;

  margin: 5px 2% 15px;

  padding: 10px;

  width: 90%

}

.box_prod .box_prod_left {

  float: left;

  width: 25%

}

.box_prod .box_prod_middle {

  float: left;

  width: 40%

}

.box_prod .box_prod_right {

  border-left: 1px solid #ddd;

  float: left;

  padding: 0 0 0 10px;

  width: 29%;

  margin: 0 0 0 1%

}

.box_prod .prod_desc {

  display: none

}

.box_prod .box_prod_right .lp_prix {

  color: #000;

  font-size: 22px

}

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

  color: #666;

  font-size: 18px;

  text-transform: uppercase;

  padding: 0 0 0 20px;

  font-style: normal

}

.box_prod .box_prod_middle .variantes.f_row select {

  font-size: 1.3em;

  height: 25px

}

.box_prod .box_prod_middle .variantes.f_row {

  margin: 10px 0

}

.box_prod .semi_pi.info {

  float: right;

  line-height: 26px

}

.box_prod .semi_pi.zoom {

  margin: -20px 0 0 -50px;

  position: relative;

  width: 50px

}

.box_prod .semi_pi.zoom a {

  color: #000;

  font-size: 12px;

  font-weight: 400

}

.box_prod .semi_pi.zoom a:hover {

  color: #145dc7

}

.box_prod .semi_pi.info a {

  color: #000

}

.box_prod .semi_pi.info a:hover {

  color: #145dc7

}

.box.box_new, .box.box_spe {

  margin: 0 0 0 17px;

  text-align: center;

  width: 235px

}

.box .box_prod .img_prod {

  background: none repeat scroll 0 0 #fff;

  height: 180px;

  margin: auto;

  overflow: hidden;

  text-align: center;

  width: 160px

}

.box .box_prod .box_prod_left {

  float: left;

  width: 90%

}

.box .box_prod .box_prod_right {

  border: 0 none;

  float: right;

  font-size: 1.3em;

  margin: 10px;

  padding: 0;

  text-align: right;

  width: 90%

}

.box_prod .prod_nom {

  color: #145dc7;

  font-size: 1.3em;

  height: 30px;

  line-height: 15px;

  margin-top: 0

}

.box_prod .img_prod {

  width: 160px;

  height: 180px;

  overflow: hidden;

  text-align: center;

  background: #fff

}

.box_prod .img_prod table {

  border: 0

}

.box_prod .img_prod td {

  border: 0;

  padding: 0;

  width: 160px;

  height: 180px

}

.box_prod .prod_info {

  height: 30px;

  margin: 5px 0;

  padding: 5px 0

}

.box_prod .img_prod img.paysage {

  max-width: 100%;

  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 2.1% 15px;

  padding: 0;

  width: calc(24.3% - 10px);

  border-radius: 5px;

  position: relative;

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

  height: 380px;

  background: #fff

}

.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: 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;

}

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

  color: inherit;

  font-size: .6em;

  font-style: normal;

  padding: 0 0 0 5px;

  text-transform: uppercase

}

.box_prod.bp_light .semi_pi.zoom {

  margin: -20px 0 0 -50px;

  position: relative;

  width: 50px;

  display: none

}

.box_prod.bp_light .prod_nom {

  color: #000;

  font-size: 2em;

  height: 3em;

  line-height: 1em !important;

  margin: -10px 0;

  font-weight: 700;

  display: flex;

  justify-content: center;

  align-items: center

}

.box_prod.bp_light .semi_pi.zoom a {

  color: #999;

  font-size: 10px;

  font-weight: 400

}

.box_prod.bp_light .prod_marque {

  display: none

}

.box_prod .etat_stock .non em {

  display: none

}

.box_prod .etat_stock .non {

  color: red;

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

  display: block;

  height: 15px;

  width: 62px

}

.box_prod .prod_info .semi_pi {

  float: right;

  margin: 0 1% 1% 0;

  width: 48%

}

.box_prod .prod_info .alt_bout_commande {

  text-align: right

}

.box_prod .prod_info .semi_pi.info a {

  background: none repeat scroll 0 0 #e75012;

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

  color: #fff;

  font-size: 15px;

  font-style: italic !important;

  font-weight: 700;

  margin: 0 0 0 3px;

  padding: 0 8px

}

.box_prod .prod_info .semi_pi.zoom a {

  display: none;

  padding: 0 30px 0 10px;

  color: #e75012;

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

}

.box_prod .prod_info .semi_pi.add {

  border-top: 1px solid #ddf;

  width: 95%;

  margin: auto

}

.box_prod .prod_info .semi_pi.add input {

  background: 0 0;

  margin: 0 0 -5px 10px

}

#main.enregistrement {

  padding: 0 15px;

  margin: 0;

  border: 0 solid #ddd;

  color: #666

}

#cont_compte {

  background: #f5ffff

}

.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

}

#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: url(/images/deg_blanc.png) repeat-x scroll 0 -10px #145dc7;

  color: #fff;

  display: block;

  margin: 1px;

  padding: 5px 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: 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: #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 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: 'Raleway', open sans , Lato, arial, sans-serif ;

}

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: none !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 {

  /* 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;

}

#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;

  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;

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

  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%

}

.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;

  height: 40px;

  position: relative;

  top: 5px;

  z-index: 10;

}

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

  top: 55px

}

.short #b_main_menu table.menu_left td a {

  border: 0 solid;

  border-radius: 5px;

  display: inline-block;

  /* font-size: 1.3em; */

  /* font-weight: 400; */

  letter-spacing: normal;

  height: auto;

  min-height: 19px;

  /* 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%;

  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);

  background-size: 200px;

}

#contact #localisation {

  display: none !important;

}

#actualites #section_actu {

  display: none !important;

}

.half {

  border: 0 !important

}

#page form.form_contact {

  padding: 3px;

}

.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;

  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: 24%; */

  padding: 0px 0px 0;

  background: #fff;

  position: relative;

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

  margin-bottom: 20px;

  transition: all 0.3s ease 1ms;

  top: 0;

  clip-path: polygon(105% -5%, 105% 105%, 50% 105%, -5% 105%, -5% -5%, 50% -5%);

}

.bloc_page.up {

  clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0, 50% 5%);

  top: 21px; /* filter: drop-shadow(2px 4px 6px black); */ padding: 0 0 10px;

}

.bloc_page .bas_block {

  display: none;

}

.bloc_page .bp_nom {

  color: #fff;

  position: static;

  font-size: 27px;

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

  z-index: 2;

  width: calc(100% - 20px);

  padding: 0 10px;

  line-height: 110%;

  height: auto;

  letter-spacing: 1px;

  display: flex;

  text-align: center;

  min-height: 65px;

}

.bloc_page .bp_nom a {

  color: #fff;

  margin: auto;

}

.bloc_page .bp_image {

  width: 100%;

  height: 250px;

  overflow: hidden;

  position: relative;

  display: flex

}

.bloc_page .bp_image a {

  margin: auto;

  display: flex;

  width: 100%;

  height: 100%;

}

.bloc_page .bp_image a img {

  width: 100%;

  height: 250px!important;

  display: flex;

  margin: auto;

}

.bloc_page .foot_image {

    position: relative;

    margin: auto;

    background-position: 59% 90%;

    /* padding: 0 80px 0 10px; */

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

    background-size: auto 45px;

    padding: 0;

    padding-bottom: 50px;

    width: 100%;

}

.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

}

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

  border: 0 !important;

  padding: 0 !important;

  margin: auto!important;

}

#page article .tiers {

  border: 0 !important;

  width: calc(31% - 2px) !important;

  padding: .5% !important;

  margin: .5% !important;

}

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: 147px;

  position: relative;

  top: 0;

  border-bottom: 3px solid #fff;

}

.index #inner_banner_ter {

    /*background: url(/template/base11_1/images/fort-manoir-invorange_blanc.png) no-repeat 20px center / 125px;*/

}

.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: 11px;

  height: auto;

  margin: 0;

  padding: 0 13px;

  position: absolute;

  right: 50px;

  top: 2px;

  text-align: right;

  color: #fff;

  width: 270px;

  display: block;

}

*/



#banner .adresse {

    font-size: 1em;

    height: auto;

    margin: 0;

    padding: 5px;

    position: absolute;

    right: 44px;

    top: 16px;

    width: auto;

    display: flex;

    flex-direction: column-reverse;

    border-left: 1px solid #fff;

    padding-left: 15px;

	color:#fff;

}



#banner .adresse .adr_prop {

  display: none

}

#banner .adresse span.adr_tel {

    color: #fff;

    font-weight: 600;

    /* margin: auto 10px; */

    letter-spacing: 1px;

    font-size: 1.5em;

    text-align: left;

}

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

}

.index #page #cont_spe li > span {

  background: rgba(255, 255, 255, 0.7);

  height: 100%;

  width: 40%;

  margin-left: 60%;

}

.index #page #cont_spe li .ac_sta_right {

  font-size: 1.5em;

}

.half.halftxt {

  display: flex; /* background: rgba(0,0,0,0.05); */

}

.half.halftxt .inner_half {

  margin: auto;

  max-width: 80%;

}

.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;

  font-size: 16px;

}

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

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

  border: 1px solid #999 !important;

  border-radius: 5px;

  height: 25px;

  padding: 2px;

  width: 65%

}

.cloneimg, .cloneimg .img_vignette {

  position: absolute;

  width: 100%;

  z-index: 5;

  transition: all 1s ease .5s

}

a.bpl_b {

  display: block;

  padding: 5px 15px;

  width: 40%;

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

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

  color: #fff !important

}

a.bpl_b.bpl_achat {

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

  background-repeat: no-repeat;

  background-position: 5px center;

  background-size: auto 20px;

  padding-left: 30px;

  width: 120px;

  background-color: #145dc7

}

.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: 23%;

  top: 32%

}

#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

}

#page #section_actu {

  display: flex;

  justify-content: space-between;

  /* padding-top: 175px; */

  /* background: rgba(0, 0, 0, 0.07) url(/template/base11_1/images/encemoment.png) no-repeat center 5px; */

  margin-top: 15px;

  margin-bottom: 15px;

  position: relative;

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

  z-index: 500000;

}

.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-image: url(/template/base11_1/images/grilledot.png); */

  /* padding: 0px 0 50px 0; */

  background-repeat: no-repeat;

  background-position: 100px top;

  top: 750px;

  background-size: 300px !important;

  width: 100%;

  /* background-color: #600 !important; */

}

.index #page #adresse_baspage {

  position: absolute;

  display: none;

}

#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: 20px;

  width: calc(100% - 300px);

  /* letter-spacing: 2px; */

  /* font-weight: 700; */

  display: flex;

  flex: 3;

  margin: auto;

  flex-wrap: nowrap;

  justify-content: space-around;

}

#adresse_baspage {}

#adresse_baspage .box_logo {

  display: none;

}

#adresse_baspage .wrap {

  display: flex; /* padding-bottom: 250px; */ max-width: 100%;

  /*	background: url(/template/base11_1/images/grilledot.png) no-repeat calc(100% - 100px) top / 300px!important;*/

}

.index #adresse_baspage .wrap {

  padding-bottom: 250px;

}

#adresse_baspage .wrap > ul { /* flex:1; */ margin-top: -185px; /* border: 1px solid blue; */ padding: 30px;

  display: flex;

  width: calc(25% - 60px); /* overflow: hidden; */ flex-direction: column;

  background: #5e0000 linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(255, 255, 205, 0.1), rgba(255, 255, 205, 0.15), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

}

#adresse_baspage .wrap ul#sm_73, #adresse_baspage .wrap ul#sm_84 {

  order: 10;

  background: rgba(115, 24, 24, 1);

}

#adresse_baspage .wrap ul#sm_72 {

  order: 0

}

#adresse_baspage .info_sc {

  margin: auto;

  list-style: none;

  width: 200px;

}

#adresse_baspage .info_sc a {

  color: #fff;

  list-style: none;

  font-size: 24px;

  display: block;

  margin: auto;

  line-height: 120%;

  text-align: center;

  border-bottom: 1px solid;

  width: 175px;

  word-break: keep-all;

  padding-bottom: 15px;

}

#adresse_baspage #sm_72 .info_sc a {

  /* color:#000; */

  border-color: #000;

}

#bloc_marque, #bloc_part {

  /* padding: 50px 0 */

}

#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

}

#adresse_baspage .info_sc:last-child {}

#adresse_baspage .info_sc:last-child a {

  border: 0;

}

#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 {

  flex: 1;

  display: flex;

  background: url(/template/base11_1/images/pict_localisation.png) no-repeat center top;

  padding-top: 70px;

  flex-direction: column;

}

.blocadresse1 {

  order: 2;

}

.blocadresse2 {

  order: 10;

}

body.mcat_72 .blocadresse2 {

  display: none;

}

body.mcat_73 .blocadresse1 {

  display: none;

}

body.mcat_73 #adresse_baspage .bloc_adresse, body.mcat_72 #adresse_baspage .bloc_adresse {

  flex-direction: column;

}

body.mcat_73 #adresse_baspage .half.hal_form, body.mcat_72 #adresse_baspage .half.hal_form {

  margin: 10px auto;

}



#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;

  order: 0;

}

.half.hal_tel {

  order: 2;

}

.bloc_adresse .half a {

  color: #fff

}

.half.hal_adrr span {

  display: block

}

.half.hal_form {

  /*background: url(/template/base11_1/images/pict_contact.png) no-repeat center top;

  padding-top: 70px !important;*/

  margin: 0 auto;

  flex: 1;

  order: 5;

}

#banner .half.hal_form {

}



#banner .half.hal_tel {

  padding: 0 0;

}

.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, .9);

  padding: 30px;

}

#text_img_index {

  position: absolute;

  color: #fff;

  left: 20%;

  width: 60%;

  margin-left: auto;

  font-size: 1.6em;

  justify-content: center;

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

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

  text-shadow: #fd8614 2px 0 10px;

}

#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 {

  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: #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

}

.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

}

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: #36d

}

.lazy {

  background-image: url(/images/loading.gif);

  background-position: center;

  background-repeat: no-repeat;

  display: none

}

.lazy_bg {

  background-image: url(/images/small-load_light.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

}

#galerie_diap .cont {

  display: flex

}

#galerie_diap .cont .gal_gal {

  height: 300px;

  background-size: cover;

  background-position: center;

  flex: 1

}

#outter_diap_index {

  position: relative;

  display: flex;

  /* padding: 18px 0 0 0; */

  /* margin-top: -18px; */

  /* background: url(/template/base11_1/images/dot_or.png) center / 70px; */

}

#diap_index, .diap_index {

  display: block;

  height: 600px;

  background-size: cover;

  background-position: center;

  position: relative;

  width: 100%;

  /* border-top: 10px solid #5e0000; */

  border-bottom: 10px solid #5e0000;

  overflow: hidden;

}

#ill_index {

  position: absolute;

  height: calc(100% + 20px);

  width: 30%;

  z-index: 10;

  margin: -30px auto;

  left: 35%;

  background: url(/template/base11_1/images/boulanger_patissier.png) no-repeat center / auto 100%;

  filter: drop-shadow(2px 4px 15px rgba(0, 0, 0, 0.7));

  display: none;

}

.diap_index a.lnk_diap {

  position: absolute;

  width: 100%;

  height: 100%;

  /* border: 1px solid blue; */

  display: flex;

  overflow: hidden;

}

.diap_index .span_lnk {

  /* border: 1px solid red; */

  width: 100%;

  position: absolute;

  display: flex;

  height: 100%;

  z-index: 15;

}

.diap_index .span_lnk span {

  margin: auto;

  color: #fff;

  font-size: 1em;

  transition: all 0.3s ease 1ms;

  text-transform: uppercase;

  opacity: 0;

  border-top: 2px solid;

  border-bottom: 2px solid;

  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);

}

.diap_index .span_lnk span em {

  display: flex;

  font-size: 20px;

}

.diap_index a:hover .span_lnk span {

  font-size: 4em;

  opacity: 1;

  font-weight: 700;

  text-align: center;

}

.diap_index .lnk_fond {

  position: absolute;

  width: 0%;

  height: 0%;

  left: 50%;

  top: 50%;

  transition: all 0.3s ease 1ms;

}

.diap_index a:hover .lnk_fond {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}

.diap_index.d_1 {}

.diap_index.d_2 {}

.diap_index.d_1 .lnk_fond {

  background: #5e0000;

  mix-blend-mode: hard-light;

}

.diap_index.d_2 .lnk_fond {

  background: rgba(115, 24, 24, 1);

  mix-blend-mode: hard-light;

}

.index #page .decont, .index #page .decont_inner { /*  background-color: #333!important;*/ background-color: #fff !important;

}

#menu_social {

  position: fixed;

  right: 0;

  top: calc(50px + 10%);

  min-width: 50px;

  min-height: 50px;

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

  max-height: 80%;

  z-index:100;

}

#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);

  /* display: none; */

}

#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: none;

  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 0.3s ease 0.00001s;

  width: 100% !important;

  max-width: 50%;

  position: relative;

  overflow: hidden;

  display: block !important;

  border: 0 !important;

  padding: 0px !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 0.4s ease 0.0001s;

  width: 100% !important;

  /* border: 1px solid; */

  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 0.3s ease 0.0001s;

  width: 100%;

  margin: auto !important;

}

.bloc_image_glissant.hover {

  /* left: -100%; */

}

.bloc_image_glissant.hover .inner_big {}

.bloc_image_glissant.hover .big_bloc_img {

  left: -50%;

}

.bloc_image_glissant.hover .big_bloc_img img {}

.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 0;

  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

}

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 {

  display: block;

  float: none;

  font-weight: 700;

  margin: 15px;

  padding: 14px;

  background: #36d;

  color: #fff !important;

  border-radius: 5px

}

.info_cookie {

  position: fixed;

  width: 250px;

  right: 5%;

  top: 250px;

  background: rgba(0, 0, 0, 0.4);

  color: #000;

  padding: 25px;

  border-radius: 10px

}

.index .info_cookie {

  bottom: 5%;

  top: auto

}

.info_cookie_inner {

  background: #fff;

  padding: 5%;

  line-height: 150%;

  border-radius: 5px;

  font-size: 16px;

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

}

h2.alerte.cookie {

  padding: 0;

  background: 0

}

.info_cookie_inner a.lnk_info_cookie {

  color: #36D !important

}

.ind_loca_left.mapiframe {

  position: relative;

  overflow: hidden;

}

.ind_loca_left.mapiframe iframe {

  margin-top: -55px;

  height: 480px;

}

#after_cont_pages #outter_article {

  padding-bottom: 15px;

}



#main #outter_article {

    margin-top: -110px;

}



#page #cont_spe {

  width: 100%;

  height: 350px !important;

  margin: 0 !important;

  padding: 0;

}

#page #cont_spe li {

  width: 100%;

  height: 350px !important;

  margin: 0 !important;

}

#page #cont_spe li span {

  opacity: 1;

  transform: scale(1);

  padding: 0;

  background: none;

}

#page #cont_spe li .ac_sta_right {

  min-height: 100px;

  margin: auto;

  font-size: 1em;

  /* color: inherit!important; */

  height: auto;

  min-width: 75%;

}

#page .l_actu_det {

  color: #000;

  text-align: inherit;

}

#page .bactu a.lnk_more, .ac_sta_left {

  order: 5;

}

#page .bactu a.lnk_more {

  width: 150px;

  font-size: 14px;

  padding: 3px;

}

#page #cont_spe .bactu .titre {

  display: none;

}

#page #cont_spe li > span { /*    opacity: 1;*/ transition: all .3s ease 0s;

  display: flex;

  width: 45%;

  padding: 0;

  transform: scale(1);

  flex-direction: column;

  justify-content: center;

  margin-left: 50%;

  line-height: normal;

  background: rgba(255, 255, 255, 0.6);

}

.cont_actu_head {

  display: flex;

}

.mcat_73 #page, .mcat_73 #page #banner, .mcat_73 #conteneur {

  background: #fff;

}

.mcat_73 h1.titre_page span.screen {

  background: none;

  mix-blend-mode: multiply;

}

main#main article article {

  font-size: 1.1em;

}

.mcat_73 .titre_page, .mcat_73 main#main article {

  color: #731818

}

.mcat_73 article h1, .mcat_73 article h2, .mcat_73 article h3, .mcat_73 article h4, .mcat_73 article h5, .mcat_73 article h6 {

  color: #731818;

}

.mcat_73 #b_main_menu table.menu_left td span.obl, .mcat_73 #conteneur_nav_sec table.menu_left td span.obl {

  background: #731818;

}

.mcat_73 #inner_banner_ter {

  border-color: rgba(115, 24, 24, 1);

}

#sm_72 .blocadresse2, #sm_73 .blocadresse1, #sm_84 .blocadresse1 {

  display: none;

}

.tg_adrr .bloc_adresse {

  flex-direction: column;

  width: auto !important;

  margin-top: 10px !important;

}

#sm_72 .tg_adrr .bloc_adresse {

  flex-direction: column-reverse;

}

#sm_72 li, #sm_73 li, #sm_84 li {

  list-style: none

}

#sm_72 .illustr {

  background: url(/template/base11_1/images/logo__blanc_150.png) no-repeat center / contain;

  height: 40px;

  margin: 15px auto;

  width: 100%;

}

#sm_73 .illustr, #sm_84 .illustr {

  background: url(/template/base11_1/images/logo__blanc.png) no-repeat center / contain;

  height: 40px;

  margin: 15px auto;

  width: 100%;

}

.bloc_page .bp_nom a em {

  font-style: normal;

  font-size: 2em;

  margin: -20px auto;

  display: flex;

  width: 100%;

  text-align: center;

  justify-content: center;

  transition: all 0.3s ease 1ms;

  opacity: 1;

}

.bloc_page.up .bp_nom a em {

  opacity: 0;

}

.short #banner .horaire_banner {

  padding: 2px;

  top: 0;

  font-size: 16px;

  border: 0;

}

#banner .horaire_banner {

  display: flex !important;

  position: absolute;

  right: 60px;

  top: 34px;

  z-index: 10;

  color: #fff;

  justify-content: center;

  font-size: 21px;

  width: 150px;

  text-align: center;

  padding: 3px 6px;

  line-height: 24px;

}

.mcat_72 .short #banner .horaire_banner {

  font-size: 16px;

  top: 0;

}

.blocs_artisanal {}

.blocs_artisanal .half .half {}

.blocs_artisanal .half .half img { /*    width: 100%!important;*/ height: 250px !important; /*    max-width: 250px!important;*/ width: 250px !important;

}

body.mcat_84 .blocadresse1 {

  display: none;

}

body.mcat_84 #adresse_baspage .bloc_adresse {

  flex-direction: column;

}

body.mcat_84 #adresse_baspage .half.hal_form {

  margin: 10px auto;

}

.mcat_84 .titre_page, .mcat_84 main#main article {

  color: #731818

}

.mcat_84 article h1, .mcat_84 article h2, .mcat_84 article h3, .mcat_84 article h4, .mcat_84 article h5, .mcat_84 article h6 {

  color: #731818;

}

.mcat_84 #b_main_menu table.menu_left td span.obl, .mcat_84 #conteneur_nav_sec table.menu_left td span.obl {

  background: #731818;

}

.mcat_84 #inner_banner_ter {

  border-color: rgba(115, 24, 24, 1);

}

#sm_84 .blocadresse1 {

  display: none;

}

#sm_84 .illustr {

  background: url(/template/base11_1/images/logo_ponpon_blanc.png) no-repeat center / contain;

  height: 40px;

  margin: 15px auto;

  width: 100%;

}

.mcat_84 #page, .mcat_84 #page #banner {

  background: rgba(255, 255, 255, 0.8);

  position: absolute;

  margin-top: 0 !important;

}

.mcat_84 #conteneur {

  background: #fff;

  margin-top: 0 !important;

}

.mcat_84 .entete_ponpon.full.wide {

  object-fit: cover;

  height: 600px;

  width: 100%;

  object-position: top;

} 

.nocol.mcat_84 #page #main, .nocol.mcat_84 #page #main article {

  margin: auto;

  padding-top: 0;

}

.inner_image { 

width:100%;} 



.flex {

display:flex;

	flex-wrap:nowrap;

}



.mcat_84 #menu_social ul {

  background-color: #731818;

  /* margin: 0 -10px 0 0; */

}

.mcat_72 #menu_social ul { 

  background-color: #5e0000;

}

article #inner_carte {position: relative;overflow: hidden;box-shadow: 0 5px 15px -10px #999;border: 3px solid #f55112;}

article #inner_carte iframe{margin-top: -55px;border: 0;margin-bottom: -5px;}



#menu_social ul li {

  mix-blend-mode: luminosity;

}

.mcat_84 h1.titre_page span.screen { 

  background: none;

  mix-blend-mode: multiply;

}

#page article .flex .tiers, #page article .flex .half {

	margin:auto!important;

	/* justify-content: space-between; */

	/* display: flex!important; *//* flex-direction: column; */

} 



.bloc_fa p {

  margin: auto;

}



.bloc_fa h4 {

  font-size: 1em;

}



#page img.deco_top {

  position: relative;

  margin-bottom: -55px;

  height: 55px !important;

  object-fit: fill;

}



table.tableau.tarif {

	border: 1px solid #f55112!important;

	max-width: 100%;

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

}



table.tableau.tarif th{ 

}



table.tableau.tarif td {

	border-left: 1px solid #f5511254;

	border-bottom: 1px solid #ddd;

	/* border-right: 1px solid #ffffff63;*/

	border-collapse: separate;

	/* background-color: #fffaf5; */

}



#ajout_banner.image_secondaire {

    background-size: cover;

}



#pages #page #banner {

    height: 383px;

	margin: 0 auto;

    padding: 0;

    box-shadow: 0 5px 25px -10px rgb(0 0 0 / 50%);

    position: relative;

    width: calc(100%);

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

    z-index: 10;

    /*background: #b3b3b3 linear-gradient(5deg, rgba(255,255,255,0.15), #00000026);*/

  background: url(/template/base11_1/images/fond2.jpg) no-repeat top / cover!important;

}





.cap_text {

    font-size: 1.2em!important;

}



#pages #page article .half p{

	line-height:1.5em; 

}



#pages.index .image_secondaire{

	display:none;

}



#pages.index #main #outter_article {

    margin-top: 0px;

}



.eco_slogan{

	color: #f55112;

	font-size: 3.5em;

}



.eco_slogan span{

	color: #000;

}



#pages.index span.camera_bar_cont {

    background-color: rgb(220 110 21)!important;

}



span#pie_undefined {

	background-color: rgb(167 75 0)!important;

}



#banner .half.hal_form {

	order: 0!important;

	width:100%;

}



.half.hal_form a:link {

    color: #482100;

    text-decoration: none;

	font-weight:bold;

	font-size: 1.2em;

}



#contact #page #banner, #actualites #page #banner {

    height: 383px;

    margin: 0 auto;

    padding: 0;

    box-shadow: 0 5px 25px -10px rgb(0 0 0 / 50%);

    position: relative;

    width: calc(100%);

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

    z-index: 10;

    /* background: #b3b3b3 linear-gradient(5deg, rgba(255,255,255,0.15), #00000026); */

    background: url(/template/base11_1/images/fond2.jpg) no-repeat top / contain!important;

}



#pages #conteneur .actu_a { 

    width: fit-content!important;

    margin: 0 auto;

}



#pages #conteneur .actu_a h1 {

    text-align: center;

	font-size:3em!important;

	border-bottom: 1px solid #ed6d1d;

}