/*---------------------------------
	IMPORTS
-----------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
@import url(https://fonts.googleapis.com/css?family=Lancelot);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);


body {
	background: transparent url(/fr/data/uploads/design/background.jpg) top center no-repeat;
	background-attachment: fixed;
}



/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Source Sans Pro', sans-serif;
font-weight:300;
}

thead th,
tbody th{
font-family: 'Source Sans Pro', sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	font-family: 'Source Sans Pro', sans-serif;
}

textarea,
input {
    -moz-box-shadow: inset 0px 0px 0px #ccc;
    -webkit-box-shadow: inset 0px 0px 0px #ccc;
    box-shadow: inset 0px 0px 0px #ccc;
}

.menu{
	font-family: 'Abel', sans-serif;
	background-color: #5a2252;
}

blockquote{
	font-family: 'Source Sans Pro', sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/

strong {
    color: inherit;
}
body{
margin:0;
padding:0 0 0 0;
color:#434343;
font:normal 0.9em/150% arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */

background-color: #383737;


padding-top: 0;
padding-bottom: 2em;
}

#container div.corps {
   /*background-color: rgba(255, 255, 255, 0.65);
    /*box-shadow: 0px 0px 15px #7D7163;*/
	background: transparent url(/fr/data/uploads/design/background.png);

}

#container div.header.header-desktop {
    background : transparent url(/fr/data/uploads/design/) no-repeat;
	background-size : 100%;
}

#container div.header.header-tablet {
    background : transparent url(/fr/data/uploads/design/header_tablette.png) no-repeat;
	background-size : 100%;
}

#container div.header.header-phone .menu{
    background : #5a2252;
	background-size : 100%;
}



#out_container #acces-artefact {
background : transparent url(/fr/data/uploads/design/logo-artefact.png) top right no-repeat;
padding-right: 25px;
display:inline-block;
text-align: right;
}

.header .header-logo img {
    margin: 0;
}


.header .header-logo  {
    margin-bottom: 0px;
	position:relative;
}



.header .header-logo .slogan {
color: #D4D700;
position: absolute;
right: 782px;
bottom: 0;
font-size: 40px;
font-family: 'Abel', sans-serif;
line-height: 86px;
margin: 10px 0 5px 0;
}

.header .header-logo .sloganpetit  {
color: #D4D700;
position: absolute;
right: 345px;
bottom: 0;
font-size: 19px;
font-family: 'Abel', sans-serif;
line-height: 78px;
margin: 10px 0 5px 0;
letter-spacing: 1px;
}

.header .header-logo .slogantab {
color: #D4D700;
position: absolute;
right: 538px;
bottom: 0;
font-size: 40px;
font-family: 'Abel', sans-serif;
line-height: 97px;
margin: 0px;
}

.header .header-logo .slogantabpetit {
color: #D4D700;
position: absolute;
right: 112px;
bottom: 0;
font-size: 19px;
font-family: 'Abel', sans-serif;
line-height: 75px;
margin: 10px 0 5px 0;
}


.header.header-phone .header-logo  {
    margin-bottom: 0;
}

#contenu {
	/*background-color: transparent;/*
	padding: 10px 10px 0px 10px;
	/*background-color: rgba(218, 218, 144, 0.7);*/
	background: transparent url(/fr/data/uploads/design/background-content.png);
}


.sidebar-teaser,
.content {
padding: 1em;
color: #5A2252;
background: transparent url(/fr/data/uploads/design/background-maron.png);
/*border-radius: 0px 10px 10px 0;*/
}

.sidebar-teaser.teaser-agenda{
    background-color: #d8dde0;
}

.sidebar-teaser.teaser-agenda .date{
color : #35637B;
}

.sidebar-teaser.teaser-agenda h4 a{
color : #393939;
text-decoration : none;
}

.sidebar-teaser.teaser-agenda h4 {
margin : 0;
}

.sidebar-teaser.teaser-agenda h3 {
font-size : 1.714em;
}

.sidebar-teaser.teaser-agenda p {
margin-top: 0px;
color : #fff;
}

.sidebar-teaser.teaser-agenda a {
color : #fff;
}



.sidebar-teaser.teaser-actu{
background: #DD9D13 url(/fr/data/uploads/design/onglet_contact.png) top right no-repeat;}

.sidebar-teaser.teaser-actu .date{
color : #fff;
}

.sidebar-teaser.teaser-actu h4 a{
color : #fff;
text-decoration : none;
}

.sidebar-teaser.teaser-actu h4 {
margin : 0;
padding: 0px 0px 5px 0px;
}

.sidebar-teaser.teaser-actu h3 {
font-size : 1.714em;
margin-top: 0px;
color : #fff;
background: url(/fr/data/uploads/design/chevron_actu.png) top left no-repeat;
padding: 0px 0px 0px 28px;
font-family: 'Norican', cursive;
	
}

.sidebar-teaser.teaser-actu h3 a{
color: white;
text-decoration : none;
font-family: 'Norican', cursive;
}

.sidebar-teaser.teaser-actu p {
margin-top: 0px;
color : #fff;
text-align: justify;
}

.sidebar-teaser.teaser-actu a {
color : #fff;

}





.sidebar-teaser.teaser-etapes{
    background: #DD9D13 url(/fr/data/uploads/design/onglet_teaser.png) top right no-repeat;
}


.sidebar-teaser.teaser-etapes h4 a{
color : #fff;
text-decoration : none;
}

.sidebar-teaser.teaser-etapes h4 {
margin : 0;
color : #fff;	
}

.sidebar-teaser.teaser-etapes h3 {
font-size : 1.714em;
color : #fff;
margin-top: 0px;
background: url(/fr/data/uploads/design/picto-detente.png) top left no-repeat;
padding: 0px 0px 0px 28px;
}


.ombre-header{
display : inline-block;
background : url(/fr/data/uploads/design/ombre-header.png) left no-repeat;
padding: 6px 15px;
}


.sidebar-teaser.teaser-etapes h5 {
color : #fff;	
}

.sidebar-teaser.teaser-etapes p {
margin-top: 0px;
color : #fff;
}

.sidebar-teaser.teaser-etapes  a{
color : #fff;
}




.sidebar-teaser.teaser-contacter {
/*background: rgba(58, 2, 53, 0.7) url(/fr/data/uploads/design/bg-teaser.png) repeat-x;*/
background: #693b58 url(/fr/data/uploads/design/bg-teaser.png) repeat-x;
box-shadow: 2px 5px 13px #2B1B25;
/*border-radius: 0px 0 0px 0px;
border-bottom: 15px solid #5A2252;
border-top: 10px solid #5A2252;*/
}


.sidebar-teaser.teaser-contacter h4 a{
color : #f6d05b;
text-decoration : none;
}

.sidebar-teaser.teaser-contacter h4 {
margin : 0;
color : #fff;
}

.sidebar-teaser.teaser-contacter h3 {
font-size: 1.4em;
color: #D4D700;
margin-top: 0px;
background: url(/fr/data/uploads/design/picto-info.png) top left no-repeat;
padding: 0px 0px 0px 23px;
font-family: 'Abel', sans-serif;
}

.sidebar-teaser.teaser-contacter h5 {
margin : 0;
color : #d4d700;
}

.sidebar-teaser.teaser-contacter p {
margin-top: 0px;
color : #fff;
}

.sidebar-teaser.teaser-contacter a {
color : #fff;
}




.sidebar-teaser.teaser-etapes{
background: rgba(58, 2, 53, 0.7) url(/fr/data/uploads/design/bg-teaser.png) repeat-x;
box-shadow: 2px 5px 13px #2B1B25;
	/*border-radius: 0px 0 0px 0px;
border-bottom: 15px solid #5A2252;
border-top: 10px solid #5A2252;*/
}


.sidebar-teaser.teaser-etapes h4 a{
color : #d4d700;
text-decoration : none;
}

.sidebar-teaser.teaser-etapes h4 {
margin : 0;
color : #d4d700;
}

.sidebar-teaser.teaser-etapes h3 {
font-size: 1.4em;
color: #D4D700;
margin-top: 0px;
background: url(/fr/data/uploads/design/picto-etape.png) top left no-repeat;
padding: 0px 0px 0px 36px;
font-family: 'Abel', sans-serif;
}

.sidebar-teaser.teaser-etapes h5 {
margin : 0;
color : #d4d700;
}

.sidebar-teaser.teaser-etapes p {
margin-top: 0px;
color : #fff;
}

.sidebar-teaser.teaser-etapes a {
color : #fff;
}



.sidebar-teaser.teaser-room{
background: rgba(58, 2, 53, 0.7) url(/fr/data/uploads/design/bg-teaser.png) repeat-x;
box-shadow: 2px 5px 13px #2B1B25;
	/*border-radius: 0px 0 0px 0px;
border-bottom: 15px solid #5A2252;
border-top: 10px solid #5A2252;*/
}


.sidebar-teaser.teaser-room h4 a{
color : #d4d700;
text-decoration : none;
}

.sidebar-teaser.teaser-room h4 {
margin : 0;
color : #d4d700;
}

.sidebar-teaser.teaser-room h3 {
font-size: 1.4em;
color: #D4D700;
margin-top: 0px;
background: url(/fr/data/uploads/design/picto-room.png) top left no-repeat;
padding: 0px 0px 0px 36px;
font-family: 'Abel', sans-serif;
}

.sidebar-teaser.teaser-room h5 {
margin : 0;
color : #d4d700;
}

.sidebar-teaser.teaser-room p {
margin-top: 0px;
color : #fff;
}

.sidebar-teaser.teaser-room a {
color : #fff;
}









.home-teasers {
/*background-color: rgba(62, 34, 58, 0.7);*/
background: transparent url(/fr/data/uploads/design/background-teaser.png);
}

.home-teasers h3 {
color : #67BFCB;
padding: px 0px 0px 0px;
	}

.home-teasers h4 {
color : #67BFCB;
padding: px 0px 0px 0px;
	}

.home-teasers h5 {
color: white;
padding: 0px 0px 3px 48px;
/*background: url(/fr/data/uploads/design/picto-lit.png) top left no-repeat;*/
bottom: 10px;
font-size: 18px;
font-family: 'Abel', sans-serif;
}

.home-teasers p {
color : #d5d6d6;
	}

.home-teasers a {
color : #D5D6D6;
	}


.teaser-chambre h5 {
padding: 0px 0px 0px 50px;
background: transparent url(/fr/data/uploads/design/picto-lit.png) top left no-repeat;
letter-spacing: 1px;	

}

.teaser-restaurant h5 {
background: transparent url(/fr/data/uploads/design/picto-resto.png) top left no-repeat;
padding: 0px 0px 0px 30px;
letter-spacing: 1px;

}

.teaser-detente h5 {
padding: 0px 0px 0px 35px;
background: transparent url(/fr/data/uploads/design/picto-detente.png) top left no-repeat;
letter-spacing: 1px;
}

.home-teasers img {
box-shadow: 2px 3px 6px #2B1B25;
margin-bottom: 5px;
border-top: 10px solid #5A2252;
border-bottom: 10px solid #5A2252;
/*border-radius: 25px 0 0px 0px;*/
}

.home-teaser.teaser-chambre .home-teaser-content {
margin: 5px;
padding: 0px 0px 0px 10px;
}

.home-teaser.teaser-restaurant .home-teaser-content {
margin: 5px;
padding: 0px 0px 0px 10px;
}

.home-teaser.teaser-detente .home-teaser-content {
margin: 5px;
padding: 0px 0px 0px 10px;

}




.content h1 {
    color : #64225B;
	
}


.content h2 {
	color: #64225B;
	border-bottom: 2px dotted #64225B;
	border-top: 2px dotted #64225B;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	font-family: 'Abel', sans-serif;
	/*background: url(/fr/data/uploads/design/puce-titre.png) top left no-repeat;*/
}

.content h3 {
    color : #64225B;
}

.content h4 {
    color: #434343;
	font-weight: none;
}


.menu > li > ul {
    z-index: 999999;
}

.menu > li > ul {
    z-index: 9999999;
	/*min-width: 170px !important;*/
    box-shadow: 0px 5px 10px -5px #444;
}

.menu > li > ul > li a {
    white-space:nowrap;
}

.sidebar .sidebar-teaser {
    padding: 1em; 
    margin-bottom: 1em; 
}

.sidebar .sidebar-teaser:last-child {
    
}


.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid #fff 0px;
    left: 0px;
    background: #fff;
}


@media all and (max-width: 767px) {
	
	.home-teasers {
		padding: 10px 10px 10px 10px;
	}
}

.home-teaser .home-teaser-content {
margin-left: 0px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 5px;
}

.home-teaser {
background:;
}


#footer {
text-align: left;
color: white;
font-size: 0.8em;
position: relative;
top: 0;
left: 0;
background: #5a2252;
/*background-color: rgba(108, 60, 102, 0.9);*/
}

#footer p {
    font: 400 13px/1.9 'Gudea', Verdana, Helvetica, sans-serif;
}

#footer .gallery {
    text-align: left;
}

#footer .gallery a {
display: inline-block;
position: relative;
border: 1px solid #ddd;
background: #fff;
padding: 0px;
margin: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

    .footer-teaser{
        padding: 1em;
    }



    .footer-teaser a{
        color : #fff;;
    }




	#link-top{
	display:none;
	}
	
/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}
	
	.navbar span{
	color:#86dc00;
	}
	
	
	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}
	
		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}
		
		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}
		
.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}
	 
#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}


@media all and (max-width: 767px) {
     
   .home-teaser, #content, #sidebar {
        margin-left: 0px; 
        margin-right: 0px; 
    }
    
    .scrollup{
        right:7px !important;
        bottom: 40px !important;
    }
    
}


/* Helpers Artefact */

.add-top { margin-top: 30px !important; }
.add-bottom { margin-bottom: 30px !important; }
.remove-top { margin-top: 0 !important; }
.remove-bottom { margin-bottom: 0 !important; }
.half-top { margin-top: 20px !important; }
.half-bottom { margin-bottom: 10px !important; }

/* Styles */


.bandeau {
    position: relative;
    background: transparent url(images/pictos/loading.gif) center center no-repeat;
    /*background: transparent url(images/pictos/preloader_transparent.gif) center center no-repeat;*/
}

.bandeau-dropdown {
    position: relative;
    height: 60px; 
    overflow-y: hidden;
    -webkit-transition:height 0.33s ease-out;  /* Chrome y Safari */
    -o-transition:height 0.33s ease-out;  /* Opera */
    -moz-transition:height 0.33s ease-out;  /* Mozilla Firefox */
    -ms-transition:height 0.33s ease-out;   /* Internet Explorer */
    transition:height 0.33s ease-out;  /* W3C */
}

.bandeau-dropdown:hover {
    height: 127px;
    overflow-y: hidden;
}

.bandeau-dropdown > img,
.bandeau-dropdown > #slidebox,
.bandeau-dropdown > #slidebox-m {
    margin-top: -75px;
    -webkit-transition:margin 0.33s ease-out;  /* Chrome y Safari */
    -o-transition:margin 0.33s ease-out;  /* Opera */
    -moz-transition:margin 0.33s ease-out;  /* Mozilla Firefox */
    -ms-transition:margin 0.33s ease-out;   /* Internet Explorer */
    transition:margin 0.33s ease-out;  /* W3C */
}

.bandeau-dropdown:hover > img,
.bandeau-dropdown:hover > #slidebox,
.bandeau-dropdown:hover > #slidebox-m {
    margin-top: 0px;
}

.bandeau-dropdown .border-dropdown {
    z-index: 999;
    position: absolute;
    bottom: 0;
    display: block;
    height: 14px;
    width: 100%;
    background-color: transparent;
    background-image: url(css/img/slider-button.png);
    background-position: top center;
    background-repeat: no-repeat;
    
    -webkit-transition:background-position 0.33s ease-out;  /* Chrome y Safari */
    -o-transition:background-position 0.33s ease-out;  /* Opera */
    -moz-transition:background-position 0.33s ease-out;  /* Mozilla Firefox */
    -ms-transition:background-position 0.33s ease-out;   /* Internet Explorer */
    transition:background-position 0.33s ease-out;  /* W3C */
}

.bandeau-dropdown:hover > .border-dropdown {
    background-position: bottom center;
}

.sidebar-teaser,
#content {
    position: relative;
}


.scrollup{
    width:40px;
    height:40px;
    position:fixed;
    bottom:80px;
    right:100px;
    display:none;
    text-indent:-9999px;
    z-index: 999999;
    background: transparent url(css/img/gototop.png) no-repeat;
}

.border-teaser {
    border: 1px solid #857c77;
}


/* iPhone */
@media all and (max-width: 640px) {

        
    body.phone-no-margin {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    body.phone-no-margin .grid {
        padding: 0px !important;
        max-width: 640px !important;
    }

    .border-teaser {
        border-left: 0px;
        border-right: 0px;
    }
    
}

.actualites-filter {}

.actualites-filter ul ,
.actualites-filter ul li {
	list-style : none;
	display : inline-block;
}


.actualites-filter ul li a.active {
	font-weight : bold;
}

.actualites-filter ul li {
	margin-right : 10px;
}

.actualites-filter ul li.last{
	margin: 0;
}

.menu > li > a { 
	/*text-transform : capitalize;*/
}

.menu > li.index { 
	display : none;
}

.menu li a {
	padding: 15px 12px;
}	

@media all and (min-width: 1024px) {
	
	
	.menu li a {
		padding: 15px 20px;
	}
	
	.menu > li > a { 
		text-transform : uppercase;
	}
	
	.menu > li.index { 
		display : inline-block;
	}
	
}

#breadcrumb {
	margin-top : 0;
}


.slogan a {
	color :#D4D700;
	text-decoration: none;
}

/** animated boxes **/
.animBlock {
    float:left;
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}
.animBlock { bottom: -50px; }

.animBlock.viewed {
  bottom: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.menu-fixed{
    z-index: 999;
    position: fixed;
    top: 0px;
    background-color: rgba(255, 255, 255, 1);
    left: 0px;
    right: 0px;
    box-shadow: 0px 2px 22px #6F6C6C;
    height: 76px;
}