/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul, ul ul {
  list-style: none;
}
ul ul, ol ul {
  margin: 0;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
b {
  font-weight: bold;
}
/* useful tips*/

.cl { clear: left; }
.cb { clear: both; }

.fl { float:left; }
.fr { float:right; }

.db { display: block; }

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

a, a:link, a:hover, a:visited {
  color: #333;
}
a, a:hover {
  text-decoration: none;
}
.text p {
  line-height: 1.5;
}

label {
  white-space: normal;
}

/* Font Face */

/*
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      Synthview Type Design
 * License URL: http://www.fontspring.com/fflicense/synthview
 */

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'NovecentowideBold';
  src: url('fonts/Novecentowide-Bold-webfont.eot');
  src: url('fonts/Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Novecentowide-Bold-webfont.woff') format('woff'),
  url('fonts/Novecentowide-Bold-webfont.ttf') format('truetype'),
  url('fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'NovecentowideBook';
  src: url('fonts/Novecentowide-Book-webfont.eot');
  src: url('fonts/Novecentowide-Book-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Novecentowide-Book-webfont.woff') format('woff'),
  url('fonts/Novecentowide-Book-webfont.ttf') format('truetype'),
  url('fonts/Novecentowide-Book-webfont.svg#NovecentowideBookRegular') format('svg');
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'NovecentowideDemiBold';
  src: url('fonts/Novecentowide-DemiBold-webfont.eot');
  src: url('fonts/Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Novecentowide-DemiBold-webfont.woff') format('woff'),
  url('fonts/Novecentowide-DemiBold-webfont.ttf') format('truetype'),
  url('fonts/Novecentowide-DemiBold-webfont.svg#NovecentowideLightBold') format('svg');
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'NovecentowideLight';
  src: url('fonts/Novecentowide-Light-webfont.eot');
  src: url('fonts/Novecentowide-Light-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Novecentowide-Light-webfont.woff') format('woff'),
  url('fonts/Novecentowide-Light-webfont.ttf') format('truetype'),
  url('fonts/Novecentowide-Light-webfont.svg#NovecentowideLightRegular') format('svg');
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'NovecentowideMedium';
  src: url('fonts/Novecentowide-Medium-webfont.eot');
  src: url('fonts/Novecentowide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Novecentowide-Medium-webfont.woff') format('woff'),
  url('fonts/Novecentowide-Medium-webfont.ttf') format('truetype'),
  url('fonts/Novecentowide-Medium-webfont.svg#NovecentowideUltraLightBold') format('svg');
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'NovecentowideNormal';
  src: url('fonts/Novecentowide-Normal-webfont.eot');
  src: url('fonts/Novecentowide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Novecentowide-Normal-webfont.woff') format('woff'),
  url('fonts/Novecentowide-Normal-webfont.ttf') format('truetype'),
  url('fonts/Novecentowide-Normal-webfont.svg#NovecentowideNormalRegular') format('svg');
}

.nove_normal {
  font-family: 'NovecentowideNormal', sans-serif;
}
.nove_medium {
  font-family: 'NovecentowideMedium', sans-serif;
}
.nove_light {
  font-family: 'NovecentowideLight', sans-serif;
}
.nove_bold {
  font-family: 'NovecentowideBold', sans-serif;
}
.nove_demibold {
  font-family: 'NovecentowideDemiBold', sans-serif;
}
.nove_book {
  font-family: 'NovecentowideBook', sans-serif;
}

#loader {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  opacity: 0.8;
  background-color: #EBE8E1;
  padding-top: 400px;
  text-align: center;
}
  #loader p {
    display: none;
    padding-right: 10px;
    font-size: 1.2em;
    color: #333;
  }

/* Block redirection mobile */
#redirectMobile.old {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: #EBE8E1;
  text-align: center;
  opacity: 0.9;
}
  #redirectMobile.old .smoothbox {
    display: block;
    width: 70%;
    margin: 100px auto;
    padding: 20px;
    background-color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 2em;
  }
    #redirectMobile.old .smoothbox p {
      font-size: 1.5em;
    }
    #redirectMobile.old .smoothbox .button a {
      display: inline-block;
      background: none repeat scroll 0 0 #E4328A;
      margin: 15px 0 0;      
      border: medium none;
      color: #FFFFFF;
      cursor: pointer;
      padding: 9px 30px;
    }

#redirectMobile {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-transform: uppercase;
}
  #redirectMobile .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
  }
  #redirectMobile .box {
    position: relative;
    z-index: 10;
    margin: 100px auto;
    padding: 40px 50px;
    width: 512px;
    background-color: #ebe8e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
    #redirectMobile .box p {
      font-size: 1.6em;
    }
    #redirectMobile .box .button {
      font-size: 1.1em;
      margin: 30px 0 0;
    }
    #redirectMobile .box .button a {
      display: inline-block;
      width: 248px;
      height: 50px;
      line-height: 50px;
      background: #E4328A;
      border: none;
      color: #fff;
      cursor: pointer;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    #redirectMobile .box .button a:first-child {
      margin-right: 10px;
    }
      #redirectMobile .box .button a .picto {
        display: inline-block;
        margin-right: 8px;
      }
      #redirectMobile .box .button a.mobile .picto {
        width: 17px;
        height: 50px;
        background: url(../images/global/pictos/bg_redirectmobile_phone.png) no-repeat transparent 0 center;
      }
      #redirectMobile .box .button a.desktop .picto {
        width: 33px;
        height: 50px;
        background: url(../images/global/pictos/bg_redirectmobile_desktop.png) no-repeat transparent 0 center;
      }

/* Style for tags generated by EZ */
#main-position,
#main,
#main > .overflow-fix {
  width: 100%;
  height: 100%;
}

/* Global Styles */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1250px;
  height: 100%;
  min-height: 670px;
  background: #ebe8e1;
  color: #333;
  font-size: 12px;
  font-family: Arial, serif;
}

.wrapper {
  position: relative;
  min-width: 1024px;
  min-height: 100%;
}

  .center {
    position: relative;
    margin: 0 auto;
    width: 1250px;
  }

/************************************************/
/******                Header               *******/

.header {
  position: relative;
  z-index: 90;
  width: 100%;
  height: 50px;
  background: #FFF;
}

	.header .center {
		z-index: 3;
	}

      /* Utils */
      .header .utils {
        float: right;
        width: 420px;
        height: 50px;
      }

        .header .utils>div {
          float: left;
        }

        .header .utils .search {
          margin: 4px 8px 4px 0;
          width: 151px;
          height: 42px;
          background: url(../images/global/header/bg_search.png) no-repeat left top #FFF;
        }

          .header .utils .search input {
            float: left;
            border: none;
          }

          .header .utils .search input[type="text"] {
            padding: 5px 10px;
            width: 95px;
            height: 32px;
            background: none;
            color: #e4338a;
            font-size: 1em;
            font-style: italic;
          }
          
          .header .utils .search input[type="submit"] {
            width: 20px;
            height: 23px;
            margin: 8px 0 0 5px;
            padding: 0;
            background: url(../images/global/pictos/pictos.png) no-repeat -182px 4px;
            color: #FFF;
            text-align: center;
            text-transform: uppercase;
            font-size: 11px;
            cursor: pointer;
          }

            .header .utils .search input[type="submit"]:hover {
              background: url(../images/global/pictos/pictos.png) no-repeat -150px 4px;
            }

            .header .utils .search .picto:hover {
              background-position: -150px 0;
            }

        .header .utils .lang {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1;
          width: 80px;
          height: 50px;
          overflow: hidden;
          background: #FFF;
        }

          .header .utils .lang:hover,
          .header .utils .lang:hover ul {
            height: auto;
            overflow: visible;
          }

          .header .utils .lang ul {
            overflow: hidden;
            margin: 15px 10px 15px;
            width: 52px;
            height: 20px;
          }

            .header .utils .lang ul li {
              margin-bottom: 8px;
              height: 16px;
              text-align: right;
            }
              .header .utils .lang ul li.current_siteaccess {
                background: url(../images/global/pictos/pictos.png) no-repeat -57px 6px;
              }
                .header .utils .lang:hover ul li.current_siteaccess {
                  background-position: -118px 6px;
                }

              .header .utils .lang ul li a {
                position: relative;
                display: block;
              }

              .header .utils .lang ul li .picto {
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -3px;
                width: 8px;
                height: 4px;
                background: url(../images/global/pictos/pictos.png) no-repeat -60px 0;
              }

                .header .utils .lang:hover ul li .picto {
                  background-position: -120px 0;
                }

              .header .utils .lang ul li a img {
                border: 2px solid #FFF;
                margin-right: 12px;
              }

              .header .utils .lang ul li a:hover img {
                border: 2px solid #d3d1cd;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
              }

          .header .utils .lang .others {
            display: none;
            padding: 7px;
            border-top: 1px dotted #e1dfe0;
            color: #afa6a1;
            text-align: center;
            text-transform: uppercase;
            font-size:   0.833em;
            line-height: 1.333;
          }

            .header .utils .lang:hover .others {
              display: block;
            }

            .header .utils .lang .others .picto {
              display: block;
              margin-top: 5px;
              margin-left: 20px;
              width: 18px;
              height: 18px;
              background: url(../images/global/pictos/pictos.png) no-repeat -90px 0;
            }

    /* Logo */

    .header .logo {
      position: absolute;
      top: 0;
      left: 20px;
    }

    /* Menu */

    .header .menu {
      float: left;
      display: table;
      width: 670px;
      height: 50px;
      margin-left: 160px;
    }

      .header .menu li {
				position: relative;
        display: table-cell;
        vertical-align: middle;
        padding: 12px 0 8px 0;
        text-align: center;
				border-bottom: 2px solid #FFF;
      }

				.header .menu li.open,
				.header .menu li.active.open {
					border-bottom: 2px solid #e03189;
				}

        .header .menu li.active  {
          border-bottom: 2px solid #97BF0D;
        }

					.header .menu li.open .arrow {
						position: absolute;
						bottom: -6px;
						left: 50%;
						display: block;
						margin-left: -3px;
						width: 7px;
						height: 4px;
						background: url(../images/global/pictos/submenu_active.png) no-repeat center;
					}

        .header .menu li a {
          display: block;
          padding: 0 25px;
          border-left: 1px dotted #c1c1c1;
          text-transform: uppercase;
          font-size: 1.167em;
        }

          .header .menu li.active a,
          .header .menu li.active a:hover {
            color: #97bf0d;
          }

          .header .menu li a:hover {
            color: #909090;
          }

        .header .menu li:first-child a {
          border-left: none;
        }

		/* Sous menu */

		.header .submenu {
			position: absolute;
			top: 50px;
			left: 0;
      z-index: 2;
			display: none;
			padding-top: 70px;
			width: 100%;
			background: url(../images/global/bg_submenu.png) repeat-x top center #FFF;
		}

			.header .submenu.open {
				display: block;
			}

			.header .submenu .center > div {
				padding-left: 60px;
			}

			.header .submenu .left_side {
				float: left;
				width: 920px;
			}

			.header .submenu p {
				margin-bottom: 10px;
				color: #867b74;
				font-size: 1.5em;
				text-transform: uppercase;
			}

			.header .submenu ul {
				margin-bottom: 20px;
			}

			.header .submenu.todo ul,
			.header .submenu ul.stay {
				float: left;
				margin-bottom: 0;
				width: 690px;
			}

				.header .submenu ul li {
					float: left;
					margin-right: 13px;
					margin-bottom: 13px;
				}

				.header .submenu.todo ul li {
					margin-bottom: 50px;
				}
	
				.header .submenu ul a {
					position: relative;
					display: block;
					width: 217px;
					height: 120px;
					overflow: hidden;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
				}

					.header .submenu .shadow {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
						display: block;
						width: 217px;
						height: 120px;
						-webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
						-moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
						box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
					}

						.header .submenu a:hover .shadow {
							border: 3px solid #635a54;
							width: 211px;
							height: 114px;
							-webkit-box-shadow: none;
							-moz-box-shadow: none;
							box-shadow: none;
						}

					.header .submenu ul a img {
						position: relative;
						z-index: 0;
						display: block;
					}

					.header .submenu ul a .text {
						position: absolute;
						bottom: 0;
						left: 0;
						z-index: 2;
						display: block;
						padding: 12px;
						width: 197px;
						color: #FFF;
						background-color: #e3328a;
						text-align: center;
						text-transform: uppercase;
					}

						.header .submenu ul a:hover .text {
							background-color: #635a54;
						}
           
          .header .submenu .shadow {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
						display: block;
						width: 217px;
						height: 120px;
						-webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
						-moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
						box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
					}

          .header .submenu ul.stay a .text {
            background-color: #89b40a;
          }

						.header .submenu ul.stay a:hover .text {
							background-color: #635a54;
						}

      .header .submenu ul.push {
        float: left;
        width: 217px;
        height: 281px;
      }

        .header .submenu ul.push li {
          float: none;
          margin: 0 0 7px;
        }
  
        .header .submenu ul.push li a {
          padding: 0 20px;
          width: 177px;
          height: 65px;
          color: #FFF;
          background-color: #E23589;
          font-size: 1.083em;
          line-height: 65px;
          text-align: center;
        }

        .header .submenu ul.push li a:hover {
          background-color: #635a54;
        }

          .header .submenu ul.push li a span {
            position: relative;
            z-index: 1;
            display: inline-block;
            line-height: 1.3em;
            vertical-align: middle;
          }

          .header .submenu ul.push li a.diaporama {
            -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
            -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
            box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);
          }

          .header .submenu ul.push li a.diaporama:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
          }

          .header .submenu ul.push li a.diaporama img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
          }

      .header .submenu ul.childs {
        float: left;
        width: 691px;
      }

        .header .submenu ul.childs > li {
          position: relative;
          float: left;
          margin: 0 0 0 13px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          width: 217px;
          height: 281px;
          overflow: hidden;
          background-color: #8eb310;
        }

          .header .submenu ul.childs > li span.title,
          .header .submenu ul.childs > li a {
            display: block;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            width: auto;
            height: auto;
            overflow: auto;
            color: #FFF;
            text-align: center;
          }

          .header .submenu ul.childs > li a:hover {
            color: #000;
          }

          .header .submenu ul.childs > li > .shadow {
            height: 92px;
          }

          .header .submenu ul.childs > li > span.title, 
          .header .submenu ul.childs > li > a {
            margin: 5px 20px;
            padding: 5px 0;
            line-height: 1.3em;
            text-transform: uppercase;
            font-size: 1.167em;
          }

          .header .submenu ul.childs > li ul {
            margin-bottom: 0;
          }

            .header .submenu ul.childs > li ul li {
              display: block;
              float: none;
              margin: 7px 20px;
            }

            .header .submenu ul.childs > li ul li span.title,
            .header .submenu ul.childs > li ul li a {
              font-size: 1.167em;
              line-height: 1.2em;
            }

		.header .submenu .left_side .childs img {
      max-width: 217px;
      max-height: 92px;
    }
		.header .submenu .inspiration {
			position: relative;
			float: left;
			margin-bottom: 25px;
			padding-left: 30px;
			width: 225px;
			height: 315px;
			background: url(../images/global/bg_inspiration.png) no-repeat 5px 70px;
			text-align: center;
		}
    
		.header .submenu .push_blog {
			position: relative;
			float: left;
			margin-bottom: 25px;
			padding-left: 0;
			width: 225px;
			height: 315px;
			text-align: center;
		}

		.header .submenu.accomodation .inspiration {
      margin-top: 100px;
		}

			.header .submenu .inspiration p {
				color: #867b74;
			}

			.header .submenu .inspiration p.title {
				margin-bottom: 5px;
				font-size: 1.417em;
				text-transform: uppercase;
			}

			.header .submenu .inspiration p.desc {
				font-size: 1.167em;
				font-family: Georgia, serif;
				font-style: italic;
				line-height: 1.2em;
				text-transform: none;
			}

			.header .submenu .inspiration .btn {
				position: absolute;
				bottom: 0;
				left: 30px;
				display: block;
				width: 223px;
				height: 96px;
				background: url(../images/global/bg_btn_inspiration.png) no-repeat 0 0;
			}

			.header .submenu .inspiration .btn:hover {
				background-position: 0 -96px;
			}

			.header .submenu .inspiration .btn span {
				display: block;
				padding: 30px 40px 30px 35px;
				color: #FFF;
				font-size: 1.167em;
				text-align: center;
				line-height: 1.2em;
				text-transform: uppercase;
			}

		.header .submenu .offer {
			float: left;
			margin-bottom: 20px;
			margin-right: 13px;
		}

			.header .submenu .offer a {
				display: block;
				width: 217px;
			}

				.header .submenu .offer span {
					display: block;
				}

					.header .submenu .offer a .image {
						display: block;
						position: relative;
						width: 217px;
						height: 120px;
						overflow: hidden;
					}

						.header .submenu .offer a img {
							position: relative;
							z-index: 0;
							display: block;
						}

						.header .submenu .offer a .image .price {
							position: absolute;
							top: 0;
							left: 20px;
							padding: 5px 10px;
							width: 72px;
							height: 51px;
							background:  url(../images/global/sub_menu_offer_price.png);
						}

						.header .submenu .offer a .image .price {
							color: #FFF;
							font-size: 0.917em;
							line-height: 1.4em;
							text-align: center;
						}

							.header .submenu .offer a .image .price .start {
								color: #c4da85;
							}

							.header .submenu .offer a .image .price .number {
								color: #FFF;
								font-size: 1.455em;
							}

					.header .submenu .offer a .type {
						margin: 12px 0 5px;
						color: #635a54;
						font-size: 1.250em;
					}

					.header .submenu .offer a .city {
						margin: 12px 0 5px;
						color: #89b40a;
						text-transform: uppercase;
					}

						.header .submenu .offer a:hover .city {
							color: #635a54;
						}

					.header .submenu .offer a .title {
						margin: 5px 0;
						color: #8e827b;
						font-size: 1.250em;
						line-height: 1.2em;
						text-transform: uppercase;
					}

  /* Resa */

  .header .resa {
    position: relative;
    z-index: 2;
    width: 198px;
  }

    .header .resa .etiquette {
      position: relative;
      margin: 4px 0 0;
      z-index: 99;
      display: block;
      overflow: hidden;
      padding: 8px 0 7px 53px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      width: 145px;
      height: 27px;
      color: #FFF;
      background: url(../images/global/bt_resa.png) no-repeat left top;
      font-size: 1.167em;
    }

      .header .resa .etiquette span {
        display: block;
      }

      .header .resa .etiquette.active,
      .header .resa .etiquette:hover {
        color: #000;
        background-position: left -42px;
      }

      .header .resa .etiquette.active {
        margin-bottom: 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        height: 31px;
        background-position: left -84px;
      }

    .header .resa .bloc_resa {
      position: absolute;
      top: 50px;
      right: 0;
      z-index: 0;
      display: none;
      padding: 20px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px;
      -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
      width: 210px;
      background: #98bf0e;
    }

      .header .resa .bloc_resa p,
      .header .resa .bloc_resa form legend {
        color: #FFF;
        font-size: 1.333em;
      }

      .header .resa .bloc_resa p span.phone {
        display: block;
        margin-top: 5px;
        padding-left: 25px;
        color: #d6eb87;
        background: url(../images/global/header/resa_tel.png) no-repeat left center;
        font-size: 1.250em;
      }

      .header .resa .bloc_resa > .online {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #adcc3e;
      }

      .header .resa .bloc_resa > .online a {
        display: block;
        color: #FFF;
        font-size: 1.333em;
        background: url(../images/global/header/arrow_online.png) no-repeat right center;
      }

        .header .resa .bloc_resa > .online a:hover {
          color: #333;
        }

      .header .resa .bloc_resa > form {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #adcc3e;
      }

      .header .resa .bloc_resa form legend {
        margin-bottom: 8px;
      }

      .header .resa .bloc_resa input[type="text"],
      .header .resa .bloc_resa select {
        display: block;
        margin: 8px 0 0;
        padding: 8px 10px 7px;
        width: 190px;
        border: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #FFF;
        color: #7d8a44;
        font-weight: bold;
        font-size: 0.917em;
        font-family: Arial, serif;
      }

      .header .resa .bloc_resa input[type="submit"] {
        position: relative;
        z-index: 90;
        float: right;
        margin-top: 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 70px;
        height: 30px;
        border: none;
        background: #000;
        color: #FFF;
        font-size: 1.167em;
        cursor: pointer;
      }

        .header .resa .bloc_resa input[type="submit"]:hover {
          color: #98bf0e;
        }
        
        .header .resa .bloc_resa input[type="submit"].inactive {
          color: #98bf0e;
          cursor: default;
        }

      .header .resa .bloc_resa select {
        width: 210px;
      }

        .header .resa .bloc_resa #personnes,
        .header .resa .bloc_resa #dk_container_personnes {
          float: left;
          width: 120px !important;
        }

      .header .resa .bloc_resa .has_datepicker {
        background: url(../images/global/pictos/resa_date.png) no-repeat right top #FFF;
        cursor: pointer;
      }

      .header .resa .bloc_resa .dk_label {
        display: block;
        width: 157px;
        height: 22px;
        overflow: hidden;
        padding-top: 0;
      }

/************************************************/
/****                Container               ****/

.container {
  padding-bottom: 100px;
  background-color: #FFF;
}

/************************************************/
/*****                Content               *****/

.content {
  position: relative;
  z-index: 10;
  padding-top: 90px;
  padding-right: 10px;
  padding-left: 20px;
  width: 950px;
}

  /* Texte riche */

  .content h1 {
    margin-bottom: 5px;
    color: #867b74;
    text-transform: uppercase;
    font-size: 1.833em;
  }

  .content h2 {
    position: relative;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 1.417em;
  }

  .content .two_third .editorial img
  {
    max-width: 570px;
  }
  .content .one_third .editorial img
  {
    max-width: 336px;
  }
  .content .one_half .editorial img
  {
    max-width: 450px;
  }
    .content .editorial h2:after,
    .content .inspiration h2:after,
    .content .divers h2:after,
    .content .bonne_raison h2:after {
      content: "";
      position: absolute;
      bottom: -12px;
      left: 0;
      width: 35px;
      height: 1px;
      border-top: 1px solid #7c7c7c;
    }
  
  .content h3 {
    margin: 10px 0;
    color: #7b7064;
    font-style: italic;
    font-size: 1.167em;
    font-family: 'Georgia', serif;
    line-height: 1.5;
  }
  .content h4 {
    display: block;
    margin: 15px 0;
    text-transform: uppercase;
  }
  
  .content p {
    color: #514A46;
  }

    .content p.legend {
      text-align: right;
      font-size: 0.917em;
      line-height: 1.5;
    }

      .content p.legend .copyright {
        font-style: italic;
      }

  .content a {
    color: #e23589;
  }

    .content a:hover {
      color: #000;
    }
    
    #top_slider a.picto_plus,
    #big_slider a.picto_plus,
    .content a span.picto_plus,
    .content a.picto_plus {
      display: block;
      margin: auto;
      width: 24px;
      height: 24px;
      background: url("../images/global/pictos/pictos.png") repeat scroll 0 -150px transparent;
    }
      #big_slider a.picto_plus:hover,
      .content a:hover span.picto_plus,
      .content a.picto_plus:hover {
        background-position: 0 -30px;
      }
    

  .content img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .content ul.link_dl,
  .content ul.type {
    margin: 15px 0 25px 0;
    color: #514A46;
  }

    .content ul.type li {
      margin: 5px 0 5px 21px;
      list-style: disc outside url("../images/global/pictos/type_li.png");
    }

    .content ul.link_dl li {
      margin: 5px 0;
    }

      .content ul.link_dl li a {
        padding-left: 20px;
        background: url("../images/global/pictos/dl_li.png") no-repeat scroll left 0px transparent;
      }

      .content ul.link_dl li a:hover {
        background-position: left -21px;
      }
      
  /* Partenaire */
  .content .partner .float_left {
    float: left;
    max-width: 200px;
    margin: 5px 15px 15px 0;
  }
  
    .content .partner .float_left img
    {
      max-width: 200px;
      max-height: 100px;
      margin: 0;
    }
  
  /* Tableau */

  .content table {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    table-layout:fixed;
  }

    .content table:after {
      content: url("../images/global/table_shadow.png");
      position: absolute;
      bottom: -14px;
      left: 50%;
      margin-left: -168px;
    }

    .content table th {
      padding: 15px 0;
      border-left: 1px solid #88a622;
      background-color: #7d9e0b;
      color: #fff;
      text-transform: uppercase;
    }

      .content table th:first-child {
        border-left: 0;
      }

      .content table th:first-child {
        -webkit-border-radius: 4px 0 0 0;
        -moz-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0;
        background-color: #97bf0d;
      }

      .content table th:last-child {
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0;
      }

    .content table td {
      padding: 15px 0;
      border: 1px solid #fff;
      background-color: #d7d3cf;
      color: #867b74;
      text-align: center;
      font-style: italic;
      font-size: 1.333em;
      font-family: 'Georgia', serif;
    }

      .content table tbody tr:first-child td {
        border-top: 0;
      }

      .content table tbody tr td:last-child {
        border-right: 0;
      }

      .content table tbody tr td:first-child {
        border-left: 0;
      }
      .content table tbody tr:last-child td:last-child {
        -webkit-border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0;
        border-radius: 0 0 4px 0;
      }

      .content table tbody tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
      }

      .content table tr td:first-child {
        background-color: #e4e0dc;
        font-size: 1em;
      }

  /* Chapo */

  .content .chapo {
    width: 930px;
  }

    .content .chapo p {
      margin: 10px 0;
      color: #7b7064;
      font-style: italic;
      font-size: 1.167em;
      font-family: 'Georgia', serif;
      line-height: 1.5;
    }

  /* Visuel */

  .content .big_visual {
    position: relative;
    width: 930px;
    min-height: 360px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
  }
    .content .big_visual img {
      max-width: 924px;
      max-height: 367px;
    }

    .content .big_visual .desc_visual {
      position: absolute;
      top: 50%;
      left: 50px;
      overflow: hidden;
      margin-top: -156px;
      padding: 47px 36px;
      width: 213px;
      height: 219px;
      background: url(../images/global/bg_desc_visual.png) no-repeat 0 0;
      color: #b5b4b1;
      text-align: center;
    }

      .content .big_visual .desc_visual div {
        position: relative;
      }

      .content .big_visual .desc_visual div:before,
      .content .big_visual .desc_visual div:after {
        content: "";
        position: absolute;
        top: -15px;
        left: 50%;
        margin-left: -17px;
        width: 35px;
        height: 1px;
        border-top: 1px solid  #b5b4b1;
      }
      .content .big_visual .desc_visual div:after {
        top: auto;
        bottom: -15px;
      }

      .content .big_visual .desc_visual p {
        color: #b5b4b1;
      }

      .content .big_visual .desc_visual .title01 {
        display: block;
        font-size: 1.250em;
      }

      .content .big_visual .desc_visual p {
        margin: 10px 0;
        font-style: italic;
        font-size: 1.167em;
        font-family: 'Georgia', serif;
        line-height: 1.5;
      }
      
  /* slideshow */
  .content .pageDiapo {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 360px;
    position: relative;
    text-align: center;
    width: 930px;
  }
  .content .pageDiapo .slideshow {
    position: relative;
    float: left;
  }
    .content .pageDiapo .slideshow img {
      max-height: 367px;
      max-width: 924px;
    }
    .content .pageDiapo .slideshow .navigation {
      bottom: 10px;
      position: absolute;
      right: 10px;
      z-index: 100;
    }
      .content .pageDiapo .slideshow .navigation a {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
        border-radius: 10px 10px 10px 10px;
        display: block;
        float: left;
        height: 11px;
        margin-right: 6px;
        width: 11px;
      }
      .content .pageDiapo .slideshow .navigation a.activeSlide {
        background: none repeat scroll 0 0 #FFFFFF;
      }

  .one_half img {
    margin-top: 10px;
  }
  
  /* Columns */

  .columns_wrap {
    margin-top: 30px;
    padding-right: 0;
    padding-left: 0;
    width: 930px;
  }

    .columns_wrap p {
      margin-bottom: 15px;
      line-height: 1.5;
    }

    .columns_wrap .block {
      margin-bottom: 15px;
      padding: 0;
    }

  .one_third {
    float: left;
    margin-right: 20px;
    width: 336px;
  }
    
  .one_half {
    float: left;
    margin-right: 30px;
    width: 450px;
  }

  .two_third {
    float: left;
    margin-right: 20px;
    width: 570px;
  }
    .two_third .chapo {
      width: 570px;
    }

  .full_width {
    clear: left;
    width: 930px;
  }

  .last_column {
      margin-right: 0;
  }

  /* inspiration */

  .content .inspiration {
    color: #e23589;
    text-align: center;
  }

    .content .inspiration .big_separator{
      display: block;
      margin-top: 30px;
      width: 100%;
      height: 1px;
      background: #cccac4; /* Old browsers */
      background: -moz-linear-gradient(left, #ffffff 0%, #cccac4 50%, #ffffff 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#cccac4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #ffffff 0%,#cccac4 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #ffffff 0%,#cccac4 50%,#ffffff 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #ffffff 0%,#cccac4 50%,#ffffff 100%); /* IE10+ */
      background: linear-gradient(to right, #ffffff 0%,#cccac4 50%,#ffffff 100%); /* W3C */
    }

      .content .inspiration .big_separator:first-child{
        margin-top: 0px;
        margin-bottom: 30px;
      }

    .content .inspiration h2:after {
      left: 50%;
      margin-left: -17px;
    }

    .content .inspiration p {
      padding: 0 60px;
    }

    .content .inspiration a.btn{
      display: block;
      margin: auto;
      width: 137px;
    }

      .content .inspiration a.btn span.top{
        display: block;
        width: 137px;
        height: 15px;
        background: url("../images/global/btn_inspartion.png") no-repeat scroll 0 0 transparent;
      }

        .content .inspiration a.btn:hover span.top{
          background-position: -274px 0;
        }

      .content .inspiration a.btn span.text{
        display: block;
        padding: 5px 0;
        width: 137px;
        background-color: #e23589;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.167em;
      }

        .content .inspiration a.btn:hover span.text{
          background-color: #504f4b;
        }

      .content .inspiration a.btn span.bottom{
        display: block;
        width: 137px;
        height: 25px;
        background: url("../images/global/btn_inspartion.png") no-repeat scroll -137px 0 transparent;
      }

        .content .inspiration a.btn:hover span.bottom{
          background-position: -411px 0;
        }

  /* divers */

  .content .divers {
    padding: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e4e0dc;
  }

    .content .divers ul {
      margin: 15px 0 0 0;
    }

      .content .divers ul li {
        margin: 5px 0;
      }

        .content .divers ul li a {
          padding-left: 20px;
          background: url("../images/global/pictos/divers_li.png") no-repeat scroll left 4px transparent;
        }

        .content .divers ul li a:hover {
          background-position: left -19px;
        }

  /* bonne_raison */

  .content .bonne_raison {
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e4e0dc;
    color: #69605b;
    text-align: center;
  }
    .content .bonne_raison h2 {
      margin: 7px 0 20px;
      font-size: 1.667em;
    }
      .content .bonne_raison h2:after {
        left: 50%;
        margin-left: -17px;
      }

    .content .bonne_raison h3 {
      position: relative;
      margin-bottom: 0;
      font-style: normal;
      font-size: 1em;
      font-family: 'NovecentowideBold',sans-serif;
    }
      .content .bonne_raison h3:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -17px;
        width: 35px;
        height: 1px;
        border-top: 1px solid #7c7c7c;
      }
    .content .bonne_raison p {
      color: #514A46;
      font-style: italic;
    }

  /* gallery */

  .content .gallery {

  }

    .content .gallery ul {
      margin: 15px 0 0 0;
    }

      .content .gallery ul li {
        float: left;
      }

      .content .gallery ul li a {
        position: relative;
        display: block;
        overflow: hidden;
        width: 107px;
        height: 81px;
      }

      .content .one_third .gallery ul li {
        margin: 0 6px 6px 0;
      }

      .content .two_third .gallery ul li {
        margin: 0 8px 8px 0;
      }

      .content .one_half .gallery ul li {
        margin: 0 7px 8px 0;
      }

      .content .gallery ul li.last {
        margin-right: 0;
      }

        .content .gallery ul a span.picto_plus {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 23px;
          height: 23px;
          background-position: -120px -330px;
        }

        .content .gallery ul a:hover span.picto_plus {
          background-position: -150px -330px;
        }

        .content .gallery ul a img {
          margin: 0;
          width: 107px;
          height: 81px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
        }

  /* block map iti */
  .content .block_map_iti {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e4e0dc;
  }
    .content .block_map_iti .layers {
      padding: 40px 0 0 40px;
      float: left;
      width: 198px;
    }
      .content .block_map_iti .layers li {
        margin-bottom: 18px;
        font-size: 1.15em;
      }
      .content .block_map_iti .layers li.title {
        font-size: 1.2em;
        margin-bottom: 20px;
        text-transform: uppercase;
      }
        .content .block_map_iti .layers li a {
          display: block;
          position: relative;
          padding-left: 20px;
          color: #000;
        }
          .content .block_map_iti .layers li a span {
            position: absolute;
            top: 1px;
            left: 0;
            width: 14px;
            height: 14px;
            background: url(../images/global/pictos/check.png) no-repeat 0 -14px;
          }
        .content .block_map_iti .layers li a.active,
        .content .block_map_iti .layers li a:hover {
          color: #e23589;
        }
          .content .block_map_iti .layers li a.active span,
          .content .block_map_iti .layers li a:hover span {
            background-position: 0 0;
          }
        
    .content .block_map_iti #map_iti {
      float: left;
      width: 692px;
      height: 460px;
      background-color: #fff;
    }
    .content .block_map_iti #map_iti.full {
      width: 100%;
    }
      
  
/************************************************/
/*****               Fil d'ariane            *****/

.breadcrumb {
  position: absolute;
  top: 15px;
  left: 170px;
  z-index: 60;
  width: 730px;
}

  .breadcrumb .retour {
    float: left;
    display: inline-block;
    margin-right: 20px;
    padding: 3px 15px 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #cac5bb;
  }

    .breadcrumb .retour li {
      float: left;
    }

      .breadcrumb .retour li.home {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px dotted #FFF;
      }

      .breadcrumb .retour li a {
        display: block;
        padding: 4px 0 3px;
        color: #FFF;
      }

        .breadcrumb .retour li a:hover {
          color: #333;
        }

        .breadcrumb .retour li.home a {
          overflow: hidden;
          padding: 0;
          width: 18px;
          height: 18px;
          background: url(../images/global/pictos/pictos.png) no-repeat 0 -300px;
          text-indent: -200px;
        }

        .breadcrumb .retour li.home a:hover {
          background-position: -90px -300px;
        }

  .breadcrumb .pages {
    float: left;
    display: inline-block;
  }

    .breadcrumb .pages li {
      float: left;
      margin-right: 10px;
      padding: 4px 20px 3px 15px;
      background: url(../images/global/pictos/breadcrumb_li.png) no-repeat right center;
    }
    
    .breadcrumb .pages li.last {
      background: none;
    }

      .breadcrumb .pages li a {
        color: #a6978d;
        font: italic 1.167em 'Georgia', serif;
      }

      .breadcrumb .pages li a:hover {
        color: #333;
      }

      .breadcrumb .pages li.active {
        position: relative;
        margin-right: 20px;
        padding-right: 30px;
        min-width: 80px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: none;
      }

      .breadcrumb .pages li.active .picto {
        position: absolute;
        top: 4px;
        right: 10px;
        display: block;
        width: 16px;
        height: 17px;
        background: url(../images/global/pictos/pictos.png) -30px -300px;
      }

      .breadcrumb .pages li.active span {
        color: #877B73;
        font: italic 1.167em 'Georgia', serif;
      }

      .breadcrumb .pages li.active ul {
        position: absolute;
        top: 20px;
        left: 0;
        right:0;
        display: none;
        margin-top: 3px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        background: #d8d3c8;
      }

        .breadcrumb .pages li.active:hover ul {
          display: block;
        }

      .breadcrumb .pages li.active ul li {
        float: none;
        margin: 3px 0;
        padding: 4px 15px 3px 15px;
        background: none;
      }

        .breadcrumb .pages li.active ul li a {
          color: #514A46;
        }

          .breadcrumb .pages li.active ul li a:hover {
            color: #333;
          }

/************************************************/
/*****                  Tools                *****/

.tools {
  position: relative;
  z-index: 70;
  float: right;
  margin: 3px 0 5px;
}

  .tools li {
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #bfbbb5;
  }

    .tools li:first-child,
    .tools li.augmenter {
      margin-left: 0;
      padding-left: 0;
      border: none;
    }

  .tools li a {
    display: block;
    overflow: hidden;
    width: 15px;
    height: 13px;
    background: url(../images/global/pictos/pictos.png) 0 -270px;
  }
    .tools li a.addthis_button_tweet,
    .tools li a.addthis_button_facebook_like {
      width: 90px;
      height: 20px;
      background: none;
    }

    .tools li.augmenter a {
      background-position: -30px -270px;
    }

    .tools li.imprimer a {
      background-position: -90px -270px;
    }

    .tools li.addthis a {
      position: relative;
      background-position: -60px -270px;
    }

      .tools li.addthis a img {
        position: absolute;
        left: -240px;
        visibility: hidden !important;
      }
      
    .tools .last {
      margin-right: 0;
      padding-right: 0;
      border: none;
    }

    .tools .facebook {
      margin-top: 0;
      margin-right: 0;
      padding-right: 0;
      border: none;
    }


/************************************************/
/*****                Sidebar               *****/

.sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  padding-left: 0;
  width: 269px;
  height: 100%;
  background-color: #ebe8e1;
}
  .sidebar .loader_ajax {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #ebe8e1;
    display: none;
  }
    .sidebar .loader_ajax img {
      position: absolute;
      top: 300px;
      left: 50%;
    }

  .sidebar .picto_plus {
    position: absolute;
    top:  50%;
    right: 33px;
    display: block;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../images/global/pictos/pictos.png) 0 -150px;
  }

    .sidebar .bouton:hover .picto_plus,
    .sidebar .picto_plus:hover {
      background-position: -180px -150px;
    }

/************************************************/
/*****              Petite Sidebar           *****/


.petite_sidebar {
  position: relative;
  overflow: hidden;
  width: 269px;
  background-color: #ebe8e1;
}

  /* Bouton communauté */

  .petite_sidebar .bouton_communaute {
    position: relative;
    display: block;
    margin: 10px 10px 0;
    padding: 10px 30px 42px 20px;
    width: 195px;
    border: 1px solid #cbc8c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(../images/global/pictos/boutons_communaute.png) no-repeat 19px bottom #dbd6ca;
    text-transform: uppercase;
    font-size: 1.167em;
    line-height: 1.167;
  }
  .petite_sidebar .bouton_communaute.fre-FR {
    background-image: url(../images/fre-FR/pictos/boutons_communaute.png);
  }
  .petite_sidebar .bouton_communaute.eng-US {
    background-image: url(../images/eng-US/pictos/boutons_communaute.png);
  }
  .petite_sidebar .bouton_communaute.ger-DE {
    background-image: url(../images/ger-DE/pictos/boutons_communaute.png);
  }
  .petite_sidebar .bouton_communaute.dut-NL {
    background-image: url(../images/dut-NL/pictos/boutons_communaute.png);
  }

    .petite_sidebar .bouton_communaute:after {
      content: url(../images/global/communaute_shadow.png);
      position: absolute;
      bottom: -17px;
      left: 0;
    }

    .petite_sidebar .bouton_communaute .picto_plus {
      right: 10px;
    }

  /* Bouton Communauté */

  .big_bouton_communaute {
    margin-top: 10px;
    margin-left: 10px;
    padding: 20px 10px 25px 10px;
    width: 227px;
    height: 259px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #b7ada6;
    color: #FFF;
  }

    .big_bouton_communaute p {
      margin: 20px 10px 20px;
      text-align: center;
      font-style: italic;
      font-size: 1.083em;
      font-family: 'Georgia', serif;
      line-height: 1.500;
    }

    .big_bouton_communaute .title {
      display: block;
      margin: 0 10px;
      color: #FFF !important;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.667em;
    }

    .big_bouton_communaute .sub_title {
      display: block;
      margin: 5px 10px;
      color: #FFF;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.167em;
    }

    .big_bouton_communaute a {
      position: relative;
      display: block;
      padding: 43px 10px 40px 10px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: url(../images/global/pictos/boutons_communaute_inside.png) no-repeat center 10px #867b74;
      color: #b7ada6;
      text-align: center;
      font-weight: bold;
      font-size: 1.167em;
      line-height: 1.2;
    }
      .big_bouton_communaute a.fre-FR {
        background-image: url(../images/fre-FR/pictos/boutons_communaute_inside.png);
      }
      .big_bouton_communaute a.eng-US {
        background-image: url(../images/eng-US/pictos/boutons_communaute_inside.png);
      }
      .big_bouton_communaute a.ger-DE {
        background-image: url(../images/ger-DE/pictos/boutons_communaute_inside.png);
      }
      .big_bouton_communaute a.dut-NL {
        background-image: url(../images/dut-NL/pictos/boutons_communaute_inside.png);
      }

      .big_bouton_communaute a:hover {
        background-color: #a5978f;
        color: #FFF;
      }

      .big_bouton_communaute a .picto {
        position: absolute;
        bottom:  10px;
        left: 50%;
        display: block;
        margin-left: -10px;
        width: 20px;
        height: 20px;
        background: url(../images/global/pictos/pictos.png) -90px -180px;
      }

        .big_bouton_communaute a:hover .picto {
          background-position: -240px -180px;
        }


  /* Bloc éditable */

  .petite_sidebar .bloc_editable {
    position: relative;
    padding: 15px 30px 20px 30px;
  }

    .petite_sidebar .bloc_editable:nth-child(even) {
      background: #F9F8F6;
    }

    .petite_sidebar .bloc_editable .picto {
      display: block;
      margin-bottom: 5px;
    }

    .petite_sidebar .bloc_editable .title {
      display: block;
      color: #867b74;
      text-transform: uppercase;
      font-size: 1.667em;
    }

    .petite_sidebar .bloc_editable .title {
      display: block;
      color: #867b74;
      text-transform: uppercase;
      font-size: 1.667em;
    }

      .petite_sidebar .bloc_editable .title.black {
        color: #000;
      }

    .petite_sidebar .bloc_editable .chapo p {
      margin: 0;
      color: #afa6a1;
      font: bold italic 1em 'Georgia', serif;
      line-height: 1.417;
    }

    .petite_sidebar .bloc_editable p {
      margin: 5px 20px 0 0;
      color: #877B73;
      font-size: 1em;
      line-height: 1.6em;
    }

      .petite_sidebar .bloc_editable .image {
        display: block;
        margin: 10px 0;
        border: 2px solid #FFFFFF;
      }

    .petite_sidebar .bloc_editable .picto_plus {
      position: absolute;
      top: auto;
      right: 10px;
      bottom: 0px;
    }


/************************************************/
/*****              Témoignages             *****/

  .temoignage .avatar {
    float: left;
    margin: 2px 12px 2px 0;
    border: 4px solid #FFF;
    -webkit-box-shadow: 0 0 5px 0 rgba(102,102,102,0.9);
    -moz-box-shadow: 0 0 5px 0 rgba(102,102,102,0.9);
    box-shadow: 0 0 5px 0 rgba(102,102,102,0.9);
    max-height: 80px;
    max-width: 70px;
  }
  
  .temoignage p {
    margin: 5px 0;
    color: #877b73;
    line-height: 1.5;
  }

    .temoignage .chapo {
      margin: 0;
      color: #afa6a1;
      font: bold italic 1.167em 'Georgia', serif;
      line-height: 1.417;
    }

  .temoignage .location {
    margin: 3px 0;
    color: #afa6a1;
    font: italic 1em 'Georgia', serif;
  }

  .temoignage .note,
  .petite_sidebar .bloc_editable .temoignage .note {
    margin: 3px 0;
    color: #AFA6A1;
    font: bold italic 1em 'Georgia', serif;
  }

  .temoignage .nb_photos {
    display: inline;
    color: #000;
    font: italic 1em 'Georgia', serif;
  }

    .temoignage .location img {
      float: left;
      display: block;
      margin-top: 2px;
      margin-right: 6px;
    }

  .temoignage .infos {
    color: #857a74;
    line-height: 1.2em;
    font-size: 1.1em;
  }
    .temoignage .infos a.link_external {
      display: block;
      position: relative;
      color: #E4338A;
      font-weight: bold;
      padding: 5px 0 5px 25px;
    } 
      .temoignage .infos a.link_external span {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 0;
        background: url("../images/global/pictos/plus_moins.png") no-repeat 0 0;
      } 
    .temoignage .infos a.link_external:hover {
      color: #000;
    } 
      .temoignage .infos a.link_external:hover span {
        background-position: 0 -80px;
      } 
    .temoignage .infos a.report {
      display: block;
      color: #aea7a1;
      background: url(../images/global/pictos/report.png) no-repeat left 2px;
      padding: 5px 0  5px 25px;
    } 
    .temoignage .infos a.report:hover {
      background-position: left -23px;
      color: #857a74;
    } 
  
  /* Comment small sidebar*/
  .bloc_editable .temoignage.stay {
    margin-top: 12px;
    border-bottom: solid 1px #efeae4;
  }

    .bloc_editable .temoignage.stay p.chapo {
      margin: 0;
      color: #afa6a1;
      font: bold italic 1.167em 'Georgia', serif;
      line-height: 1.417;
    }

    .bloc_editable .temoignage.stay .note {
      float: left;
      margin-top: 3px;
      margin-right: 10px;
    }

    .bloc_editable .temoignage.stay .location {
      margin: 0 0 0 5px;
    }

    .bloc_editable .temoignage.stay p.text,
    .bloc_editable .temoignage.stay a.text {
      position: relative;
      display: block;
      margin: 5px 0 0;
      padding: 18px 0px 5px 0;
      color: #e4338a;
      background: url(../images/global/temoignage_bubble.png) no-repeat left top;
      font-size: 1.167em;
      font-style: italic;
      line-height: 1.2em;
    }

      .bloc_editable .temoignage.stay a.text:hover {
        color: #000;
      }

      .bloc_editable .picto_plus {
        position: absolute;
        top: 50%;
        right: -5px;
        margin-top: -2px;
      }

        .bloc_editable .temoignage a.text:hover .picto_plus {
          background-position: -180px -150px;
        }
  
  
  /* Liste de témoignages */

  .liste_temoignages .temoignage {
    position: relative;
    margin-bottom: 20px;
  }

    .liste_temoignages .temoignage .picto_plus {
      right: -7px;
      bottom: 0;
    }

    .liste_temoignages .temoignage:after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 180px;
      height: 1px;
      border-bottom: 1px solid #FFFFFF;
    }

    .liste_temoignages .temoignage:last-child:after {
      border-bottom: none;
    }
    
/************************************************/
/*****               Block afnor            *****/
#sidebar #block_afnor {
  position: relative;
  width: 225px;
  margin: 70px auto 20px auto;
  text-align: center;
}

  #sidebar #block_afnor .logo_afnor {
    display: block;
    position: absolute;
    top: -70px;
    margin-left: 50%;
    left: -54px;
  }
  
  #sidebar #block_afnor .text {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 70px 10px 10px 10px;
  }
  
    #sidebar #block_afnor .text p {
      color: #877a72;
      font-size: 1.1em;
      line-height: 1.2em;
    }
    #sidebar #block_afnor .text p.chapo {
      position: relative;
      color: #df9534;
      font-size: 1.167em;
      margin-bottom: 25px;
    }
    #sidebar #block_afnor .text p.chapo:after {
      content: "";
      position: absolute;
      bottom: -15px;
      left: 50%;
      margin-left: -50px;
      
      background-color: #e6e5e3;
      width: 100px;
      height: 1px;
    }
      #sidebar #block_afnor .text p strong {
        font-weight: bold;
      }
    

/************************************************/
/*****            Offres et events          *****/

/* Slideshow */
#sidebar .cycle {
  position: relative;
  overflow: hidden;
  margin: 10px;
  padding-bottom: 12px;
  width: 253px;
  height: 204px;
  cursor: pointer;
}

  #sidebar .cycle:after {
    content: url(../images/global/drilldown_shadow.png);
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -112px;
  }

  #sidebar .cycle li {
    float: left;
    width: 253px;
  }

    #sidebar .cycle li img {
      max-height: 96px;
      max-width: 253px;
      -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
    }

    #sidebar .cycle li > div {
      position: relative;
      z-index: auto;
      float: none;
      padding: 25px 10px 10px;
      width: auto;
      height: 73px;
      -webkit-border-radius: 0 0 8px 8px;
      -moz-border-radius: 0 0 8px 8px;
      border-radius: 0 0 8px 8px;
      background: #8eb310;
    }

      #sidebar .cycle.events ul li > div {
        background: #7f756e;
      }

    #sidebar .cycle li .type {
      position: absolute;
      top: -15px;
      left: 10px;
      padding: 6px 10px 6px 8px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #3d3835;
      color: #FFF;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 0.917em;
    }

    #sidebar .cycle li .reservation {
      position: absolute;
      top: -27px;
      right: 10px;
    }

    #sidebar .cycle li .description {
      float: left;
      margin-top: 8px;
      width: 135px;
    }

      #sidebar .cycle ul li .place {
        width: 145px;
        color: #c0dc60;
        font-size: 0.917em;
      }

        #sidebar .events.cycle ul li .place {
          color: #a69f9a;
        }

      #sidebar .cycle ul li .title {
        margin: 5px 0;
      }

        #sidebar .cycle ul li .title a {
          color: #FFF;
          font-size: 1.167em;
        }

    #sidebar .cycle ul li .price {
      float: right;
      margin-top: 12px;
      margin-left: 10px;
      padding-left: 10px;
      max-width: 77px;
      border-left: 1px solid #7e9b17;
      color: #6e6e6e;
      text-transform: uppercase;
      font-size: 0.833em;
    }

      #sidebar .cycle ul li .price span {
        display: block;
        margin: 3px 0;
        font-size: 1.600em;
        line-height: 1.1;
      }

    #sidebar .cycle ul li .date {
      float: right;
      margin-top: 12px;
      margin-left: 10px;
      padding-left: 10px;
      max-width: 77px;
      border-left: 1px solid #6f6660;
      color: #282523;
      text-transform: uppercase;
      font-size: 1.333em;
      line-height: 1.1;
    }

      #sidebar .cycle ul li .date span {
        display: block;
        font-size: 0.800em;
      }

  /* Nav */

  #sidebar .cycle .navigation {
    position: absolute;
    top: 112px;
    left: 10px;
    z-index: 10;
  }

    #sidebar .cycle .navigation a {
      float: left;
      display: block;
      margin-right: 4px;
      width: 9px;
      height: 9px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background: #b0ca58;
    }

    #sidebar .events.cycle .navigation a {
      background: #a69f9a;
    }

      #sidebar .cycle .navigation .activeSlide,
      #sidebar .events.cycle .navigation .activeSlide {
        background: #FFF;
      }



/************************************************/
/*****              Grande Sidebar           *****/

.grande_sidebar {
  position: relative;
  display: none;
  overflow: hidden;
  padding: 10px 10px 0 40px;
}

  .grande_sidebar>div {
    position: relative;
  }

  .close_sidebar {
    position: absolute;
    top: 0px;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/global/pictos/pictos.png) no-repeat -60px -150px;
  }

  /* Bouton Communauté */

  .grande_sidebar .big_bouton_communaute {
    float: right;
    margin-top: -25px;
    width: 210px;
  }

  .grande_sidebar .title {
    position: relative;
    z-index: 2;
    color: #867b74;
    text-transform: uppercase;
    font-size: 1.667em;
  }

  .grande_sidebar .picto_temoignages {
    display: block;
    margin-bottom: 5px;
  }

  /* Témoignages */

  .grande_sidebar .conteneur_temoignages {
    float: left;
    overflow-y: scroll;
    margin-top: 20px;
    width: 425px;
    height: 650px;
  }

  .grande_sidebar .conteneur_temoignages > ul {
    margin-right: 20px;
  }

    .grande_sidebar .temoignage {
      padding: 5px 0 10px;
      border-top: 1px solid #FFF;
      border-bottom: 1px solid #cfcbbf;
    }

      .grande_sidebar .temoignage:first-child {
        border-top: none;
      }

      .grande_sidebar .temoignage:last-child {
        border-bottom: none;
      }

      .grande_sidebar .temoignage .location {
        display: inline;
        margin-right: 5px;
      }

      .grande_sidebar .temoignage .avatar {
        max-width: 70px;
        max-height: 80px;
        margin-top: 8px;
      }

      .grande_sidebar .temoignage .right {
        float: left;
        width: 296px;
      }

        .grande_sidebar .temoignage .right .texte_cache {
          display: block;
          overflow: hidden;
          height: 95px;
          min-height: 95px;
        }

          .grande_sidebar .temoignage .right.active .texte_cache {
            display: block;
          }

        .grande_sidebar .temoignage .suite a {
          display: block;
          padding-left: 25px;
          background: url(../images/global/pictos/plus_moins.png) no-repeat;
          color: #e3358c;
          font-weight: bold;
          font-size: 1.083em;
        }

          .grande_sidebar .temoignage .suite a:hover {
            background-position: 0 -80px;
            color: #000;
          }

            .grande_sidebar .temoignage .right.active .suite {
              display: none;
            }

        .grande_sidebar .temoignage .reduire {
          display: none;
        }

          .grande_sidebar .temoignage .right.active .reduire {
            display: block;
          }

          .grande_sidebar .temoignage .reduire a {
            background-position: 0 -40px;
          }

            .grande_sidebar .temoignage .reduire a:hover {
              background-position: 0 -120px;
              color: #000;
            }

        .grande_sidebar .temoignage .galerie {
          /*display: none;*/
          margin-bottom: 10px;
        }

          .grande_sidebar .temoignage .right.active .galerie {
            display: block;
          }

          .grande_sidebar .temoignage .galerie li {
            float: left;
            margin-right: 5px;
            border: 1px solid #dcd8cf;
          }

            .grande_sidebar .galerie li a {
              display: block;
              border: 4px solid #FFF;
              border-bottom-width: 10px;
            }

  /* Formulaire */

  .sidebar .form_temoignage {
    margin: 20px auto;
    width: 230px;
  }

  .grande_sidebar .form_temoignage {
    float: right;
    padding: 10px 0 0;
  }

    .form_temoignage .title {
      display: block;
      color: #867b74;
      font-size: 1.667em;
    }

      .form_temoignage .sub_title {
        display: block;
        margin-top: 3px;
        margin-bottom: 20px;
        color: #867b74;
        font-size: 1em;
      }

    .form_brochure label,
    .form_temoignage label,
    .form_temoignage p.label {
      margin-top: 10px;
      margin-bottom: 2px;
      color: #867b74;
      font-weight: bold;
    }

    .form_brochure input[type="text"],
    .form_brochure input[type="file"],
    .form_brochure textarea,
    .form_brochure select,
    .form_temoignage input[type="text"],
    .form_temoignage input[type="file"],
    .form_temoignage textarea,
    .form_temoignage select {
      margin-bottom: 10px;
      padding: 2px;
      width: 226px;
      height: 18px;
      border: none;
      background: #FFF;
      color: #867b74;
      resize: none;
    }

    .form_brochure select,
    .form_temoignage select {
      width: 230px;
      height: 22px;
    }

    .form_brochure input[type="checkbox"],
    .form_temoignage input[type="checkbox"],
    .form_temoignage input[type="radio"] {
      margin-left: 0;
      background-color: transparent;
    }

    .form_temoignage input[type="radio"] {
      margin-right: 0;
    }

      .form_brochure .inline input,
      .form_brochure .inline label,
      .form_temoignage .inline input,
      .form_temoignage .inline label {
        float: left;
      }

      .form_brochure .inline label,
      .form_temoignage .inline label {
        margin: 5px 20px 0 5px;
      }
        .form_temoignage .inline label.category {
          margin-right: 0;
        }

    .form_brochure textarea,
    .form_temoignage textarea {
      height: 50px;
    }

    .form_brochure .obligatoires,
    .form_temoignage .obligatoires {
      margin-bottom: 10px;
      color: #867b74;
      font-style: italic;
      font-size: 0.917em;
    }

    .form_brochure .conditions label,
    .form_temoignage .conditions label {
      color: #867b74;
      font-weight: normal;
      font-size: 0.917em;
    }

      .form_brochure .conditions label a,
      .form_temoignage .conditions label a {
        color: #867b74;
        text-decoration: underline;
      }

    .form_brochure input[type="submit"],
    .form_temoignage input[type="submit"] {
      float: right;
      padding: 5px 30px;
      border: none;
      background: #e4328a;
      color: #FFF;
      cursor: pointer;
    }

      .form_brochure input[type="submit"]:hover,
      .form_temoignage input[type="submit"]:hover {
        background: #000;
      }

      .sidebar .form_brochure input[type="submit"],
      .sidebar .form_temoignage input[type="submit"] {
        float: right;
        margin: 15px 0 0;
        width: auto;
      }
      
    .form_temoignage a#openSmoothbox {
      float: right;
      padding: 9px 30px;
      border: none;
      background: #e4328a;
      color: #FFF;
      cursor: pointer;
    }
      .form_brochure a#openSmoothbox:hover {
        background: #000;
      }
      .sidebar .form_temoignage a#openSmoothbox {
        float: right;
        margin: 15px 0 0;
        width: auto;
      }
      
  .formError .formErrorContent {
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: none repeat scroll 0 0 #E4328A;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .formError .formErrorArrow div {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background: none repeat scroll 0 0 #E4328A;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/**********************************************/
/******                Map               *******/
#map .too_result {
  position: absolute;
  top: 20%;
  left: 50%;
  margin-left: -115px;
  padding: 35px 22px 0 22px;
  width: 182px;
  height: 86px;
  background: url("../images/global/map/bg_too_result.png") no-repeat scroll 0 0 transparent;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
}
  #map .too_result p {
    color: #fff;
  }
  #map .too_result .title {
    margin-bottom: 10px;
    font-size: 1.333em;
  }

/****************************************************/
/******                Map bubble               *******/
.map_bubble {
    overflow: hidden;
    padding: 5px;
    padding-bottom: 32px;
    width: 306px;
    height: 240px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 3px rgba(0,0,0,0.21);
    -moz-box-shadow: 0 1px 10px 3px rgba(0,0,0,0.21);
    box-shadow: 0 1px 10px 3px rgba(0,0,0,0.21);
    cursor: pointer;
}
  .map_bubble:after {
      content: url("../images/global/map/map_bubble_slider_marker.png");
      position: absolute;
      bottom: -20px;
      left: 50%;
      display: block;
      margin-left: -13px;
  }
  .map_bubble .object_key {
      display: none;
  }
  .map_bubble .block_sit_thumbnail .no_visual {
    width: 306px;
    height: 132px;
    background-color: #F1F1F1;
  }
  .map_bubble .block_sit_thumbnail > img {
    max-width: 306px;
    max-height: 132px;
  }
  .map_bubble ul.list > li .content {
    position: relative;
    z-index: auto;
    float: none;
    padding: 15px 20px;
    width: auto;
  }
  .map_bubble ul.list > li .place {
    color: #6E665E;
    font-size: 1.167em;
  }
  .map_bubble ul.list > li .title {
    display: block;
    margin: 5px 0;
  }
    .map_bubble ul.list > li .title a {
      color: #97BF0D;
      font-size: 1.333em;
    }
    
  .map_bubble .slider .nav {
    clear: both;
    text-align: center;
  }
    .map_bubble .slider .nav a {
      float: left;
      display: block;
      margin-right: 4px;
      width: 9px;
      height: 9px;
      border-radius: 10px 10px 10px 10px;
      background: none repeat scroll 0 0 #B0CA58;
      opacity: 0.5;
    }
      .map_bubble .slider .nav a.activeSlide {
        opacity: 1;
      }
  .map_bubble .close {
    position: absolute;
    right: 10px;  
    bottom: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/global/pictos/pictos.png") no-repeat scroll -60px -150px transparent;
  }
  
/******************************************************************************/
/* datepicker */
/******************************************************************************/
#ui-datepicker-div {
 z-index: 100!important;
}

#ui-datepicker-div .ui-widget-header {
  background: #9C8F87;
}

#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
  background: #97BF0D;
}
#ui-datepicker-div .ui-state-disabled .ui-state-default, 
#ui-datepicker-div .ui-state-disabled .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-state-disabled .ui-widget-header .ui-state-default {
  background: #E6E6E6;
}
#ui-datepicker-div .ui-state-active {
  background: #E4328A;
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-title {
  color: #fff;
}

/************************************************/
/******                Footer               *******/

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 50px;
  background: #FFF;
  -webkit-box-shadow: 0 6px 20px #c1c1c1;
  -moz-box-shadow: 0 6px 20px #c1c1c1;
  box-shadow: 0 6px 20px #c1c1c1;
  filter: progid:DXImageTransform.Microsoft.Shadow(strength = 0, direction = 0, color = '#c1c1c1');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 0, Direction = 0, Color = '#c1c1c1')";
}

  .footer .logo_crt {
    float: left;
    display: block;
    margin-top: 2px;
    margin-left: 20px;
  }

  .footer .copy {
    float: left;
    margin-top: 12px;
    margin-left: 20px;
    color: #909090;
    line-height: 1.2em;
  }

  .footer ul {
    float: left;
    height: 50px;
    overflow: hidden;
  }

    .footer ul.first {
      margin-left: 45px;
    }

    .footer ul li {
      float: left;
    }

      .footer li a {
        display: block;
        margin: 18px 0;
        padding: 0 10px;
        border-left: 1px dotted #c1c1c1;
      }

        .footer li.first a {
          padding-left: 0;
          border-left: none;
        }

        .footer li a:hover {
          color: #909090;
        }

        .footer a.presse {
          float: left;
          margin: 12px 1px  10px;
          padding: 7px 35px 7px 10px;
          border-left: none;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          background: url(../images/global/pictos/presse.png) no-repeat right center #867b74;
          color: #FFF;
          font-size: 0.917em;
          text-transform: uppercase;
        }

          .footer a.presse:hover {
            background-color: #909090;
            color: #FFF;
          }

    .footer ul.gris {
      margin-left: 0;
    }

      .footer ul.gris li a {
        color: #858585;
      }

      .footer ul.gris li a:hover {
        color: #333333;
      }

    .footer .bouton_communaute {
      position: relative;
      z-index: 1;
      display: block;
      float: right;
      margin: 13px 20px 12px 10px;
      width: 159px;
      height: 25px;
      background: url(../images/global/pictos/boutons_communaute_footer.png);
    }

      .footer .bouton_communaute .content_text {
        position: absolute;
        top: -83px;
        right: -20px;
        z-index: 20;
        display: none;
        padding: 20px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        width: 255px;
        height: 30px;
        color: #FFF;
        background-color: #e4328a;
        font-size: 1.333em;
        line-height: 1.1em;
      }

        .footer .bouton_communaute:hover .content_text {
          display: block;
        }

      .footer .bouton_communaute .content_text .picto {
        position: absolute;
        bottom: -11px;
        left: 90px;
        display: block;
        width: 11px;
        height: 11px;
        background: url(../images/global/pictos/corner_bt_communaute_footer.png);
      }


    .footer .list_communaute {
      overflow: visible;
      position: relative;
      z-index: 1;
      display: block;
      float: right;
      margin: 13px 20px 12px 0px;
      width: auto;
      height: 26px;
    }
    
      .footer .list_communaute li {
        float: right;
      }

      .footer .list_communaute li .content_text {
        position: absolute;
        top: -83px;
        right: 20px;
        z-index: 20;
        display: none;
        padding: 20px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        width: 255px;
        height: 30px;
        color: #FFF;
        background-color: #e4328a;
        font-size: 1.333em;
        line-height: 1.1em;
      }
        .footer .list_communaute li:hover .content_text {
          display: block;
        }
      .footer .list_communaute li .content_text .picto {
        position: absolute;
        bottom: -11px;
        left: 90px;
        display: block;
        width: 11px;
        height: 11px;
        background: url(../images/global/pictos/corner_bt_communaute_footer.png);
      }
        
      .footer .list_communaute li a {
        display: block;
        width: 25px;
        height: 26px;
        overflow: hidden;
        border-left: 0;
        margin: 0;
        padding: 0 3px;
      }
        .footer .list_communaute li a:hover img {
          margin-top: -26px;
        }
      .footer .list_communaute li a.fb img {
        margin-left: -30px;
      }
      .footer .list_communaute li a.twitter img {
        margin-left: -60px;
      }
      .footer .list_communaute li a.flickr img {
        margin-left: -90px;
      }
      .footer .list_communaute li a.pinterest img {
        margin-left: -120px;
      }
      .footer .list_communaute li a.youtube img {
        margin-left: -150px;
      }
      .footer .list_communaute li a.blog img {
        margin-left: -180px;
      }
      .footer .list_communaute li a.instagram img {
        margin-left: -210px;
      }