@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import "animate.css";
@import "touchTouch.css";
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100);
/*========================================================
                         Main variables
=========================================================*/
/*hover color*/
/*hover 2 color*/
/*color of content*/
/*color of border*/
/*========================================================
                              Typography
=========================================================*/
/*color of input fields in contact form*/
/*========================================================
                              Main layout styles
                              #646464;  tr #4b4b4b;
=========================================================*/
html,
body { margin: 0;padding: 0;height: 100%;}
body {min-width: 300px;background: #fff;color: #4b4b4b;font: 300 16px/28px "Roboto", Arial, sans-serif;background: url(../images/bg_pattern.png) #ededed;}
a[href^="tel:"] {  color: inherit;text-decoration: none;}
* {  -webkit-text-size-adjust: none;}
h1 {position: relative;display: inline-block;margin: 0;margin-top: 106px;}
/*h1.content_h1 { margin-top: 80px;}*/
h1.content_h1 { margin-top: 60px;}
h1 img {  max-width: inherit;}
h1 { font: 65px/79px 'AcmeFont Thin',Vineta BT,Roboto Slab, Arial, sans-serif; color: #333;text-transform: uppercase;}
h2 {font: 40px/59px 'Roboto Slab', Arial, sans-serif;color: #333;margin-top: 29px;text-transform: uppercase;}
h3 {font: 35px/50px 'Roboto Slab', Arial, sans-serif;color: #333;text-transform: uppercase;margin-top: 21px;margin-bottom: 10px;}
h4 {font: 300 25px/26px 'Roboto', Arial, sans-serif;color: #333; }
.hmargtop2 {margin-top: 20px;}
.hmargtop {margin-top: 39px;}
.hmargbottom {margin-bottom: 20px;}
h5{ font: 18px/20px 'Roboto', Arial, sans-serif; line-height:20px;padding-top:5px;margin-bottom:2px;color:#363f45;}
.c5 {color:#880000;}
h6{ font: 18px/20px 'Roboto', Arial, sans-serif;  line-height:20px;padding-top:5px;margin-bottom:2px;color:#363f45;}
.c6 {color:#249600;}
h7 {   font: 300 20px/25px 'Roboto', Arial, sans-serif;   color: #363f45;   margin-top: 6px;   text-transform: uppercase; }
h8 {   font: 300 18px/20px 'Roboto', Arial, sans-serif;   color: #363f45;   margin-top: 6px;   text-transform: uppercase; }
/*========================================================
h4 margin-top: 39px; h3   33px;
       background: #000;    #FFBC92 #E07E75  #e5a983 #cc9674
          HEADER styles   h1 margin-top: 306px;
=========================================================*/
#header {padding: 22px 0 17px;position: relative;z-index: 100;background: #cc9674;text-align: center;}
#header.main_page {position: absolute;background: none;top: 0;width: 100%;}
#header.content_page {padding: 22px 0 17px;}
#header.content_page nav {margin-top: 0px;}
/* Main menu styles
========================================================*/
/*========================================================
                              menu variables
=========================================================*/
nav {margin-top: 53px;display: inline-block;margin-left: -14px;}
.sf-menu {
  /*float: right;*/
}
.sf-menu > li {float: left;position: relative;margin: 0 0 0 0px;}
.sf-menu > li > a {display: inline-block;padding: 0px 0px;min-width: 104px;text-align: center;font: 300 19px/24px 'Roboto', Arial, sans-serif;text-transform: uppercase; color: #ffffff;
  /*background: @menu-bg-color;*/
  -webkit-transition: 0.3s all ease;transition: 0.3s all ease;
  /* rollover line =============================================*/
}
.sf-menu > li > a:hover {color: #ffffff;
  /*background: @menu-bg-hover-color;*/
  font-weight: bold; -webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.sf-menu > li > a:hover strong {width: 100%;opacity: 1;}
.sf-menu > li > a.sf-with-ul:after {content: '';position: absolute;width: 5px;bottom: 10px;left: 50%;pointer-events: none;z-index: 999;width: 0;height: 0;
 /*border-style: solid;
            border-width: 3px 3px 0 3px;
            border-color: #333 transparent transparent transparent;*/
}
.sf-menu > li > a strong {width: 0%;height: 6px;position: absolute;display: inline-block;left: 0;top: 92px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;z-index: 1;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
   /*background: #fa9183;*/
  opacity: 0;
  /* css triangle =============================================*/
  /*&:before {
               content: "";
               display: block;
               width: 0;
               height: 0;
               border-left: 7px solid transparent;
               border-right: 7px solid transparent;
               border-bottom: 7px solid #fa9183;
               position: absolute;
               top: -5px;
               left: 50%;
               margin-left: -3px;
            }*/
}
.sf-menu > li.current > a {color: #ffffff;
  /*background: @menu-bg-hover-color;*/
  font-weight: bold;}
.sf-menu > li.current > a strong {width: 100%;opacity: 1;}
.sf-menu > li.sfHover > a {color: #ffffff;
  /*background: @menu-bg-hover-color;*/
  font-weight: bold;}
.sf-menu > li.sfHover > a strong {width: 100%;opacity: 1;}
.sf-menu a {-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.sf-menu a:hover {-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
/* First level sub-menu styles - submenu
======================================================== #BCBCBC  avant 080808*/
.sf-menu ul {position: absolute;top: 46px;left: -20px;background: #2e2e2e;padding: 25px 0px 5px;width: 253px;z-index: 2;display: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sf-menu ul li {position: relative;text-align: left;text-indent: 10px;line-height: 25px;margin-bottom: 10px;border-bottom: 1px dotted #4b4b4b;}
.sf-menu ul li:last-child {border: none;}
.sf-menu ul li a {font: 300 13px/16px 'Roboto', Arial, sans-serif;color: #BCBCBC;display: inline-block;   font-weight: bold;}
.sf-menu ul li a:hover {color: #ffffff;}
.sf-menu ul li a.sf-with-ul:after {content: '';font-family: 'FontAwesome';position: absolute;width: 5px;font-size: 14px;line-height: 14px;font-weight: normal;color: #777;right: 24px;bottom: 5px;
  pointer-events: none;z-index: 999;}
.sf-menu ul li.sfHover > a {color: #ffffff;}
/* Second level sub-menu styles - submenu2
========================================================*/
.sf-menu ul ul {position: absolute;top: -25px;width: 130px;left: 254px;background: #2e2e2e;
 /*padding: 10px 10px;*/
  z-index: 4;}
.sf-menu ul ul li {  /*line-height: 30px;*/}
.sf-menu ul ul li a {color: #888888;}
@media only screen and (max-width: 1199px) {
  .sf-menu > li > a {    /*padding: 10px 17px;*/  }
  nav { margin-left: 0; }
  }
@media only screen and (max-width: 979px) {
  .sf-menu > li > a {    /*padding: 10px 4px;*/  }
}
@media only screen and (max-width: 767px) {
  .sf-menu { display: none;  }
  nav { display: block;}
  .select-menu {display: block;width: 100%;border-radius: 0px !important;-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;border: 2px solid #fff;position: relative;
    outline: none !important;z-index: 1000;margin-top: 10px;}
}
/* Stuck menu styles  background: #181818;
========================================================*/
.isStuck {background: #cc9674;padding: 10px 0;z-index: 999;}
.isStuck h1 {display: none;}
.isStuck nav {margin-top: 0;}
@media only screen and (max-width: 979px) {
.isStuck { display: none !important;}
}
/*========================================================
                              USEFUL styles
color: inherit; par color: #000;
color: #000; par color: #664b3a;
=========================================================*/
a {text-decoration: none;cursor: pointer;color: #6e4836;-webkit-transition: 0.4s all ease;transition: 0.4s all ease;font-weight: bold;}
a:hover {color: #453a34;text-decoration: none;}
a.link1:hover {color: #777;}
a.link2:hover {color: #000;text-decoration: underline;}
a:focus {   color: #000000;}
.txt1 {font: 100 60px/60px 'Roboto Slab', Arial, sans-serif;margin-top: 10px;}
.txt2 {font: 30px/30px 'Roboto Slab', Arial, sans-serif;text-transform: uppercase;margin-top: 20px;margin-bottom: -20px;}
.txt3 {font-size: 19px;margin-top: 32px;text-transform: uppercase;}
.txt4 {font: 50px/50px 'Roboto Slab', Arial, sans-serif;color: #000;margin-top: 32px;text-transform: uppercase;}
.txt5 {font: 100 60px/60px 'Roboto Slab', Arial, sans-serif;color: #000;margin-top: 15px;text-transform: uppercase;}
.txt6 {color: #4b4b4b;margin-top: 16px;}
.txt7 {font: 30px/30px 'Roboto Slab', Arial, sans-serif;text-transform: uppercase;margin-top: 43px;margin-bottom: -4px;}
.txt7.v2 {margin-top: 18px;margin-bottom: -20px;}
.txt8 {font: 24px/24px 'Roboto Slab', Arial, sans-serif;text-transform: uppercase;margin-top: 34px;margin-bottom: -24px;color: #000;}
.txt9 {font: 24px/26px 'Roboto Slab', Arial, sans-serif;text-transform: uppercase;margin-top: 0px;margin-bottom: 0px;color: #000;}
.txt10 {font: 20px/22px 'Roboto Slab', Arial, sans-serif;text-transform: uppercase;margin-top: 0px;margin-bottom: 0px;color: #000;}
.txt11 {font: 16px/18px 'Roboto Slab', Arial, sans-serif;text-transform: uppercase;margin-top: 0px;margin-bottom: 0px;color: #000;}
.color1 {color: #fff;}
.box {overflow: hidden;}
.bold {font-weight: bold;}
.fw400 {font-weight: 400;}
.fw600 {font-weight: 600;}
.fz15 {font-size: 16px;}
.circle {overflow: hidden;border-radius: 1000px;}
.fleft {float: left;}
.fcenter {float: center; }
.fright {float: right;}
.center {padding-left:34%;}
.clear {clear: both;width: 100%;font-size: 0;line-height: 0;}
.wrapper {position: relative;overflow: hidden;width: 100%;}
.txt_left {text-align: left;}
.txt_right {text-align: right;}
.txt_cntr {text-align: center;}
.txt_ital {font-style: italic;}
.txt_line_through {text-decoration: line-through;}
.pos_rel {position: relative;}
.txt_und {text-decoration: underline;}
.padTop1 {padding-top: 10px;}
.padBot1 {padding-bottom: 10px;}
.padLeft1 {padding-left: 10px;}
.padRight1 {padding-right: 10px;}
.mar1 {margin: 0 7px;}
.marTop0 {margin-top: 0px;}
/* .marTop1 {margin-top: 63px !important;}  .hline.v5 {margin-top: 64px;margin-bottom: -4px;} .hline.v6 {margin-top: 55px;margin-bottom: 4px;}*/
.marTop1 {margin-top: 53px !important;}
.marTop2 {margin-top: 19px;}
.marTop3 {margin-top: 30px;}
.marTop4 { margin-top: -14px;}
.marTop5 { margin-top: -24px;}
.hline {width: 100%;height: 38px;max-width: 100%;background: url(../images/hline.png) center 0 no-repeat;margin-top: 52px;margin-bottom: 0px;}
.hlineb {width: 100%;height: 38px;max-width: 100%;background: url(../images/hline.png) center 0 no-repeat;margin-top: 10px;margin-bottom: 10px;}
.hlinec {width: 100%;height: 38px;max-width: 100%;background: url(../images/hline.png) center 0 no-repeat;margin-top: 25px;margin-bottom: 0px;}
.hline.v2 {margin-top: 69px;margin-bottom: 12px;}
.hline.v3 {margin-top: 67px;margin-bottom: 16px;}
.hline.v4 {margin-top: 36px;}
.hline.v5 {margin-top: 45px;margin-bottom: -4px;}
.hline.v6 {margin-top: 45px;margin-bottom: 4px;}
.hline.v7 {margin-top: 47px;margin-bottom: -18px;}
.hline.v8 {margin-top: 57px;margin-bottom: 44px;}
.hline.v9 {margin-top: -5px;margin-bottom: 10px;}
p { margin-top: 30px;}
img { margin-bottom: 0px;max-width: 100%;height: auto;}
.img_border {border: 1px solid #efefef;background: #f8f8f8;padding: 7px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 10px;}
.img1 {margin-top: 24px;}
.img2 {margin-top: 36px;}
.img3 {margin-top: 65px;}
blockquote {padding-top: 65px;background: url(../images/quote_sign.png) 50% 0px no-repeat;margin-top: 70px;overflow: hidden;max-width: 940px;display: inline-block;}
blockquote p {margin-top: 30px;}
.num_section {font: 300 52px/52px 'Roboto', Arial, sans-serif;float: left;color: #fa9183;width: 52px;display: block;margin-top: -10px;}
.date_section {position: relative;width: 100%;max-width: 100px;background-color: #eb6654;float: left;text-align: center;margin-top: 43px;color: #fff;text-transform: uppercase;}
.day {font: bold 37px/37px 'Roboto', Arial, sans-serif;margin-top: 8px;display: block;}
.month {font: 300 10px/12px 'Roboto', Arial, sans-serif;margin-top: 3px;display: block;}
/*========================================================
                              LISTS
=========================================================*/
.listWithMarker {margin: 0;margin-top: 45px;}
.listWithMarker li {display: block;padding-left: 23px;background: url(../images/list_marker.png) 0px 4px no-repeat;margin-bottom: 0;padding-bottom: 10px;}
.listWithMarker li a {color: #000000;text-decoration: none;font: 300 13px/20px "Roboto", Arial, sans-serif;text-transform: uppercase;}
.listWithMarker li a:hover,
.listWithMarker li.current a {color: #000;}
/*========================================================
                              BUTTONS
=========================================================*/
.more_btn {display: inline-block;margin-top: 47px;padding: 14px 45px 19px;text-decoration: none;font: 300 19px/24px "Roboto", Arial, sans-serif;color: #fff;background: #CC9674;text-transform: uppercase;}
.more_btn:hover {color: #000000;background: #fff;}
.more_btn2 {display: inline-block;margin-top: 28px;text-decoration: none;font: 300 10px/18px "Roboto", Arial, sans-serif;color: #6a6c76;text-transform: uppercase;}
.more_btn2:hover {color: #000000;}
.more_btn3 {display: inline-block;margin-top: 22px;padding: 10px 30px 15px;text-decoration: none;font: 300 17px/21px "Roboto", Arial, sans-serif;color: #fff;background: #CC9674;text-transform: uppercase;}
.more_btn3:hover {color: #000000;background: #fff;}
.more_btn4 {display: inline-block;margin-top: 28px;padding: 10px 30px 15px;text-decoration: none;font: 300 17px/21px "Roboto", Arial, sans-serif;color: #fff;background: #CC9674;text-transform: uppercase;}
.more_btn4:hover {color: #000000;background: #fff;}
@media only screen and (max-width: 767px) {
.more_btn3 {display: inline-block;margin-top: 15px;padding: 8px 14px 10px;text-decoration: none;font: 300 14px/17px "Roboto", Arial, sans-serif;color: #fff;background: #CC9674;text-transform: uppercase;}
.more_btn3:hover {color: #000000;background: #fff;}}
/*********************************start magnifier2*************************************/
.magnifier2 {position: relative;
 /* display:block; */
  display: inline-block;}
.zoom {position: absolute;top: 0;left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;background: url(../images/magnifier2.png) 50% 50% no-repeat;
  -webkit-transition: 0.6s all ease;transition: 0.6s all ease;}
a.magnifier2:hover .zoom {opacity: 1;}
a.magnifier2 .zoom {opacity: 0;}
/*********************************end magnifier2*************************************/
/*----------- start social icons ----------------*/
.soc_icons {position: relative;display: block;margin-top: 32px;white-space: nowrap;text-align: left;display: inline-block;}
.soc_icons > li {position: relative;display: inline-block;margin-left: 26px;}
.soc_icons > li:first-child {margin-left: 0;}
.soc_icons > li > a {position: relative;line-height: 1em;-webkit-transition: 0.4s all ease;transition: 0.4s all ease;display: inline-block;color: #000;  text-align: center;}
.soc_icons i {font: normal normal 40px/40px 'FontAwesome';}
.soc_icons > li > a:hover {color: #777;text-decoration: none;}
/*----------- end social icons ----------------*/
/*========================================================
                              CONTENT styles
=========================================================.box-1  padding: 34px 0 280px 0;   */
#content {  padding: 0;  overflow: hidden;}
.col1 {  float: left;  width: 236px;  margin-right: 31px;}
.col1.last {  margin-right: 0;}
.box-1 {  position: relative;  width: 100%;  background-color: #000; background: url(../images/bg1.jpg) 50% 0 fixed no-repeat #000000;  padding: 34px 0 89px 0;
margin-top: 64px; text-align: center;  color: #fff;  -webkit-transition: 0.4s all ease;  transition: 0.4s all ease;}
.bg1 {  background: url(../images/bg1.jpg) 50% 0 fixed no-repeat #000000;}
.bg2 {  background: url(../images/bg2.jpg) 50% 0 fixed no-repeat #000000;}
.bg3 {  background: url(../images/bg3.jpg) 50% 0 fixed no-repeat #000000;}
.bg4 {  background: url(../images/bg4.jpg) 50% 0 fixed no-repeat #000000;}
.bg5 {  background: url(../images/bg5.jpg) 50% 0 fixed no-repeat #000000;}
.bg6 {  background: url(../images/bg6.jpg) 50% 0 fixed no-repeat #000000;}
.bg7 {  background: url(../images/bg7.jpg) 50% 0 fixed no-repeat #000000;}
.bg8 {  background: url(../images/bg8.jpg) 50% 0 fixed no-repeat #000000;}
.box-2 {  position: relative; width: 100%; background: url(../images/bg_block2.jpg) center top fixed no-repeat; padding: 34px 0 89px 0; margin-top: 72px;text-align: center;color: #fff; -webkit-transition: 0.4s all ease;
 transition: 0.4s all ease;}
.box-3 {position: relative;width: 100%;background: url(../images/bg_block3.jpg) center top fixed no-repeat;padding: 34px 0 82px 0;margin-top: 64px;text-align: center;color: #fff;-webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;}
.box-4 {position: relative;  width: 100%;background: url(../images/bg_block4.jpg) center top fixed no-repeat; padding: 34px 0 89px 0; margin-top: 55px; text-align: center; color: #fff; -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;}
/**** start Map ****/
.map {  margin-top: 15px;  overflow: hidden;}
.map figure {  position: relative;  display: block;  width: 100%;  margin-bottom: 3px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.map figure iframe {  width: 100%;  height: 436px;  max-width: 100%;}
.img_border.map {  max-width: 535px;}
/**** end Map ****/
/**** start address section  min-width:58 au lieu 108****/
.address1 {  padding-top: 6px;  display: block;}
.address1 dt {  font: 19px/25px 'Roboto Slab', Arial, sans-serif;  color: #000;  margin-bottom: 23px;  text-transform: uppercase;}
.address1 dd span {  min-width: 58px;  display: inline-block;  text-align: left;}
.address1 dd span.col1 {  min-width: 0;}
/**** end address section ****/
/*========================================================.address1 dt { font: 24px/30px
                              FOOTER styles
=========================================================*/
#footer {  padding: 10px 0 30px;  color: #4b4b4b;  text-align: center;  overflow: hidden;  font-size: 12px;}
.txt_priv {  margin-top: 52px;  /*min-width: 280px;*/}
.priv p {  max-width: 960px;  display: inline-block;}
/*========================================================
                              Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;text-decoration: none;position: fixed;bottom: 80px;right: 30px;overflow: hidden;border: none;color: #c2c1c1;font-size: 49px;line-height: 49px;
  z-index: 20;padding: 5px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#toTop:hover { outline: none; color: #000; background: #fff;
  /*padding: 10px;*/
}
@media only screen and (max-width: 1199px) { #toTop {display: none !important; }
}
/*========================================================
                        RESPONSIVE LAYOUTS STYLES
=========================================================*/
@media only screen and (max-width: 1399px) {
h1 {margin-top: 150px;  }
  #owl2 {    padding: 0px 30px 0px !important;  }
  .box-1,.box-2,.box-3,.box-4 {  background-attachment: scroll;    /*background-size: auto 100%;*/  }
  .box-1 { background-size: 100% 100%; }
}
@media only screen and (max-width: 1199px) {
  .sample {    height: auto;    /*delete this class*/  }
  h1 {    margin-top: 100px;  }
}
@media only screen and (max-width: 979px) {
  .map figure,.map figure iframe,#form input,#form textarea,#form .success { width: 100% !important; float: none !important;}
  #form .success { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .map figure {    height: auto !important;    margin-bottom: 15px;  }
  h1 {    margin-top: 100px;  }
}
@media only screen and (max-width: 767px) {
  img {width: 100%;}
  img.no_resize,
  h1 img {    width: auto;  }
  .map figure iframe {    height: 300px;  }
  .img_border {    width: 100%;  }
  .img2 {    float: none;    margin-bottom: 10px;  }
  figure a {    width: 100%;  }
    /*margin-top: 100px;*/
  h1 {    width: 100%;    margin-top: 10px;  }
  h1 img {    width: 100%;  }
  #owl2 {    margin-top: 50px !important;  }
  .box-1 {    padding-bottom: 140px;  }
  .owl-pagination span {    width: 22px !important;  }
  h1 { font: 55px/69px 'AcmeFont Thin',Vineta BT,Roboto Slab, Arial, sans-serif; color: #333;text-transform: uppercase;}
  h2 {    font: 30px/49px 'Roboto Slab', Arial, sans-serif;  }
  h3 {    font: 25px/20px 'Roboto Slab', Arial, sans-serif;  }
  .txt4 {    font: 35px/35px 'Roboto Slab', Arial, sans-serif;  }
  .txt5 {    font: 100 40px/40px 'Roboto Slab', Arial, sans-serif;  }
}
@media only screen and (max-width: 479px) {
  .sample {height: auto;
    /*delete this class*/
  }
  h1 {    width: 100%;  }
  h1 img {    width: 98%;  }
  .item_descr {    display: none;  }
  .txt2 {    margin-bottom: 10px;  }
  .owl-pagination {    margin-top: 293px !important;  }
}
@media only screen and (max-width: 320px) {  .sample {    height: auto;    /*delete this class*/  }
}
.demimarg{margin-left:1%;width:92%}
.cadreins{border:1px solid #808080;border-radius:1px;margin-bottom:4px;;margin-top:14px;background-color:#fff;padding:10px 10px 10px 10px;width:98%;
overflow-y:auto}
.ico16{height:16px;width:16px;}
.ico24{height:24px;width:24px;}
.ico32{height:32px;width:32px;}
.ico64{height:32px;width:32px;}
.cadrea{border:1px solid red}
.cadreb{border:1px solid blue}
.cadrec{border:1px solid green}
.formsepar{overflow-x:auto;border:3px ridge #f0efed;padding:15px 5px 15px;margin:15px 0 0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.formsepartotal{overflow-x:auto;border:3px outset #f0efed;padding:10px 15px 5px 15px;margin:5px 5px 0 5px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.htpaypal{overflow-y:auto; max-height:30px;}
.margtop{padding-top:20px}
.colore0{background:#fff}
.colore1{background:#CC9674} /*menu*/
.colore2{background:#FFBC92}/*pantone*/
.colore3{background:#F8D6B8}/*tender peach  peche */
.colore4{background:#A37762}/*mocha mousse chocolat */
.colore5{background:#E07E75}/*terre cot   */
.colore6{background:#985717}/*marron */
.colore7{background:#82C46C}/*vert menthe */
.colore8{background:#92AB3A}/*titani ou vert pomme */
.colore9{background:#985717}/*blazinbg yellow */
.colore10{background:#985717}/*rose rouge */
.colore11{background:#93B7D5}/*Airy Blue ou bleu ciel */
.colore12{background:#0063b2}/*Electric Blue Lemonade */
.colore13{background:#333E83}/*bluing bleu profond */
.colore14{background:#C4C6C8}/*Oyster Mushroom gris doux */
.actr,.comptenv{font-size:20px;Font-Weight:Bold;color:#e40000}/*ROUGE comptenv*/
.actb,.comptenvt{font-size:20px;Font-Weight:Bold;color:#246CFF}/*BLEU comptenvt*/
.acto,.comptenver{Font-Weight:Bold;font-size:20px;line-height:18px;color:#FF7700}/*ORANGE comptenver*/
.actv,.comptev{font-size:20px;Font-Weight:Bold;line-height:18px;color:#249600}/*VERT comptev*/
.actbold,.comptenvm{font-size:17px;line-height:16px;color:#CC9674;Font-Weight:Bold}/*gras comptenvm*/
.marge{padding-left:2px; padding-right:10px;}
.miniphotoalbum{max-height:80px;display:block;margin-left:auto;margin-right:auto}
.homme{color:#003cff;font-weight:bold;outline:0;cursor:pointer;text-decoration:none}
.femme{color:#ff0095;font-weight:bold;outline:0;cursor:pointer;text-decoration:none}
.homme a{color:#003cff;font-weight:bold;outline:0;cursor:pointer;text-decoration:none}
.femme a{color:#ff0095;font-weight:bold;outline:0;cursor:pointer;text-decoration:none}
.tab2{width:2%}.tab3{width:3%}.tab4{width:4%}.tab5{width:5%}.tab6{width:6%}.tab7{width:7%}.tab8{width:8%}.tab9{width:9%}.tab10{width:10%}.tab12{width:12%}.tab15{width:15%}.tab20{width:20%}.tab25{width:25%}
.tab30{width:30%}.tab40{width:40%}.tab45{width:45%}.tab46{width:46%}.tab47{width:47%}.tab48{width:48%}.tab49{width:49%}.tab50{width:50%}.tab60{width:60%}.tab70{width:70%}.tab80{width:80%}
.tab97{width:97%}.tab98{width:98%}.tab99{width:99%}.tab100{width:100%}
.tribiens{border:1px outset #a6a6a6;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:10px 6px 10px 6px;background:#f7f7f7;margin-top:20px;margin-left:10px;width:100%}
.tripar{padding:1px 18px 6px 18px; }
a.link9{font:11px/11px 'Open Sans',cursive;color:#fff;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;padding:6px 30px 5px 10px;display:inline-block;
background:url(../img/search_icon2.png) right 0 no-repeat #8f8f8f}
a:hover.link9{font:11px/11px 'Open Sans',cursive;color:#fff;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;padding:6px 30px 5px 10px;display:inline-block;
background:url(../img/search_icon2.png) right 0 no-repeat #dd514c}
.divgridacc {overflow:auto; max-height:600px;}
.divgridaccb {overflow:auto; max-height:800px;}
.divrestoright {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: 1px ridge #424340;padding:5px 8px 10px 8px;margin:10px 6px 20px 0px;float:left;height: 690px; }
.divrestoleft {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: 1px ridge #424340;padding:5px 8px 10px 8px;margin:10px 6px 20px 0px;float:left;height: 690px; }
.longsearch{margin-left:-40px;margin-top:10px}
@media only screen and (max-width: 1199px) {
.longsearch{margin-left:-10px;margin-top:10px}
.divrestoleft {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: 1px ridge #424340;padding:5px 8px 10px 8px; margin:10px 3px 20px -1px; float:left;height: 690px; }
.divrestoright {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: 1px ridge #424340;padding:5px 8px 10px 8px; margin:10px -1px 20px 3px; float:left;height: 690px; }
}
.restophotomax {max-height: 300px;}
.margbot {  margin-top: 15px; }
.margbot2 {  margin-top: 25px; }
.margbut {  margin-top: 45px; }
.pagination{font-family:Arial,Helvetica,sans-serif,georgia;font-size:1em;margin:20px 1px;padding:25px 1px 10px}
.pagination .courante{background:#A37762 none repeat scroll 0 0;border:1px solid #918a7b;color:#fff;border-radius:.5em;-moz-border-radius:.5em;margin-left:5px;padding:4px 8px;text-decoration:none}
.pagination .desactive{color:#918a7b;margin-left:5px;padding:3px 7px;text-decoration:none}
.pagination a{background:#f7f5ef none repeat scroll 0 0;background-image:url(../img/fancy_shadow_n.png);background-repeat:repeat-x;
border:1px solid #918a7b;color:#000;margin-left:5px;border-radius:.5em;-moz-border-radius:.5em;padding:3px 7px;text-decoration:none}
.pagination a:hover{background:#ece6d7 none repeat scroll 0 0;border:1px solid #555;color:#4b4438}
.actiontext{max-width: 100%;position: relative; display: block; background-color:#F2F2F2; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border-style:groove;border-width:1px; border-color:#CC9674;padding: 10px  10px 10px 10px;margin:10px 0 20px 0;}
.divminisite {padding:5px 8px 10px 8px; margin:10px -1px 20px 3px; float:left;height: 340px; overflow-x:auto; }
.separmembre{border:2px groove #9e9494;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:10px 10px 10px 10px}
.farrond1{border:11px outset #E5E3E3;}
.avis{text-decoration:none;font-size:18px;color:#0C5CFF;margin-bottom:10px;padding-bottom:10px;font-weight:700}
.div100mf {-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;border: 1px ridge #808080;padding:5px 10px 10px 10px;margin:10px 10px 20px 10px;display:inline;float:left;width: 96%; overflow:auto;}
.demicentre{margin-left:10px;margin-right:10px;}
.centerph{display:block;text-align:center;margin-left:auto;margin-right:auto;min-width:32px}
.Style8{color:#4EB3AD;font-weight:700;padding-right:5px}.Style9{color:#E71E1E;font-weight:700;padding-right:5px}.Style3{color:#333}
.hx {padding-bottom: 18px;position: relative;}
.hx::before, .hx::after {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #d4d3d3;content: '';}
.hx::after {bottom: 3px;}
.formsecompt{overflow-x:auto;border:3px outset #f0efed;padding:15px 5px 15px;margin:15px 0 0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.divphotoannoncevideo{margin-left:0;height:380px;margin-bottom:30px;margin-right:5px}
.borderann{border:1px solid #CBCBCB;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
 .div2photoannonce{text-align:center;margin-left:0;height:250px;margin-right:auto;padding-top:10px}
 .div2aphotoannonce{text-align:center;margin-left:0;height:180px;margin-right:auto;padding-top:10px}
 .formcadrephotoannoncevideo{height: 150px;text-align: center }
  .formcadrephotoannoncevideo1{height: 220px;text-align: center; padding-top:10px}
.align {height:15px}
@media only screen and (min-width: 768px) {
.titrecaract {height:70px;padding-top:15px}}
.img_artimg{ width:450px;    display: block;  margin-left: auto;  margin-right: auto}
.espbas { margin-bottom: 25px;}
.dimcaptcha { width:120px; height: 40px; }
.restotout{height: 630px; padding-bottom:20px; margin-bottom: 20px; }
.restoevent{height: 280px;overflow-y:auto; }
.restotoutcat{height: 140px;overflow:auto;}
.restosphoto{ height:240px;margin-bottom: 10px; overflow:auto;}
.imagestylheightindex {background-size:cover;width:100%;height:230px;}
.restotoutan{height: 680px; padding-bottom:20px; margin-bottom: 20px; }
.restotoutana{height: 710px; padding-bottom:20px; margin-bottom: 20px; }
.restotoutcatan{height: 140px;overflow:auto;}
.restotoutcatanclass{height: 160px;overflow:auto;}
.restotoutcatanclassa{height: 190px;overflow:auto;}
.restosphotoan{ height:280px;margin-bottom: 10px; overflow:auto;}
.imagestylheight {background-size:cover;width:100%;height:273px;}
.descart {-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;border: 1px ridge #B2B2B1;padding:0px 5px 15px 5px;margin:10px 10px 15px 10px;float:center;height: 170px;width: calc(100% - 33px);  overflow-y:auto; }
@media only screen and (max-width: 979px) {
.restotout{height: 580px; padding-bottom:20px;margin-bottom: 20px;  }
.restotoutcat{height: 180px;overflow:auto;}
.restosphoto{ height:150px;margin-bottom: 10px; overflow:auto;}
.imagestylheightindex {background-size:cover;width:100%;height:140px;}
.restotoutan{height: 630px; padding-bottom:20px;margin-bottom: 20px;  }
.restotoutcatan{height: 120px;overflow:auto;}
.restosphotoan{ height:220px;margin-bottom: 10px; overflow:auto;}
.imagestylheight {background-size:cover;width:100%;height:242px;}
}
@media only screen and (max-width: 767px) {
.restotout{height: 610px; padding-bottom:20px;margin-bottom: 20px;  }
.restotoutcat{height: 110px;overflow:auto;}
.restosphoto{ height:250px;margin-bottom: 10px; overflow:auto;}
.imagestylheightindex {background-size:cover;width:100%;height:240px;}
.restotoutan{height: 650px; padding-bottom:20px;margin-bottom: 20px;  }
.restotoutcatan{height: 110px;overflow:auto;}
.restosphotoan{ height:270px;margin-bottom: 10px; overflow:auto;}
.imagestylheight {background-size:cover;width:100%;height:282px;}
}
@media only screen and (max-width: 474px) {
.restotout{height: 530px; padding-bottom:20px;margin-bottom: 20px;  }
.restotoutcat{height: 120px;overflow:auto;}
.restosphoto{ height:150px;margin-bottom: 10px; overflow:auto;}
.imagestylheightindex {background-size:cover;width:100%;height:147px;}
.restotoutan{height: 580px; padding-bottom:20px;margin-bottom: 20px;  }
.restotoutcatan{height: 140px;overflow:auto;}
.restosphotoan{ height:1700px;margin-bottom: 10px; overflow:auto;}
.imagestylheight {background-size:cover;width:100%;height:177px;}
}
.thumb-pad4 {   margin: 0;   overflow: hidden;}
.thumb-pad4 .thumbnail {position: relative; margin: 0; border-radius: 0; box-shadow: none;border: none; padding: 0; background: none;overflow: hidden; margin: 25px 0 0 0;}
.thumb-pad4 .thumbnail .caption {   padding: 0;   overflow: hidden;}
.thumb-pad4 figure {   margin: 0 0 15px 0;}
.thumb-pad4 figure img {   width: 100%;}
.divg  {  font: inherit;  margin-top: 20px;  margin-left: auto;  margin-right: auto;  }
.dive{overflow-x:auto;border:3px solid #f0efed;margin-left:auto;margin-right:auto;background:#fff}
.photomoderation {width : 150px;max-height:127px }
.photovalidation {height:167px }
.hphoto {height:127px }
.vuvideo { max-width:560px;}
.listsorties{width:100%;margin-bottom:20px;margin-left:auto;float:left;padding:10px 10px 0;height:auto;-moz-border-radius:1px;-webkit-border-radius:10px;border-radius:10px;border:1px ridge gray}
.formcadra{padding:15px 0 15px 0;border-radius:25px;border-style:ridge;}
.formcadrb{padding:15px 10px 15px 15px;border-radius:1px;border-style:ridge;}
.pargrapheesp{margin-top:48px}
.larg { width:100px;}
.margetri{margin-top:40px}
.forumcadre{border:2px solid #6e6e6e;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:10px 10px 10px 10px}
.pseudodroite{padding-top: 30px;text-align:right; }
.pseudogauche{padding-top: 30px;text-align:left;}.pseudocentre{padding-top: 30px;text-align:center;}
.nonlu { margin: 0 auto; padding-bottom: 10px; text-align:center;text-decoration : underline;   }
.messujet{float: left; text-align:left; margin-left: 15px;width: 60%; font-weight: bold;}
.mesdate{float: right; width: 36%;}
.formcadremodif{border:5px solid #c9c3c3;padding:5px 8px 20px 8px;margin:0 10px 20px 10px;margin-top:10px;border-radius:5px;border-style:outset}
.lignetable {margin-top: 10px;   background: #EFEFEF;border: 1px solid #4c4c4c;height: 44px;line-height:44px; /* centrage vertical */
 text-align:center; /* centrage horizontal */
text-shadow : 1px 1px 1px #000 ;filter : dropshadow(color=#000, offx=4, offy=1) ; /** spécial Internet Explorer **/
}
.lignetabla {margin-top: 10px;   background: #EFEFEF;border: 1px solid #4c4c4c;height: 64px;line-height:64px; /* centrage vertical */
 text-align:center; /* centrage horizontal */
text-shadow : 1px 1px 1px #000 ;filter : dropshadow(color=#000, offx=4, offy=1) ; /** spécial Internet Explorer **/
}
 .lignetable span {vertical-align:middle; }
 .margbottom{margin-bottom:20px}
.tabborderinclusd {width: 100%;margin-left: auto; margin-right: auto; }
/** supprimer ci dessous si sauvegarde correspondance_membre non utilise **/
 .messujet{float: left; text-align:left; margin-left: 15px;width: 60%; font-weight: bold;}
.mesdate{float: right; width: 36%;}
.divascm3 { overflow-y:auto; overflow-x:auto; padding:3px 3px 3px 7px; border:1px solid rgb(240, 239, 237); width:98%; max-height:250px; min-height:100px; }
.negatif{font-weight:bold;color:#e40000;}
.avertir{font-weight:bold;color:#ff5215;}.positif{font-weight:bold;color:#249600;}
.h40 {font: 300 20px/25px 'Roboto', Arial, sans-serif;color: #363f45;font-weight:bold;}
.indexavis{padding-top: 30px;padding-bottom:20px;}
.larginput{max-width:500px;}
.fright_links1{margin-left:5px}.fright_links .btn+.btn{margin-left:8px}
.cherch {padding: 15px 20px 15px; background: #cc9674;text-align: center;}
.indexcritiques{ display: inline-block; overflow:auto; width: 100%;}
 .img_htcom {  height: 22px; width: 110px; }
.grid_33 { width: 29%; height: 110px;text-align: center; margin-bottom: 40px;}
.img_sitimg{max-height: 90px; max-width: 80%; text-align: center;display: block; margin-left: auto; margin-right: auto;}
@media only screen and (max-width: 1399px) {
.grid_33 { width: 29%; height: 110px;text-align: center; margin-bottom: 40px;}
}
@media only screen and (max-width: 1199px) {
.grid_33 { width: 29%; height: 110px;text-align: center; margin-bottom: 40px;}
}
@media only screen and (max-width: 979px) {
.img_sitimg{max-height: 100px; max-width: 97%; text-align: center;display: block; margin-left: auto; margin-right: auto;}
.grid_33 { width: 28%; height: 110px;text-align: center; margin-bottom: 40px;}
}
@media only screen and (max-width: 767px) {
.img_sitimg{max-height: 90px; max-width: 100%; text-align: center;display: block; margin-left: auto; margin-right: auto;}
.grid_33 { width: 32%; height: 110px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
}
.separmin{margin-top:-12px;}
.separminb{margin-bottom:-8px;}.separminba{margin-bottom:-50px;}
.form_details{float:left;width:98%;margin:0 0 7px 0}