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

  font-weight: 600;

  line-height: normal;

  margin: 5px 0;

  font-family: 'Georama';

}

h1 {

  color: #333;

  font-size: 2em;

  font-weight: 400;

  /* font-family: 'dosis' */

}

h2 {

  color: #222;

  font-size: 1.9em;

  font-weight: 400

}

h3 {

  color: #222;

  font-size: 1.7em

}

h4 {

  color: #333;

  font-size: 1.4em

}

h5 {

  color: #333;

  font-size: 1.3em

}

h6 {

    color: #447e47;

    font-size: 3.5em;

    font-family: 'Caveat';

	font-weight: 500;

    line-height: 154%;

}



.mcat_75 h2{

	font-size:1.5em;

	font-weight: 700;

}

.mcat_75 h3{

	font-size:1.3em;

	font-weight: 400;

}

a:link {

  color: #145DC7;

  text-decoration: none

}

a:visited {

  color: #04b

}

a:hover, a:active {

  color: #59f;

  text-decoration: underline

}

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

  color: #59f;

  text-decoration: none

}

a:hover {

  transition: all .3s ease 0s;

}

#contents a.LinkOut:after {

  color: #bbb;

  content: " ["attr(hreflang)"]";

  font-weight: 400;

  text-decoration: none

}

p {

  margin: 12px 0

}

strong {

  font-weight: 700

}

em {

  font-style: italic

}

address {

  color: #366

}

address:before {

  content: "Adresse : \A"

}

pre {

  background: #f0f6f7;

  border: 1px solid #0097C7;

  font-size: 1.1em;

  margin: 20px auto;

  overflow: auto;

  padding: 5%;

  width: 80%

}

code {

  background: #44bb34;

  color: #fff;

  font-size: 1.1em;

  padding: 2px

}

blockquote {

  margin: 10px 50px;

  text-indent: 25px

}

blockquote p {

  display: inline;

  margin: 0;

  padding-right: 24px

}

cite {

  color: #000;

  font-size: 1.1em;

  padding: 0 3px

}

acronym {

  border-bottom: 1px dashed #1FCAFF;

  cursor: help

}

ul {

  margin: 0 0 0 10px;

  padding: 0 0 0 5px

}

ol {

  color: #616161;

  list-style: inside decimal-leading-zero;

  margin: 5px 0 5px 25px

}

hr {

  border-bottom: 2px ridge #61615f;

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

}

.separator {

  clear: both;

  visibility: hidden

}

dl {

  margin: 10px 5px

}

dt {

  color: #1e1e1c;

  font-size: 1.1em;

  font-weight: 700

}

dd {

  font-style: normal;

  margin: 0;

  padding: 0;

  text-indent: 10px

}

table {

  border-collapse: collapse;

  border-spacing: 0;

  font-size: 1em;

  margin: auto;

  width: 100%

}

table caption {

  color: #0097C7;

  font-size: 1.3em;

  font-weight: 700;

  margin: 5px 0;

  text-align: left

}

th {

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

  border: 0 solid #0097C7;

  color: #000;

  font-size: 1.1em;

  font-weight: 400;

  padding: 2px

}

td {

  border: 0 solid #0097C7;

  padding: 2px

}

.une_colonne, .deux_colonnes {

  clear: both;

  display: inline

}

.colleft {

  float: left;

  margin: 0 2% 0 0;

  margin: 0;

  padding: 0;

  width: 47%

}

.colright {

  float: left;

  margin: 0;

  padding: 0;

  width: 48%

}

.center {

  text-align: center;

  width: 100%

}

.left {

  text-align: left;

  width: 100%

}

.right {

  text-align: right;

  width: 100%

}

input, textarea {

  background: #CCC

}

.box_bout_paiement {

  background: none repeat scroll 0 0 #ff3000;

  border: 1px solid #d00;

  border-radius: 5px;

  margin: auto;

  overflow: hidden;

  text-align: center;

  width: 340px

}

.bouton_paiement {

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

  color: #fff;

  cursor: pointer;

  font-size: 125%;

  padding: 5px;

  width: 100%

}

body {

  background: none;

  color: #000;

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

  margin: 0;

  padding: 0 !important;

}

.wrap {

  max-width: 1280px;

  margin: auto;

  width: 100%

}

body#index #cart {

  display: none

}

a {

  color: #06d;

  text-decoration: none

}

a:hover {

  color: #39f;

  text-decoration: none

}

#super_cont {

  border-top: 0 solid #222;

  margin: 0 !important;

  padding: 0

}

#super_cont_sec {

  background: none;

  border-top: 0 solid #222;

  margin: 0 !important;

  padding: 0

}

#super_cont_ter {

  border-top: 0 solid #222;

  margin: 0 !important;

  padding: 0

}

.adresse {

  border-bottom: 0 solid #fff;

  font-size: 1.2em;

  height: auto;

  margin: 0;

  padding: 5px;

  position: absolute;

  right: 0;

  top: 0;

  width: 200px;

  display: none

}

.adresse span {

  display: block

}

.adresse span.adr_prop {

  display: none

}

.adresse span.adr_tel {

  color: #fff49e;

  font-size: 1.7em

}

.adresse p {

  margin: 0;

  padding: 0;

  text-align: center;

  color: #666;

  font-size: 1.4em

}

#page {

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

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

  margin: 0 auto;

  width: 100%

} 

.index #page {

  background: url() no-repeat center 150px / 100% auto;

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

  margin: 0 auto;

  width: 100%

}

#page #banner {

  height: auto;

  margin: 0 auto;

  padding: 0;

  position: relative;

  width: calc(100%);

  z-index: 10;

  background: #eee url(/images/) no-repeat center / cover

}

#inner_banner_bis {
  top: 0;
  position: relative;
  background: #fff;
}

.short #banner .ill_droite, .index #banner .ill_droite {

  display: none

}

.short #page #inner_banner {

  height: 45px;

  background: none

}

.short #inner_banner_bis {

  top: 0

}

.short #b_main_menu li {

  height: 35px

}

.index #page #banner {

  background-color: #eee;

  border-bottom: 10px solid rgba(255, 255, 255, 0.95)

}

.index .video_index {

  margin-top: -180px;

  box-shadow: 0 5px 15px -8px rgba(0, 0, 80, 0.7)

}

.video_index {

  position: relative;

  padding-bottom: 56.25%;

  height: 0

}

.video_index iframe, .video_index object, .video_index embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%

}

#page #banner .wrap {
    min-height: 60px;
    position: relative;
    top: 0;
}

#page #banner h1.titre_page {

	color: #fff;

	font-family:'Georama';

	font-weight:600;

	font-style:italic;

	text-shadow: 4px 3px 4px rgba(60, 60, 60, 0.8);

  /* background: url(/template/atc_1/images/illustr_accueil.png) no-repeat center -40px / 1000px auto; */

 	 position: relative;

 	 bottom: 0;

 	 width: calc(100%);

 	 padding: 75px 0 70px;

 	 /*border-top: 5px solid #1a508b;*/

 	 margin: 0;

	font-size: 4em;

 	 opacity: 0.9;

 	 text-align: center;

 	 filter: saturate(1);

	letter-spacing:0.1em;

}

#bloc_part { 

	/*background:url("/template/atc_1/images/fond.jpg") center center / 100% rgb(255, 255, 255);*/

	background:#004A96;

}



#page #banner h1.titre_page span {

  padding: 0 10px 0 60px;

  /*background: url(/template/atc_1/images/picto_blanc.png) no-repeat left center;*/

}

.short #banner .adresse {
    display: none;
}

.short #retour_accueil a img {
    top: -1px;
}

.short #inner_banner {
    padding: 4px 0 0 0;
}

.short #page #banner h1.titre_page {

  height: 0;

  padding: 0;

  overflow: hidden

}

#titre_banner {

  background: linear-gradient(100deg, rgba(0, 61, 111, 1), rgba(0, 90, 163, 1));

  color: #fff

}

#page #banner .logo_page a img {

  border: 0 solid blue;

  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

}

#page #banner #text_flash {

  margin: -20px 0 0 -10px

}

#ajout_banner {

  border: 0 solid #00F;

  color: #FFF;

  font-size: 1.35em;

  margin: 0 0 0 210px;

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

  text-transform: uppercase

}

#box_log {

  display: none

}

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

#retour_accueil a img {
  background: rgba(0, 0, 0, 0) url(/images/logo.png) no-repeat scroll center center / contain;
  border: 0 solid #00f;
  display: block;
  float: left;
  height: 100%;
  left: 0;
  margin: 0;
  position: relative;
  top: -30px;
  width: 100%
}

.index #retour_accueil a img { 

  z-index: 5

}

#hdl_menu_smart {

  display: none

}

#choix_langue {

  border: 0 solid #00F;

  left: 50%;

  margin-left: 443px;

  position: absolute;

  top: 6px;

  width: 100px;

  z-index: 61;

  display: none

}

#choix_langue input {

  background: none;

  float: left;

  padding: 3px

}

#creationCREAPRIME {

  border: 0 solid blue;

  left: 50%;

  margin-left: 200px;

  position: absolute;

  top: 2px;

  display: none

}

#cart {

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

  border-radius: 3px;

  font-size: 1.2em;

  height: 55px;

  left: auto;

  margin: 0;

  padding: 0;

  position: relative;

  top: 5px;

  width: 100%

}

#cart h3 {

  color: #e06;

  font-size: 22px;

  font-weight: 700;

  margin: 0;

  text-transform: uppercase;

  padding-left: 37px;

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

}

#cart h4 {

  color: #069;

  float: left;

  font-size: 15px;

  margin: 0;

  font-weight: 700

}

.short #cart h4 em {

  display: none

}

#cart a {

  color: #999;

  font-size: 1em

}

#cart .inner_cart {

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

  border-radius: 0;

  float: none;

  height: 48px;

  width: 90%;

  display: block;

  margin: 0 auto

}

#cart .inner_cart img.image_panier {

  float: left;

  margin: 4px 25px 4px 5px

}

#cart a:hover {

  color: #ddd;

  text-shadow: 1px 0 3px #fff

}

table.cart {

  background: #fff;

  border: 1px solid #aaa

}

table.cart td {

  border: 1px solid #ddd;

  padding: 5px;

  text-align: center

}

table.cart th {

  color: #fff;

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

}

#conteneur {

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

  margin-bottom: 330px;

  position: relative;

  z-index: 2;	padding-top:15px;

  background: #fff 

}

#page #conteneur {

  z-index: 6

}

.short #page #conteneur {

  z-index: 2

}



.index #conteneur {

/*    background: url(/template/atc_1/images/fond.jpg) center center / 100% rgb(255, 255, 255);*/

}

.skew {

  transform: skewY(-5deg)

} 

.deskew {

  transform: skewY(5deg)

}

.inc_bloc_page .bloc_page { width:auto;



    background-image: linear-gradient(

45deg

, rgba(255, 255, 255, 0.2), transparent) !important;}

#footer {

  height: 340px !important;

  background: #1a508b linear-gradient(-15deg, rgba(255, 255, 255, 0.0), rgba(0, 0, 0, 0.2)) !important;

  bottom: 0;

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

  padding: 10px 0 0;

  position: fixed;

  width: 100%;

  z-index: 1

}

.index #footer {

  bottom: -600px;

  transition: all 0 ease 0

}

.shorti #footer {

  bottom: 0;

  transition: all .8s ease .5s

}

#footer .wrap {

  margin: 1% auto 0;

  font-size: .8em;

}

#foot_cont {

  background: none;

  margin: 5px auto;

  max-width: 1280px;

  display: flex

}

#foot_cont ul li {

  background: none;

  display: block;

  float: none;

  padding: 0 0 0 12px;

  list-style: none;

  text-align: left;

  font-size: 1.2em;

  margin: auto

}

#foot_cont ul.page_edit li {

  width: 95%

}

#foot_cont ul.page_edit {

  border-left: 1px solid #fff;

  float: none;

  margin: 30px 0 0 1%;

  padding: 2px 0 0 1%;

  width: 47%;

  height: 70%;

  display: flex;

  flex-direction: column

}

#foot_cont ul#page_static li {

  width: 90%

}

#foot_cont ul li a {

  border: 0 none;

  color: #fff;

  float: none;

  padding: 0

}

#foot_cont ul li a:hover {

  border: 0 none;

  color: #eee;

  float: none;

  padding: 0

}

h3.titre_foot {

  color: #fff

}

#foot_cont ul#page_static {

  border-left: 1px solid #fff;

  float: none;

  margin: 15% 0 0 1%;

  padding: 2px 0 0 1%;

  height: 70%;

  display: flex;

  flex-direction: column

}

.footer_left {

  float: left;

  margin: 0 2% 0 0;

  padding: 0 1% 0 0;

  width: 19%

}

.footer_right {

  float: none;

  width: 58%;

  display: flex;

  justify-content: center

}

.footer_out_right {

  color: #fff;

  float: none;

  padding: 1%;

  width: 17%;

  display: inline-block;

  vertical-align: top

}

.footer_out_right img {

  height: auto !important;

  width: 100% !important

}

.soutien {

  font-size: 14px;

  margin: 5px;

  text-align: center

}

#foot_cont ul#soci_lnk {

  border: 0 solid blue !important;

  float: left;

  margin: 10px auto;

  padding: 2px 0 0;

  width: 100%

}

#foot_cont ul#soci_lnk li {

  height: auto

}

#foot_cont ul#soci_lnk li.li_fb {

  padding: 2px 0 0

}

#foot_cont ul {

  margin: auto;

  padding: 2px 0 0

}

#footer li {

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

  border-right: 0 solid #999;

  display: inline-block;

  float: none;

  height: 18px;

  line-height: 18px;

  list-style: outside none none;

  margin: 0 0 0 10px;

  overflow: hidden;

  padding: 0 10px 0 0;

  vertical-align: top

}

#footer a {

  color: #ddd

}

#footer a:hover {

  color: #fff

}

#foot_cont ul#footer_mk li {

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

  display: block;

  float: left;

  padding: 0 0 0 12px;

  text-align: left;

  width: 30%

}

#footer li a {

  color: #145DC7;

  color: #37e

}

#toggle_footer {

  display: inline-block;

  width: 40%;

  visibility: hidden

}

#footer ul#soci_lnk {

  display: inline-block;

  vertical-align: top;

  width: 55%;

  text-align: right;

  position: absolute;

  bottom: 10px;

  right: 100px

}

#footer ul#soci_lnk li {

  height: auto

}

.logo_footer {

  float: none;

  margin: 10px auto 0;

  background-size: contain;

  max-height: 100px;

  background-repeat: no-repeat;

  background-position: center;

}

.logo_footer img {

  max-width: 90%;

  visibility: hidden;

  margin: auto

}

#bouton_commande span.h2 {

  display: block;

  color: #fff;

  position: relative;

  z-index: 1;

  font-size: 1.5em;

  height: 45px;

  line-height: 100%;

  margin: 5px 0 -50px

}

#page #wrapper {

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

  box-shadow: none;

  margin: 0 auto;

  padding: 0 0 40px;

  width: 1280px

}

.oc_left #page.two_col #main {

  float: left;

  padding: 35px 0 0 300px;

  width: 800px

}

a.add_a, a.add_b {

  font-size: 1.6em;

  color: #ded;

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

}

a.add_a {

  display: block;

  height: 30px

}

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

  text-decoration: none;

  color: #fff

}

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

  color: #060;

  font-size: .85em;

  line-height: 160%;

  margin: 25px 0 0 5px;

  text-align: left;

  width: 80%

}

#leftbar #logo_left {

  border: 0 solid blue;

  text-align: left;

  margin: 0 0 0 1px

}

#leftbar h2.titre_box {

  margin: 50px auto 0;

  text-align: center;

  font-size: 1.4em

}

#rightbar {

  background: url(/images/top_actu.png) no-repeat scroll center -20px #DEDBD5;

  border-radius: 0 0 0 0;

  float: left !important;

  margin: 0 0 0 -200px;

  min-height: 450px;

  overflow: hidden;

  padding: 0 0 15px;

  width: 200px;

  display: none

}

#page.two_col #rightbar {

  display: none

}

#actu_box_left h2.titre_box {

  text-transform: uppercase;

  letter-spacing: 5px;

  font-weight: 400;

  text-align: center;

  color: #ec760e;

  font-size: 1.8em;

  margin: 0 0 14px;

  border: 0 !important

}

.index #breadcrumb {

  display: none

}

.index #rightbar {

  display: none

}

#pages.index.oc_left #main {

  float: left;

  min-height: 450px;

  padding: 20px 0 0 300px;

  width: calc(100% - 300px)

}

#pages.index.nocol #main {

  float: none;

  padding: 25px 0 20px

}

#pages.index #wrapper {

  margin: 0 auto;

  padding: 0;

  max-width: 1280px;

  width: 100%

}

.index #choix_langue {

  border: 0 solid blue;

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

  height: 190px;

  margin: 0;

  overflow: hidden;

  position: relative;

  top: -50px;

  width: 50%

}

.index #box_new_index .box_prod.bp_light {

  background: none repeat scroll 0 0 #fff;

  border: 1px solid #ddd;

  border-radius: 0;

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

  float: left;

  margin: 5px 10px 0 0;

  padding: 0;

  width: 395px

}

.index .box_new_index .box_prod.bp_light {

  background: none repeat scroll 0 0 #fff;

  border: 1px solid #ddd;

  border-radius: 0;

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

  float: left;

  height: 185px;

  margin: 5px 10px 0 0;

  padding: 0;

  width: 395px;

  overflow: hidden

}

.index #box_promo_index .box_prod.bp_light {

  background: none repeat scroll 0 0 #fff;

  border: 1px solid #ddd;

  border-radius: 0;

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

  float: left;

  margin: 5px 0 0;

  padding: 0;

  width: 395px;

  height: 185px

}

.index .titre_page {

  display: none

}

.index .textbloc {

  font-size: 120%;

  height: auto;

  line-height: 125%;

  padding: 50px;

  width: 93%

}

.index .colored {

  background-image: url(/template/atc_1/images/fond_trait_bleu_20.png) !important;

  background-color: rgba(20, 29, 38, 1) !important;

  background-size: 100% !important

}

#splash_load {

  position: absolute;

  z-index: 151;

  display: none;

  width: 750px;

  height: 170px;

  top: 200px;

  left: 50%;

  text-align: center;

  margin: 0 0 0 -375px;

  background: url(/images/img_admin/glow.png) no-repeat

}

.textbloc ul {

  padding: 0;

  margin: 0

}

.textbloc ul li {

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

  padding-left: 25px;

  list-style: none;

  margin: 5px auto

}

.colored ul li {

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

  padding-left: 25px;

  list-style: none;

  margin: 5px auto

}

.textbloc ul li li {

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

  padding-left: 20px;

  list-style: none;

  margin: 5px auto;

}

.colored ul li li {

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

  padding-left: 20px;

  list-style: none;

  margin: 5px auto;

}

#splash_load img {

  margin-top: 70px

}

#splash_load_fond {

  background: none repeat scroll 0 0 #FFF;

  height: 100%;

  left: 0;

  opacity: .6;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 150;

  display: none

}

#menu_preview {

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

  border-radius: 10px;

  box-shadow: 0 0 4px #000;

  color: #fff !important;

  padding: 10px 20px;

  position: absolute;

  right: 2%;

  top: 5px;

  width: 200px;

  z-index: 1000

}

#menu_preview h3 {

  color: #fff;

  margin: 0

}

#menu_preview li {

  color: #fff

}

#menu_preview a {

  color: #fff

}

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

  color: #fff

}

#mav.galerie_mav {

  height: 400px;

  width: 650px;

  margin: 0 20px

}

#mav.galerie_mav > div > a {

  display: block;

  height: 400px;

  width: 650px;

  overflow: hidden

}

#mav.galerie_mav .content h1.titre_actualite {

  color: #FFF;

  font-size: 1.3em;

  font-weight: 400;

  text-align: left;

  text-transform: uppercase;

  margin: 0

}

#mav.galerie_mav .caption .content {

  background: url(/images/noir_deg_70.png) repeat-x scroll 0 top transparent;

  height: 80px;

  line-height: 110%;

  margin: -80px 0 0;

  width: 630px

}

#mav.galerie_mav .img_mav {

  float: left;

  margin: 0

}

#mav.galerie_mav .img_mav img.slide_index2 {

  display: block;

  visibility: visible;

  width: 650px;

  border: 0 solid red

}

#mav.galerie_mav .img_mav img.slide_index {

  display: block;

  visibility: visible;

  border: 0 solid blue;

  height: 400px

}

#mav_nav.galerie_mav {

  margin: 0 32px 0 0;

  position: relative;

  top: -74px

}

#breadcrumb a {

  color: #999;

  font-size: 11px

}

#recherche {

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

  border-radius: 0;

  height: 42px;

  left: auto;

  margin: 0 0 0 41px;

  padding: 2px 10px;

  position: relative;

  top: 20px;

  width: 220px;

  z-index: 11;

  display: none

}

.short #recherche {

  display: none

}

#recherche input {

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

  border-radius: 3px;

  font-size: 14px;

  height: 32px;

  margin: 5px 0;

  padding: 0 0 0 10px;

  position: relative;

  width: 165px

}

#recherche input.bt_sub {

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

  border: 0 none;

  box-shadow: none;

  color: #145dc7;

  cursor: pointer;

  margin: 0 -10px 0 5px;

  width: 78px

}

#recherche input.image_submit {

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

  display: block;

  float: right;

  height: 32px;

  width: 30px

}

#recherche input.image_submit:hover {

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

  display: block;

  float: right;

  height: 32px;

  width: 30px

}

#recherche input.nosearch {

  color: #afa093;

  font-style: italic

}

#entete_main {

  background: none repeat scroll 0 0 #000;

  height: 590px;

  padding: 10px

}

#box_lnkfb {

  clear: both;

  float: left;

  margin: 15px auto;

  width: 100%

}

#box_lnkfb a {

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

  border: 1px solid #026;

  color: #fff;

  display: block;

  font-size: 20px;

  height: 31px;

  line-height: 30px;

  margin: 0 auto;

  padding: 0;

  text-align: center;

  width: 235px

}

a.lnk_more_mk {

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

  border: 1px solid #999;

  border-radius: 5px;

  color: #999 !important;

  display: none;

  margin: 2px 5px;

  padding: 2px 5px

}

a.lnk_more_mk:hover {

  background: #FFF;

  border-color: #248FFF;

  color: #248FFF !important

}

.row.horsstock {

  background: #FAA

}

.row.horsstock .text_hs {

  clear: both;

  display: block;

  float: none !important;

  margin: 2% !important;

  padding: 2% !important;

  text-align: center !important;

  width: 92% !important

}

.row.horsstock table.ecart td {

  background: url(/images/deg_blanc.png) repeat-x scroll left top #faa;

  border: 1px solid #aaa;

  padding: 5px;

  text-align: center

}

.box_new_index .box_prod.bp_light .prod_marque {

  color: #666;

  font-size: 15px;

  height: 20px;

  margin-top: -24px;

  overflow: hidden

}

#page #wrapper {

  margin: 0 auto;

  padding: 0;

  max-width: 1280px;

  width: 100%

}



.index #page #wrapper {

    padding: 0px 0px 40px;

/*    background: rgba(255,255,255,0.95);*/

}

.oc_left #leftbar {

  border: 0 solid #ccc;

  border-radius: 0;

  float: left !important;

  margin: 0 5px 0 -100%;

  min-height: 450px;

  overflow: hidden;

  padding: 0;

  width: 300px

}

.oc_left #page #main {
  float: left;
  min-height: 450px;
  padding: 20px 0 0 300px;
  width: calc(100% - 300px)
}

.nocol #page #main {

  float: none;

  min-height: 450px;

  padding: 0 0 50px;

  position: relative;

  margin-top: 0;

  background: linear-gradient(0, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3));

  /* box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.3) */

}

#breadcrumb {
    position: relative;
    top: 45px;
}

div#inner_banner {
    height: 123px;
    padding: 37px 0 0 0;
}

#b_main_menu {
    height: 42px;
    padding: 0 0 0 0;
    position: relative;
    top: 0px;
    width: calc(100% - 300px);
    z-index: 101;
    margin: auto;
}

#b_main_menu ul {

  background: none;

  margin: 0

}

#b_main_menu li {

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

  float: left;

  list-style: outside none none;

  margin: 0 !important;

  padding: 0 !important;

  width: auto !important;

  height: 60px;

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

}

#b_main_menu li.up {

  background: linear-gradient(14deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 100, 0.2), rgba(255, 255, 255, 0));

}

.ul_first > li:nth-child(1) a {

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

  height: 50px;

  color: #fff !important;

  font-size: 0px !important;

  padding: 10px 30px !important;

  display: block !important;*/

}

.short .ul_first > li:nth-child(1) a {

  /*  padding: 20px 30px !important;*/

}

#b_main_menu li .try li {

  height: auto

}

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

  color: black;

}

.half.halftxt, .half.halfimg {

  margin: auto;

}

.half.halfimg {

  height: 100%;

}

.half.halfimg .inner_half {

  height: 100%;

}

.half.halfimg .inner_half img {

  height: 100%;

  width: 100%;

  object-fit: cover

}

.half.halftxt .inner_half {

  width: 90%;

  margin: auto;

}

#b_main_menu table.menu_left td {

  border: 0 solid blue;

  height: 25px;

  text-align: center;

  vertical-align: middle;

  position: relative

}

#b_main_menu table.menu_left td span.obl {

  display: block

}

#b_main_menu table.menu_left td a {

  /* transform: skew(20deg); */

  border: 0 solid;

  border-radius: 5px;

  color: #1a508b;

  display: inline-block;

  font-family: 'Georama';

  /*font-size: 1.6em;*/

  font-weight: normal;

  /* height: auto; */

  line-height: 120%;

  list-style: outside none none;

  margin: 0;

  height: 30px;

  padding: 14px 9px;

  text-shadow: 0 0;

  text-transform: uppercase;

}

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

  border-radius: 0 0 0 0

}

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

  color: #123;

  text-shadow: 0 0 0 rgba(0, 0, 0, 0)

}

#b_main_menu a {

	color: #000;

	font-size: 1em;

	line-height: 16px;

}

#b_main_menu a:hover {

  color: #fff

}

#b_main_menu li ul.try {

  position: absolute;

  width: 135px;

  left: -999em;

  margin: -1px 0 0;

  z-index: 150

}

#b_main_menu li:hover ul.try {

  left: auto;

  min-height: 0

}

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

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

  left: -999em;

  margin: 0;

  padding: 0;

  position: absolute;

  width: 180px;

  z-index: 1150

}


#b_main_menu li ul.try li a {
  min-height: 20px;
  text-align: left;
  color: #FFF;
  background: none;
  padding: 3px 20px;
  font-size: 15px;
  text-shadow: 1px 0 1px #4446;
  line-height: 120% !important;
}

#b_main_menu li ul.try li a:hover {

  text-shadow: 1px 0 1px #fff

}

html > body #b_main_menu li ul#one li {

  border-top: 0 solid transparent

}

#b_main_menu .menu_top_main_li.gauche {

  display: none

}

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

  color: #000 !important

}

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

  left: auto;

  min-height: 0

}

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

  left: -9999px

}

#b_main_menu li:hover ul li:hover ul.try.second {
  left: 0;
  margin: -75px 0 0 97%;
  min-height: 0;
  min-width: 210px;
}

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

  left: -97%;

  margin: 0;

  min-height: 0;

  top: 0

}

#b_main_menu li ul.try li {
	float: none;
	margin: 0 !important;
	padding: 3px 16px !important;
	width: auto;
	position: relative;
}


#b_main_menu li ul.try li:hover {

  background: linear-gradient(4deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5))

}



.short #page #banner h1.titre_page  {
	padding:20px 0 100px;
	display: none;
}



#b_main_menu li ul.try li a {

  color: #eee;

  display: block;

  line-height: 16px

}

#b_main_menu li ul.try li:hover a {

  color: #fff !important;

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

}

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

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

}

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

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

}

#b_main_menu > ul {

  border-style: solid;

  margin: 0;

  padding: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  width: auto !important

}

#leftbar #surmenu {

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

  border-radius: 3px;

  float: left;

  margin: 30px 0;

  padding: 0

}

#leftbar #navigation_left {

  margin: 10px 0;

  padding: 0 0 28px;

  width: 295px

}

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

  color: #e11de1;

  font-size: 20px;

  font-weight: 700;

  height: 23px;

  margin: -92px 0 !important;

  padding: 22px 0 18px 50px;

  position: absolute;

  text-align: center;

  text-transform: uppercase;

  width: 246px;

  z-index: 50

}

#leftbar img.mark2 {

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

  height: 15px;

  width: 15px

}

#leftbar img.mark2_ouvert {

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

  height: 15px;

  width: 15px

}

#leftbar #surmenu div {

  font-weight: 400;

  margin: 0;

  padding: 0;

  text-align: left;

  width: auto

}

#leftbar #surmenu div.m_li {

  border-bottom: 2px dotted #333

}

#leftbar #surmenu div.m_li.up {

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

}

#leftbar #surmenu .sous_rub div {

  border-bottom: 1px dotted #755;

  margin: 0 15px

}

#leftbar #surmenu div#id_doc {

  border-top: 1px solid #fff;

  padding: 10px 0;

  margin: 10px 0 0

}

#leftbar #surmenu div#id_doc a {

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

  padding: 5px 0 5px 30px

}

#leftbar #surmenu th {

  border: 0 !important;

  color: #fff;

  font-size: 1.2em;

  padding: 0;

  background: none

}

#leftbar #surmenu div.up td {

  color: #d22f14

}

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

  color: #fff;

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

}

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

  color: #d22f14

}

#leftbar #surmenu div a {

  padding: 0 0 0 10px

}

#leftbar #surmenu div .td_replie a {

  padding: 0 !important;

  margin: 0 !important

}

#leftbar #surmenu div .lnk_fb {

  color: #633

}

#leftbar #surmenu div .lnk_fb a {

  color: #036;

  font-size: .9em;

  padding: 0

}

#leftbar #surmenu div a:hover {

  text-decoration: none

}

#leftbar #surmenu td.td_menu {

  width: 135px;

  border: 0 solid blue

}

#leftbar #surmenu td.td_replie {

  width: 20px;

  padding: 0;

  text-align: center;

  border: 0 solid blue

}

#leftbar #surmenu td.td_replie span {

  width: 20px;

  display: block;

  border: 0 solid blue;

  color: #fff;

  font-weight: 400;

  font-size: 15px

}

#leftbar #surmenu table.menu_left td {

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

  height: auto !important;

  line-height: 15px !important;

  padding: 7px 2px

}

#leftbar #surmenu .s_li table.menu_left td {

  line-height: 15px !important;

  padding: 3px 0 5px 3px

}

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

  line-height: 15px !important;

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

  padding: 7px 0 7px 5px

}

#leftbar #surmenu table.menu_left td a {

  color: #333;

  display: block;

  font-size: 20px;

  line-height: 110%;

  padding: 0 0 0 30px;

  text-align: left

}

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

  color: #896b64;

  display: block;

  font-size: 14px;

  font-weight: 400;

  line-height: 120%;

  padding: 0 0 0 20px;

  text-align: left !important

}

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

  display: inline;

  font-size: 10px;

  width: 15px;

  float: left

}

#leftbar #surmenu li.up a {

  font-weight: 700;

  text-shadow: 1px 0 4px #000

}

#menu_banner_left {

  background: #F8D86E;

  border: 0 solid red;

  border-radius: 5px;

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

  color: #000 !important;

  font-weight: 700;

  height: 35px;

  left: 50%;

  line-height: 35px;

  margin-left: 141px;

  padding: 14px;

  position: absolute;

  text-align: center;

  top: 88px;

  width: 150px

}

#menu_banner_left a {

  color: #000;

  font-size: 1.3em;

  text-transform: uppercase

}

#menu_banner_left ul {

  list-style: none;

  margin: 0

}

#menu_banner_left li {

  float: left

}

#menu_banner_left li a img {

  width: 110px;

  height: 30px

}

#menu_banner_left li a {

  width: 110px;

  display: block;

  height: 33px;

  color: #fff;

  font-size: 1.3em;

  text-align: center;

  line-height: 32px;

  margin: 0 5px

}

#menu_banner_left li a span {

  margin-top: -25px;

  display: block

}

nav#alt_acces {

  margin: 0;

  position: absolute;

  top: -80px;

  z-index: 103;

  text-align: center;

  display: flex;

  justify-content: space-between;

  right: 0;

  left: auto;

  width: 170px

}

nav#alt_acces {

  display: none !important;

}

nav#alt_acces li {

  display: inline-block;

  list-style: outside none none;

  font-size: 1.25em;

  margin: auto;

  text-transform: uppercase;

  font-weight: 700

}

nav#alt_acces .ul_right {

  display: flex;

  margin: 5px;

  justify-content: space-between

}

nav#alt_acces li a {

  display: flex

}

nav#alt_acces li a img {

  display: inline-block;

  margin: auto 2px auto 0;

  height: 35px

}

nav#alt_acces li.nl_compte a {

  color: #fff

}

nav#alt_acces li.nl_fb a {

  color: #fff

}

nav#alt_acces li.nl_contact a {

  color: #fff

}

nav#alt_acces li.nl_news a {

  color: #fff

}

.index nav#alt_acces li.nl_compte a {

  color: #0062BD

}

.index nav#alt_acces li.nl_fb a {

  color: #0062BD

}

.index nav#alt_acces li.nl_contact a {

  color: #0062BD

}

.index nav#alt_acces li.nl_news a {

  color: #0062BD

}

#menu_hd {

  background: #fff;

  float: none;

  height: 60px;

  position: absolute;

  right: 361px;

  top: -85px;

  width: 200px;

  border-radius: 3px;

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

  color: #666;

  z-index: 100;

  left: auto;

  display: block

}

.short #menu_hd {

  background: #fff;

  float: none;

  height: 30px;

  position: absolute;

  right: calc(0% + 0px);

  top: 46px;

  width: 160px;

  border-radius: 3px;

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

  border: 1px solid #e06;

  color: #e06;

  z-index: 54

}

.short .ul_first li.lnk_accueil a {

  height: 35px

}

.short .ul_first li.lnk_accueil a span {

  opacity: 0

}

.short #cart {

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

  border-radius: 3px;

  font-size: 1.2em;

  height: 25px;

  left: auto;

  margin: auto !important;

  padding: 0;

  position: relative;

  top: 5px;

  width: 160px

}

.short #cart .inner_cart {

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

  border-radius: 0;

  float: none;

  width: 75%;

  margin: auto !important;

  display: flex;

  height: 20px

}

.short #cart h3 {

  font-size: 16px;

  margin: auto

}

.menu_smart {

  display: none

}

.enter {

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

  width: 110px;

  height: 100px;

  float: left;

  margin: 0 8px 0 10px

}

.enter .fleche {

  width: 100px;

  height: 12px;

  margin: 0 auto;

  display: block

}

.enter a {

  height: 65px;

  display: block;

  overflow: hidden

}

.enter .bouton {

  width: 100px;

  margin: -5px auto 0;

  display: block

}

.titre_page {

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

  /*border-bottom: 5px solid rgba(60, 60, 60, 0.3);*/

  color: #333;

  font-size: 3em;

  font-weight: 400;

  margin: 30px 0 5px;

  padding: 15px;

  text-align: center;

  text-transform:none;

}

#page.present .titre_page {

  font-size: 1.4em;

  font-weight: 700;

  letter-spacing: 2px;

  text-align: center;

  text-transform: uppercase;

  color: #FFF;

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

  margin: 0;

  padding: 2px 0

}

#bloctext {

  overflow: auto;

  overflow-x: hidden;

  padding-bottom: 0;

  height: 460px

}

.textbloc {

  font-size: 135%;

  height: auto;

  padding: 5px 5%

}

.textbloc > h2 {

  line-height: 160%

}

.textbloc p {

  margin: 15px 0;

  font-size: 1.3em;

  font-family: 'dosis';

  line-height: 120%;

  color: #888

}

.textbloc p span {

  line-height: auto !important

}

body#fiche_produit .img_vignette {

  border: 1px solid #fff;

  width: 98%;

  height: auto !important

}

body#fiche_produit #page.pages_gammes #vignettes_img {

  width: 95%;

  float: none;

  overflow: hidden;

  position: static;

  background: #FFF;

  top: 180px;

  border-top: 0 solid #333;

  border-bottom: 0 solid #333;

  border: 1px solid #fff;

  margin: 0 1%;

  padding: 1%

}

body#fiche_produit #page #vignettes_img {

  border-radius: 15px 0

}

body#fiche_produit #page #vignettes_img #ajout_devis {

  border-top: 1px solid #125;

  margin: 30px 0 0;

  float: left;

  width: 100%

}

body#fiche_produit #page #vignettes_img #ajout_devis #add_quantite {

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

  font-size: 1.3em;

  height: 25px;

  text-align: center;

  width: 100px

}

h3.t_fiche {

  color: #333;

  margin-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 span.ext {

  padding: 5px;

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

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

  border: 1px solid #fff;

  margin: 5px;

  background: #600;

  color: #fff;

  font-size: 1.6em;

  font-weight: 700;

  border-radius: 8px

}

#prod_fiche a {

  color: #060

}

#prod_fiche a:hover {

  color: #090

}

#prod_fiche span.ext a {

  color: #ded

}

#prod_fiche span.ext a:hover {

  color: #fff;

  text-decoration: none;

  text-shadow: 1px 2px 3px #f90

}

.img_vignette span.legend {

  margin: auto;

  display: block;

  float: none;

  clear: both;

  text-align: center

}

#prod_fiche .row {

  margin: 10px;

  clear: both;

  border-bottom: 1px solid #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: none;

  color: #000;

  padding: 5px;

  font-size: 1.7em;

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

  margin: -0

}

h2.categories {

  background: url(/images/puce_theme.png) no-repeat 0 50%;

  font-size: 1.6em;

  font-weight: 400;

  color: #000;

  text-align: left;

  margin: 5px 0 -5px 10px;

  padding: 0 0 0 10px

}

#cont_actu h3 {

  height: 24px;

  padding: 0;

  margin: 0;

  font-size: 1.2em;

  color: #fff

}

#cont_actu .l_actu2 .l_titre a:hover {

  color: #000

}

#cont_actu .l_actu .l_titre a {

  text-decoration: none;

  color: #000 !important;

  font-weight: 700 !important;

  font-size: 1.2em;

  padding: 0

}

#cont_actu .l_titre a:visited {

  color: #fff !important

}

#cont_actu .l_titre a:hover {

  color: #CCC !important;

  text-decoration: underline

}

#cont_actu .l_actu, #cont_actu .l_actu2 {

  border: 0;

  clear: both;

  margin: 0 0 15px !important;

  padding: 0 0 5px;

  color: #fff;

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

}

#cont_actu .l_date {

  color: #FFF;

  font-size: 1em;

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

  text-align: left;

  font-weight: 400;

  width: 217px

}

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

  float: left;

  font-weight: 400;

  font-size: 1.1em !important;

  text-align: left;

  margin: 5px 0 0;

  color: #FFF

}

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

  color: #FFF !important

}

#cont_actu .l_actu_det {

  text-indent: 0

}

#cont_actu .l_actu_det .description {

  font-size: 1em !important;

  line-height: 14px;

  color: #FFF

}

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

  float: left;

  margin: 3px 3px 3px 0

}

#cont_actu .zoom {

  float: left;

  border: 0 solid;

  text-align: right;

  margin: 0

}

#cont_actu .l_actu2 .zoom {

  display: none

}

#contact #main_cont_foot textarea {

  border: 1px solid #999;

  border-radius: 5px;

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

  height: 150px;

  padding: 1%;

  width: 90%

}

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

  margin: 10px 0 0;

  border-top: 3px solid #aaa;

  padding: 5px

}

#contact #main_cont_right fieldset {

  margin: 10px 0 0;

  border-top: 3px solid #060;

  padding: 5px

}

#contact legend, #devis legend {

  padding: 0 10px;

  font-size: 1.5em;

  color: #aaa

}

#contact #main_cont_right legend {

  padding: 0 10px;

  font-size: 1.5em;

  color: #060

}

#contact #fi_renseignement input {

  width: 30px;

  text-align: left

}

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

}

#main_cont .intro_contact {

  font-weight: 700;

  font-size: 1.2em;

  color: #CCC;

  margin: 0 auto;

  padding: 0;

  width: 420px;

  text-align: center

}

.captcha {

  background: #fff none repeat scroll 0 0;

  border-radius: 15px;

  margin: 15px;

  padding: 2%;

  width: 300px

}

.captcha #captcha_code {

  background: #eee;

  border: 1px solid #ddd;

  border-radius: 5px;

  color: #8c8c8c;

  padding: 5px

}

.captcha label {

  margin: 10px;

  display: inline-block

}

.bloc #form {

  overflow-y: auto;

  margin: 0 auto;

  padding: 3px

}

.bloc legend {

  font-weight: 700;

  font-size: 1.3em;

  color: #000;

  margin: 0 0 0 15px;

  padding: 0 3px

}

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

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

  border: 1px solid #999 !important;

  border-radius: 5px;

  height: 25px;

  padding: 2px;

  width: 65%

}

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

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

  border: 1px solid #999 !important;

  border-radius: 5px;

  height: 75px;

  padding: 2px;

  width: 65%

}

.bloc_inline {

  margin: 0;

  padding: 0;

  height: 23px

}

.bloc_cp {

  /*	margin:5px;

	width:310px;

	float:left;

	height:20px*/

}

.bloc_cp input {

  /*	height:20px*/

}

.bloc_ville {

  /*

	margin:5px;

	width:250px;

	float:left;

	height:19px

*/

}

.bloc_ville input {

  /*	height:19px;*/

  /*	width:180px*/

}

.bloc textarea {

  width: 300px;

  height: 60px;

  margin: 0 auto;

  background: #CCC

}

.bloc .champs {

  width: 210px;

  float: left;

  text-align: right

}

.bloc_adresse textarea {

  background: #CCC;

  width: 280px

}

.bloc_cp .champs {

  width: 210px;

  float: left;

  text-align: right

}

.bloc_ville .champs {

  width: 50px;

  float: left;

  text-align: right

}

.bloc .champs2 {

  width: 400px;

  float: left;

  text-align: left

}

#form .bloco {

  width: 300px;

  text-align: center;

  margin: 0 auto

}

.bloc label, #espace_pro .f_contact .label {

  float: left;

  font-size: 1.3em;

  width: 200px;

  text-align: right;

  font-weight: 400;

  color: #333

}

#espace_pro #cont_pro .doci {

  border: 0 solid blue;

  float: left;

  height: 45px;

  margin: 5px;

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

  width: 70px

}

.bloc_cp label {

  width: 300px;

  text-align: right;

  font-weight: 400;

  font-size: 1.3em

}

.bloc_ville label {

  width: 300px;

  text-align: right;

  font-weight: 400;

  font-size: 1.3em

}

#bouton_valide {

  width: 300px;

  text-align: center;

  margin: -10px auto 10px;

  padding: 0

}

#bouton_valide input {

  background: none

}

.obligatoire {

  color: #06e;

  font-size: 1em;

  font-weight: 400;

  margin: 0 auto;

  text-align: right;

  width: 500px

}

#page_valide {

  background: none repeat scroll 0 0 #fff;

  border-radius: 15px;

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

  margin: 5% auto;

  padding: 5% 10%;

  position: relative;

  text-align: center;

  width: 60%

}

#banner_valide {

  text-align: center

}

#slogan_valide h2 {

  border-bottom: 1px dashed #666;

  border-top: 1px dashed #666;

  color: #333;

  padding: 5%;

  text-align: center

}

#wrapper_valide {

  margin: 0;

  min-height: 50px;

  padding: 0;

  text-align: center;

  width: 100%

}

#wrapper_valide .send {

  font-size: 1.3em;

  font-weight: 700;

  color: #666;

  padding: 3px

}

#adresse_valide {

  color: #666;

  margin: 0 auto 15px;

  text-align: center;

  width: 90%

}

#adresse_valide p {

  font-size: 1.3em !important;

  color: #CCC;

  padding: 3px

}

#adresse_valide_back {

  width: 450px;

  margin: 0 auto;

  text-align: center

}

#adresse_valide_back a {

  background: #fff;

  font-size: 1.5em;

  color: #F33;

  padding: 3px

}

#mentions .creaprime {

  color: #999;

  font-size: 1em;

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

  font-weight: 700

}

#mentions .creaprime span {

  font-size: 1em;

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

  font-weight: 700;

  font-style: italic

}

#mentions .creaprime span a {

  color: #C90

}

#text_gamme {

  padding: 10px

}

#text_gamme ul {

  margin: 10px;

  padding: 0 0 0 20px;

  color: #000

}

#liste_actus {

  border: 0 solid red !important;

  margin: 0 4%;

  width: 90%

}

#actualites .l_actu {

  background: none repeat scroll 0 0 #FFF;

  margin: 20px 0 15px 5px;

  padding: 5px 5px 5px 20px

}

#actualites .l_actu.up {

  background: #666;

  display: none

}

#actualites .l_actu .l_date {

  font-size: .9em;

  color: #000;

  text-align: right;

  border-bottom: 1px solid #000

}

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

  float: left

}

#actualites .l_actu .l_img {

  background: #fff none repeat scroll 0 0;

  display: inline-block;

  float: none;

  margin: 5px;

  padding: 2px;

  vertical-align: top

}

#actualites .l_actu .l_img img {

  height: auto;

  max-height: 150px;

  max-width: 200px;

  width: auto;

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

}

.l_actu_det {

  display: inline-block;

  margin: 5px 5%;

  vertical-align: top;

  width: 60%

}

#actualites .l_titre {

  color: #000;

  font-size: 1.8em;

  margin: 15px;

  padding-left: 10px;

  text-align: left

}

#actualites .l_titre a {

  color: #000

}

#actualites .l_actu .l_actu_det .description {

  color: #333;

  text-indent: none;

  text-align: justify;

  line-height: 120%;

  padding: 0

}

#actualites .img_z {

  width: 200px;

  float: left;

  margin: 0 5px 0 0

}

#actualites .img_z img {

  width: 200px

}

#actualites .head_actu {

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

  border-radius: 9px;

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

  float: left;

  margin: 5%;

  padding: 5%;

  width: 80%

}

#actualites .head_actu span {

  text-align: left;

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

}

#actualites .head_actu .datefull {

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

  color: #fff;

  display: none;

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

  font-size: 1em;

  font-weight: 400;

  margin: 0 0 0 -4px;

  padding: 0 10px 0 0;

  text-align: right

}

.lnk_form {

  display: none

}

#actualites .head_actu h2 {

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

  font-size: 1.8em !important;

  font-weight: 700;

  color: #000 !important;

  margin: 0 0 10px;

  padding: 0

}

.zoom {

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

  font-size: 1.2em;

  float: right;

  font-weight: 700

}

#partenaires #main {

  margin: 0 auto;

  text-align: center;

  width: 90%

}

#partenaires li.part {

  display: inline-block;

  float: none;

  height: 250px;

  margin: 0 10px 10px;

  overflow: hidden;

  vertical-align: top;

  width: 210px

}

#partenaires li.part.fhide {

  display: none

}

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

  float: left

}

#partenaires li.part .cont_img {

  background: #fff none repeat scroll 0 0;

  border: 1px solid #ddd;

  border-radius: 200px;

  float: none;

  height: 195px;

  overflow: hidden;

  width: 195px

}

#partenaires li.part:hover .cont_img {

  border: 10px solid #81a600;

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

  float: none;

  height: 175px;

  transition: all .3s ease 0;

  width: 175px

}

#partenaires li.part .cont_img {

  float: none;

  height: 195px;

  width: 195px

}

#partenaires .part .img_part {

  overflow: hidden;

  text-align: center

}

.part .lnk_part {

  clear: both;

  height: auto;

  line-height: 130%;

  width: auto

}

#partenaires li.part td.img_part {

  height: 195px;

  padding: 0;

  width: 195px

}

#partenaires li.part:hover td.img_part {

  height: 175px;

  width: 175px

}

#partenaires .part .img_part img {

  max-height: 135px;

  max-width: 160px;

  overflow: hidden;

  text-align: center

}

#partenaires .part div {

  text-align: center;

  width: auto

}

#partenaires .part a {

  color: #666;

  display: inline-block;

  font-family: "Oswald";

  font-size: 1.2em;

  font-weight: 400;

  margin: 5px;

  text-align: center;

  text-transform: uppercase

}

#partenaires .part .ico_web {

  background: #fff none repeat scroll 0 0;

  display: none;

  padding: 2px 0 0;

  text-align: center

}

.replie {

  display: none

}

.deplie {

  display: block

}

#images_drt {

  width: 350px;

  float: right;

  margin: 295px 20px 0;

  border: 0 solid blue;

  overflow: hidden;

  height: 50px

}

#images_drt .img_drt.img_mav {

  width: 350px;

  height: 280px;

  overflow: hidden;

  position: absolute;

  margin: -290px 0 0

}

#images_drt .img_drt.img_mav img {

  min-width: 350px;

  min-height: 280px;

  height: auto;

  width: auto

}

#images_drt .img_drt.img_mav img.paysage {

  height: 280px

}

#images_drt .img_drt.img_mav img.portrait {

  height: 350px

}

#images_drt .img_drt {

  border: 0 solid red;

  margin: 2px;

  float: left;

  box-shadow: 1px 0 3px #000

}

#images_drt .img_drt img {

  height: 45px;

  margin: 0

}

#page.gauche #images_drt.img_agence {

  border: 0 solid red !important;

  width: 220px !important

}

#page.gauche #images_drt.img_agence .img_drt.img_mav {

  width: 220px;

  height: 300px

}

#page.gauche #images_drt.img_agence .img_drt.img_mav img {

  min-width: 220px;

  min-height: 300px;

  height: auto;

  width: auto

}

#page.gauche #images_drt.img_agence .img_drt.img_mav img.paysage {

  height: 220px

}

#page.gauche #images_drt.img_agence .img_drt.img_mav img.portrait {

  height: 300px

}

#MooFlow {

  width: 95%

}

#diap_index {

  display: block;

  height: 480px;

  background-size: cover;

  background-position: center;

  position: relative

}

#gal_foot {

  padding: 10px;

  text-align: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: center

}

#gal_foot.gfbis.full.wide {flex-wrap: nowrap;}

#gal_foot.gfbis.full.wide.wwrap {flex-wrap: wrap;}

#gal_foot.gfbis.full.wide.wwrap .img_foot {

    width: calc(25% - 2px);

    height: 250px;

    /* max-width: 350px; */

}

#gal_foot.gfbis.full.wide .img_foot{width: 100%;height: 250px;}

#gal_foot.gfbis.full.wide a {width: 100%;height: 250px;}

#gal_foot.gfbis.full.wide a img{height: 250px;width: 100%;}

#gal_foot a {

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

  display: flex;

  float: none;

  height: 200px;

  background: #333;

  width: 200px;

}

.blocflex { border-color:rgba(0,0,0,0)!important;}

.grid-item a { }

.grid-item a:hover {

background-color:#346;}

#gal_foot .paysage a img {

  padding: 0;

  height: 200px;

  transition: all 0.3s ease 1ms;

  opacity: 1;

}

#gal_foot .portrait a img {

  padding: 0;

  width: 200px

}

#gal_foot .img_foot {

  display: inline-block;

  width: 200px;

  height: 200px;

  overflow: hidden;

  margin: 10px 1px;

  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, 0.7); */

  color: #fff;

  /* display: none; */

  height: auto;

  line-height: 110%;

  transition: all 0.4s ease 1ms;

  margin: auto;

  position: relative;

  padding: 2px 5px;

  opacity: 0;

  /*  position: relative;*/

  text-align: center;

  /* top: 150px; */

  width: 100%;

  z-index: 5;

}

#gal_foot a:hover img {opacity: 0.5;}



#gal_foot .img_foot a:hover span.caption {

  display: block;

  opacity: 1;

}

#gal_right {

  float: right;

  overflow: hidden;

  padding: 10px;

  width: 125px

}

#gal_right a {

  background: #fff none repeat scroll 0 0;

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

  display: block;

  float: left;

  margin: 2px 3px;

  padding: 3px;

  width: 120px

}

#gal_right a img {

  width: 120px;

  overflow: hidden

}

.index #leftbar .box.box_new {

  display: none

}

.box_prod {

  border: 1px solid #DDD;

  border-radius: 0;

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

  float: left;

  margin: 5px 2% 15px;

  padding: 10px;

  width: 90%

}

.box_prod .box_prod_left {

  float: left;

  width: 25%

}

.box_prod .box_prod_middle {

  float: left;

  width: 40%

}

.box_prod .box_prod_right {

  border-left: 1px solid #DDD;

  float: left;

  padding: 0 0 0 10px;

  width: 29%;

  margin: 0 0 0 1%

}

.box_prod .prod_desc {

  display: none

}

.box_prod .box_prod_right .lp_prix {

  color: #000;

  font-size: 22px

}

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

  color: #666;

  font-size: 18px;

  text-transform: uppercase;

  padding: 0 0 0 20px;

  font-style: normal

}

.box_prod .box_prod_middle .variantes.f_row select {

  font-size: 1.3em;

  height: 25px

}

.box_prod .box_prod_middle .variantes.f_row {

  margin: 10px 0

}

.box_prod .semi_pi.info {

  float: right;

  line-height: 26px

}

.box_prod .semi_pi.zoom {

  margin: -20px 0 0 -50px;

  position: relative;

  width: 50px

}

.box_prod .semi_pi.zoom a {

  color: #000;

  font-size: 12px;

  font-weight: 400

}

.box_prod .semi_pi.zoom a:hover {

  color: #145dc7

}

.box_prod .semi_pi.info a {

  color: #000

}

.box_prod .semi_pi.info a:hover {

  color: #145dc7

}

.box.box_new, .box.box_spe {

  margin: 0 0 0 17px;

  text-align: center;

  width: 235px

}

.box .box_prod .img_prod {

  background: none repeat scroll 0 0 #FFF;

  height: 180px;

  margin: auto;

  overflow: hidden;

  text-align: center;

  width: 160px

}

.box .box_prod .box_prod_left {

  float: left;

  width: 90%

}

.box .box_prod .box_prod_right {

  border: 0 none;

  float: right;

  font-size: 1.3em;

  margin: 10px;

  padding: 0;

  text-align: right;

  width: 90%

}

.box_prod .prod_nom {

  color: #145DC7;

  font-size: 1.3em;

  height: 30px;

  line-height: 15px;

  margin-top: 0

}

.box_prod .img_prod {

  width: 160px;

  height: 180px;

  overflow: hidden;

  text-align: center;

  background: #fff

}

.box_prod .img_prod table {

  border: 0

}

.box_prod .img_prod td {

  border: 0;

  padding: 0;

  width: 160px;

  height: 180px

}

.box_prod .prod_info {

  height: 30px;

  margin: 5px 0;

  padding: 5px 0

}

.box_prod .img_prod img.paysage {

  max-width: 100%;

  max-height: 180px;

  height: auto

}

.box_prod .etat_stock {

  color: #000;

  font-size: 11px;

  height: 15px;

  line-height: 15px;

  margin: 0;

  padding: 0 1px 0 0

}

.dispo.etat_stock span {

  padding: 0 0 0 70px;

  display: inline-block

}

.box_prod .etat_stock .ok, .dispo.etat_stock .ok {

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

  display: block;

  height: 15px;

  width: 62px

}

.dispo.etat_stock .limite {

  color: #f90;

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

  display: block;

  height: 15px;

  width: auto

}

.box_prod.bp_light {

  border: 0 !important;

  float: none;

  margin: 20px 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, 0.5);

  height: 380px;

  background: #fff

}

.box_prod.bp_light .lnkprod a {

  display: block;

  text-align: center;

  margin: 5px;

  color: #000;

  font-size: 1.2em

}

.box_prod.bp_light a.readmore {

  display: none

}

.box_prod.bp_light.mk_5 a.readmore {

  display: block;

  float: none;

  clear: left;

  margin: -15px auto 5px;

  background: #FEAC40;

  color: #fff;

  padding: 12px;

  font-size: 1.5em;

  transition: all .3s ease 0;

  border: 1px solid #fff

}

.box_prod.bp_light.mk_5 a.readmore:hover {

  color: #FEAC40;

  background: #fff;

  border: 1px solid #FEAC40

}

.box_prod.bp_light.mk_3 {

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

}

.box_prod.bp_light.mk_5 {

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

  width: 44%;

  height: auto

}

.box_prod.bp_light.mk_5 .img_prod {

  background: none;

  height: 170px;

  overflow: hidden;

  text-align: center;

  width: 55%;

  margin: 25px 0;

  display: flex;

  float: left;

  justify-content: center

}

.box_prod.bp_light.mk_5 .box_prod_right {

  display: none

}

.box_prod.bp_light.mk_5 .prod_nom {

  color: #666;

  font-size: 1.8em;

  margin: 25px 1%;

  width: 40%;

  float: left

}

.box_prod.mk_5 .prod_info {

  height: 30px;

  margin: 0 3%;

  padding: 5px 0;

  float: left;

  width: 38%

}

.box_prod.bp_light.mk_5 .prod_desc {

  display: flex;

  clear: both;

  justify-content: center;

  font-size: 1.3em;

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

  padding-top: 10px

}

.box_prod.bp_light .box_prod_left {

  float: left;

  margin: 0 2%;

  text-align: center;

  width: 96%

}

.box_prod.bp_light .img_prod {

  background: none;

  height: 250px;

  overflow: hidden;

  text-align: center;

  width: auto;

  margin: 5px 0;

  display: flex;

  position: relative;

  justify-content: center

}

.box_prod.bp_light .box_prod_right {

  float: none;

  margin: 0;

  padding: 0;

  text-align: center;

  width: 100%;

  clear: both

}

.box_prod.bp_light .img_prod a {

  display: flex

}

.box_prod.bp_light .img_prod img {

  position: relative;

  max-width: 100%;

  max-height: 100%;

  margin: auto

}

.box_prod.bp_light .box_prod_right .lp_prix {

  color: #fff;

  font-size: 2em;

  font-family: 'dosis'

}

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

  color: inherit;

  font-size: .6em;

  font-style: normal;

  padding: 0 0 0 5px;

  text-transform: uppercase

}

.box_prod.bp_light .semi_pi.zoom {

  margin: -20px 0 0 -50px;

  position: relative;

  width: 50px;

  display: none

}

.box_prod.bp_light .prod_nom {

  color: #000;

  font-size: 2em;

  height: 3em;

  line-height: 1em !important;

  margin: -10px 0;

  font-family: 'dosis';

  font-weight: 700;

  display: flex;

  justify-content: center;

  align-items: center

}

.box_prod.bp_light .semi_pi.zoom a {

  color: #999;

  font-size: 10px;

  font-weight: 400

}

.box_prod.bp_light .prod_marque {

  display: none

}

.cc_quantite {

  width: 48%;

  margin: 1%;

  float: left

}

.cc_valide {

  width: 48%;

  margin: 0 1%;

  float: left

}

.box_prod .etat_stock .limite {

  color: #f90;

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

  display: block;

  height: 15px;

  width: 62px

}

.box_prod .etat_stock .limite em {

  display: none

}

.box_prod .etat_stock .non em {

  display: none

}

.box_prod .etat_stock .non, .dispo.etat_stock .non {

  color: red;

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

  display: block;

  height: 15px;

  width: 62px

}

.box_prod .prod_info .semi_pi {

  float: right;

  margin: 0 1% 1% 0;

  width: 48%

}

.box_prod .prod_info .alt_bout_commande {

  text-align: right

}

.box_prod .prod_info .semi_pi.info a {

  background: none repeat scroll 0 0 #E75012;

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

  color: #FFF;

  font-size: 15px;

  font-style: italic !important;

  font-weight: 700;

  margin: 0 0 0 3px;

  padding: 0 8px

}

.box_prod .prod_info .semi_pi.zoom a {

  display: none;

  padding: 0 30px 0 10px;

  color: #e75012;

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

}

.box_prod .prod_info .semi_pi.add {

  border-top: 1px solid #ddf;

  width: 95%;

  margin: auto

}

.box_prod .prod_info .semi_pi.add input {

  background: none;

  margin: 0 0 -5px 10px

}

.box_prod .prod_info .semi_pi.add input.inp_qt {

  background: #fff;

  width: 30px

}

#main.enregistrement {

  padding: 0 15px;

  margin: -0;

  border: 0 solid #ddd;

  color: #666

}

#cont_compte {

  background: #f5ffff

}

#cont_compte .comm {

  clear: both;

  margin: 5px;

  padding: 2px;

  border-bottom: 2px solid #aaa;

  box-shadow: 1px 1px 6px #bbb

}

#cont_compte .comm .row {

  background: #eff;

  padding: 5px

}

#cont_compte .mc_commande {

  border: 1px solid #666;

  margin: 10px auto;

  width: 97%

}

#cont_compte .mc_commande td {

  border: 1px solid #666;

  padding: 3px;

  background: url(/images/deg_blanc.png) repeat-x top left

}

#cont_compte .mc_commande th {

  border: 1px solid rgba(255, 255, 255, 0.5);

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

  color: #fff;

  font-size: 120%;

  font-weight: 400;

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

  padding: 10px

}

#cont_compte .mc_commande .extra {

  display: block;

  color: #333

}

#main.enregistrement .label {

  float: left;

  width: 30%;

  display: block;

  color: #333

}

#main.enregistrement h4 {

  color: #333

}

#main.enregistrement h4.comm_prix {

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

  border: 0 solid #AAA;

  float: right;

  margin: -75px 2% 0;

  padding: 15px;

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

  color: #06d

}

#main.enregistrement .form {

  clear: both;

  margin: 8px 0;

  min-height: 20px

}

#main.enregistrement textarea {

  background: #ccc;

  height: 100px;

  width: 306px

}

#main.enregistrement input {

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

  border-radius: 3px;

  color: #335;

  font-size: 16px;

  height: 28px;

  padding: 0 0 0 5px;

  width: 300px;

  width: calc(69%);

  border: 1px solid #ddd

}

#main.enregistrement textarea {

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

  border-radius: 3px;

  color: #335;

  font-size: 16px;

  height: 150px;

  padding: 0 0 0 5px;

  width: 300px;

  width: calc(69%);

  border: 1px solid #999

}

.form.spe {

  border: 1px solid rgba(0, 0, 0, 0.2);

  margin: 15px 0 !important;

  padding: 12px;

  border-radius: 10px;

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

  position: relative

}

.form.spe.spe_ce {

  border-color: #06d;

  background: rgba(0, 100, 250, 0.05)

}

.form.spe.spe_ce label {

  color: #06d !important

}

.form.spe.spe_gs {

  border-color: #096;

  background: rgba(0, 150, 100, 0.05)

}

.form.spe.spe_gs label {

  color: #096 !important

}

#main.enregistrement input.input_check {

  width: auto

}

.ins_moreinfo {

  display: inline-block;

  margin: 0 5px 5px;

  vertical-align: top

}

.minfo {

  position: absolute;

  background: #fff;

  padding: 30px;

  width: 80%;

  margin: 2% 10%;

  border: 4px solid rgba(0, 0, 0, 0.2);

  border-radius: 10px;

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

  z-index: 5;

  display: none

}

input.b_img {

  width: auto !important;

  background: none !important;

  height: auto !important

}

.f_form input {

  width: auto !important;

  height: auto !important

}

#main.enregistrement fieldset {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

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

  border-color: #50CEFE;

  border-image: none;

  border-right: 0 none;

  border-style: solid none none;

  border-width: 3px 0 0;

  margin: 40px 0 0;

  padding: 30px;

  width: 95%;

  font-size: 1.3em

}

#main.enregistrement #inscription {

  clear: both;

  margin: 2px 0;

  border-top: 1px dotted #fad;

  border-bottom: 1px dotted #fad

}

#main.enregistrement fieldset legend {

  color: #333;

  font-size: 18px;

  font-weight: 700;

  padding: 0 5px;

  margin: 0 0 0 10px !important

}

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

  margin: 2px 1% !important;

  float: left;

  font-size: .9em;

  font-weight: 400;

  text-align: center !important

}

#box_log h4 {

  border-left: 1px solid #FFF;

  margin: 0 0 0 10px;

  padding: 0 0 0 10px

}

#box_log h4 em {

  display: inline

}

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

  color: #fff !important;

  font-size: 13px;

  text-transform: uppercase

}

#head_commande {

  width: 100%;

  height: 90px

}

#head_commande .etape_up {

  margin: 5px 2px;

  width: 180px;

  border: 0 solid red;

  float: left

}

#head_commande .etape {

  width: 180px;

  margin: 5px 2px;

  border: 0 solid #800;

  float: left

}

#head_commande .etape, #head_commande .etape_up {

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

  border-radius: 3px;

  color: #FFF;

  font-size: 30px;

  font-weight: 700;

  padding: 2px 5px

}

#head_commande .etape_up {

  background-color: #59f

}

#head_commande .etape span, #head_commande .etape_up span {

  font-size: 14px;

  display: block;

  font-weight: 400

}

#main.commande_1 #mid_top {

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

  height: 550px;

  padding: 5px;

  border-radius: 10px;

  width: 93%;

  overflow: auto;

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

}

#main.commande_1 #mid_top h2 {

  margin: 5px

}

#main.commande_1 #mid_top a {

  color: #906

}

#main.commande_1 .row {

  margin: 5px;

  border-bottom: 1px solid #06c;

  padding: 5px;

  background: #eef

}

#main.commande_1 .row.anniv {

  background: rgba(100, 250, 100, 0.2)

}

#main.commande_1 fieldset {

  padding: 1px;

  border: 0;

  margin: 10px 0;

  border-top: 1px solid #fff

}

#main.commande_1 fieldset legend {

  color: rgba(0, 80, 200, 0.8);

  margin: 0 5px;

  padding: 0 5px;

  font-size: 1.4em;

  text-transform: uppercase

}

h4.c_titre {

  text-align: center;

  font-size: 1.7em;

  text-transform: uppercase;

  color: rgba(0, 80, 200, 0.8)

}

#main.commande_1 .row span {

  color: #06C;

  display: block;

  float: left;

  font-weight: 400;

  margin: -5px 5px;

  text-align: right;

  width: 150px;

  padding: 5px

}

#main.commande_1 .row span.Variante {

  float: none;

  width: auto !important;

  font-size: 90%;

  text-align: center

}

#main.commande_1 .row span.price {

  float: none;

  font-size: 130%;

  background: none;

  display: inline

}

#main.commande_1 .row span.old_price {

  float: none;

  display: inline

}

#main.commande_1 .row .coupon_active {

  border: 1px solid;

  text-align: center;

  background: #396;

  color: #fff

}

#main.commande_1 #surimp a {

  position: absolute;

  top: 0;

  display: none;

  left: 0;

  z-index: 80;

  background: #000;

  width: 100%;

  height: 100%;

  filter: alpha(opacity=80);

  -moz-opacity: .8;

  opacity: .8

}

#main.commande_1 #surimp.deplie a {

  display: block

}

#main.commande_1 #s_cgv {

  position: absolute;

  background: #fff;

  top: 20px;

  z-index: 81;

  height: 650px;

  left: 50%;

  width: 700px;

  padding: 15px;

  display: none;

  overflow: auto;

  margin-left: -350px

}

#main.commande_1 #s_cgv.deplie {

  display: block

}

#main.commande_1 .pt_prod, #main.commande_1 .pt_prod_ht {

  clear: both;

  float: right;

  margin-right: 5%;

  font-size: 1.6em

}

#main.commande_1 .pt_prod_ht {

  font-size: 150%

}

#main.commande_1 .pt_prod_total {

  background: none repeat scroll 0 0 #145DC7;

  border: 1px solid #03A;

  border-radius: 5px;

  clear: both;

  color: #FFF;

  float: right;

  font-size: 190%;

  margin: 0 5% 0 0 !important;

  padding: 1% 5%;

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

}

#main.commande_1 h4.pt_prod {

  margin: 0 5%;

  color: #06C

}

#main.commande_1 fieldset {

  clear: both;

  border-top: 3px solid #999;

  margin: 30px 0;

  padding: 2%

}

#main.commande_1 #info_cheque {

  border: 1px solid #999;

  padding: 5px;

  width: 90%;

  color: #000;

  background: #fed;

  display: none;

  margin: 5px auto

}

#main.commande_1 #info_cheque.deplie, #main.commande_1 #info_virement.deplie, #main.commande_1 #info_client_spe.deplie {

  display: block

}

#main.commande_1 .row.line_coupon {

  border: 1px solid #ddd;

  padding: 5px;

  background: #eef

}

#main.commande_1 .row.line_coupon label {

  margin-right: 5px

}

#main.commande_1 .row.line_coupon input {

  border: 1px solid #ddd;

  background: #eff;

  padding: 3px !important;

  border-radius: 5px

}

#main.commande_1 textarea.message_pers {

  width: 95%;

  margin: auto;

  height: 150px;

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

  border-radius: 5px;

  border: 1px solid rgba(0, 80, 200, 0.6);

  padding: 5px;

  font-size: 1.2em;

  color: #666;

  font-family: "Georgia", "Times New Roman", Times, serif;

  display: block

}

#lnk_fb {

  clear: both;

  margin: 0;

  position: static

}

fieldset.l_commande em {

  float: right;

  margin: -20px 15px 0 0

}

fieldset.l_commande .row {

  border: 0 !important;

  background: #ddd

}

#foot li a {

  font-size: 12px;

  color: #e78

}

#foot li {

  border-left: 1px solid #e78;

  color: #e78

}

#list_doc {

  border: 0 solid #ddd

}

#list_doc fieldset {

  border-top: 2px solid #69d;

  padding: 10px 0 0 10px

}

#list_doc legend a {

  font-size: 1.3em;

  color: #69d;

  margin: 0 5px 0 10px

}

#list_doc fieldset legend span.deplie {

  float: left

}

#list_doc .doc {

  padding: 5px;

  border-bottom: 1px solid #ddd

}

#list_doc .doc .img_doc {

  float: left;

  margin: 0 10px

}

#list_doc .doc .date_doc {

  clear: both;

  color: #999

}

#mav {

  margin: 0;

  border-radius: 10px;

  height: 350px;

  overflow: hidden

}

#mav .img_mav {

  float: left;

  margin: 10px

}

#mav .img_mav img {

  display: block;

  visibility: visible

}

#mav .content {

  color: #FFF;

  float: left;

  font-size: 1em;

  height: 280px;

  margin: 30px 0 0 -480px;

  padding: 10px;

  position: relative;

  width: 430px

}

#mav .img_mav img {

  display: block;

  visibility: visible;

  max-width: 1000px;

  width: auto

}

#mav .content h1.titre_actualite {

  color: #FFF;

  font-size: 3.5em;

  font-weight: 700;

  text-align: center;

  text-transform: uppercase

}

#mav .content h1, #mav .content h2, #mav .content h3, #mav .content h4, #mav .content h5, #mav .content h6 {

  color: #fff

}

#mav_nav {

  margin: 0 70px 0 0;

  position: relative;

  top: -338px

}

#mav_nav ul li {

  list-style: none;

  float: left;

  margin: 0 3px

}

#mav_nav ul li a {

  background: none repeat scroll 0 0 #796854;

  border: 0 solid #786755;

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

  color: #FFF;

  float: left;

  font-size: 1.2em;

  font-weight: 700;

  padding: 2px 5px

}

#mav_nav ul li.up a {

  color: #fff;

  background: #f60

}

#mav_nav ul li a:hover {

  color: #fff;

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

  text-decoration: none;

  background: #a98

}

#mav_nav ul {

  border: 0 solid blue;

  float: right;

  margin: 0;

  position: relative;

  width: auto !important;

  z-index: 100

}

#actu_spe_plus {

  display: none

}

.titre_galeries {

  color: #796854;

  font-size: 1.4em

}

a.bout_exemple {

  background: #ec760e;

  padding: 5px 15px;

  border-radius: 10px;

  color: #fff;

  font-weight: 700

}

a.bout_exemple:hover {

  text-shadow: 1px 0 3px #fff

}

table.table_option {

  border: 0 solid red;

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

  width: 420px !important

}

table.table_option tr {

  height: 86px

}

table.table_option td {

  background: none !important

}

table.table_option td h1 {

  margin: 0 0 0 50px

}

table.table_option td h1 a {

  color: #ffe

}

table.table_option td img {

  margin: 0 -2px 0 0 !important

}

table.table_option td h1 a:hover {

  color: #fff;

  text-shadow: 1px 0 3px #fff

}

table.ecart {

  border: 1px solid #666;

  width: 99.5%

}

table.ecart td {

  padding: 5px;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3));

  border: 1px solid #ddd;

  text-align: center;

  border-color: #fff #ddd #ccc

}

table.ecart th {

  background: #178d00 linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));

  color: #fff;

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

  font-weight: 400;

  font-size: 130%;

  border: 1px solid #666;

  padding: 10px

}

.variantes.f_row select {

  border: 1px solid #CCC;

  font-size: 1.5em;

  height: 30px;

  line-height: 30px;

  width: 100%

}

#retour_ecart {

  margin: -30px 10px 0 0

}

a.b_ajouter_panier {

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

  color: #FFF;

  display: block;

  margin: 3px;

  padding: 5px 6px;

  text-align: center;

  width: 150px

}

#menu_spe_index {

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

  height: 195px;

  margin: 5px 0 10px;

  width: 100%

}

.box_msi {

  border-left: 1px solid #FFF;

  border-right: 1px solid #999;

  float: left;

  height: 195px;

  margin: 0;

  padding: 0 1%;

  width: 30%

}

.box_msi.b_ {

  border-right: 1px solid #999;

  float: left;

  height: 195px;

  margin: 0;

  padding: 0;

  width: 1px

}

.box_msi .outer_img img {

  max-width: 100%;

  max-height: 100%;

  display: block;

  margin: auto

}

.box_msi .text_wimg {

  border: 0 solid #00F;

  color: #000;

  display: block;

  font-size: 1.7em;

  margin: 57px 0 0;

  text-align: center;

  text-transform: uppercase

}

.box_msi .outer_img {

  border: 0 solid red;

  float: left;

  height: 120px;

  margin: 10% 4% 10% 10%;

  overflow: hidden;

  width: 43%

}

.box.box_new.box_index .box_prod {

  margin: 5px;

  width: 220px;

  border: 0;

  box-shadow: none

}

.box.box_new.box_index .prod_nom {

  font-size: 17px;

  height: 40px

}

.box.box_new.box_index {

  background: none repeat scroll 0 0 #FFF;

  border: 1px solid #DDD;

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

  margin: 12px 0 0;

  min-height: 335px;

  width: 93%

}

.box.box_new.box_index h3 {

  border-bottom: 1px solid #DDD;

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

  font-family: arial, sans-serif;

  font-size: 18px;

  font-weight: 400;

  padding: 0 0 6px 10px;

  text-align: left

}

#table_calculateur {

  font-size: 100%;

  width: 95%;

  margin: 2%

}

#table_calculateur td input {

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

  border: 1px solid #DDD;

  font-size: 1.1em;

  height: 20px;

  padding: 0 5px;

  text-align: right;

  width: 100px

}

#table_calculateur td input.input_hard {

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

  color: #fff

}

#table_calculateur td.mois {

  font-size: 80%;

  width: 157px;

  vertical-align: top

}

#table_calculateur td.mois input {

  border: 1px solid red;

  margin: 0 5px;

  text-align: center;

  width: 60px

}

#table_calculateur th.lesinputs {

  width: 157px

}

#table_calculateur .gain_total {

  font-size: 120%

}

#table_calculateur .gain_total td {

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

  color: #fff

}

em.info_ampoule {

  color: #666;

  display: block;

  font-size: 90%

}

#table_calculateur tr.st_normal td, #table_calculateur tr.st_led td {

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

  color: #FFF

}

#menu_smart {

  display: none

}

input.b_img {

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

  display: block;

  height: auto !important;

  margin: 10px auto;

  text-align: center;

  width: auto !important;

  border: 0 !important

}

#main.commande_1 #info_cheque {

  background: none repeat scroll 0 0 #def;

  border: 1px solid #999;

  color: #000;

  display: none;

  font-size: 140%;

  margin: 5px auto;

  padding: 5%;

  width: 87%

}

#main.commande_1 #info_virement, #main.commande_1 #info_client_spe {

  background: none repeat scroll 0 0 #def;

  border: 1px solid #999;

  color: #000;

  display: none;

  font-size: 120%;

  margin: 5px auto;

  padding: 5%;

  width: 87%

}

#main.commande_1 .pt_prod_total {

  background: none repeat scroll 0 0 #145DC7;

  border: 1px solid #03A;

  border-radius: 5px;

  clear: both;

  color: #FFF;

  font-size: 190%;

  margin: 0 5% 0 0 !important;

  padding: 1% 5%;

  text-align: center;

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

}

ul.choix_paiement li {

  margin: 5px;

  font-size: 120%

}

input.cq_maj {

  display: inline;

  font-size: 120%;

  text-align: center;

  width: 40px;

  font-weight: 700;

  background: #eee;

  border: 1px solid #ddd;

  padding: 5px

}

input.cq_maj.modif {

  border: 2px solid #00F;

  color: #00F;

  display: inline;

  font-size: 120%;

  font-weight: 700;

  text-align: center;

  width: 27px

}

table.tableau_index td {

  padding: 5px 10px

}

.old {

  color: #999;

  float: left;

  font-size: 80%;

  text-decoration: line-through;

  width: 60px

}

input#bout_cb {

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

  border: 1px solid #FFF;

  border-radius: 5px;

  box-shadow: 1px 1px 5px #666;

  cursor: pointer;

  font-family: "trebuchet ms", arial;

  font-size: 16px;

  margin: 5px;

  padding: 10px;

  width: 128px

}

.vignette_variante {

  float: none;

  margin: 5%;

  width: auto

}

.vignette_variante .img_var_val {

  cursor: pointer;

  height: 170px;

  overflow: hidden;

  text-align: center;

  width: 100%

}

.vignette_variante .img_var_val img {

  max-height: 170px;

  max-width: 100%

}

.vignette_variante .nom_var_val {

  height: 35px;

  text-align: center

}

.vignette_variante .variantes.f_row select {

  border: 1px solid #ccc;

  font-size: 1em;

  height: 1.5em;

  line-height: 1.5em;

  margin: 1% auto;

  width: 96%

}

.vignette_variante label {

  color: #666;

  font-size: 11px;

  margin: auto

}

.on_process {

  border: 2px dotted #00B51A

}

.barre_action {

  border-radius: 3px 0 0 3px;

  display: flex;

  justify-content: space-between

}

.barre_action table {

  width: 100%;

  border-collapse: collapse

}

.barre_action table th {

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

  color: #fff;

  font-size: 12px;

  height: 13px !important;

  padding: 0;

  text-align: center

}

.barre_action table td {

  padding: 0;

  text-align: center

}

.barre_action table td input {

  width: 100%

}

.barre_action table th.ba_stock {

  width: 27%

}

.barre_action table th.ba_qte {

  width: 27%

}

.barre_action table th.ba_prix {

  width: 27%

}

.barre_action table th.ba_add {

  width: 19%

}

.barre_action table td.ba_stock {

  width: 27%

}

.barre_action table td.ba_qte {

  width: 27%

}

.barre_action table td.ba_qte input {

  background: none repeat scroll 0 0 #eee;

  border-left: 1px solid #999;

  height: 25px;

  text-align: center;

  width: 100%

}

.barre_action table td.ba_prix {

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

  width: 27%

}

.barre_action table td.ba_prix .old {

  position: absolute

}

.barre_action table th.ba_add {

  background: none repeat scroll 0 0 transparent;

  width: 19%

}

.barre_action table th.ba_add img {

  display: block

}

.in_stock {

  display: block;

  padding: 5px;

  height: auto;

  width: calc(100% - 10px)

}

.ok.in_stock {

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

  display: block;

  width: calc(100% - 10px);

  text-align: center;

  padding: 5px;

  height: auto

}

.limite.in_stock {

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

  display: block;

  padding: 5px;

  height: auto;

  width: calc(100% - 10px)

}

.row.ba_qte input.ba_quantity {

  background: #fff;

  border: 1px solid rgba(0, 0, 0, 0.5);

  padding: 5px

}

.non.in_stock {

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

  display: block;

  padding: 5px;

  height: auto;

  text-align: center;

  width: 100%

}

.alertstock {

  background: none repeat scroll 0 0 #fff;

  border: 1px solid #900;

  border-radius: 6px;

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

  padding: 10px;

  position: absolute;

  text-align: center;

  width: 250px

}

.alertstock a {

  display: block;

  float: right;

  margin: -8px

}

.in_stock a {

  display: block

}

.in_stock a .info_stock {

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

  border: 1px solid #000;

  border-radius: 5px;

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

  color: #fff;

  cursor: default;

  display: none;

  margin: -5px;

  padding: 20px 40px;

  position: absolute;

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

  max-width: 250px

}

.in_stock a:hover .info_stock {

  display: block

}

#fp_produit_associe {

  clear: both;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-around

}

#fp_produit_recommande {

  clear: both;

  display: flex

}

#nav_prod_onglet {

  display: none

}

#bloc_info_produits {

  padding: 2% 5%;

  font-size: 130%;

  clear: both

}

.fb_iframe_widget {

  display: inline-block;

  position: relative;

  margin: 5%

}

h2.alerte {

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

  border-bottom: 1px dashed red;

  bottom: 0;

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

  color: #fff;

  font-size: 13px;

  margin: 0;

  padding: 30px;

  position: fixed;

  text-align: center;

  width: calc(100% - 60px);

  z-index: 1000

}

a.close_alerte {

  color: #fff;

  display: block;

  float: right;

  font-weight: 700;

  margin: 0 30px

}

body#fiche_produit #page #vignettes_img {

  background: none;

  border-radius: 0;

  padding: 10px;

  display: flex;

  width: 100%;

  justify-content: space-between

}

body#fiche_produit #page #vignettes_img #fiche_colgauche {

  float: none;

  margin: .5% 2% 0 1%;

  padding: 5px;

  width: 49% !important;

  position: relative

}

body#fiche_produit #page #vignettes_img #fiche_coldroite {

  float: none;

  margin: .5% 2% 0 1%;

  padding: 5px;

  width: 49% !important;

  position: relative

}

#fiche_colgauche .titre_fiche {

  margin: 0 0 20px

}

body#fiche_produit #page #vignettes_img #desc_all {

  float: none;

  width: auto;

  background: #eee;

  padding: 15px;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 3px;

  margin-top: 30px

}

.fp_colgauche {

  width: 48%;

  display: inline-block;

  vertical-align: top;

  padding-bottom: 50px;

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

  margin-top: 30px

}

.fp_coldroit {

  width: 48%;

  display: inline-block;

  vertical-align: top;

  text-align: center;

  margin-left: 3%

}

#fp_ligne {

  display: flex;

  justify-content: space-between;

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

  padding: 10px 0

}

#fp_ligne .row.ba_prix.tdp {

  width: 50%;

  text-align: center;

  margin: auto;

  font-size: 2em;

  font-weight: 700

}

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

}

.lnk_retour a:hover {

  color: #fff

}

body#fiche_produit #page h3.prix_fiche {

  background: rgba(0, 80, 200, 0.8);

  border: 0 solid #00f;

  border-radius: 3px;

  color: #fff;

  font-size: 2.5em;

  font-weight: 400;

  margin: 0 auto 20px;

  padding: 10px 0;

  text-align: center;

  width: 90%;

  display: none

}

.recap_prix {

  width: 80%;

  margin: 5%;

  color: rgba(0, 0, 0, 0.5);

  border: 1px solid rgba(0, 0, 0, 0.1);

  padding: 2% 5%;

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

  background: rgba(0, 0, 0, 0.1) linear-gradient(5deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.3))

}

.titre_fiche {

  border-bottom: 0 solid #ddd;

  font-size: 1.8em;

  font-weight: 400;

  padding: 10px 0;

  text-align: left;

  width: calc(100% - 20px)

}

.titre_fiche > span {

  display: none !important

}

body#fiche_produit #page #vignettes_img .img_vignette {

  background: none repeat scroll 0 0 #fff;

  overflow: hidden;

  padding: 0;

  text-align: center

}

body#fiche_produit .img_vignette {

  border: 1px solid #fff;

  height: auto !important;

  width: 98%

}

body#fiche_produit #page #vignettes_img .img_vignette img {

  max-height: 300px;

  max-width: 100%

}

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

  float: right;

  margin: -5px -5px 0 0;

  position: relative;

  z-index: 10;

  display: none

}

body#fiche_produit .box_marque img {

  max-width: 100%;

  max-height: 150px

}

body#fiche_produit .box_marque td {

  text-align: center

}

body#fiche_produit .box_marque {

  margin: 10px auto;

  width: 80%

}

body#fiche_produit .description_produit {

  margin: 10px 0

}

#post_nav {

  clear: both;

  margin: 30px 0 0;

  text-align: center

}

.box_pn {

  display: inline-block

}

.box_pn a.lnk_cart_pn {

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

  border: 1px solid #06d;

  border-radius: 5px;

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

  color: #fff;

  font-size: 1.2em;

  padding: 15px;

  transition: all .3s ease 0

}

.box_pn a.lnk_cart_pn:hover {

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

  color: #06d

}

span.info {

  display: inline-block;

  margin: 5px;

  font-size: 1.3em;

  color: rgba(0, 80, 200, 0.6)

}

.row.ba_stock {

  margin: auto

}

.row.ba_qte {

  margin: 5px;

  display: flex;

  justify-content: space-around

}

.liste_expe {

  background: none repeat scroll 0 0 #ddd;

  border: 1px solid #999;

  border-radius: 10px;

  padding: 3%;

  margin: 1%

}

.liste_expe.up {

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

  border: 1px solid #ddd

}

#orga {

  margin: 0 0 0 5px;

  width: 100%

}

#cont table {

  background: #fff

}

.homme {

  background: url(../images/fond_homme_gen.jpg) #fff no-repeat 0 bottom;

  margin: 3px;

  width: 280px;

  float: left;

  border-bottom: 1px solid #343;

  border-left: 1px solid #343

}

.homme2 {

  padding: 2px;

  clear: both;

  background: url(../images/fond_homme_resp.jpg) no-repeat 0 0;

  margin: 0 auto 3px;

  width: 465px;

  height: 90px

}

.homme_d {

  background: #fff none repeat scroll 0 0;

  border: 3px solid #c79e62;

  border-radius: 200px;

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

  clear: both;

  height: 200px;

  margin: auto;

  overflow: hidden;

  padding: 0;

  position: relative;

  width: 200px

}

.section_homme {

  display: flex;

  flex-wrap: wrap

}

.h_titre {

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

  color: #c79e62;

  font-family: viga;

  font-size: 140%;

  font-weight: 400;

  margin-top: 10px;

  padding: 15px;

  text-align: center;

  text-transform: uppercase

}

.homme2 .homme_img {

  height: 70px;

  float: right;

  border: 1px solid #fff;

  padding: 2px;

  margin: 1px 30px 0 0;

  position: relative

}

.homme_d .homme_img {

  float: none;

  height: 200px;

  margin: 0;

  padding: 0;

  width: 200px;

  position: relative

}

.homme_d .homme_mail a {

  color: #000

}

.homme .homme_img {

  float: right;

  border: 1px solid #343;

  padding: 2px;

  margin: 1px 8px

}

.homme_img .portrait img {

  border: 0;

  height: auto;

  width: 200px;

  position: relative

}

.homme_infos {

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

  bottom: 0;

  font-size: 1.2em;

  height: calc(100% - 60px);

  left: 0;

  opacity: 0;

  padding: 30px;

  position: absolute;

  text-align: center;

  transition: all .3s ease 0;

  width: calc(100% - 60px)

}

.homme_d.up .homme_infos {

  opacity: 1

}

.homme_img .paysage img {

  border: 0;

  height: 200px;

  width: auto;

  position: relative

}

.homme_nom {

  font-weight: 700;

  margin: 7px 5px 0 15px;

  font-size: 130%;

  border: 0 solid #ffc0cb

}

.homme_nom span {

  color: #900 !important;

  text-transform: uppercase

}

.homme_fonction, .homme_mail, .homme form {

  margin: 5px 15px

}

.homme .homme_fonction, .homme .homme_mail, .homme .homme form {

  margin: 0 5px

}

.pole {

  border-top: 1px solid #600;

  font-style: normal;

  padding: 5px 10px;

  clear: both;

  text-indent: 20px;

  background: url() no-repeat 0 0;

  color: #f66;

  height: 25px;

  line-height: 20px

}

#organigramme_pdf {

  border-top: 1px solid #bbd206;

  position: absolute;

  top: 530px;

  left: 50%;

  padding: 5px;

  margin-left: -383px;

  width: 155px;

  font-size: 80%

}

#organigramme_pdf img {

  float: left;

  border: 0;

  margin: 0 3px

}

.morry {

  color: #000;

  float: left;

  position: relative;

  left: 7px;

  top: -3px

}

.morry a {

  float: left;

  color: red !important;

  font-weight: 700;

  font-size: 1em

}

.morry a:hover {

  color: #FFF !important

}

* {

  border: 0;

  /*font-style: normal;*/

  margin: 0;

  padding: 0;

  text-decoration: none

}

body {

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

  font-size: 1em;

  margin-top: 0

}

img {

  border: 0;

  vertical-align: bottom

}

.clear {

  clear: both;

  border: 0;

  line-height: 0;

  margin: 0;

  padding: 0

}

.visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px

}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

  clip: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  position: static;

  width: auto

}

#upper_footer .uf_left {

  display: inline-block;

  vertical-align: top;

  width: 60%;

  border-right: 2px solid #4d4d4d

}

#upper_footer .uf_right {

  width: 35%;

  display: inline-block;

  vertical-align: top

}

#upper_footer .uf_right span {

  color: #4d4d4d;

  display: block;

  font-size: 130%;

  text-align: right;

  margin: 4px 5px 4px 145px

}

.ind_adresse span {

  color: #4d4d4d;

  display: block;

  font-size: 130%;

  text-align: center;

  margin: 4px 5px 4px 20px

}

.ind_adresse h4 {

  font-size: 1.8em;

  margin: 15px 0

}

.decont{

  background: url(/template/atc_1/images/frise.jpg) repeat-x bottom center!important;

  padding-bottom: 90px;

}

#upper_footer .uf_right span.adr_tel, .ind_adresse span.adr_tel {

  font-size: 170% !important;

  font-weight: 700;

  height: 40px

}

#upper_footer .uf_right span a.bt_devis {

  background: #4d4d4d;

  color: #fff;

  padding: 4px 37px;

  font-weight: 700;

  border: 2px solid #4d4d4d;

  border-radius: 3px

}

.ind_adresse span a.bt_devis {

  display: none

}

#upper_footer .uf_right span a.bt_devis:hover {

  color: #4D4D4D;

  background: #FFF;

  border-color: #4d4d4d

}

section#id_contact {

  padding: 40px 0;

  background: rgba(240, 240, 240, 0.9)

}

section#id_contact #contact {

  padding: 0;

  width: calc(100%);

  text-align: center

}

section#localisation {

  position: relative

}

.ind_loca_right {

  float: right;

  height: 450px;

  margin: 15px;

  width: 26%;

  text-align: center

}

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

    color: rgb(26, 80, 139);

    font-size: 2em;

    margin: 20px auto auto 50%;

    padding: 0px 0px 0px 75px;

    font-family:'Georama';

	font-weight:400;

    text-align: center;

    /*background: url(/template/atc_1/images/picto_blanc.png) 20px center no-repeat;*/

    display: inline-block;

    transform: translateX(-50%);

}

#id_contact h2.ind_cont_titre{

	font-family:'Caveat';

	font-size:4em;

}



#bloc_part .ind_cont_titre {

	color:#fff!important;

}





#title_actu .ind_cont_titre {

  color: #1a508b !important;

  font-size: 2.5em !important;

  padding: 0 0 0 75px !important;

  font-family: 'teko' !important;

  text-align: center !important;

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

  display: inline-block !important;

}

#id_contact .bloc {

  margin: 10px

}

#actu_souscam {

  margin: 0

}

.ind_loca_img img.rond {

  max-height: 100%;

  max-width: 100%

}

.ind_loca_img {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  background: #fff none repeat scroll 0 0;

  border-bottom: 5px solid #abd35f;

  border-image: none;

  border-left: 5px solid #abd35f;

  border-radius: 100%;

  border-right: 5px solid #abd35f;

  height: 200px;

  line-height: 164px;

  margin: 10px auto;

  padding: 15px;

  text-align: center;

  width: 200px

}

#banner_menuleft {

  border: 0 solid;

  left: 250px;

  margin: 0;

  position: absolute;

  width: calc(100% - 450px);

  top: -80px;

  display: none

}

#banner_menuleft ul {

  display: flex;

  justify-content: center

}

#banner_menuleft li {

  display: inline-block;

  font-size: 1.3em;

  margin: auto;

  padding: 5px 20px;

  vertical-align: top;

  font-family: 'dosis';

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

  position: relative;

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

}

#banner_menuleft li > table {

  margin: 0

}

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

  background: rgba(26, 112, 187, 0.95) !important

}

#banner_menuleft li td a {

  color: #000;

  font-weight: 700

}

#banner_menuleft li ul.try {

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

  left: -999em;

  margin: 0;

  padding: 0;

  position: absolute;

  width: 180px;

  z-index: 1150

}

#menu li ul.try, .nocol #banner_menuleft li ul.try /* Sous-listes */ {

  position: absolute;

  width: 135px;

  left: -999em;

  margin: -1px 0 0;

  z-index: 150;

  border: 1px solid blue

}

.nocol #banner_menuleft li ul.try {

  position: absolute;

  width: calc(100% + 175px);

  left: -999em;

  margin: 5px 0 0;

  z-index: 150;

  border: 0;

  display: block

}

.nocol #banner_menuleft ul.try li {

  border-top: 0 solid #fff;

  border: none;

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

  margin: 0;

  width: calc(100% - 10px);

  padding: 6px 5px;

  text-align: center;

  transition: all .3s ease 0;

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

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

}

#banner_menuleft ul.try li:hover {

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

}

#banner_menuleft ul.try li a {

  min-height: 20px;

  font-weight: 700;

  color: #222 !important;

  padding: 5px 0;

  font-size: .8em;

  display: block

}

#banner_menuleft li:hover ul.try li a {

  min-height: 20px;

  font-weight: 700;

  padding: 5px 0;

  font-size: .8em;

  display: block;

  text-align: left;

  padding-left: 20px;

  color: #fff !important

}

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

  text-shadow: 0 0 0 0 !important

}

html > body .nocol #banner_menuleft ul#one li {

  border-top: 0 solid transparent

}

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

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

}

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

  left: -7%;

  min-height: 0

}

#galerie_diap .cont {

  display: flex

}

.titre_box_left {

  text-align: center

}

#galerie_diap .cont .gal_gal {

  height: 300px;

  background-size: cover;

  background-position: center;

  flex: 1

}

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

  margin: -5px auto 0;

  position: absolute;

  width: auto;

  z-index: 1150;

  background: rgba(0, 90, 163, 0.95);

  padding: 10px 0;

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

  justify-content: center;

  top: 65px

}

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

  display: none !important

}

#pages_gamme.pid_25 h1.titre_page {

  position: relative;

  visibility: visible;

  text-align: right;

  margin: -50px 5%;

  color: #FEAC40;

  font-size: 6em;

  font-weight: 700

}

.deploie {

  display: inline-block;

  margin-left: 0;

  position: absolute;

  right: 0;

  transition: all .3s ease 0s;

  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 0

}

.deploie .b2 {

  background: #000 none repeat scroll 0 0;

  height: 0;

  transform: rotate(-45deg);

  position: absolute;

  top: -5px;

  width: 0;

  transition: all .8s ease 0

}

.short #breadcrumb {

  display: none

}

.short #page #banner {

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

  height: 50px;

  margin: 0 auto;

  padding: 0;

  position: fixed;

  top: 0;

  transition: all .3s ease 0;

  width: 100%;

  z-index: 100

}

.short #retour_accueil a {

  height: 40px;

  position: absolute;

  text-indent: -999em;

  top: 0;

  width: 150px;

  z-index: 15

}

.short #banner_menuleft {

  border: 0 solid;

  margin: 0;

  position: absolute;

  top: 45px;

  transform: scale(0.9)

}

.short #retour_accueil a img {

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

}

.short #conteneur {

  margin-top: 370px;

}

.short #b_main_menu {

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

  border-radius: 3px;

  height: 40px;

  padding: 0 0 0 150px;

  position: relative;

  top: 0;

  width: calc(100% - 150px);

  z-index: 10

}

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

  top: 35px

}

.short #b_main_menu table.menu_left td a {

  border: 0 solid;

  border-radius: 5px;

  display: inline-block;

  font-weight: 400;

  height: auto;

  line-height: 120%;

  list-style: outside none none;

  margin: 0;

  padding: 5px 15px

}

.short #inner_banner_ter {

  height: auto

}

.short #alt_acces a .nl_txt {

  display: none

}

.short nav#alt_acces .ul_right {

  width: 80px;

  position: absolute;

  top: -50px;

  right: 0

}

.short nav#alt_acces .ul_left {

  width: 85px;

  position: absolute;

  top: -50px;

  right: 70px

}

.short nav#alt_acces li {

  margin: 0 0 0 5px

}

.short .adresse {

  background: #fff none repeat scroll 0 0;

  border-bottom: 1px solid #999;

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

  color: #000 !important;

  font-size: 90%;

  left: auto;

  margin: 0;

  position: absolute;

  right: 0;

  text-align: right;

  top: -5px;

  width: 140px;

  display: none

}

#footer .adresse.footer_adresse {

  background: no-repeat;

  border-bottom: 0 solid #999;

  box-shadow: 0 0 0;

  color: #fff !important;

  display: block;

  font-size: 1.2em;

  left: auto;

  margin: 0;

  position: relative;

  right: 0;

  text-align: center;

  top: auto;

  width: 100%

}

#load_load {

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

  height: 100%;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 10001

}

#load_f {

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

  height: 100%;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 10000

}

.half, .ters {

  border: 0 !important

}

.vbas .short #page #banner {

  top: -350px;

  transition: all .2s ease 0

}

.row.row_doc {

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

  padding: 18px

}

.row.row_doc span {

  color: #1358c4;

  cursor: pointer;

  display: inline-block;

  font-size: 2em;

  padding: 5px 5px 5px 50px

}

.row.row_doc.row_1 {

  margin-left: 4%

}

.row.row_doc.row_2 {

  margin-left: 8%

}

.row.row_doc.row_0 span {

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

}

.row.row_doc.row_1 span {

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

}

.row.row_doc.row_2 span {

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

}

.nb_doc {

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

  float: right;

  font-size: 16px;

  margin: -50px 10px 0 0

}

.hide_dir {

  display: none

}

.billet {

  width: 1000px;

  margin: -3% auto;

  background: url(/images/billet_adulte_normal.jpg) no-repeat center / 100% auto;

  height: 446px;

  position: relative;

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

  transform: scale(0.7)

}

.billet.idp_29 {

  background: url(/images/billet_enfant_normal.jpg) no-repeat center / 100% auto

}

.billet.idp_28 {

  background: url(/images/billet_adulte_normal.jpg) no-repeat center / 100% auto

}

.billet .billet_desc {

  position: absolute;

  right: 2.8%;

  color: #5D8C00;

  font-size: 3em;

  text-transform: uppercase;

  width: 21%;

  border: 0 solid;

  text-align: center;

  bottom: 33%;

  font-weight: 700;

  line-height: 100%

}

.billet .billet_client {

  position: absolute;

  left: 37%;

  bottom: 32%;

  font-size: 150%

}

.billet .billet_info {

  position: absolute;

  right: 26%;

  bottom: 7%;

  border: 0 solid;

  width: 47%;

  text-align: center;

  font-size: 1.2em

}

.billet .billet_date {

  position: absolute;

  right: 2.5%;

  bottom: 7%;

  border: 0 solid;

  width: 21%;

  text-align: center;

  font-size: 1.2em

}

.billet .billet_prix {

  position: absolute;

  right: 2.8%;

  color: #5D8C00;

  font-size: 3em;

  text-transform: uppercase;

  width: 21%;

  border: 0 solid;

  text-align: center;

  bottom: 18%;

  font-weight: 700;

  line-height: 100%

}

.billet input.input_nom_client {

  font-size: 130%;

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

  width: 350px

}

.billet .billet_prix em {

  font-size: 60%

}

.line_perso {

  margin: 2px;

  display: flex;

  justify-content: space-between

}

.line_perso input {

  width: 85%;

  padding: 10px;

  background: #fff;

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

}

p.info_perso {

  text-align: center;

  margin: 10px;

  color: rgba(0, 0, 0, 0.6);

  font-size: 120%

}

.box_prod.bp_light span.prix_zero {

  visibility: hidden

}

#bloc_anniv {

  padding: 5%;

  border: 1px solid #eee;

  border-radius: 6px;

  margin: 20px 0

}

#bloc_anniv .row.select_line {

  font-size: 1.6em;

  color: #66d;

  display: flex;

  justify-content: space-between;

  margin: 5px;

  border-bottom: 1px solid #ddd

}

#bloc_anniv .row.select_line label {

  margin: auto;

  text-align: left;

  width: 70%

}

#bloc_anniv .row.select_line select {

  min-width: 60px;

  text-align: center;

  padding: 9px;

  border: 1px solid #ccc;

  border-radius: 3px;

  font-size: 1.2em

}

#cont_prod {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap

}

.lnk_code img {

  width: 100px;

  display: block

}

.ebillet {

  display: none;

  width: 40%;

  border: 1px solid #fff;

  padding: 2%;

  background: #fff

}

.lnk_billet {

  display: inline-block;

  vertical-align: top;

  width: 40%;

  padding: 0 2%;

  background: #fff;

  float: left;

  margin: 0 2%;

  text-align: center;

  clear: left

}

.lnk_billet.lnk_cadeau {

  clear: none

}

#cont_prod, .cont_prod {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  box-shadow: none;

  margin: 10px auto;

  border-bottom: 0

}

#cont_prod .h2, .cont_prod .h2 {

  width: 100%;

  text-align: center;

  font-size: 3em;

  color: #1A71BC;

  font-family: 'dosis', 'fugaz one';

  margin: 10px auto

}

.post_valid {

  font-size: 125%;

  padding: 1% 5%

}

.post_valid a {

  display: inline-block;

  padding: 7px 23px;

  background: #09d;

  color: #fff;

  border-radius: 3px;

  border: 1px solid #fff;

  transition: all .3s ease 0

}

.post_valid a:hover {

  background: #fff;

  color: #09d;

  border: 1px solid #09d

}

.accept_cgv {

  padding: 20px !important;

  font-size: 1.4em

}

.erreur, .error {

  padding: 20px;

  color: #d00;

  text-align: center;

  border: 6px rgba(250, 0, 0, 0.5) solid;

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

  font-size: 22px

}

a.close_info {

  display: block;

  position: relative;

  background: #06d;

  color: #fff;

  padding: 10px;

  margin: auto;

  width: 150px;

  text-align: center;

  border-radius: 5px;

  border: 1px solid #fff;

  transition: all .3s ease 0

}

a.close_info:hover {

  color: #06D;

  border-color: #06D;

  background: #fff

}

.old_price {

  text-decoration: line-through;

  color: #aaa;

  font-size: .8em;

  font-weight: 400;

  display: block

}

.box_prod .old_price {

  margin: -10px auto

}

input#bouton_submit {

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

  color: #fff;

  padding: 30px;

  font-size: 1.4em;

  border: 1px solid #fff;

  border-radius: 5px;

  margin: 5px;

  box-shadow: 0 0 0 0;

  cursor: pointer;

  transition: all .3s ease 0

}

input#bouton_submit:hover {

  background: #fff;

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

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

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

}

.row.paiementcb {

  background: url(/images/logo_ca.png) no-repeat right center / auto 90% !important;

  font-size: 1.3em

}

#mon_compte .info {

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

  padding: 5px 10px;

  color: rgba(250, 0, 0, 0.8);

  background: rgba(250, 0, 0, 0.1);

  margin: 10px;

  font-size: 1.3em;

  display: inline-block

}

#mon_compte .info strong {

  display: block

}

.hided {

  display: none

}

#main.enregistrement .legend_seule {

  margin: 5px !important;

  display: inline-block !important;

  padding: 5px 10px;

  border: 1px solid #145DC7;

  width: 150px;

  text-align: center

}

.picto_cadeau {

  position: absolute;

  border: 0 solid;

  width: 90px;

  height: 51px;

  background: url(/images/picto_cadeau.png) no-repeat center / auto 95%;

  top: 63px;

  right: 2%

}

.infoCE {

  position: absolute;

  width: 280px;

  right: 0;

  line-height: 18px;

  padding: 5px 5px 5px 90px;

  background: url(/images/groupe.png) no-repeat left center / 75px auto;

  top: 160px;

  display: none

}

.infoCE a {

  display: inline-block;

  padding: 2px 5px;

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

  color: #fff;

  border: 1px solid #fff;

  border-radius: 3px;

  transition: all .3s ease 0;

  margin: -2px auto

}

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

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

  border: 1px solid #06d;

  border-radius: 5px;

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

  color: #fff;

  font-size: 1em;

  padding: 15px 30px;

  transition: all .3s ease 0;

  display: inline-block;

  cursor: pointer

}

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

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

  color: #06d

}

.paiement_securise img {

  width: 80%;

  padding: 10px 0 0 24px

}

#cont_pages {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

  width: 100%

}

.bloc_page {

  width: 25%;

  padding: 0;

  background: #fff;

  position: relative;

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

  border-radius: 20px 20px 0 0;

  overflow: hidden;

  margin-bottom: 80px;

}

.bloc_page .bp_nom {

	color: #fff;

	position: static;

	font-size: 1.5em;

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

	z-index: 2;

	width: calc(100% - 20px);

	padding: 0 10px;

	margin: auto;

	height: auto;

	min-height: 65px;

	text-align:center;

}

.bloc_page .bp_nom a {

  color: #fff

}

.bloc_page .bp_image {

  width: 100%;

  height: 250px;

  overflow: hidden;

  position: relative;

  display: flex

}

.bloc_page .bp_image a {

  margin: auto

}

.bloc_page .bp_image a img {

  width: 100%;

  height: 250px;

  display: block

}

.bloc_page .foot_image {

    position: relative;

    margin: auto;

    display: flex;

     background-size: 60px!important; 

    background-repeat: no-repeat!important;

    background-position: center 90%!important;

    min-height: 100px;

/*    background: linear-gradient(45deg , rgba(255, 255, 255, 0.2), transparent)!important;*/

}

.bloc_page .foot_image .lnk_plan {

  position: absolute;

  background: #f93;

  width: 25px;

  height: 25px;

  text-align: center;

  padding: 15px;

  border-radius: 100%;

  font-size: 1.5em;

  right: 5%;

  top: -25px

}

.bloc_page .foot_image .lnk_plan a {

  color: #fff

}

.bloc_page .bp_resume {

  margin: auto;

  border-bottom:1px solid blue;

}

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

  font-size: 24px !important;

  color: #F23232

}

.bloc_page .bp_resume ul {

    margin: 5px auto;

    padding-left: 30px;

}

.cap_text { 

font-size: 1.2em!important;

}

.inc_bloc_page .bloc_page .bp_resume { min-height:120px;}



.bloc_page .bp_resume li{ 

    margin: auto;}

.bloc_page .bp_resume a{ color:#fff;}

.bloc_page .bp_options {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-around

}

.bloc_page .bp_option {

  border: 0 solid;

  width: 120px;

  height: 120px;

  border-radius: 100%;

  background: #eee;

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

  margin: 15px auto

}

.bloc_page .bp_option.bp_1 {

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

}

.bloc_page .bp_option.bp_2 {

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

}

.bloc_page .bp_option.bp_3 {

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

}

.bloc_page .bp_option.bp_4 {

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

}

.bloc_page .bp_option.bp_5 {

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

}

.bloc_page .bp_option.bp_6 {

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

}

.bloc_page .bp_taille {

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

  width: 120px;

  height: 30px;

  border-radius: 100px;

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

  font-weight: 700;

  padding-top: 90px;

  text-align: center;

  margin: 15px auto;

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

}

.bloc_page .bas_block {

  height: 40px;

  margin: 0 -20px;

  z-index: 5;

  width: 100%;

  display: none

}

.index .outer_cam {

  margin: -40px;

  padding: 60px 40px 20px;

  background: url(/images/fond_actus.png) no-repeat center / 97% 96%

}

.index .outer_cam.cam_spectacle {

  background: url(/images/fond_actus_spe.png) no-repeat center / 99% 99%

}

.index .outer_cam.cam_parc {

  padding: 60px 40px 80px

}

.bigblock {

  width: 80%;

  margin: auto

}

.bigblock.bb_new {

  bottom: -250px;

  position: relative;

  z-index: 10;

  margin-top: -100px

}

#b_nos_offres {

  margin-bottom: -200px

}

.bigblock h2 {

  font-family: 'carter one';

  font-size: 3em;

  display: inline-block;

  padding-top: 35px;

  margin: 30px 0 -30px 1%;

  text-transform: uppercase

}

.bigblock.bb_offre h2 {

  color: #fff;

  margin: 10px;

  text-align: center;

  display: block

}

.bigblock.bb_new h2 {

  background: none;

  color: #fff;

  display: block;

  margin: auto;

  text-align: center;

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

  padding: 0 0 30px

}

.bigblock.bb_spectacle h2 {

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

  color: #d91d45

}

.bigblock.bb_parc h2 {

  color: #fff;

  text-align: center;

  display: block;

  padding: 0

}

#plan2017 {

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

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

  color: #fff;

  left: 0;

  margin-left: 0;

  padding: 0;

  position: relative;

  top: 0;

  width: auto

}

#plan2017 > h2 {

  display: none

}

#plan2017 h1 {

  color: #006aec;

  font-family: "fugaz one";

  font-size: 2.8em

}

#plan2017 h3 {

  color: #fff;

  font-size: 3em

}

#plan2017 a.lnk_attraction {

  left: 50%;

  position: absolute;

  top: 50%;

  transition: all .3s ease 0

}

#plan2017 a img {

  width: 35px;

  position: relative;

  display: block

}

#plan2017 {

  position: relative

}

#plan2017 a > span {

  background: #fff none repeat scroll 0 0;

  border: 5px solid;

  border-radius: 7px;

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

  display: inline-block;

  font-size: 1.3em;

  height: 0;

  opacity: 0;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 0;

  right: 0;

  text-align: center

}

#plan2017 a:hover span {

  height: auto;

  opacity: 1;

  padding: 15px;

  left: 5px;

  margin-top: -30px;

  width: 250px;

  color: #282425;

  border-color: #282425;

  z-index: 1000;

  overflow: visible

}

#plan2017 a.attraction:hover span {

  color: #282425;

  border-color: #282425

}

#plan2017 a.util:hover span {

  color: #952b7c;

  border-color: #952b7c !important

}

#plan2017 a.cow:hover span {

  color: #fd7b24;

  border-color: #fd7b24 !important

}

#plan2017 a.aqua:hover span {

  color: #00c1ef;

  border-color: #00c1ef !important

}

#plan2017 a.nouveau:hover span {

  border-color: #f63144 !important

}

#plan2017 img {

  width: 100%

}

#plan2017 a#a_01.lnk_attraction {

  top: 19.9%;

  left: .6%

}

#plan2017 a#a_02.lnk_attraction {

  left: 1.5%;

  top: 40%

}

#plan2017 a#a_03.lnk_attraction {

  left: 43.5%;

  top: 52.5%

}

#plan2017 a#a_04.lnk_attraction {

  left: 2%;

  top: 63%

}

#plan2017 a#a_05.lnk_attraction {

  left: 9.5%;

  top: 14%

}

#plan2017 a#a_06.lnk_attraction {

  top: 17%;

  left: 13%

}

#plan2017 a#a_07.lnk_attraction {

  left: 26%;

  top: 32%

}

#plan2017 a#a_08.lnk_attraction {

  left: 26%;

  top: 23.5%

}

#plan2017 a#a_09.lnk_attraction {

  left: 5.4%;

  top: 56.4%

}

#plan2017 a#a_10.lnk_attraction {

  top: 28%;

  left: 38.2%

}

#plan2017 a#a_11.lnk_attraction {

  left: 41%;

  top: 22.5%

}

#plan2017 a#a_12.lnk_attraction {

  left: 16%;

  top: 40%

}

#plan2017 a#a_13.lnk_attraction {

  left: 12%;

  top: 51%

}

#plan2017 a#a_14.lnk_attraction {

  left: 21.5%;

  top: 35%

}

#plan2017 a#a_15.lnk_attraction {

  top: 58.5%;

  left: 14%

}

#plan2017 a#a_16.lnk_attraction {

  top: 42%;

  left: 42.3%

}

#plan2017 a#a_17.lnk_attraction {

  top: 66%;

  left: 52.2%

}

#plan2017 a#a_18.lnk_attraction {

  top: 42%;

  left: 24%

}

#plan2017 a#a_19.lnk_attraction {

  top: 53%;

  left: 21%

}

#plan2017 a#a_20.lnk_attraction {

  left: 37.5%;

  top: 6%

}

#plan2017 a#a_21.lnk_attraction {

  left: 36.5%;

  top: 16.8%

}

#plan2017 a#a_22.lnk_attraction {

  left: 40.6%;

  top: 15.5%

}

#plan2017 a#a_23.lnk_attraction {

  left: 6.4%;

  top: 65.2%

}

#plan2017 a#a_24.lnk_attraction {

  left: 46.4%;

  top: 16%

}

#plan2017 a#a_50.lnk_attraction {

  left: 62%;

  top: 41%

}

#plan2017 a#a_25.lnk_attraction {

  left: 16.5%;

  top: 72.3%

}

#plan2017 a#a_26.lnk_attraction {

  left: 25%;

  top: 85%

}

#plan2017 a#a_27.lnk_attraction {

  left: 28.5%;

  top: 76.3%

}

#plan2017 a#a_28.lnk_attraction {

  left: 37.3%;

  top: 38.2%

}

#plan2017 a#a_29.lnk_attraction {

  left: 25.7%;

  top: 55%

}

#plan2017 a#a_30.lnk_attraction {

  left: 35.2%;

  top: 59.2%

}

#plan2017 a#a_31.lnk_attraction {

  left: 40.2%;

  top: 74%

}

#plan2017 a#a_32.lnk_attraction {

  left: 32%;

  top: 20.2%

}

#plan2017 a#a_33.lnk_attraction {

  left: 40.3%;

  top: 62.3%

}

#plan2017 a#a_34.lnk_attraction {

  left: 45.2%;

  top: 58.4%

}

#plan2017 a#a_35.lnk_attraction {

  left: 69%;

  top: 55%

}

#plan2017 a#a_36.lnk_attraction {

  left: 66%;

  top: 69%

}

#plan2017 a#a_37.lnk_attraction {

  left: 56.5%;

  top: 72.7%

}

#plan2017 a#a_38.lnk_attraction {

  top: 79.2%;

  left: 58.5%

}

#plan2017 a#a_39.lnk_attraction {

  top: 52.5%;

  left: 64.5%

}

#plan2017 a#a_40.lnk_attraction {

  left: 82.5%;

  top: 59%

}

#plan2017 a#a_41.lnk_attraction {

  left: 56.2%;

  top: 45.2%

}

#plan2017 a#a_42.lnk_attraction {

  left: 81.3%;

  top: 41%

}

#plan2017 a#a_43.lnk_attraction {

  left: 82%;

  top: 26%

}

#plan2017 a#a_44.lnk_attraction {

  left: 89.5%;

  top: 16%

}

#plan2017 a#a_45.lnk_attraction {

  top: 32%;

  left: 93.5%

}

#plan2017 a#a_46.lnk_attraction {

  left: 92.5%;

  top: 43.5%

}

#plan2017 a#a_47.lnk_attraction {

  left: 20.2%;

  top: 22.5%

}

#plan2017 a#a_48.lnk_attraction {

  top: 55%;

  left: 75%

}

#plan2017 a#a_49.lnk_attraction {

  left: 84.9%;

  top: 8.1%

}

.cont_bo {

  display: flex;

  justify-content: space-around;

  width: 100%

}

.cont_bo .bo_block {

  width: 31%;

  background-size: 100% 100% !important;

  padding: 40px 10px 30px 5px

}

.cont_bo .bo_block.bo_abo {

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

  display: flex;

  justify-content: space-between

}

.cont_bo .bo_block.bo_unitaire {

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

  display: flex;

  justify-content: space-between

}

.cont_bo .prod_index {

  position: relative;

  text-align: center

}

#b_nos_offres .cont_bo .prod_index img {

  width: 100%;

  border-radius: 8px;

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

}

.cont_bo .prod_index.pi_half {

  width: 45%

}

.cont_bo .prod_index p {

  position: absolute;

  bottom: 10px;

  font-size: 18px;

  text-align: center;

  font-weight: 700;

  visibility: hidden;

  width: 100%

}

.cont_bo .prod_index p em {

  font-size: 10px;

  display: block

}

.cont_bo .prod_index.pi_half p {

  visibility: visible

}

.cont_bo .bo_block.bo_unitaire .prod_index.pi_half p {

  bottom: 30px

}

.cont_bo .prod_index.pi_half img {

  max-width: 100%

}

.lnk_attraction.attraction span.bp_image img {

  width: 100% !important

}

.lnk_attraction.attraction span.bp_resume {

  font-size: 13px;

  line-height: 110%;

  display: inline-block;

  margin: 0 !important;

  text-align: center;

  width: 96% !important;

  padding: 2% !important

}

.lnk_attraction.attraction span.id_plan {

  position: absolute;

  right: 0 !important;

  top: 0 !important;

  width: 25px !important;

  left: auto !important;

  background: #333;

  color: #fff !important;

  border-radius: 30px;

  height: 25px !important;

  z-index: 5;

  line-height: 25px;

  font-size: 1.2em;

  margin: -30px -30px 0 0;

  border: 2px solid #fff !important;

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

  font-weight: 700

}

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

  border: 0 !important

}

.tiers {

  border: 0 !important;

  width: 26% !important;

  padding: .5%;

  margin: .5% 3% !important

}

td {

  padding: 2px

}

table.calendrier td.full_op {

  background: #3499ff none repeat scroll 0 0

}

table.calendrier td {

  background: #ffa none repeat scroll 0 0;

  border: 1px solid #fff;

  font-size: .7em;

  font-weight: 400;

  padding: 5px 2px;

  text-align: center;

  width: 15px !important

}

table.calendrier td.mid_op {

  background: #efdf0f none repeat scroll 0 0

}

table.calendrier th {

  background: #f30 none repeat scroll 0 0;

  border: 1px solid #fff;

  color: #fff;

  font-size: 1.2em;

  font-weight: 400;

  padding: 3.5px

}

table.calendrier th.mois {

  width: 220px

}

.ombre {

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

}

.rond {

  border-radius: 500px

}

.imghoraire {

  border-bottom: 1px dotted #f99;

  font-size: 1.2em;

  height: 25px;

  lin-height: 25px;

  padding: 0 0 0 70px

}

.cjaune {

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

}

.cvert {

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

}

.crose {

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

}

.cbleu {

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

}

.outer_block_index {

  overflow: hidden

}

#conteneur_nav {
    display: flex;
    justify-content: space-around;
}

.bloc_option_ind {

  padding-top: 110px;

  max-width: none;

  margin: auto;

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

}

.bloc_option_ind_inner {

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

  padding-top: 150px;

  padding-bottom: 360px

}

.sousmap {

  background: url(/images/fond_map.jpg) center / 100% 100%

}

.sousmap .bigblock.bb_parc h2 {

  color: #fff;

  text-align: center;

  display: block;

  padding: 0;

  margin: 0

}

.bloc_option_ind_inner_bis {

  position: relative;

  top: -180px

}

.index .bloc_option_ind {

  padding-top: 272px;

  max-width: 1200px;

  margin: auto;

  background: none

}

.bloc_option_ind h2 {

  color: #049;

  font-family: 'fugaz one';

  text-align: center;

  font-size: 3em

}

.bloc_option_ind .cont_flex {

  display: flex;

  justify-content: center

}

.bloc_option_ind .half {

  margin: 0 2%;

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

  max-width: 40%

}

.bloc_option_ind .half img {

  width: 100%

}

.liste_prov {

  display: flex;

  justify-content: space space-around

}

div.cinq {

  width: 19%

}

.index div.cinq, .index div.cinq h2, .index div.cinq h3, .index div.cinq h4, .index div.cinq span {

  color: #fff !important;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)

}

#pages div.cinq, #pages div.cinq h2, #pages div.cinq h3, #pages div.cinq h4, #pages div.cinq span {

  color: #1c58a3;

  text-shadow: 0 0 0

}

.splash > a {

  display: block;

  position: fixed;

  width: 100%;

  height: 100%;

  cursor: default;

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

  z-index: 500

}

.splash a span {

  float: right;

  color: #fff;

  margin: 11px;

  font-size: 1.5em;

  cursor: pointer

}

.insplash {

  position: absolute;

  left: calc(50% - 300px);

  top: 3%;

  z-index: 510;

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

}

#section_social {

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

  padding-top: 30px

}

#section_social .cont_sociaux h2 {

  margin: auto

}

#section_social .cont_sociaux {

  margin: auto;

  width: 550px;

  background: #fff000;

  margin-top: 80px;

  display: flex;

  justify-content: space-between;

  padding: 15px;

  text-transform: uppercase

}

#section_social .cont_sociaux ul, #section_social .cont_sociaux ul li {

  display: flex;

  list-style: none;

  margin: auto;

  justify-content: space-between;

  width: 30%

}

.nl_txt {

  position: absolute;

  visibility: hidden

}

.flex {

  display: flex;

  justify-content: space-around

}

.outer_block_inner .tiers {

  width: 28%;

  padding: 0 !important;

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

  margin: 10px auto

}

#bloc_index_1 {

  background: #666;

  color: #fff

}

#bloc_index_1 ul {

  width: 70%;

  margin: 30px auto;

  font-size: 1.5em

}

#bloc_index_1 ul li {

  list-style: square

}

#bloc_index_1 ul li:hover {

  background: #fff000

}

#bloc_index_1 ul li a {

  color: #FFF

}

#bloc_index_1 ul li:hover a {

  color: #000

}

#bloc_index_1 h3 {

  color: #fff;

  text-align: center;

  font-size: 3em;

  text-transform: uppercase;

  margin: 0 auto

}

#bloc_index_1 .imagebloc {

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

  height: 250px

}

#bloc_index_2 h3 {

  text-align: center;

  font-size: 3em;

  background: #ddd;

  margin: 0;

  padding: 15px

}

#bloc_index_2 h3 a {

  color: #000

}

#bloc_index_2 .imagebloc {

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

  height: 150px

}

#bloc_index_2 .imagebloc2 {

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

  height: 200px

}

#bloc_index_3 {

  background: #fff000

}

#bloc_index_3 h3 {

  text-align: right;

  width: 90%;

  line-height: 80%;

  font-size: 3em;

  margin: 5px auto

}

#bloc_index_3 .imagebloc {

  background: url(/images/image_bloc_3.jpg) no-repeat center / cover;

  height: 200px

}

#bloc_index_3 #cont_reseau ul {

  display: flex;

  justify-content: center

}

#bloc_index_3 #cont_reseau ul li {

  list-style: none;

  margin: 3px 10px

}

#bloc_index_3 p {

  margin: 5px 0;

  font-size: 130%;

  padding: 5px 15px

}

#adlink_banner {

  position: absolute;

  bottom: 70px;

  width: 100%

}

#adlink_banner ul {

  display: flex;

  justify-content: center

}

#adlink_banner li {

  list-style: none;

  display: block;

  padding: 10px 25px;

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

  margin: 0 4%;

  font-size: 1.5em;

  transition: all .3s ease 0;

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

}

#adlink_banner li a {

  color: #7C2987

}

#adlink_banner li:hover {

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

}

#inner_banner_ter {

  height: 160px;

  position: relative;

  background: linear-gradient(0, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));

  top: 0

}

.index #ill_index {

    position: absolute;

    width: 100%;

    height: 50%;

    /*background: url(/template/atc_1/images/logo_blanc_300.png) no-repeat center / contain;*/

    bottom: 23%;

}



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

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

  display: none

}

#banner .adresse span.adr_tel {

  color: #1a508b;

  font-weight: 700

}

#banner .adresse span.adr_mail {

  color: #1A508B

}

table#tableau_tarifs {

  border-spacing: 15px 5px;

  border-collapse: separate

}

table#tableau_tarifs td {

  border: 3px solid #000;

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

  color: #fff;

  padding: 5px;

  font-size: 1.5em

}

table#tableau_tarifs th {

  border: 3px solid #000;

  background: #fff

}

.bloc_produit {

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

}

.bloc_produit .titre_fiche {

  border-bottom: 0 solid #ddd;

  font-size: 2.6em;

  font-weight: 400;

  padding: 10px;

  text-align: left;

  width: calc(100% - 20px);

  background: rgba(150, 150, 150, 0.1);

  text-transform: uppercase

}

.bloc_produit .image_categorie {

  margin: 0 15px 30px;

  height: 500px;

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

}

.lnk_produit h3 a {

  border: 1px solid #000;

  width: 80%;

  margin: -50px auto 0;

  padding: 15px 0;

  background: #fff;

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

  display: block;

  color: #000;

  transition: all .3s ease 0;

  font-size: .8em

}

.lnk_produit h3 a:hover {

  background: #666;

  border-color: #fff;

  color: #fff

}

#inner_agenda.standalone {

  overflow: hidden;

  position: relative

}

#inner_agenda.standalone iframe {

  margin-top: -55px

}

h3.titre_actu {

  text-align: center;

  margin: 40px 0 10px

}

.bloc_page_ind {

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

  width: 90%;

  margin: 20px auto

}

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

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

}

article > div.page_couleur .page_couleur_cont {

  padding-top: 120px

}

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

  color: #fff

}

.bloc_page_ind .top_bloc .top_bloc_inner {

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

}

article > div.page_couleur .page_couleur_cont_bis {

  padding-bottom: 100px;

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

}

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

  text-align: center;

  position: relative;

  margin-top: -110px;

  font-size: 3em;

  margin-bottom: 50px

}

article > div.page_couleur .page_couleur_cont_ter {

  width: 90%;

  margin: 0 3%;

  padding: 2%;

  background: rgba(255, 255, 255, 0.2)

}

.bloc_page_ind .top_bloc .bp_image {

  width: 30%;

  float: left;

  margin: 0 5%;

  height: 200px;

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

  position: relative

}

.bloc_page_ind .top_bloc .bp_nom {

  font-size: 2.5em;

  text-transform: uppercase

}

.bloc_page_ind .top_bloc .bp_nom a {

  color: #000

}

.bloc_page_ind .top_bloc .bp_resume {

  font-size: 2em;

  font-weight: 700

}

.bloc_page_ind .bp_desc p {

  color: #000 !important

}

.bloc_page_ind .bp_desc {

  margin: 20px auto;

  width: 90%;

  font-size: 14px;

  display: none;

  padding: 20px;

  background: rgba(255, 255, 255, 0.4)

}

.bloc_page_ind .bas_block {

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

  height: 50px

}

.bloc_page_ind .cont_lnk_dev {

  text-align: center;

  position: relative;

  top: 25px

}

.bloc_page_ind .cont_lnk_dev a img {

  width: 50px

}

.bloc_page_ind a.lnk_renseignement {

  position: absolute;

  background: #fff;

  padding: 10px 5px;

  border: 1px solid #000;

  color: #000;

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

  bottom: -10px;

  width: 180px;

  text-align: center;

  left: calc(50% - 95px);

  transition: all .3s ease 0

}

.bloc_page_ind a.lnk_renseignement:hover {

  color: #FFF;

  background: #333;

  border-color: #fff

}

#contact #conteneur {

  padding-top: 10px

}

#cloneimg, #cloneimg .img_vignette {

  position: absolute;

  width: 100%;

  z-index: 5;

  transition: all 1s ease .5s

}

#cloneimg.gotocart .img_vignette {

  height: 50px;

  width: 150px;

  overflow: hidden;

  z-index: 500000

}

#cloneimg.gotocart img {

  width: auto !important;

  height: auto !important;

  max-width: 100%

}

.rgpd_notice {

  display: flex;

  justify-content: center;

  width: 92%;

  margin: 10px auto;

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

}

.rgpd_notice label {

  text-align: left;

  margin: auto

}

.rgpd_notice input {

  width: auto !important;

  margin: 5px 15px

}

.info_rgpd_retrait {

  margin: 20px

}

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

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

  border: 1px solid #999 !important;

  border-radius: 5px;

  height: 25px;

  padding: 2px;

  width: 65%

}

.cloneimg, .cloneimg .img_vignette {

  position: absolute;

  width: 100%;

  z-index: 5;

  transition: all 1s ease .5s

}

.cloneimg.gotocart .img_vignette {

  height: 50px;

  width: 150px;

  overflow: hidden;

  z-index: 500000

}

.cloneimg.gotocart img {

  width: auto !important;

  height: auto !important;

  max-width: 100%

}

.box_prod.bp_light .lnkprod {

  display: flex;

  justify-content: space-between

}

a.bpl_b {

  display: block;

  padding: 5px 15px;

  width: 40%;

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

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

  color: #fff !important

}

a.bpl_b.bpl_achat {

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

  background-repeat: no-repeat;

  background-position: 5px center;

  background-size: auto 75%

}

.selects {

  display: flex;

  justify-content: space-around;

  flex-direction: column

}

.select_var {

  border: 1px solid rgba(0, 0, 0, 0.5);

  margin: 10px;

  padding: 5px;

  font-size: 1.3em;

  color: #333;

  border-radius: 5px

}

.select_var option {

  font-size: 1.3em;

  color: #6B280C;

  font-weight: 700

}

h3.prix_fiche .old {

  width: auto;

  float: none;

  color: rgba(255, 255, 255, 0.4)

}

.t_fiche.bloc_ref {

  display: none

}

#text_img_index {

  position: absolute;

  color: #fff;

  top: 85px;

  left: 25%;

  width: 50%;

  margin-left: auto;

  font-size: 1.2em;

  display: flex;

  justify-content: center;

  height: 280px;

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

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

}

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

}

#text_img_index > a:hover span {

  background: #fff;

  color: #336

}

#text_img_index > h2 {

  color: #222;

  margin: auto;

  align-content: 100% !important

}

#text_img_index h2 span {

  color: #fff !important;

  font-family: 'Racing Sans One';

  line-height: 100% !important;

  font-size: inherit;

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

}

#text_img_index.al_gauche {

  left: 2%;

  right: auto

}

#text_img_index.al_droit {

  right: 2%;

  left: auto

}

#text_img_index.f_dark {

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

  color: #fff

}

#text_img_index.f_light {

  /*background:rgba(255,255,255,.8);

	color:#333*/

}

.index #cont_actu_index {

  position: absolute;

  z-index: 50;

  right: 5%;

  width: 350px;

  top: 225px;

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

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

}

#text_img_index.f_light > a span {

  /*color:#333;

	border-color:#333*/

}

.index #section_actu {

  /*  display: flex;*/

  justify-content: space-between;

/*  background: url(/images/line_h.png) center top no-repeat rgba(200, 200, 200, 0.9) !important;*/

/*background:url(/template/atc_1/images/fond.jpg) center center / 100% rgb(255, 255, 255)!important;*/

background: #FDC420;

  /*border-top: 2px solid #000;*/

  color: #fff;

  display: block;

  font-size: 120%;

  height: auto;

  line-height: 120%;

  overflow: hidden;

  padding: 1rem 0 2rem;

  text-align: center !important;

  width: 100%;

  margin: 0 auto;

  max-width: 100%;

}

.index h3.titre_actu {

  text-align: center;

  margin: 0;

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

  width: 70px

}

.index h3.titre_actu span {

  display: none

}

#cont_spe li {

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

  border-bottom: 0 none;

  color: #666;

  height: 140px !important;

  list-style: outside none none;

  margin: 5px auto 10px;

  overflow: hidden;

  padding: 0 !important;

  text-align: left;

  width: 100%;

  display: flex;

	max-width:350px;

  justify-content: space-between;

  flex-direction: column

}

#bloc_produit_mav {

  margin: 0;

  border-top: 1px solid transparent;

  display: flex;

  justify-content: space-between;

  background: rgba(198, 221, 119, 1)

}

#bloc_produit_mav #index_info {

  width: 35%

}

#bloc_produit_mav #lnk_pied_page, #cont_pg_left #lnk_pied_page {

  margin: 10px 0 0;

  text-align: center;

  padding-top: 150px;

  display: flex;

  flex-direction: column;

  background: url(/images/lnk_index_conseil.png) no-repeat top right

}

#bloc_produit_mav #lnk_pied_page .logo_img, #cont_pg_left #lnk_pied_page .logo_img {

  display: none

}

#bloc_produit_mav #lnk_pied_page #lnk_comment a, #bloc_produit_mav #lnk_pied_page #lnk_comment_bois a, #bloc_produit_mav #lnk_pied_page #lnk_pourquoi a, #cont_pg_left #lnk_pied_page #lnk_comment a, #cont_pg_left #lnk_pied_page #lnk_comment_bois a, #cont_pg_left #lnk_pied_page #lnk_pourquoi a {

  display: block;

  height: 100%;

  position: relative;

  width: 100%

}

#bloc_produit_mav #lnk_pied_page a span, #cont_pg_left #lnk_pied_page a span {

  visibility: hidden

}

#index_mav .box_mavp .bloc_left.skew {

  background: rgba(198, 221, 119, 0.8);

  padding: 15px 15px 15px 90px;

  width: 30%;

  color: #fff;

  font-size: 2em;

  height: 395px;

  position: relative;

  left: -60px;

  z-index: 5

}

#index_mav .box_mavp .bloc_left h1, #index_mav .box_mavp .bloc_left h2, #index_mav .box_mavp .bloc_left h3, #index_mav .box_mavp .bloc_left h4, #index_mav .box_mavp .bloc_left h5, #index_mav .box_mavp .bloc_left h6 {

  color: #fff;

  font-size: 30px

}

#index_mav .box_mavp .bloc_right {

  width: 60%;

  position: absolute;

  transition: all .3s ease 0;

  padding-left: 40%;

  left: 0;

  top: 0;

  height: 100%

}

#index_mav .box_mavp.up .bloc_right {

  background: linear-gradient(90deg, rgba(149, 27, 129, 0), rgba(149, 27, 129, 0.6), rgba(149, 27, 129, 0.8))

}

#index_mav .box_mavp.up .bloc_right a.a_call {

  opacity: 1

}

#index_mav .box_mavp .bloc_right a.a_call {

  color: #fff;

  font-family: 'viga';

  font-size: 2em;

  left: 65%;

  position: absolute;

  width: 200px;

  margin: 50px 0 30px -115px;

  top: 50%;

  border: 2px solid;

  text-align: center;

  border-radius: 5px;

  padding: 15px;

  transition: all .3s ease 0;

  opacity: .2

}

#index_mav .box_mavp .bloc_right a.a_call:hover {

  opacity: 1

}

#index_mav .box_mavp a.a_mk {

  position: absolute;

  bottom: 5px;

  right: 5px

}

#index_mav .box_mavp a.a_mk span {

  display: none

}

#index_mav .box_mavp a.a_mk img {

  max-height: 150px;

  max-width: 200px

}

#index_mav .box_mavp {

  display: flex;

  justify-content: space-between;

  overflow: hidden;

  margin: 10px

}

#cont_textbloc {

  display: flex;

  justify-content: space-around

}

#cont_textbloc .textbloc {

  width: calc(86% - 350px)

}

#cont_pg_prod {

  display: flex;

  justify-content: space-between

}

#cont_pg_left {

  width: 25%;

  margin-top: 50px

}

#menu_left_left li {

  list-style: none;

  padding: 0;

  margin: auto

}

#menu_left_left li.up {

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

}

#menu_left_left li a {

  border-top: 1px solid #333;

  display: block;

  padding: 10px 5px 10px 30px;

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

  color: #000;

  font-size: 1.3em

}

.skew {

  transform: skew(-15deg)

}

.unskew {

  transform: skew(15deg);

  display: block;

  margin: auto 0;

  width: 95%

}

#index_mav {

  margin: auto;

  width: 55%;

  position: relative

}

#menu_left_left li.up a {

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

}

#menu_left_left li a em, .row_cat a em {

  display: none

}

#cont_pg_right {

  width: 100%

}

#index_mav_droit {

  width: 350px;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  right: 5%;

  position: relative;

  margin: 5px 0

}

#index_mav_droit #dl_calendar {

  background: rgba(107, 40, 11, 1);

  margin-bottom: 70px

}

#index_mav_droit #dl_calendar h2 {

  text-align: center

}

#index_mav_droit #dl_calendar a {

  color: #c6dd77

}

#index_mav_droit #dl_calendar img {

  width: 86%;

  margin: 0 auto -60px 7%

}

#index_mav_droit .inner_lnk_index {

  background: rgba(107, 40, 11, 1);

  margin: 10px auto;

  width: 100%

}

#index_mav_droit .inner_lnk_index a {

  font-size: 1.8em;

  padding: 15px;

  display: block;

  color: #c6dd77

}

#documents_publics {

  margin-top: 50px;

  display: flex;

  justify-content: space-around

}

.document_box {

  margin: auto 10px;

  width: auto;

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

}

.document_box a img {

  width: 100%

}

.titlenew {

  font-size: 4.5em;

  font-family: 'lato';

  color: rgba(107, 40, 11, 1);

  font-weight: 700;

  margin: auto 0 -6px 20%

}

.titlenew_index {

  font-size: 3em;

  font-family: 'lato';

  color: rgba(107, 40, 11, 1);

  font-weight: 700;

  margin: auto 0 10px 20%

}

#adresse_baspage {

  background: #ccc;

  margin: 25px 0;

  display: none;

}

#adresse_baspage .wrap {

  display: flex;

  justify-content: space-between;

  padding: 20px 0

}

#adresse_baspage .logo {

  width: 400px;

  height: 150px;

  margin: -40px 0;

  position: relative;

  z-index: 10

}

#adresse_baspage .bloc_adresse {

  float: none;

  color: #fff;

  font-size: 1.5em;

  width: calc(100% - 300px);

  letter-spacing: 2px;

  font-weight: 700;

  margin: auto

}

#bloc_marque {

  padding: 40px 0;

  text-align: center

}

#bloc_marque .wrap, #bloc_part .wrap {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

  margin-top: 20px

}

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

  max-width: 23%;

  margin: auto 10px;

  padding: 2% 0

}

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

  max-width: 100%;

  filter: grayscale(1);

  transition: all .3s ease 0;

  max-height: 150px

}

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

  filter: grayscale(0)

}

.wide {

  padding: 0 !important;

  margin-right: 0 !important;

  border: 0 !important

}

.textbloc .wide {

  position: relative;

  left: -5.1%

}

.index .textbloc .wide {

  position: relative;

  left: 0

}

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

  padding: 1% 5%

}

.colored h3 {

  padding: 5% 0 0 5% !important;

}

.colored .img {

  max-width: 316px !important;

}

.atc_ref .m_bloc_gauche.half img {

  width: auto !important;

  height: auto !important;

  max-width: 80% !important;

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

  border-left: 3px solid #4873A2

}

#recrutement #main_actu .l_actu.up {

  background-color: #ddd;

  border-radius: 10px;

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

  display: block

}

#recrutement #main_actu .l_titre {

  color: #000;

  font-size: 1.8em;

  font-weight: 700;

  padding-left: 10px;

  text-align: left

}

#recrutement .zoom a {

  background: #e42431 none repeat scroll 0 0;

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

  color: #fff;

  display: block;

  font-size: 1.3em;

  font-weight: 400;

  margin: 0 -60px 9px 0;

  padding: 10px;

  text-align: center;

  width: 150px

}

#recrutement .zoom.btn_spont a {

  width: 200px;

  margin: 20px

}

#frame_recrut {

  background: #fff none repeat scroll 0 0

}

#frame_recrut .bloc .champs {

  display: inline-block;

  float: none;

  text-align: right;

  vertical-align: top;

  width: 150px

}

#frame_recrut .bloc {

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

  clear: both;

  margin: 5px;

  min-height: 20px;

  padding: 5px

}

#frame_recrut textarea {

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

  border: 1px solid rgba(0, 0, 0, 0.1);

  padding: 5px;

  width: 400px

}

#frame_recrut input {

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

  border: 1px solid rgba(0, 0, 0, 0.1);

  line-height: 20px;

  min-height: 20px;

  padding: 5px

}

#frame_recrut #bouton_valide input {

  height: auto;

  width: auto

}

#frame_recrut label {

  color: #e42431;

  font-family: lato;

  font-size: 100%;

  font-weight: 400;

  letter-spacing: .6px;

  text-align: left

}

#recrutement .zoom a strong {

  display: block;

  font-size: 120%;

  text-transform: uppercase

}

#menu_social {

  position: fixed;

  right: 0;

  top: 20%;

  min-width: 50px;

  min-height: 50px;

  z-index: 10;

  max-height: 80%

}

#menu_social ul, #menu_social ul li {

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column

}

#menu_social ul li {

  margin: 0;

  right: -10px;

  padding: 0;

  display: flex;

  flex-direction: column;

  background-size: 100%;

  background-position: center;

  transition: all .3s ease 1ms;

  position: relative

}

#menu_social li:hover {

  background-size: 130%;

  right: 0;

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

  z-index: 12

}

#menu_social li a img {

  width: 100%

}

#menu_social li.lnk_contact {

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

}

#menu_social li.lnk_facebook {

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

}

#menu_social li.lnk_twitter {

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

}

#menu_social li.lnk_gplus {

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

}

#menu_social li.lnk_insta {

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

}

#menu_social li.lnk_link {

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

}

#menu_social li.lnk_blog {

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

}

#menu_social li.lnk_youtube {

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

}

#menu_social li.lnk_skype {

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

}

#menu_social li.lnk_pin {

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

}

#social_share {

	display: flex;

	flex-wrap: wrap;

	justify-content:center;

}

#social_share .social_elem {

  margin: auto 5px;

  display: flex;

}

.anim_chiffre_bloc {

  border: 0 !important;

  justify-content: center;

  width: auto !important;

  max-width: 250px;

  padding: 20px !important;

  border-radius: 50px;

  font-size: 180%

}

.anim_chiffre_bloc .anim_chiffre {

  margin: auto 5px

}

.anim_chiffre_bloc .ac_unite {

  margin: auto 5px

}

.bloc_image_glissant {

  transition: all .3s ease 1ms;

  width: 100% !important;

  max-width: 50%;

  position: relative;

  overflow: hidden;

  display: block !important;

  border: 0 !important;

  padding: 0 !important;

  background: rgba(0, 0, 0, 0.1)

}

.bloc_image_glissant .inner_big {

  width: 200%;

  display: flex

}

.bloc_image_glissant .big_bloc_img {

  transition: all .4s ease .0001s;

  width: 100% !important;

  position: relative;

  left: 0;

  text-align: center;

  margin: auto !important

}

.bloc_image_glissant .big_bloc_img img {

  width: 100% !important;

  height: auto !important

}

.bloc_image_glissant .big_bloc_texte {

  position: relative;

  left: 0;

  transition: all .3s ease .0001s;

  width: 100%;

  margin: auto !important

}

.bloc_image_glissant.hover .big_bloc_img {

  left: -50%

}

.bloc_image_glissant.hover .big_bloc_texte {

  left: -50%

}

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

}

#cont_spe {

  /*background: rgba(200,200, 200, 0.9) url(/images/line_h.png) no-repeat center top !important;*/

  background: none !important;

  border-top: none !important;

}

#cont_spe h2 {

  display: none;

}

.ref {

  width: 95%;

  margin: 25px auto;

}

.ref h2 {

  color: #1a508b;

}

.ref h3 {

  color: rgba(26, 80, 139, 0.8);

}

.ref p {

  margin: 15px 0;

  font-size: 1.3em;

  font-family: 'dosis';

  line-height: 120%;

  color: #888;

}

.ref .m_bloc_gauche.half img {

  width: auto !important;

  height: auto !important;

  max-width: 80% !important;

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

  border-left: 3px solid #4873A2;

}

.ref .m_bloc_droit.half img {

  height: 74px;

  width: 75px;

  float: right;

}

.moyen ul li {

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

  padding-left: 25px;

  list-style: none;

  margin: 5px auto;

}

.confid {

  font-size: 135%;

  height: auto;

  padding: 5px 5%;

}

.confid h2 {

  line-height: 160%;

  font-size: 150%;

}

.confid p {

  margin: 15px 0;

  font-family: 'dosis';

  line-height: 120%;

  color: #888;

}

.confid ul {

  padding: 0;

  margin: 0;

}

.confid ul li {

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

  padding-left: 25px;

  list-style: none;

  margin: 5px auto;

}



.cadre_p {

    padding: 0px 50px 0 50px;

    border: 2px dotted #8ec168;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.cadre_m {

    padding: 0px 50px 0 50px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



div.cadre_m:hover {

	background: red;

}



.cadre_p h2 {

    font-family: 'Caveat';

    font-size: 4em;

    color: #759f57;

}



.cadre_m h2 {

    font-family: 'Caveat';

    font-size: 4em;

    color: #759f57;

}



.cadre_p p{

	font-size: 1.3em;

}



h3.titre_actu_acc {

	font-size: 1.3em;

	font-style:normal;

	color:#FFF;

}	



#cont_spe li:hover span {

    transform: scale(0.9)!important;

}



#cont_spe li span {

	padding: 0!important;

}



h6.tit_acc{

	font-size:4em;

}



.rond{

	width:65%;

	margin:0 auto;

}



.index h3.titre_actu_acc {

	font-family:'Caveat';

	font-weight: 500;

	font-size:3em;

	color:#004A96;

}