/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font: 14px/18px "Times New Roman", Times, serif;
	color:#b4b4b4;
	background: url(../images/bg.gif) center 0 repeat;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg-top {background:url(../images/bg-top.jpg) center 0 repeat-x; width:100%; }
.bgr {background:url(../images/bgr.jpg) center 0 no-repeat; width:100%; }

/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}

.button {background:#ef6f53; color:#fff; font-size:18px; line-height:24px; padding:4px 12px 10px 12px; display:inline-block;}
.button:hover {background:#636f6f; }

.link {color:#50b3bc; text-decoration:none;text-decoration:underline; font-weight:normal;}
.link:hover {text-decoration:none;}

.link-rouge {color:#CC0000; text-decoration:none;text-decoration:underline; font-weight:normal;}
.link-rouge:hover {text-decoration:none;}

.link-1 {color:#50b3bc; text-decoration:none;text-decoration:underline; float:right; }
.link-1:hover {text-decoration:none;}

.clr-1 { color:#131313;}
.clr-2 { color:#4d4d4d;}
.clr-3 { color:#a70101;}

h2 {
	font-size: 40px;
	line-height: 48px;
	color: #CC0000;
	font-weight: normal;
	font-style: italic;
}
h2 strong { font-size:22px; line-height:27px; color:#131313; font-weight:bold; font-style:italic;  text-shadow:transparent 0px 0px 3px; display:block; margin-top:-5px;}
.h2-line { border-bottom:#d6d6d6 1px solid; padding-bottom:5px;}
.h2 { text-align:center;}
.h2-line-2 { border-bottom:#d6d6d6 1px solid; padding-bottom:2px; display:inline-block;}
.h2-line-3 { border-bottom:#d6d6d6 1px solid; padding-bottom:0px; display:block;}
h3 { font-size:36px; line-height:45px; color:#131313; font-weight:normal; font-style:italic;}
.h3-line { border-bottom:#d6d6d6 1px solid;}
.h3 { text-align:center;}
.h3-line-2 { border-bottom:#d6d6d6 1px solid; padding-bottom:2px; display:inline-block;}

h4 { font-size:24px; line-height:38px; color:#131313; font-weight:normal; font-style:italic;  text-shadow:#6c6c6c 0px 0px 3px;}
h5 { font-size:30px; line-height:36px; color:#131313; font-weight:normal; font-style:italic;  text-shadow:#6c6c6c 0px 0px 3px;}
.h5-line { border-bottom:#d6d6d6 1px solid; padding-bottom:6px;}

ul {margin:0; padding:0;list-style-image:none;}
/*ul.list-1 li {padding:0px 0 12px 17px; line-height:18px; background:url(../images/marker.gif) 0 7px no-repeat;}*/
ul.list-1 li a { font-size:14px; color:#7cb6b6; line-height:18px; font-weight:bold; text-decoration:underline;}
ul.list-1 li a:hover {text-decoration:none;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative;}
.on {display: block;}
.off {display: none;}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.center {text-align:center;}
.nowrap {white-space:nowrap;} 
.it-bold {font-style:italic; font-weight:bold;}
.img-indent {float:left; margin:3px 50px 0px 0;}	

.last {margin-right:0px !important; padding-right:0px !important;}

.top-1 {padding-top:2px;}
.top-2 {padding-top:28px;}
.top-3 {padding-top:13px;}
.top-4 {padding-top:33px;}
.top-5 {padding-top:24px;}

.left-1 { margin-left:40px;}
.left-2 { margin-left:50px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}

.pad-0 {padding:0px 0px 0px 0px;}
.pad-1 {padding:33px 39px 0px 39px;}
.pad-2 {padding:0px 39px 0px 39px;}
.pad-3 {margin:17px 0px 12px 0px;}

.p1 {padding-bottom:18px;}
.p2 {padding-bottom:13px;}

/*********************************header*************************************/
header {margin:0px auto; padding-top:27px; z-index:101; position:relative; }

h1 {display:inline-block; z-index:100; background:url(../images/logo-bg.jpg) 0 0 no-repeat;width:550px; height:100px;margin-left:104px; padding-left:194px; }

nav {border:#d3d3d3 1px solid; margin-top:8px;}
ul.menu {display:inline-block;}
ul.menu li {float:left; border-left:#d3d3d3 1px solid; display:inline-block;}
ul.menu li:first-child {border-left:none !important;}
ul.menu li:first-child a { width:156px !important;}
ul.menu li a { width:155px; color:#fe4967; font-size:18px; line-height:24px;  padding: 14px 0 19px 0; background:#fff; border:#fff 1px solid; border-bottom:none !important; display:block; text-align:center;}
ul.menu li:hover a, ul.menu li.current a  { background:#e4e4e4; }

#slide { position:relative; margin:0 auto; z-index:100; overflow:hidden;border:#c7c7c7 1px solid; border-top:none !important; }

.phone-number {font-size:24px; line-height:30px; color:#a70101; font-style:italic; text-align:center; position:absolute; left:0; top:16px; z-index:111; width: 100%;} 
.phone-number strong {display:block; color:#131313; margin-top:-2px;}

/*********************************content*************************************/
#content {margin:0 auto; position:relative;}

.border-right {border-right:#cccccc 1px solid; }
.border-1 {border-bottom:#d6d6d6 1px solid;  padding-bottom:5px; margin-bottom:6px; }
.border-2 {background:url(../images/line.jpg) center bottom no-repeat;  padding-bottom:6px; margin-bottom:5px; }
.border-3 {border-bottom:#d6d6d6 1px solid; padding-bottom:20px; margin-bottom:2px; }
.img-border {background:#fff; display:inline-block; padding:3px; border:#d7d7d7 1px solid;}

.block-1 {overflow:hidden; border:#bebebe 1px solid; border-top:none !important; background:url(../images/block-1.jpg) 0 bottom no-repeat #fff;}
.block-1 .pad {padding:25px 30px 40px 40px;}
.block-1-title {height:81px; white-space:nowrap;}
.block-1-title>span {display:block; font-size:18px; line-height:24px; font-style:italic; font-weight:bold; color:#b4b4b4; width:23px; float:left; margin-top:40px;}
.block-1-title>div.text-1 {font-family: 'Great Vibes', cursive; font-size:36px; line-height:45px; color:#131313; text-shadow:#a7a7a7 0 0 5px;  display:inline-block; }
.block-1-title>div.text-1>strong {display:block; font-size:56px; line-height:70px; font-weight:normal; margin-top:-34px;}
.block-1-title>div.text-2 {font-family: 'Great Vibes', cursive; font-size:53px; line-height:65px; color:#131313; overflow:hidden; text-shadow:#a7a7a7 0 0 5px; padding-left:12px; padding-right:10px; display:inline-block; margin-top:-7px;}
.block-1-title>div.text-2>strong {display:block; font-size:44px; line-height:55px; font-weight:normal; margin-top:-36px; text-align:right;}
.block-1-title>div.text-3 {font-family: 'Great Vibes', cursive; font-size:33px; line-height:40px; color:#131313; overflow:hidden; text-shadow:#a7a7a7 0 0 5px; padding-left:6px; padding-right:10px; display:inline-block; margin-top:1px;}
.block-1-title>div.text-3>strong {display:block; font-size:62px; line-height:80px; font-weight:normal; margin-top:-36px; text-align:right; padding-left:18px;}
.block-1-title>div.text-4 {font-family: 'Great Vibes', cursive; font-size:36px; line-height:45px; color:#131313; text-shadow:#a7a7a7 0 0 5px; padding-left:5px; display:inline-block;  }
.block-1-title>div.text-4>strong {display:block; font-size:61px; line-height:75px; font-weight:normal; margin-top:-38px;}
.block-1 p {margin-top:-7px;}
.block-1>div a.link-1 {margin-right:19px;}
.block-1>div.block-1-last  a.link-1 {margin-right:9px;}

.block-2 {overflow:hidden; border:#bebebe 1px solid; border-top:none !important; background:url(../images/block-2.jpg) 0 bottom no-repeat #fff; padding-bottom:62px;}

.col-1 {float:left;width:590px;}
.col-2 {float:left;width:230px;}
.box-1 {overflow:hidden; padding-top:28px;}

.box-2 {}
.comment {}
.comment p img:first-child {margin:-2px 5px 0 0;} 
.comment p img.second {margin:0px 0px 0 20px; } 
.comment>span {display:block; text-align:right; margin-top:6px;}

.block-3 { background:url(../images/block-3.png) center 0 no-repeat; margin-top:43px; overflow:hidden; padding-top:17px;}

.box-3 {overflow:hidden; padding-top:30px; margin:0 40px 0 40px;}
.box-3 .pad {text-align:center; margin-right:10px;}
.box-3 .pad p {margin-top:11px;}

.col-3 p.center {margin-top:29px;}
.block-4 { background:url(../images/block-4.png) center 0 no-repeat; margin-top:17px; padding-top:15px;}

ul.gallery {display:inline-block;}
ul.gallery li {float:left; display:inline-block; margin: 10px;}

.box-4 {overflow:hidden; padding-top:8px; margin-left:40px; margin-right:40px;}
.box-4>div {text-align: center;}
.box-4 h4 {margin-bottom:4px;}
.box-4 p {margin-top:11px;}

.col-4 {float:left;width:310px;}
.col-4 h3, .col-5 h3 {padding-top:34px;}
.col-5 {float:left;width:510px;}
.col-5 h2 {padding-top:33px;}

ul.list {margin-top:26px; width:270px; float:left; margin-right:40px;}
ul.listcommande {margin-top:26px; width:400px; float:left; margin-right:40px;}
.list li {
  overflow: hidden; 
  vertical-align: top;
 }
 .list li em {
  background: url(../images/line-hor.gif) repeat-x 0% 15px;
  display: block; 
  overflow: hidden;
 }
 .list li span {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .list li spanmenu {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .list li strong {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:20px; font-weight:bold;
 }
 .list li strongmenu {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:28px; font-weight:bold;
 }
.listcommande li {
  overflow: hidden; 
  vertical-align: top;
  /*padding:0px 0 10px 13px; line-height:20px; background:url(../images/marker.gif) 0 9px no-repeat;*/
 }
 .listcommande li em {
  background: url(../images/line-hor.gif) repeat-x 0% 15px;
  display: block; 
  overflow: hidden;
 }
 .listcommande li span {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .listcommande li spanmenu {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .listcommande li strong {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:20px; font-weight:bold;
 }
 .listcommande li strongmenu {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:28px; font-weight:bold;
 }

.col-7 {float:left;width:630px;}
.col-7 h2 {padding-top:33px;}
.col-8 {float:left;width:190px;}
.col-8 h5 {padding-top:39px;}

.box-5 {overflow:hidden;}
.box-5>div {text-align:center;}
.box-5 p {margin-top:11px;}

.comment-2{margin-top:28px;}
.comment-2>p {padding-bottom:17px;}
.comment-2 p img:first-child {margin:-2px 5px 0 0;} 
.comment-2 img.second {margin:0px 0px 0 20px; } 
.comment-2>span {display:block; text-align:right; margin-top:6px;}

.number {overflow:hidden; border-bottom:#d6d6d6 1px solid;  padding-bottom:14px; margin-bottom:13px; }
.number>strong {display:inline-block; float:left; text-align:center;font-size:18px; line-height:22px; color:#131313; font-style:italic; font-weight:normal; text-shadow:#6c6c6c 0px 0px 3px; margin:-4px 5px 0 0;}

/****************************footer************************/
footer {margin:0 auto; position:relative; overflow:hidden; padding:32px 0 40px 0; text-align:center; color:#a3a2a2; background:url(../images/footer-bg.png) center 0 no-repeat; } 
footer p, footer p a.link {font-weight:bold;}

/**********************form**********************/
.map {width:100%; height:217px; margin:33px 0 0 0;}
.map iframe {width:100%; height:217px;}

dl.adr {width:300px; float:left; margin-right:40px;}
dl.adr dt {margin:14px 0 6px 0;}
dl.adr dd span { width:62px; text-align:right; display:block; float:left; margin-right:15px;}
dl.adr dd {}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 33px 0 0px 0px; width:310px; }
#form input {border:#d8d5d5 1px solid;background:#e4e4e4;font: 16px "Times New Roman", Times, serif;color:#48484e;padding:4px 10px 6px 10px;outline: medium none;width: 218px;height:25px;float:left;}
#form input:hover,
#form input:active {
background-color: #fe4967;
}
#form textarea {border:#d8d5d5 1px solid;background:#e4e4e4; font: 16px "Times New Roman", Times, serif;color:#48484e;height: 255px;outline: medium none;overflow: auto;padding: 4px 0px 0px 10px;width: 228px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;overflow:hidden;display: block;min-height:40px;}
#form label strong {font-weight:normal; float:left; text-align:right; display:inline-block; width:60px; padding-top:4px; padding-right:9px;}
.btns {text-align:right; width:310px; padding-top:6px;}
.btns a {display:inline-block; margin:0 0px 0 20px;}
.envoyer {text-align:right; width:650px; padding-top:6px;;font: 16px "Times New Roman", Times, serif;color:#48484e;padding:4px 10px 6px 10px;outline: medium none;width: 218px;height:25px;float:right;}

.image-source-link {
	color: #98C3D1;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }