
a:link {
	color: #CCC;
}
a:visited {
	color: #FFF;
}
a:hover {
	color: #FFF;
}

body
{
/*font-family: '', serif;
font-family: 'Gilda Display', serif;
font-family: 'Playfair Display', serif;
font-family: 'Alegreya', serif;*/
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 15px;
	background-color:#000000;
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	text-align:center;
	margin-top:0;
	color:#FFFFFF;
	overflow-y:scroll;
	overflow-x:hidden;
}

table.center {margin-left:auto; margin-right:auto;}

#contenu {
/* enlever le menu flottant changer le 20 par 200*/
	padding-top:0px;
	text-align:center;
	margin-left:auto;
    margin-right:auto;
}

#sousmenu {
list-style:none;
margin-top:0px;
padding:0px;
overflow:hidden;
margin-left:10px;}

#nav {
	list-style: none;
	min-width:800px;
	margin: 0px;
	padding: 0;
	overflow: hidden;
}
#nav li {
	float:left;
	width: 14%;
	text-align:center;
	font-size:18px;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	text-decoration: underline;
}

#navs {
	margin: 0px;
	padding: 0;
	min-width:800px;
	list-style: none;
	overflow: hidden;
}
#navs li {

	float:left;
	width:14%;
	text-align:center;
	font-size:18px;
}
#navs li a:hover, #navs li a:focus, #navs li a:active {
	text-decoration: underline;
}

#sousmenu {
min-width:800px;}

#sousmenu li{
float:left;
}

#fb {
text-align:left;
margin-left:10px;
width:100px;
height:20px}

#rfb{
margin-left:10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#ver {
padding-top:2px;
margin-left:0px;
text-align:center;
text-decoration:none;
font-size:13px;
height: 20px;
width:205px;
background-color:#333333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#par {
padding-top:2px;
margin-left:10px;
text-align:center;
text-decoration:none;
font-size:13px;
height: 20px;
width:152px;
background-color:#333333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#tarif {
padding-top:2px;
margin-left:10px;
text-align:center;
text-decoration:underline;
font-size:13px;
height: 20px;
width:180px;
background-color:#333333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
 
.awesome,
.awesome:visited{
background:#222 url('../images/alert-overlay.png') repeat-x;display:inline-block;
width:98px;
padding:5px 3px 6px;
color:#fff;
text-decoration:none;
border-radius:5px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border-bottom:1px solid rgba(0,0,0,0.25);
position:relative;
cursor:pointer
}
.awesome:hover{background-color:#111;color:#fff}
.awesome:active{top:1px}

div.topbar
{
width:100%;
height:auto;
display:block;
background-color: rgba(0, 0, 0, 0.5);
background-image:url(../images/logo.png);
background-position:right top;
background-repeat:no-repeat;
padding-bottom:8px;
/* enlever le menu flottant position:fixed; */
z-index:10;
}

div.topbars
{
padding-top:108px;
width:100%;
height:auto;
display:block;
background-color: rgba(0, 0, 0, 0.5);
background-image:url(../images/logo.png);
background-position:right top;
background-repeat:no-repeat;
padding-bottom:2px;
}


#navbar{width:auto; display:block; height:30px;}

#footer{width:auto; display:block; height:24px;}

#passtextdeb{
text-align:right;
font-size:25px;
width:140px;}
#passtextfin{
text-align:center;
font-size:25px;
width:164px;}
#passpoint{
font-size:25px;
width:8px;
}
#passluth1{font-size:25px;position:relative;width:85px;text-align:center}
#passluth1 p{position:relative;}
#passluth2{font-size:25px;position:relative;width:85px;text-align:center}
#passluth2 p{position:relative;}
.cache {display:none;}

#titreacc
{
text-align:center;
margin-left:auto;
margin-right:auto;
}

#ombre1
{
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

#ombre2
{
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

#ombreimg
{
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
box-shadow: 1px 1px 10px #AAA;

}

#panorama
{
background-color: rgba(0, 0, 0, 0.5);
margin:5px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
box-shadow: 1px 1px 10px #AAA;

}

img.imgatelg{
float:left;
height:225px;
margin-right:10px;
margin-left:5px;
box-shadow: 1px 1px 50px #000;
}

img.imgateld{
float:right;
height:225px;
margin-left:10px;
margin-right:5px;
box-shadow: 1px 1px 50px #000;
}

#txtad{
margin-top:50px;
margin-right:10px;
margin-left:229px;
min-height:320px;
}

#txtag{
margin-top:0px;
padding-top:0px;
margin-right:320px;
margin-left:10px;
min-height:199px;
}



#cadrebois1
{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
box-shadow: 1px 1px 50px #000;
}

#cadrebois2
{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
box-shadow: 1px 1px 50px #000;
}

#cadrecontact
{
	border:solid;
	border-width:2px;
	width:400px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

#cadreatelier
{
	width:810px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	}
	
#cadrealbum
{
    width:280px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 60px / 24px;
	-moz-border-radius: 60px / 24px;
	border-radius: 60px / 24px;
	}
	
#cadreinfo
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	}

#mar
{
	margin-left:10px;
	margin-right:5px;
	width:400px;
}

.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 4s;
	-moz-transition: opacity 4s;
	transition: opacity 4s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position:  center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}

img.infoimage{
position:fixed;
  top: 50%;
  left: 50%;
  margin-top: -190px;
  margin-left: -161px;
display:block;
z-index:15;
/*opacity: 0.9;filter(opacity=90);*/
}

li.tarbou
{
color:#CCCCCC;
cursor:pointer;
}
li.tarbou:hover
{
color:#FFFFFF;
}
#tariffen
{
width:100%;
height:200px;
position:absolute;/*ou fixed*/
z-index:20;
background-color: rgba(0, 0, 0, 0.94);
}

#tariffen{visibility:hidden;}

#tariftxt{
	font-size: 1%;
	margin-left:20%;
	margin-right:20%;
	margin-top:100px;
	text-align:left;
	color:#FFFFFF;}
	
#tariful{
margin-bottom:100px;
}

p.tariftxt{
margin-left:0;
}

.centr
{
text-align:center;
margin-top:30px;}

.gauche
{
text-align:left;
margin-top:30px;}

.bloc{
margin-bottom:50px;
margin-top:50px;}

.chiffre{
font-family: 'Cardo', serif;
}

#imga{
width:300;
}
.slideshowa { position: relative; width:199px; margin-top:0px; margin-left:10px;}
.slideshowa li { position: absolute; left: 0; right:0; top: 0; width: 199px; height: 300px; display: none; list-style: none; }
.slideshowa li:first-child { display: block; }
.slideshowb { position: relative; width:300px; margin-top:0px; margin-left:500px;}
.slideshowb li { position: absolute; left: 0; right:0; top: 0; width: 300px; height: 199px; display: none; list-style: none; }
.slideshowb li:first-child { display: block; }
