/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(../img/fond_site.jpg);
 background-repeat:no-repeat;
 background-position:left -100px;
 background-size: cover;
 margin-bottom:50px;
 color : #a6bab5;
 font-size:9pt;
 text-align:justify;
}

#indexcontent
{ 
 width: 1024px; 
 text-align: center;
 border: 0px; 
 padding: 0;  
 margin: 0 auto; 
} 

a img {
   border:0;
}

.index{
text-align:center;
}
h1 a{
	font-size:12pt; 
	color : #faf0c5;
	font-weight: bold;
	font-style:normal;
}

h2{
	font-size:10pt; 
	color : #faf0c5;
	font-weight: bold;
	font-style:normal;
	margin-bottom:-8px;
}


.lettrine{
	float: left;
	width: .75em;
	font-size: 31px;
	line-height: 25px;
	font-weight: bold;
}

p {
 padding: 10px;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
}

#content { 
 float: left;
 background-color: rgba(255, 255, 255, 0.1);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF)";
 background-repeat:no-repeat;
 width: 655px;
 display: inline;
 padding-left:45px;
 padding-right:25px;
 text-align: justify;
 font-style:italic;
 min-height:420px;
 
}

#header {
 color: #333;
 width: 960px;
 float: right;
 height: 276px;
 margin-bottom:-45px;
}



#footer { 
 width: 960px;
 height: 25px;
 clear: both;
 color: #333333;
 background: #a6bab5;
 text-align : center; 
 margin : 0 auto;
 padding-top:5px;
}

#footer a {
	color : #333333;
}
#leftcolumn { 
 background-color: #333333;
 filter: alpha(opacity=85)-moz-opacity:0.85; 
 opacity: 0.85;
 width: 235px;
 float: left;
 min-height:420px;
}

.titrelien{
 text-align:center;
 font-size: 12px;
 font-weight : bold;
 
}

.imglien{
 max-height:128px;
 max-width:180px;
 border : 2px solid black;
}

.tablelien{
 border-bottom-left-radius:10px; 
border-bottom-right-radius:10px;
background:#faf0c5;
color : #333333;
}

.textelien{
 text-align:justify;
 padding-left:10px;
 padding-right:10px;
}

.boutonMenu{
 background-image:url(../img/bouton_menu.png);
 height: 65px;
 width: 205px;
 padding-left:60px;
 text-align:left;
 font-size: 22px;
 font-weight : bold;
 padding-top : 10px;
 background-repeat:no-repeat; 
 position: relative;
}

.boutonMenuMedium{
 background-image:url(../img/bouton_menu_medium.png);
 height: 99px;
 width: 205px;
 padding-left:60px;
 text-align:left;
 font-size: 22px;
 font-weight : bold;
 padding-top : 10px;
 background-repeat:no-repeat; 
 position: relative;
}

.boutonMenuBig{
 background-image:url(../img/bouton_menu_big.png);
 height: 99px;
 width: 205px;
 padding-left:60px;
 text-align:left;
 font-size: 22px;
 font-weight : bold;
 padding-top : 10px;
 background-repeat:no-repeat; 
 position: relative;
}

.boutonMenuOff{
 min-height: 55px;
 width: 205px;
 margin-left:-10px;
 padding-left:60px;
 text-align:left;
 font-size: 20px;
 color : #a6bab5;
 font-weight : bold;
}

.boutonSousMenu{
 height: 50px;
 width: 205px;
 padding-left:2px;
 text-align:left;
 font-size: 13px;
 color : #a6bab5;
 font-weight : bold;
 display : block;
}

.boutonSousMenuLien{
 height: 50px;
 width: 205px;
 padding-left:15px;
 text-align:left;
 font-size: 13px;
 color : #a6bab5;
 font-weight : bold;
 display : none;
}

.boutonSousMenuOn{
 height: 50px;
 width: 205px;
 padding-left:2px;
 text-align:left;
 font-size: 13px;
 color : #a6bab5;
 font-weight : bold;
}

.tarifs td{
	border-width:0px;
	color : #333333;
  border-style:solid;
  padding:4px;
}
.tarifs {
 border-width:0px; 
 border-style:solid; 
 background-color : #a6bab5;
 color : #333333;
}

.reservation{
	font-size:8px;
	padding:4px;
}

.reservation td{
	font-size:11px;
	border : 1px solid #333333;
	

}

.plan {
 margin-left:20px;
}
.plan a{
 font-size : 14px;
 color : #a6bab5;
}

.plan li{
list-style-type: circle; 
}

ul, li { 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

.services li{ 
list-style-type: square; 
}

a {
	text-decoration : none;
}

.boutonMenu a, .boutonMenuMedium a, .boutonMenuBig a {
	color: #333333;
}
.boutonMenuBig a {
	color: #333333;
}

.boutonMenuOff a {
	color: #a6bab5;
}
.disponible{
	background-color: #faf0c5 ;
	border : 1px solid #333333;
}

.reserve{
	background-color: #95adba ;
	border : 1px solid #333333;
}
.confirme{
	background-color: #5472ae ;
	border : 1px solid #333333;
}
.indispo{
	background-color: #333333 ;
	border : 1px solid #333333;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#sliderPresentation {
	position:relative;
    width:415px;
    height:275px;
	margin-left:100px;
	background:url(../slider/images/loading.gif) no-repeat 50% 50%;
}

#slider {
	position:relative;
    width:260px;
    height:195px;
    margin-left:5px;
	background:url(../slider/images/loading.gif) no-repeat 50% 50%;
	border : 4px solid black;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:relative;
	margin: 0 auto;
	bottom:-200px;
	width:260px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../slider/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../slider/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.nivoSlider span{
	background:url(../img/loupe.png) no-repeat;
	position:relative; 
	left:80px; 
	top:50px;
	z-index:10;
	width:120px;
	height:120px;
	display:none;
}

.nivoSlider a:hover span{
	display:block;
}