html {
	box-sizing: border-box
}
*, *:before, *:after {
	box-sizing: inherit
}
html, body {
	margin: 0;
	padding: 0
}
ul, ol {
	padding-left: 1em
}
ul.unstyled {
	list-style: outside none none
}
.risette {
	margin: 0;
	padding: 0
}
img {
	border: 0 none;
	vertical-align: middle;
	height: auto
}
audio, canvas, video {
	display: inline-block
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}
body {
	font-family: "Aller", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
	color: #500d13
}
a {
	color: #800d13
}
a:hover, a:focus {
	text-decoration: none
}
a.ext {
	background: url("../img/ext.svg") no-repeat right center;
	padding-right: 17px
}
a.ext:hover, a.ext:focus {
	background-position: right 20%;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s
}
p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, hgroup {
	margin-bottom: 0;
	margin-top: 0.75em
}
h1, .h1 {
	font-weight: 300;
	font-size: 2.33333em;
	color: #800d13;
	line-height: 1.1;
	margin-bottom: .3em;
	margin-top: 0.65625em
}
h2, .h2 {
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 0.75em;
	color: #800d13
}
.collapsible-title {
	margin-bottom: 10px;
}
em {
	font-style: italic
}
strong {
	font-weight: bold
}
.big {
	font-size: 1.22222em
}
.bigger {
	font-size: 1.44444em
}
.small {
	font-size: .77778em
}
.smaller {
	font-size: .66667em
}
.mt0 {
	margin-top: 0
}
.error {
	color: red
}
.hidden {
	left: -7000px;
	overflow: hidden;
	position: absolute
}
.skip-links {
	position: absolute
}
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	background: #000;
	color: #fff;
	text-decoration: none
}
.skip-links a:focus {
	position: static
}
p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h2+p {
	margin-top: 0
}
li p, li ul, li ol {
	margin-bottom: 0;
	margin-top: 0
}

img, table, td, blockquote, code, pre, textarea, video {
	max-width: 100%
}
blockquote {
	margin: 1em .5em
}
body>script {
	display: none
}
.mod {
	overflow: hidden
}
.clear, .line, .row {
	clear: both
}
.clearfix:after {
	display: table;
	clear: both;
	content: ""
}
.row {
	display: table;
	table-layout: fixed;
	width: 100%
}
.row>*, .col {
	display: table-cell;
	vertical-align: top
}
.inbl {
	display: inline-block;
	vertical-align: top
}
.left {
	float: left
}
img.left {
	margin-right: 1em
}
.right {
	float: right
}
img.right {
	margin-left: 1em
}
img.left, img.right {
	margin-bottom: 5px
}
.center {
	margin-left: auto;
	margin-right: auto
}
.center-mw {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px
}
.center-1300 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px
}

.center-full {
	width: 100%
}

.txtleft {
	text-align: left
}
.txtright {
	text-align: right
}
.txtcenter {
	text-align: center
}
table, .table {
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
	border: 1px solid #ccc
}
.table {
	display: table
}
table#recaptcha_table, table.table-auto {
	table-layout: auto
}
caption {
	padding: 1em
}
td, th {
	padding: 0.3em 0.8em;
	border: 1px #fff dotted;
	vertical-align: top;
	min-width: 2em;
	cursor: default;
	text-align: left;
	font-size: .83333em;
	text-align: center;
}
.ie8 img {
	width: auto
}
.ie9 .btn, .ie9 .formBouton {
	-webkit-filter: none;
	filter: none
}

@media print {
p, blockquote {
	orphans: 2;
	widows: 2
}
blockquote, ul, ol {
	page-break-inside: avoid
}
h1, h2, h3, caption {
	page-break-after: avoid
}
}
@-webkit-viewport {
zoom:1.0;
width:device-width
}
@-moz-viewport {
zoom:1.0;
width:device-width
}
@-ms-viewport {
zoom:1.0;
width:device-width
}
@-o-viewport {
zoom:1.0;
width:device-width
}
@viewport {
zoom:1.0;
width:device-width
}
@font-face {
	font-family: "Aller";
	src: url("../fonts/aller_lt-webfont.eot");
	src: local(☺), url("../fonts/aller_lt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_lt-webfont.woff2") format("woff2"), url("../fonts/aller_lt-webfont.woff") format("woff"), url("../fonts/aller_lt-webfont.ttf") format("truetype");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: "Aller";
	src: url("../fonts/aller_ltit-webfont.eot");
	src: local(☺), url("../fonts/aller_ltit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_ltit-webfont.woff2") format("woff2"), url("../fonts/aller_ltit-webfont.woff") format("woff"), url("../fonts/aller_ltit-webfont.ttf") format("truetype");
	font-weight: 300;
	font-style: italic
}
@font-face {
	font-family: "Aller";
	src: url("../fonts/aller_rg-webfont.eot");
	src: local(☺), url("../fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_rg-webfont.woff2") format("woff2"), url("../fonts/aller_rg-webfont.woff") format("woff"), url("../fonts/aller_rg-webfont.ttf") format("truetype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: "Aller";
	src: url("../fonts/aller_bd-webfont.eot");
	src: local(☺), url("../fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_bd-webfont.woff2") format("woff2"), url("../fonts/aller_bd-webfont.woff") format("woff"), url("../fonts/aller_bd-webfont.ttf") format("truetype");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: "Aller";
	src: url("../fonts/aller_bdit-webfont.eot");
	src: local(☺), url("../fonts/aller_bdit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_bdit-webfont.woff2") format("woff2"), url("../fonts/aller_bdit-webfont.woff") format("woff"), url("../fonts/aller_bdit-webfont.ttf") format("truetype");
	font-weight: 700;
	font-style: italic
}
form, fieldset {
	border: medium none
}
input, button, select, label {
	font-family: inherit;
	font-size: inherit;
	vertical-align: middle
}
label {
	display: noneè;
	cursor: pointer;
	max-width: 90%;
	vertical-align: middle
}
legend {
	border: 0 none;
	max-width: 100%;
	white-space: normal
}
textarea {
	font-family: inherit;
	font-size: inherit;
	min-height: 5em;
	overflow: auto;
	resize: vertical;
	vertical-align: top
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	margin: 0
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#777
}
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
border:0 none;
padding:0
}
#form_contact {
	display:none;
	background-color: #fff;
	color: #666
}
#form_contact form {
	border: none;
	margin: 2em auto;
	overflow: hidden;
	text-align: left;
	max-width: 42.22222em
}
#form_contact fieldset {
	padding: 0;
	border: 0
}
#form_contact label {
	margin: 0;
	font-size: 1em;
	display: none!important;

}
#form_contact input[type=text], #form_contact input[type=email], #form_contact textarea {
	padding: .5em .2em;
	border: 1px solid #ccc;
	background: #eee;
	margin: 0
}
#form_contact input:focus, #form_contact textarea:focus {
	border: 1px solid #800d13;
	background: #FFF
}
#form_contact input[type=submit], #form_contact input[type=reset] {
	text-decoration: none;
	padding: .7em 1em .6em;
	font-size: .77778em;
	color: #fff;
	border: none;
	margin-top: 1em;
	background: #666;
	-webkit-transition: background 0.5s linear 0s;
	transition: background 0.5s linear 0s
}
#form_contact input[type=submit]:hover, #form_contact input[type=submit]:focus, #form_contact input[type=reset]:hover, #form_contact input[type=reset]:focus {
	background: #800d13
}
textarea#message {
	width: 100%
}

@media screen and (min-width: 40em) {
textarea#message {
	width: auto
}
}

@media screen and (min-width: 40em) {
.bg-slides {
	margin: -260px auto 0
}
}
.rslides {
	display: none
}

@media screen and (min-width: 40em) {
.rslides {
	display: block;
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0 auto
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0
}
}
.btn {
	padding: .3em 1.5em .2em;
	background-color: #aaa;
	border: none;
	position: relative;
	-webkit-transition: background 0.5s linear 0s;
	transition: background 0.5s linear 0s
}
.btn:hover, .btn:focus {
	background-color: #800d13;
}

a.btn-bodeaux {}
.btn-bordeaux {
	padding: .3em 1.5em .2em;
	background-color: #800d13;
	border: none;
	position: relative;
	-webkit-transition: background 0.5s linear 0s;
	transition: background 0.5s linear 0s;
	color:#EEE;
	text-decoration: none;
}

.btn-bordeaux:hover, .btn-bordeaux:focus {
	background-color: #444
}




.bloc {
	padding: 3em 0 4em
}
.fleche {
	background: transparent url("../img/vague-fleche-rose.svg") no-repeat center top;
	padding-top: 6em
}
.bloc-rose {
	background: #88595e url("../img/vague-fleche-blanc.svg") no-repeat center top;
	color: #fff
}
.bloc-rose .h1 {
	color: #fff
}
.std {
	color: #666;
	margin: 2em .5em 3em;
	line-height: 1.5
}

@media screen and (min-width: 40em) {
.std {
	margin: 2em 6.11111em 3em
}
}
#toTop {
	background: transparent;
	bottom: 30px;
	color: #333;
	cursor: pointer;
	display: none;
	padding: 15px 5px;
	position: fixed;
	right: 20px;
	width: 50px;
	z-index: 10
}
#toTop a {
	text-decoration: none
}
.nav-main li {
	display: block;
	border-left: none;
	border-bottom: 1px solid #800d13
}
.nav-main li.active a {
	background-color: #800d13;
	color: #fff
}
.nav-main a {
	background-color: #d4bab8;
	color: #800d13;
	text-decoration: none;
	display: block;
	padding: .3em;
	font-size: 1em
}
.nav-main a:hover, .nav-main a:focus, .nav-main a.active {
	color: #fff;
	background-color: #800d13
}

@media screen and (min-width: 40em) {
.nav-main {
	text-align: center
}
.nav-main li {
	display: inline-block;
	text-align: center;
	border-left: 0px dotted #999;
	border-bottom: none
}
.nav-main li:first-child {
	border-left: none
}
.nav-main li.active a {
	background-color: transparent;
	color: #abc056
}
.nav-main a {
	background-color: transparent;
	color: #fff;
	padding: 0 .5em
}
.nav-main a:hover, .nav-main a:focus, .nav-main a.active {
	background-color: transparent;
	color: #abc056
}
}
.header {
	background: #88595e;
	text-align: center;
	color: #fff;
	margin-bottom: 1em
}

@media screen and (min-width: 40em) {
.header {
	text-align: left;
	color: #abc056;
	background-color: #011633;
	min-height: 266px;
	background: #011633;
	background: -webkit-linear-gradient(top, #011633 0%, #011633 40%, rgba(1,22,51,0.8) 50%, rgba(1,22,51,0.6) 60%, rgba(1,22,51,0) 100%);
	background: linear-gradient(to bottom, #011633 0%, #011633 40%, rgba(1,22,51,0.8) 50%, rgba(1,22,51,0.6) 60%, rgba(1,22,51,0) 100%);
	z-index: 10;
	position: relative;
	padding-top: 2.5em
}
}
.headings {
	text-transform: uppercase;
	width: 100%;
	overflow: hidden;
	display: block;
	margin: 1em 0
}

@media screen and (min-width: 40em) {
.headings {
	width: 45%;
	text-align: left;
	margin: 0;
	display: table-cell
}
}
.sub {
	padding-left: 20px
}
.subtitle {
	margin-top: .2em;
	font-size: .94444em
}
.subtitle img {
	margin-left: .5em
}
.subplace {
	color: #fff;
	font-weight: 400;
	font-size: 1.22222em;
	line-height: 1
}

@media screen and (min-width: 40em) {
.subplace {
	color: #9aacc4
}
}
.wrapper-nav {
	display: block
}

@media screen and (min-width: 40em) {
.wrapper-nav {
	display: table-cell
}
}
#langs {
	display: block
}

@media screen and (min-width: 40em) {
#langs {
	width: 8%;
	text-align: right;
	display: table-cell
}
}
[id=content] {
	margin: .5em 0 0
}
.breadcrumb {
	font-size: .77778em;
	color: #999;
	margin: 0 .5em
}
.breadcrumb a {
	color: #999
}
.breadcrumb .sep {
	padding: 0 .2em
}
.breadcrumb .here {
	color: #000
}

@media screen and (min-width: 75em) {
.breadcrumb {
	margin: 0
}
}
.w1130 {
	margin: 0 .5em
}

@media screen and (min-width: 40em) {
.w1130 {
	margin: 0 1.94444em
}
}
.histoire {
	background-color: #88595e;
	background-image: url("../img/vague-fleche-blanc.svg"), url("../img/fond-bloc-histoire.png");
	background-position: center top, left top;
	background-repeat: no-repeat
}
.citations {
	color: #500d13;
	line-height: 1.3
}
.citations img {
	padding: 0 .2em .4em
}

@media screen and (min-width: 40em) {
.citations img {
	padding: 0 1em 2em
}
}
.w920 {
	margin: 0 .5em
}

@media screen and (min-width: 40em) {
.w920 {
	margin: 0 6.11111em
}
}
.guide, .touristique {
	line-height: 1.3
}
.touristique a {
	color: #FFF
}
.hospitalite {
	background: #d4bab8 url("../img/vague-fleche-blanc.svg") no-repeat center top;
	color: #800d13
}
.w1080 {
	margin: 0 .5em
}

@media screen and (min-width: 40em) {
.w1080 {
	margin: 0 3.33333em
}
	
}
.bloc-acces {
	margin: 3.33333em 0 5em;
	font-weight: 400;
	font-size: 1.11111em
}
.bloc-acces a {
	text-decoration: none
}
.bloc-acces a:hover, .bloc-acces a:focus {
	text-decoration: underline
}
.bloc-menu-acces {
	margin-bottom: 2em
}
.acces a, .bourgogne a, .gmaps a {
	display: block;
	padding: .5em 1em .5em 3em
}
.acces {
	background: transparent url("../img/acces.svg") no-repeat left center
}
.acces a {
	color: #abc056
}
.bourgogne {
	background: transparent url("../img/bourgogne.svg") no-repeat left center
}
.gmaps {
	background: transparent url("../img/gmaps.svg") no-repeat left center
}
.gmaps a {
	color: #666
}
.footer {
	text-align: center;
	color: #aaa;
	font-size: .77778em;
	line-height: 1.5
}
.footer a {
	color: #fff;
	text-decoration: none
}

@media screen and (min-width: 40em) {
.footer {
	text-align: left
}
}
.footer-top {
	padding: 3em 0;
	background: #666;
	color: #aaa
}
.footer-bottom {
	background: #aaa;
	padding: 3em 0
}
.footer-bottom img, .footer-bottom div>div {
	vertical-align: middle;
	margin-left: .5em
}
.footer-bottom img:first-child {
	margin-left: 0
}
.addr {
	padding-left: 1em
}
.confiance {
	max-width: 280px;
	margin: 0 auto
}
.confiance p {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: .5em
}
.footer-block {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted
}

@media screen and (min-width: 40em) {
.footer-block {
	display: inline-block;
	vertical-align: top;
	padding-right: 2.5em;
	margin-right: 2em;
	padding-left: .5em;
	border-right: 1px dotted;
	border-bottom: none;
	min-height: 11.11111em
}
}
.footer-block:last-child {
	border: none;
	padding-right: 0
}

@media screen and (min-width: 40em) {
.footer-block:last-child {
	margin-right: 0
}
}

@media screen and (min-width: 40em) {
.recommand {
	max-width: 50%
}
.monument {
	max-width: 50%
}
.confiance {
	max-width: 50%
}
}

@media screen and (min-width: 61.25em) {
.recommand {
	max-width: 20%
}
.monument {
	max-width: 35%
}
.confiance {
	max-width: 20%
}
}
#form_contact {
	margin: 20px 0 20px 0
}
.contact_error {
	margin: 20px 20px 20px 20px;
	padding: 5px 15px 5px 15px;
	border: 1px solid;
	font-size: 13px;
	font-weight: bold;
	color: #000 !important;
	background-color: #ffcfcf;
	border-color: #df8f8f;
	text-align: center
}
#langs ul li {
	display: inline;
	list-style-type: none
}
#langs a {
	margin: 0 5px 0 0;
	text-decoration: none
}
#langs a:hover, #langs a:focus {
	color: #db2020
}
#langs a img {
	padding: 2px
}
#langs a img.active {
	padding: 2px;
	opacity: 0.7
}
#langs a.active {
	padding: 2px
}


a.noactive {
	display: none;
}






/*# sourceMappingURL=theme.css.map */



.v-space-100 {
	height:20px;
	border-top: 1px solid #000;
	margin-top:20px;
	padding-top: 20px;
}



.v-space-100-no-border {
	height:20px;
	margin-top:40px;
	padding-top: 40px;
}



/*# elloha calendrier*/

div[id*=ConstellationCalendarContainer] .pika-cnstell-single {
    background: transparent;
    border: none;
    max-width: 980px;
    margin: 0 auto;
}




.is-not-available .pika-cnstell-button {
	background:#800d13!important;
}


.is-available .pika-cnstell-button {
	background: #abc056!important;
}

.is-disabled .pika-cnstell-button {
	background:#f5f5f5!important;
}

.pika-cnstell-lendar{
	font-family: "Aller", Helvetica, Arial, sans-serif;
}




/*# accordeon */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

input[name='panel'] {
  display: none;
}


label:hover {
  background: hsl(200, 96%, 40%);
}

.collapsible {
  display: block;
  padding: 0 1em;
  width: 100%;
  background: #FFF;

}

input[name='panel'] + .collapsible {
  overflow: hidden;
  height: 0;

  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

input[name='panel']:checked + .collapsible {
  overflow: auto;
  height: 450px; /* needs a numeric value here to keep transition */
	



input[name='panel']:checked + .collapsible:last-child {
	border-bottom: none!important;
}

.map {
	background: #666;
}


.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row-half:after {
  content: "";
  display: table;
  clear: both;
	}