@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

  -webkit-animation-duration: 0.5s;

  /* Safari 4.0 - 8.0 */

  animation-duration: 0.5s; }



/**************************************************************

					CMS Pages Styles

***************************************************************/

#cms #center_column .block-cms {

  padding-bottom: 20px; 



}

#cms #center_column h1 {

  text-transform: uppercase;

  margin-bottom: 25px; }

#cms #center_column h3 {

font-size: 16px;

border-bottom: none;

margin: 0;

padding: 14px 0 23px 0;

line-height: 28px;

}

#cms #center_column p {

  line-height:25px;font-size: 14px }

  #cms #center_column a{
    font-weight: bold;
    color: #d0a572;
  }

#cms #center_column .list-1 li {

  padding: 4px 0 6px 0;

  font-weight: bold;

  color: #46a74e;

  border-top: 1px solid #d6d4d4; }

  #cms #center_column .list-1 li:first-child {

    border: none; }

  #cms #center_column .list-1 li em {

    font-size: 20px;

    line-height: 20px;

    padding-right: 15px;

    vertical-align: -2px; }

#cms #center_column img {

  margin: 4px 0 17px;

  max-width: 100%;

  height: auto; 

  border-radius: 10px;

}

#cms #center_column .testimonials {

  border: 1px solid;

  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;

  margin: 4px 0 13px 0;

  position: relative; }

  #cms #center_column .testimonials .inner {

    border: 1px solid #fff;

    padding: 19px 18px 11px 18px;

    background: #fbfbfb;

    background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe));

    background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);

    background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);

    background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);

    background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%); }

    #cms #center_column .testimonials .inner span {

      text-indent: -5000px;

      display: inline-block;

      width: 20px;

      height: 15px; }

      #cms #center_column .testimonials .inner span.before {

        background: url(../img/bl-before-bg.png) no-repeat;

        margin-right: 8px; }

      #cms #center_column .testimonials .inner span.after {

        background: url(../img/bl-after-bg.png) no-repeat;

        margin-left: 8px; }

  #cms #center_column .testimonials:after {

    content: ".";

    display: block;

    text-indent: -5000px;

    position: absolute;

    bottom: -16px;

    left: 21px;

    width: 15px;

    height: 16px;

    background: url(../img/testimon-after.gif) no-repeat; }

  #cms #center_column .testimonials + p {

    padding-left: 45px;

    margin-bottom: 18px; }

#cms #center_column p.bottom-indent {

  margin-bottom: 18px; }

#cms #center_column #admin-action-cms {

  background: none repeat 0 0 #F6F6F6;

  border: 1px solid #d2d0d0;

  padding: 10px; }

  #cms #center_column #admin-action-cms p {

    margin: 0; }

    #cms #center_column #admin-action-cms p span {

      display: block;

      padding-bottom: 10px;

      font-size: 14px;

      font-weight: bold;

      color: #333333; }

    #cms #center_column #admin-action-cms p .button {

      font: 700 17px/21px Raleway, sans-serif;

      padding: 0;

      border: 1px solid;

      padding: 10px 14px;

      display: inline-block; }

      #cms #center_column #admin-action-cms p .button.publish_button {

        color: #fff;

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

        border-color: #0079b6 #006fa8 #012740 #006fa8;

        background: #009ad0;

        background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));

        background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);

        background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);

        background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);

        background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0); }

        #cms #center_column #admin-action-cms p .button.publish_button:hover {

          border-color: #01314e #004b74 #0079b6 #004b74;

          filter: none;

          background: #0084bf; }

      #cms #center_column #admin-action-cms p .button.lnk_view {

        color: #000000;

        text-shadow: 1px 1px white;

        border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;

        background: #f7f7f7;

        background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));

        background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);

        background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);

        background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);

        background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }

        #cms #center_column #admin-action-cms p .button.lnk_view:hover {

          border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e;

          filter: none;

          background: #e7e7e7; }


.h1-prog {
  color:#d0a572;
  font-size:22px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

#cat, #cat p {
color: #000000;
line-height: 25px;
font-size: 14px;
}

.rte .center {
  text-align: center;
}
.rte strong{
  color: #99734a;
  font-weight: bold;
}
.clic a {

    font-size: 20px;
    padding:13px 63px;
    margin-top: 17px;
    display: inline-block;
background-color: #f4f4f4;

border-radius: 11px;
}

#historique td:first-child {
font-size:18px;

}
a,a:visited,a:hover,a:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:relative;
  transition:0.5s color ease;
  text-decoration:none;


}
.clic:before {
  content:  url("../img/clic.png");;
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
          height: 0px;
          position: relative;
          z-index: 9;
          bottom: -7px;
          left: 51px;
}
a.before:before,a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
a.before:before{
  top:-0.25em;
}
a.after:after{
  bottom:-0.25em;
}
a.before:before,a.after:after{
  height:5px;
  height:0.35rem;
  width:0;
  background:#d0a572;
}
a.first:after{
  left:0;
}
a.second:after{
  right:0;
}
a.third:after,a.sixth:before,a.sixth:after{
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
a.fourth:before,a.fourth:after{
  left:0;
}
a.fifth:before,a.fifth:after{
  right:0;
}
a.seventh:before{
  right:0;
}
a.seventh:after{
  left:0;
}
a.eigth:before{
  left:0;
}
a.eigth:after{
  right:0;
}
a.before:hover:before,a.after:hover:after{
  width:100%;
}
.square{
  box-sizing:border-box;
  margin-left:-0.4em;
  position:relative;
  font-size:2.5em;
  overflow:hidden;
}
.square a{
  position:static;
  font-size:100%;
  padding:0.2em 0.4em;
}
.square:before,.square:after{
  content: "";
  box-sizing:border-box;
  transition:0.25s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
  width:5px;
  width:0.35rem;
  height:0;
  background:#d0a572;
}
.square:before{
  left:0;
  bottom:-0.2em;
}
.square.individual:before{
  transition-delay:0.6s;
}
.square:after{
  right:0;
  top:-0.2em;
}
.square.individual:after{
  transition-delay:0.2s;
}
.square a:before{
  left:0;
  transition:0.25s all ease;
}
.square a:after{
  right:0;
  transition:0.25s all ease;
}
.square.individual a:after{
  transition:0.25s all ease 0.4s;
}
.square:hover:before,.square:hover:after{
  height:calc(100% + 0.4em);
}
.square:hover a:before,.square:hover a:after{
  width:100%;
}
/*# sourceMappingURL=cms.css.map */
/*
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

#cms #center_column a img:hover .middle {
  opacity: 1;
}

.icone {
  background: url(../img/cms/plus.png);
}
*/
.modal img
{
  min-width:255px ;

  min-height: 172px;
}

#cms #center_column a img:hover{
  /*opacity: 0.7;*/
}


#cms #center_column .block-cms .bullet ul {
  display: inline;
  margin: 0;
  padding: 0;
}

#cms #center_column .block-cms .bullet li a {
  text-decoration: none;
  margin-top: -42px;
  display: block;
  border: none;
  margin-bottom: 20px;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
#cms #center_column .block-cms .bullet li a:hover {
  background-color:#fff;
}

#cms #center_column .block-cms .bullet li:nth-last-child(1) a {
  background: url('https://www.auterie-artifices.fr/d/img/1.jpg') #fff;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: 37px 15px 0 0;
  padding: 1px;
  width: 100%;
  height: 125px;
  }


#cms #center_column .block-cms .bullet li:nth-last-child(2) a {
background: url('https://www.auterie-artifices.fr/d/img/2.png') #fff;
background-position: center bottom;
background-repeat: no-repeat;
margin: 37px 15px 0 0;
padding: 1px;
width: 100%;
height: 125px;
}

 #cms #center_column .block-cms .bullet li:nth-last-child(3) a {
  background: url('https://www.auterie-artifices.fr/d/img/3.png') #fff;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: 37px 15px 0 0;
  padding: 1px;
  width: 100%;
  height: 125px;
  }
  
 .lien-cms {
  position: absolute;
  top: -32px;
  }

#cms #center_column .block-cms .bullet .marg{

  margin: 0 0 4px;;

  max-width: 100%;

  height: auto; 

}

@media(max-width:479px) {
  #cms #center_column .block-cms .bullet li {
  width: 100%;
  }}

@media (max-width: 1199px) and (min-width: 768px){

  .lien-cms {
    top: -37px;
    }

}